.section-label{display:flex;align-items:center;gap:10px;margin-bottom:12px;margin-top:4px}.section-label-text{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:1.8px;color:var(--text3);text-transform:uppercase;white-space:nowrap}.section-label-line{flex:1;height:1px;background:var(--border);opacity:.6}.analytics-meta{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-family:var(--font-mono);font-size:10px;color:var(--text3);flex-wrap:wrap}.analytics-meta-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.analytics-meta-divider{width:1px;height:12px;background:var(--border2)}.icon{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:16px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20;vertical-align:middle;-webkit-user-select:none;user-select:none}.icon-sm{font-size:14px}.icon-md{font-size:18px}.icon-lg{font-size:22px}.icon-fill{font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 20}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0c10}:root{--bg: #0a0c10;--surface: #111318;--surface2: #181c24;--border: #1e2330;--border2: #252d3d;--cyan: #00d4ff;--cyan-dim: rgba(0,212,255,.12);--cyan-glow: rgba(0,212,255,.25);--green: #00e5a0;--green-dim: rgba(0,229,160,.12);--red: #ff4d6a;--red-dim: rgba(255,77,106,.12);--yellow: #ffd166;--yellow-dim: rgba(255,209,102,.12);--text: #e8eaf0;--text2: #7c859e;--text3: #4a5168;--font-display: "Syne", sans-serif;--font-mono: "JetBrains Mono", monospace}.app{font-family:var(--font-display);background:var(--bg);min-height:100vh;color:var(--text)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative;overflow:hidden}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(0,212,255,.06) 0%,transparent 70%);pointer-events:none}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:48px 48px;opacity:.4;pointer-events:none}.login-card{position:relative;z-index:1;width:400px;background:var(--surface);border:1px solid var(--border2);border-radius:16px;padding:48px 40px}.login-logo{display:flex;align-items:center;gap:10px;margin-bottom:36px}.login-logo-icon{width:36px;height:36px;background:var(--cyan);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.login-logo-text{font-size:18px;font-weight:800;letter-spacing:-.5px;color:#fff;font-family:var(--font-mono)}.login-logo-sub{font-size:11px;color:var(--text2);font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase}.login-title{font-size:26px;font-weight:800;margin-bottom:8px;letter-spacing:-.5px;color:#fff;font-family:var(--font-mono)}.login-sub{color:var(--text2);font-size:14px;margin-bottom:32px;color:#fff;font-family:var(--font-mono)}.field{margin-bottom:20px}.field label{display:block;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text2);margin-bottom:8px;font-family:var(--font-mono)}.field input{width:100%;background:var(--surface2);border:1px solid var(--border2);border-radius:8px;padding:12px 14px;color:var(--text);font-size:14px;font-family:var(--font-display);outline:none;transition:border-color .2s}.field input:focus{border-color:var(--cyan)}.btn-primary{width:100%;background:var(--cyan);color:#000;border:none;border-radius:8px;padding:13px;font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font-display);letter-spacing:.3px;transition:opacity .15s,transform .1s}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.login-error{color:var(--red);font-size:12px;margin-top:10px;text-align:center;font-family:var(--font-mono)}.dash{display:flex;flex-direction:column;min-height:100vh}.topbar{height:60px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:16px;position:sticky;top:0;z-index:100}.topbar-logo{display:flex;align-items:center;gap:10px;margin-right:8px}.topbar-logo-icon{width:28px;height:28px;background:var(--cyan);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px}.topbar-brand{font-size:19px;font-weight:800;letter-spacing:-.3px;font-family:var(--font-mono)}.topbar-divider{width:1px;height:20px;background:var(--border2)}.topbar-title{font-size:13px;color:var(--text2);font-family:var(--font-mono)}.topbar-spacer{flex:1}.badge-period{font-family:var(--font-mono);font-size:11px;padding:4px 10px;background:var(--cyan-dim);color:var(--cyan);border-radius:20px;border:1px solid rgba(0,212,255,.2)}.btn-logout{background:transparent;border:1px solid var(--border2);color:var(--text2);padding:6px 14px;border-radius:6px;font-size:12px;cursor:pointer;font-family:var(--font-display);transition:all .15s}.btn-logout:hover{border-color:var(--red);color:var(--red)}.main{flex:1;padding:28px;max-width:1400px;width:100%;margin:0 auto}.upload-zone{border:2px dashed var(--border2);border-radius:16px;padding:56px;text-align:center;cursor:pointer;transition:all .2s;background:var(--surface)}.upload-zone:hover,.upload-zone.drag{border-color:var(--cyan);background:var(--cyan-dim)}.upload-icon{font-size:40px;margin-bottom:16px}.upload-title{font-size:18px;font-weight:700;margin-bottom:8px}.upload-sub{color:var(--text2);font-size:13px;font-family:var(--font-mono)}.upload-hint{color:var(--text3);font-size:11px;margin-top:6px}.config-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:28px}.config-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.config-title{font-size:14px;font-weight:700;letter-spacing:.3px;display:flex;align-items:center;gap:8px}.config-title-dot{width:8px;height:8px;background:var(--cyan);border-radius:50%}.btn-toggle{background:transparent;border:1px solid var(--border2);color:var(--text2);padding:5px 12px;border-radius:6px;font-size:11px;cursor:pointer;font-family:var(--font-mono);transition:all .15s}.btn-toggle:hover{border-color:var(--cyan);color:var(--cyan)}.config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.config-field{display:flex;flex-direction:column;gap:6px}.config-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text2);font-family:var(--font-mono)}.config-input{background:var(--surface2);border:1px solid var(--border2);border-radius:8px;padding:9px 12px;color:var(--text);font-size:13px;font-family:var(--font-mono);outline:none;transition:border-color .2s}.config-input:focus{border-color:var(--cyan)}.config-select{background:var(--surface2);border:1px solid var(--border2);border-radius:8px;padding:9px 12px;color:var(--text);font-size:13px;font-family:var(--font-mono);outline:none;cursor:pointer}.config-divider{height:1px;background:var(--border);margin:20px 0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:28px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px 22px;position:relative;overflow:hidden;transition:border-color .2s}.kpi-card:hover{border-color:var(--border2)}.kpi-card.cyan{border-top:2px solid var(--cyan)}.kpi-card.green{border-top:2px solid var(--green)}.kpi-card.red{border-top:2px solid var(--red)}.kpi-card.yellow{border-top:2px solid var(--yellow)}.kpi-card.purple{border-top:2px solid #a78bfa}.kpi-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text2);font-family:var(--font-mono);margin-bottom:10px}.kpi-value{font-size:26px;font-weight:700;font-family:var(--font-mono);letter-spacing:-1px;line-height:1}.kpi-value.cyan{color:var(--cyan)}.kpi-value.green{color:var(--green)}.kpi-value.red{color:var(--red)}.kpi-value.yellow{color:var(--yellow)}.kpi-value.purple{color:#a78bfa}.kpi-sub{font-size:11px;color:var(--text3);margin-top:6px;font-family:var(--font-mono)}.kpi-pct{font-size:11px;margin-top:4px;font-family:var(--font-mono)}.kpi-glow{position:absolute;bottom:-20px;right:-20px;width:80px;height:80px;border-radius:50%;filter:blur(30px);opacity:.15}.cyan-glow{background:var(--cyan)}.green-glow{background:var(--green)}.red-glow{background:var(--red)}.yellow-glow{background:var(--yellow)}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.section-title{font-size:14px;font-weight:700;letter-spacing:.2px}.section-count{font-family:var(--font-mono);font-size:11px;color:var(--text2);background:var(--surface2);padding:3px 8px;border-radius:20px;border:1px solid var(--border)}.section-spacer{flex:1}.filter-bar{display:flex;gap:10px;margin-bottom:14px}.search-input{flex:1;background:var(--surface);border:1px solid var(--border2);border-radius:8px;padding:9px 14px;color:var(--text);font-size:13px;font-family:var(--font-display);outline:none}.search-input:focus{border-color:var(--cyan)}.filter-select,.rows-per-page{background:var(--surface);border:1px solid var(--border2);border-radius:8px;padding:9px 12px;color:var(--text);font-size:12px;font-family:var(--font-mono);outline:none;cursor:pointer}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}thead tr{background:var(--surface2)}thead th{padding:12px 14px;text-align:left;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text2);font-family:var(--font-mono);white-space:nowrap;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none}thead th:hover{color:var(--cyan)}thead th .sort-arrow{margin-left:4px;opacity:.5}tbody tr{border-bottom:1px solid var(--border);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--surface2)}tbody td{padding:11px 14px;white-space:nowrap;font-family:var(--font-mono);font-size:12px}.td-order{color:var(--cyan);font-weight:600}.td-product{font-family:var(--font-display);font-size:12px;color:var(--text);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-num{text-align:right}.td-green{color:var(--green)}.td-red{color:var(--red)}.td-yellow{color:var(--yellow)}.td-dim{color:var(--text2)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:600;font-family:var(--font-mono);letter-spacing:.5px}.badge.profit{background:var(--green-dim);color:var(--green);border:1px solid rgba(0,229,160,.2)}.badge.loss{background:var(--red-dim);color:var(--red);border:1px solid rgba(255,77,106,.2)}.badge.breakeven{background:var(--yellow-dim);color:var(--yellow);border:1px solid rgba(255,209,102,.2)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-top:1px solid var(--border);background:var(--surface2)}.page-info{font-size:11px;color:var(--text2);font-family:var(--font-mono)}.page-btns{display:flex;gap:4px}.page-btn{background:transparent;border:1px solid var(--border2);color:var(--text2);padding:5px 10px;border-radius:6px;font-size:11px;cursor:pointer;font-family:var(--font-mono);transition:all .15s}.page-btn:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.page-btn:disabled{opacity:.3;cursor:default}.page-btn.active{background:var(--cyan-dim);border-color:var(--cyan);color:var(--cyan)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}.roas-bar-wrap{margin-top:4px}.roas-bar-track{height:4px;background:var(--surface2);border-radius:2px;overflow:hidden}.roas-bar-fill{height:100%;border-radius:2px;transition:width .3s}.tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:4px;width:fit-content}.tab{padding:7px 18px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;color:var(--text2);border:none;background:transparent;font-family:var(--font-display)}.tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000004d}.empty-state{padding:48px;text-align:center;color:var(--text2);font-family:var(--font-mono);font-size:13px}.section-mb{margin-bottom:28px}.file-info{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;background:var(--green-dim);border:1px solid rgba(0,229,160,.2);border-radius:8px;font-size:12px;font-family:var(--font-mono);color:var(--green)}.btn-clear{background:transparent;border:none;color:var(--text3);font-size:16px;cursor:pointer;margin-left:auto}.btn-clear:hover{color:var(--red)}.kpi-info-wrap{position:absolute;top:13px;right:13px}.kpi-info-btn{width:18px;height:18px;border-radius:50%;background:var(--surface2);border:1px solid var(--border2);color:var(--text3);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;transition:all .15s;line-height:1;flex-shrink:0}.kpi-info-btn:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim)}.kpi-tooltip{position:absolute;top:26px;right:0;width:220px;background:#1a1f2e;border:1px solid var(--border2);border-radius:10px;padding:13px 14px;font-size:11.5px;color:var(--text2);line-height:1.65;z-index:999;box-shadow:0 10px 30px #0009;font-family:var(--font-display)}.kpi-tooltip strong{color:var(--text);display:block;margin-bottom:5px;font-size:12px;font-weight:700}.kpi-tooltip .tt-formula{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:10px;color:var(--cyan);line-height:1.7}@media (max-width: 768px){.topbar{padding:10px 16px;gap:10px;height:auto;min-height:56px;flex-wrap:wrap}.topbar-title,.topbar-divider{display:none}.badge-period{font-size:10px;padding:3px 8px}.btn-logout{padding:5px 10px;font-size:11px}.main{padding:16px}.login-card{width:92vw;padding:32px 24px}.login-title{font-size:22px}.upload-zone{padding:36px 20px}.upload-title{font-size:15px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-value{font-size:20px}.kpi-card{padding:14px 16px}.config-panel{padding:16px}.config-grid{grid-template-columns:repeat(2,1fr);gap:10px}.config-panel>div>div[style*=flex]{flex-direction:column!important}.tabs{width:100%}.tab{flex:1;text-align:center;padding:7px 10px}.filter-bar{flex-wrap:wrap}.search-input{min-width:100%}.filter-select,.rows-per-page{flex:1}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:700px}.pagination{flex-direction:column;gap:10px;align-items:flex-start}.main>div[style*=maxWidth]{padding:12px 16px!important}.section-header{flex-wrap:wrap;gap:8px}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi-value{font-size:18px;letter-spacing:-.5px}.kpi-label{font-size:9px}.config-grid{grid-template-columns:1fr}.topbar{gap:8px}.topbar-brand{font-size:13px}}@media (max-width: 640px){.topbar-user{display:none}}@media (max-width: 768px){.table-scroll table{font-size:11px}table th,table td{padding:8px 10px}.btn-toggle{padding:5px 10px;font-size:11px}.analytics-actions{flex-wrap:wrap;gap:6px}}@media (max-width: 400px){table th,table td{padding:6px 7px}.kpi-grid{grid-template-columns:1fr}}.kpi-scroll-row{display:grid;gap:16px;margin-bottom:12px}@media (max-width: 700px){.kpi-scroll-row{display:flex;overflow-x:auto;gap:10px;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.kpi-scroll-row::-webkit-scrollbar{display:none}.kpi-scroll-row .kpi-card{flex:0 0 200px;min-width:200px}}