@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-main:#0a0813;--bg-gradient:linear-gradient(135deg, #0d091e 0%, #05040a 100%);--panel-bg:#14102699;--panel-border:#ffffff14;--panel-border-hover:#ffffff2e;--color-primary:#00f0ff;--color-secondary:#bd00ff;--color-accent:#ff007a;--color-success:#0f6;--color-warning:#ffb800;--text-primary:#f3f0ff;--text-secondary:#a5a1b8;--text-muted:#6b6880;--glow-cyan:0 0 15px #00f0ff59;--glow-purple:0 0 15px #bd00ff59;--shadow-main:0 8px 32px 0 #0000005e;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1);--border-radius-lg:16px;--border-radius-md:10px;--border-radius-sm:6px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-main);background-image:var(--bg-gradient);color:var(--text-primary);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}.auth-page{place-items:center;min-height:100vh;padding:2rem;display:grid}.auth-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--border-radius-lg);width:min(460px,100%);box-shadow:var(--shadow-main);padding:2rem}.auth-brand{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.auth-logo{object-fit:cover;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;width:54px;height:54px}.auth-kicker{color:var(--color-primary);letter-spacing:.08em;font-size:.8rem;font-weight:800}.auth-brand h1{font-size:1.65rem}.auth-form{gap:.9rem;display:grid}.auth-code-input{letter-spacing:.22em;text-align:center;font-size:1.4rem}.auth-button{width:100%;margin-top:.5rem}.auth-message{border-radius:var(--border-radius-sm);padding:.75rem .9rem;font-size:.9rem}.auth-message-success{color:var(--color-success);background:#00ff6614;border:1px solid #0f63}.auth-message-error{color:#ff8aa0;background:#ff007a14;border:1px solid #ff007a33}.auth-link-button{color:var(--text-secondary);cursor:pointer;font:inherit;background:0 0;border:none;padding:.25rem}.auth-link-button:hover{color:var(--color-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#bd00ff33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00f0ff66}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}.app-container{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--panel-border);background:#08060fd9;flex-direction:column;height:100vh;padding:2rem 1.5rem;display:flex;position:sticky;top:0}.logo-section{align-items:center;gap:.75rem;margin-bottom:3rem;display:flex}.sidebar-nav{flex-direction:column;flex:1;min-height:0;padding-right:.25rem;display:flex;overflow-y:auto}.logo-icon{width:42px;height:42px;box-shadow:var(--glow-cyan);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.logo-image{object-fit:cover;width:100%;height:100%;display:block}.logo-text{text-transform:uppercase;background:linear-gradient(to right, #fff, var(--color-primary));-webkit-text-fill-color:transparent;letter-spacing:.05em;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.nav-links{flex-direction:column;gap:.5rem;list-style:none;display:flex}.nav-links-footer{border-top:1px solid #ffffff0f;margin-top:auto;padding-top:1rem}.nav-item{color:var(--text-secondary);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:1rem;padding:.85rem 1rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover,.nav-item.active{color:var(--text-primary);background:#ffffff0d}.nav-item.active{border-left:3px solid var(--color-primary);background:linear-gradient(90deg,#00f0ff26 0%,#fff0 100%);box-shadow:inset 1px 0 #00f0ff33}.nav-icon{font-size:1.2rem}.main-content{width:100%;min-width:0;max-width:1400px;margin:0 auto;padding:2.5rem}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-main);transition:var(--transition-smooth);min-width:0;padding:2rem}.glass-panel:hover{border-color:var(--panel-border-hover)}.page-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.page-title{background:linear-gradient(to right, #fff 40%, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.25rem;font-weight:800}.page-subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--panel-border);border-radius:var(--border-radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);background:#08060f99;padding:.85rem 1.2rem;font-size:.95rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:var(--glow-cyan);background:#08060fcc;outline:none}.btn{font-family:var(--font-sans);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, #09f 100%);color:#05040a;box-shadow:var(--glow-cyan)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 20px #00f0ff99}.btn-secondary{color:var(--text-primary);border:1px solid var(--panel-border);background:#ffffff0d}.btn-secondary:hover{border-color:var(--panel-border-hover);background:#ffffff1a}.btn-accent{background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-accent) 100%);color:#fff;box-shadow:var(--glow-purple)}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 0 20px #bd00ff99}.btn-danger{color:#f36;background:#ff007a26;border:1px solid #ff007a4d}.btn-danger:hover{background:#ff007a4d}.table-container{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;margin-top:1.5rem;padding-bottom:.45rem;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.income-analysis-table{min-width:1780px}.income-analysis-table.youtube-analysis-table{table-layout:fixed;min-width:1280px}.income-analysis-table.twitch-analysis-table{table-layout:fixed;min-width:0}.youtube-analysis-table th,.youtube-analysis-table td{padding-left:.45rem;padding-right:.45rem}.youtube-analysis-table th{white-space:normal;vertical-align:bottom;letter-spacing:.035em;font-size:.76rem;line-height:1.25}.youtube-analysis-table th span{display:inline-block}.youtube-analysis-table td{font-size:.86rem}.youtube-analysis-table th:first-child,.youtube-analysis-table td:first-child{width:3.5%}.youtube-analysis-table th:nth-child(2),.youtube-analysis-table td:nth-child(2){width:6.5%}.youtube-analysis-table th:nth-child(3),.youtube-analysis-table td:nth-child(3){width:10%}.youtube-analysis-table th:nth-child(4),.youtube-analysis-table td:nth-child(4),.youtube-analysis-table th:nth-child(5),.youtube-analysis-table td:nth-child(5),.youtube-analysis-table th:nth-child(6),.youtube-analysis-table td:nth-child(6),.youtube-analysis-table th:nth-child(8),.youtube-analysis-table td:nth-child(8),.youtube-analysis-table th:nth-child(9),.youtube-analysis-table td:nth-child(9),.youtube-analysis-table th:nth-child(10),.youtube-analysis-table td:nth-child(10){width:7.5%}.youtube-analysis-table th:nth-child(7),.youtube-analysis-table td:nth-child(7){width:5.5%}.youtube-analysis-table th:nth-child(11),.youtube-analysis-table td:nth-child(11),.youtube-analysis-table th:nth-child(12),.youtube-analysis-table td:nth-child(12),.youtube-analysis-table th:nth-child(13),.youtube-analysis-table td:nth-child(13),.youtube-analysis-table th:nth-child(14),.youtube-analysis-table td:nth-child(14){width:7%}.twitch-analysis-table th,.twitch-analysis-table td{padding-left:.65rem;padding-right:.65rem}.twitch-analysis-table th{white-space:normal}.twitch-analysis-table th:first-child,.twitch-analysis-table td:first-child{width:4%}.twitch-analysis-table th:nth-child(2),.twitch-analysis-table td:nth-child(2){width:9%}.twitch-analysis-table th:nth-child(3),.twitch-analysis-table td:nth-child(3){width:17%}.twitch-analysis-table th:nth-child(4),.twitch-analysis-table td:nth-child(4){width:13%}.twitch-analysis-table th:nth-child(5),.twitch-analysis-table td:nth-child(5){width:10%}.twitch-analysis-table th:nth-child(6),.twitch-analysis-table td:nth-child(6){width:12%}.twitch-analysis-table th:nth-child(7),.twitch-analysis-table td:nth-child(7),.twitch-analysis-table th:nth-child(8),.twitch-analysis-table td:nth-child(8){width:8%}.twitch-analysis-table th:nth-child(9),.twitch-analysis-table td:nth-child(9),.twitch-analysis-table th:nth-child(10),.twitch-analysis-table td:nth-child(10){width:9%}.income-analysis-table th,.income-analysis-table td{white-space:nowrap}.income-analysis-table th:nth-child(3),.income-analysis-table td:nth-child(3){white-space:normal;min-width:150px}.income-analysis-table.youtube-analysis-table th{white-space:normal;line-height:1.2}.income-analysis-table.youtube-analysis-table td{white-space:nowrap}.income-analysis-table.youtube-analysis-table th:nth-child(3),.income-analysis-table.youtube-analysis-table td:nth-child(3){min-width:0}.income-analysis-table.twitch-analysis-table th{white-space:normal}.income-analysis-table.twitch-analysis-table th:nth-child(3),.income-analysis-table.twitch-analysis-table td:nth-child(3){min-width:0}.custom-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--panel-border);padding:1rem 1.25rem;font-size:.85rem;font-weight:600}.custom-table td{border-bottom:1px solid var(--panel-border);color:var(--text-primary);transition:var(--transition-smooth);padding:1.1rem 1.25rem;font-size:.95rem}.custom-table.youtube-analysis-table th,.custom-table.youtube-analysis-table td{padding-left:.45rem;padding-right:.45rem}.custom-table.youtube-analysis-table th{white-space:normal;letter-spacing:.035em;font-size:.76rem;line-height:1.2}.custom-table.youtube-analysis-table td{font-size:.86rem}.custom-table tr:hover td{background:#ffffff05}.custom-table tr.product-new-this-period td{color:#ff6b8a}.custom-table tr.product-new-this-period:hover td{background:#ff3a7014}.badge-danger-soft{color:#ff6b8a;background:#ff3a7029;border:1px solid #ff3a7059}.new-product-pill{color:#ff6b8a;text-transform:uppercase;letter-spacing:.04em;background:#ff3a7029;border:1px solid #ff3a7059;border-radius:999px;align-items:center;margin-left:.6rem;padding:.2rem .45rem;font-size:.72rem;font-weight:800;display:inline-flex}.alias-summary{flex-wrap:wrap;gap:.4rem;max-width:260px;display:flex}.alias-chip{color:var(--text-secondary);background:#ffffff0d;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.72rem;line-height:1.2;display:inline-flex}.alias-more{color:var(--color-primary);align-self:center;font-size:.72rem;font-weight:700}.badge{text-transform:uppercase;border-radius:30px;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-cyan{color:var(--color-primary);background:#00f0ff26}.badge-purple{color:var(--color-secondary);background:#bd00ff26}.badge-success{color:var(--color-success);background:#00ff6626}.badge-danger{color:var(--color-accent);background:#ff007a26}.badge-warning{color:var(--color-warning);background:#ffb80026}.stats-stack{gap:1.5rem;margin-bottom:2.5rem;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.stats-grid-primary{grid-template-columns:repeat(2,minmax(320px,1fr))}.stats-grid-secondary{grid-template-columns:repeat(4,minmax(180px,1fr));gap:1.25rem}.stat-card{padding:1.5rem}.stat-card-hero{padding:1.8rem}.stat-group-card{padding:1.5rem}.stat-card-compact{padding:0}.stat-label{color:var(--text-secondary);text-transform:uppercase;font-size:.85rem;font-weight:600}.stat-value{background:linear-gradient(135deg, white 60%, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:.5rem;font-size:2rem;font-weight:800}.stat-value.primary{background:linear-gradient(135deg, #fff 30%, var(--color-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.stat-card-hero .stat-label{font-size:.95rem}.stat-card-hero .stat-value{font-size:2.35rem}.stat-value-green{background:linear-gradient(135deg,#f3fff9 5%,#62ff9f 55%,#11d56d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.stat-desc{color:var(--text-muted);margin-top:.25rem;font-size:.8rem}.tax-rate-grid{grid-template-columns:repeat(4,minmax(140px,1fr));gap:1rem;display:grid}.tax-rate-field>span{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.45rem;font-size:.78rem;font-weight:700;display:block}.tax-rate-field>div{align-items:center;gap:.5rem;display:flex}.tax-rate-field strong{color:var(--text-secondary)}.setup-sections{gap:3rem;display:grid}.setup-section-heading{align-items:flex-start;gap:.9rem;margin-bottom:1rem;display:flex}.setup-section-heading>span{border-radius:var(--border-radius-sm);color:var(--color-primary);background:#00f0ff1f;padding:.3rem .5rem;font-size:.75rem;font-weight:800}.setup-section-heading h2{font-size:1.25rem}.setup-section-heading p{color:var(--text-secondary);margin-top:.25rem;font-size:.85rem}.setup-link-card{cursor:pointer;transition:var(--transition-smooth);justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.setup-link-card:hover{border-color:#00f0ff47;transform:translateY(-2px);box-shadow:0 18px 40px #00000040}.setup-link-card h3{margin-top:.3rem;font-size:1.15rem}.setup-link-card p{color:var(--text-secondary);max-width:640px;margin-top:.45rem;font-size:.9rem}.setup-link-eyebrow{color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800;display:inline-block}.setup-link-arrow{color:var(--color-primary);font-size:2rem;font-weight:700;line-height:1}.setup-api-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);align-items:start;gap:2rem;display:grid}.mailer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem;display:grid}.mailer-checkbox{flex-direction:column;justify-content:flex-end;display:flex}.mailer-checkbox input{width:18px;height:18px;margin-bottom:.55rem}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}.bar-list{gap:1rem;display:grid}.bar-row{gap:.45rem;display:grid}.bar-row-meta{justify-content:space-between;gap:1rem;font-size:.88rem;display:flex}.bar-track{background:#ffffff0f;border-radius:999px;width:100%;height:10px;overflow:hidden}.bar-fill{border-radius:999px;height:100%;box-shadow:0 0 14px #00f0ff2e}.analytics-pie-wrap{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:1.5rem;display:grid}.analytics-pie{border-radius:50%;width:180px;height:180px;margin:0 auto;position:relative}.analytics-pie:after{content:"";background:#0a0813f2;border:1px solid #ffffff0d;border-radius:50%;position:absolute;inset:24px}.analytics-legend{gap:.6rem;display:grid}.analytics-legend-item{align-items:center;gap:.6rem;font-size:.85rem;display:flex}.analytics-legend-item strong{margin-left:auto}.analytics-legend-swatch{border-radius:999px;flex:none;width:10px;height:10px}.trend-chart{border-radius:var(--border-radius-md);background:linear-gradient(#ffffff08,#ffffff03);border:1px solid #ffffff0d;width:100%;height:220px;padding:.5rem}.trend-label-row{color:var(--text-muted);grid-template-columns:repeat(auto-fit,minmax(28px,1fr));gap:.35rem;margin-top:.85rem;font-size:.74rem;display:grid}.dropzone{border-radius:var(--border-radius-lg);text-align:center;cursor:pointer;transition:var(--transition-smooth);background:#ffffff03;border:2px dashed #ffffff26;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.dropzone:hover,.dropzone.active{border-color:var(--color-primary);background:#00f0ff05;box-shadow:inset 0 0 20px #00f0ff0d}.dropzone-icon{color:var(--text-muted);transition:var(--transition-smooth);font-size:3rem}.dropzone:hover .dropzone-icon{color:var(--color-primary);transform:translateY(-5px)}.split-view{grid-template-columns:minmax(0,1fr);align-items:start;gap:2rem;display:grid}.split-view>*{min-width:0}.split-view>.glass-panel:first-child .custom-table th,.split-view>.glass-panel:first-child .custom-table td{padding-left:.65rem;padding-right:.65rem}.split-view>.glass-panel:first-child .custom-table th{font-size:.78rem}.split-view>.glass-panel:first-child .custom-table td{font-size:.88rem}.generation-card{border:1px solid var(--panel-border);border-radius:var(--border-radius-md);transition:var(--transition-smooth);background:#ffffff05;overflow:hidden}.generation-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;list-style:none;display:grid}.generation-card:hover{border-color:var(--panel-border-hover)}.generation-card-header{align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.generation-toggle{min-width:0;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:1rem;display:flex}.generation-name,.generation-count{display:block}.generation-name{font-weight:600}.generation-count{color:var(--text-muted);margin-top:.15rem;font-size:.75rem}.generation-chevron{color:var(--text-secondary);font-size:1.1rem;transition:transform .2s}.generation-chevron.expanded{transform:rotate(180deg)}.generation-members{border-top:1px solid var(--panel-border);color:var(--text-secondary);background:#00f0ff06;padding:.85rem 1rem 1rem;font-size:.85rem}.generation-members ol{gap:.45rem;padding-left:1.25rem;display:grid}.generation-members li::marker{color:var(--color-primary);font-weight:600}.product-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:1rem;display:grid}.sponsor-allocation-form-grid{grid-template-columns:minmax(120px,.9fr) minmax(140px,1fr) minmax(220px,1.35fr) 96px minmax(120px,.9fr) 180px;align-items:end;gap:1rem;display:grid}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:550px;max-height:90vh;overflow-y:auto}@media (max-width:1180px){.stats-grid-primary{grid-template-columns:minmax(0,1fr)}.stats-grid-secondary{grid-template-columns:repeat(2,minmax(220px,1fr))}.tax-rate-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.setup-api-grid,.mailer-grid,.analytics-grid,.analytics-pie-wrap,.product-form-grid,.sponsor-allocation-form-grid{grid-template-columns:minmax(0,1fr)}.setup-link-card{align-items:flex-start}.page-header{flex-wrap:wrap;align-items:flex-start;gap:1.25rem}}@media (max-width:720px){.stats-grid-secondary{grid-template-columns:minmax(0,1fr)}.analytics-pie{width:150px;height:150px}.setup-link-card{flex-direction:column}.setup-link-arrow{align-self:flex-end}.stat-card-hero .stat-value{font-size:2rem}}