*{box-sizing:border-box}body{color:#0f172a;background:#f1f5f9;margin:0;font-family:system-ui,sans-serif}.app{max-width:1500px;margin:0 auto;padding:24px}header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}header h1{margin:0;font-size:1.5rem}header select{border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px;font-size:1rem}.header-right{align-items:center;gap:12px;display:flex}.sync-info{color:#64748b;font-size:.8rem}.header-right button{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:6px 14px;font-size:.9rem}.header-right button:disabled{opacity:.6;cursor:wait}.kpis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px;display:grid}.kpi{background:#fff;border-top:3px solid #94a3b8;border-radius:10px;flex-direction:column;gap:4px;padding:14px;display:flex;box-shadow:0 1px 3px #00000014}.kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.kpi-value{font-size:1.25rem;font-weight:700}.grid{grid-template-columns:2fr 1fr;gap:16px;margin-bottom:20px;display:grid}@media (width<=800px){.grid{grid-template-columns:1fr}}.card{background:#fff;border-radius:10px;padding:18px;box-shadow:0 1px 3px #00000014}.card h2{color:#334155;margin:0 0 12px;font-size:1rem}.card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-header select{border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px}.fee-controls{align-items:center;gap:8px;display:flex}.btn-export{color:#fff;background:#059669;border-radius:6px;padding:5px 12px;font-size:.85rem;text-decoration:none}.btn-export:hover{background:#047857}.btn-export{cursor:pointer;border:none}.btn-logout{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 10px}.login-wrap{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:14px;flex-direction:column;gap:14px;width:320px;padding:36px;display:flex;box-shadow:0 4px 20px #0000001a}.login-card h1{text-align:center;margin:0;font-size:1.2rem}.login-card input{border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;font-size:1rem}.login-card button{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:10px;font-size:1rem}.login-error{color:#dc2626;text-align:center;margin:0;font-size:.85rem}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:right;border-bottom:1px solid #e2e8f0;padding:8px 10px}th:first-child,td:first-child{text-align:left}th{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:600}.neg{color:#dc2626}.pos{color:#059669;font-weight:600}.loading,.error{text-align:center;color:#64748b;padding:60px}.error{color:#dc2626}.topnav{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.topnav-tabs{gap:4px;display:flex}.topnav .tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 18px;font-size:1rem}.topnav .tab.active{color:#0f172a;border-bottom-color:#0f172a;font-weight:700}.topnav .tab:hover{color:#0f172a}.stock-track{background:#e2e8f0;border-radius:6px;width:100%;height:12px;overflow:hidden}.stock-fill{border-radius:6px;height:100%;transition:width .3s}.stock-legend{color:#64748b;gap:18px;margin-bottom:12px;font-size:.8rem;display:flex}.stock-legend span{align-items:center;gap:6px;display:flex}.stock-legend i{border-radius:3px;width:12px;height:12px;display:inline-block}.stock-tabs{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.stock-tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;display:flex}.stock-tab:hover{color:#0f172a}.stock-tab.active{font-weight:700}.stock-tab i{border-radius:3px;width:11px;height:11px;display:inline-block}.stock-tab-count{color:#475569;background:#e2e8f0;border-radius:10px;padding:1px 8px;font-size:.75rem;font-weight:600}.stock-tab.active .stock-tab-count{color:#fff;background:currentColor}.stock-search{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;width:100%;margin-bottom:16px;padding:9px 12px;font-size:.9rem}.stock-search:focus{border-color:#0f172a;outline:none}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:16px;display:grid}.summary-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000001a}.summary-head{color:#fff;text-align:center;padding:16px}.summary-head span:first-child{letter-spacing:.03em;font-size:1.1rem;font-weight:800;display:block}.summary-period{background:#ffffff40;border-radius:6px;margin-top:8px;padding:3px 14px;font-size:.85rem;display:inline-block}.summary-body{padding:16px}.summary-units{text-align:center;color:#0f172a;font-size:1.9rem;font-weight:800}.summary-units-cap{text-align:center;color:#64748b;margin-bottom:14px;font-size:.8rem}.summary-money{justify-content:space-between;padding:8px 0 14px;display:flex}.summary-money .lbl{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;display:block}.summary-money .right{text-align:right}.summary-sub{text-align:center;color:#475569;background:#f1f5f9;margin:0 -16px;padding:8px;font-weight:700}.summary-top{margin:0;padding:0;list-style:none}.summary-top li{border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;padding:9px 0;font-size:.9rem;display:flex}.summary-top li:last-child{border-bottom:none}.summary-top .qty{color:#334155;min-width:46px;font-weight:700}.summary-top .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.summary-top .rev{color:#0f172a;font-weight:700}.summary-money3{gap:6px}.summary-money3>div{flex:1}.summary-money3 .lbl{font-size:.68rem}.summary-money3 span:not(.lbl){font-size:.92rem}.summary-top .thumb{object-fit:contain;background:#f1f5f9;border-radius:4px;flex:none;width:34px;height:34px}.summary-top .thumb-empty{display:inline-block}.country-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:18px;display:grid}@media (width<=900px){.country-grid{grid-template-columns:1fr}}.country-table{max-height:430px;overflow-y:auto}.country-grid svg path:hover{opacity:.8;cursor:pointer}.map-toggle{border:1px solid #cbd5e1;border-radius:8px;display:inline-flex;overflow:hidden}.map-toggle button{color:#475569;cursor:pointer;background:#fff;border:none;padding:6px 14px;font-size:.85rem}.map-toggle button.active{color:#fff;background:#4f46e5;font-weight:600}.vpanel-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.vpanel-grid{grid-template-columns:1fr}}.vpanel{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #00000014}.vpanel-head{color:#fff;text-align:center;letter-spacing:.03em;background:#4f46e5;padding:10px;font-size:.92rem;font-weight:700}.vpanel-body{padding:16px}.donut-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.donut-legend{color:#475569;justify-content:center;gap:14px;font-size:.8rem;display:flex}.donut-legend span{align-items:center;gap:5px;display:inline-flex}.donut-legend i{border-radius:50%;width:10px;height:10px;display:inline-block}.ppc-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:10px;display:grid}.ppc-grid .lbl{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;display:block}.ppc-grid .val{font-size:1.15rem;font-weight:700}.daterange{display:inline-block;position:relative}.daterange-btn{cursor:pointer;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px;font-size:.85rem}.daterange-pop{z-index:30;background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:12px;padding:10px;display:flex;position:absolute;top:110%;right:0;box-shadow:0 8px 24px #0000001f}.daterange-presets{border-right:1px solid #e2e8f0;flex-direction:column;min-width:150px;padding-right:10px;display:flex}.daterange-presets button{text-align:left;cursor:pointer;color:#334155;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:7px 10px;font-size:.85rem}.daterange-presets button:hover{color:#0f172a;background:#f1f5f9}.daterange-custom{flex-direction:column;justify-content:center;gap:8px;display:flex}.daterange-custom label{color:#64748b;flex-direction:column;gap:3px;font-size:.72rem;display:flex}.daterange-custom input{border:1px solid #cbd5e1;border-radius:6px;padding:5px 8px;font-size:.85rem}.daterange-close{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:6px;padding:6px 12px;font-size:.85rem}.btn-clear{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 10px;font-size:.8rem}.wide-table{font-size:.82rem}.wide-table th,.wide-table td{white-space:nowrap;padding:7px 8px}.wide-table td:first-child,.wide-table th:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.est-dot{color:#f59e0b;cursor:help;margin-right:5px;font-weight:700}.mini-toggle{border:1px solid #cbd5e1;border-radius:6px;margin-bottom:8px;display:inline-flex;overflow:hidden}.mini-toggle button{color:#475569;cursor:pointer;background:#fff;border:none;padding:5px 14px;font-size:.78rem;font-weight:600}.mini-toggle button.active{color:#fff;background:#4f46e5}.full-tip{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-width:320px;padding:8px 10px;box-shadow:0 4px 14px #0000001f}.full-tip-title{color:#0f172a;font-size:.82rem;font-weight:600;line-height:1.25}.full-tip-sku{color:#94a3b8;margin-top:2px;font-size:.7rem}.full-tip-val{color:#0f766e;margin-top:4px;font-size:.85rem;font-weight:700}.full-legend{margin:8px 0 0;padding:0;list-style:none}.full-legend li{color:#334155;align-items:flex-start;gap:7px;padding:3px 0;font-size:.78rem;line-height:1.3;display:flex}.full-legend i{border-radius:50%;flex:none;width:10px;height:10px;margin-top:4px}.full-legend span{flex:1}.full-legend b{white-space:nowrap;color:#0f172a}.wide-table td.wrap-cell{white-space:normal;max-width:320px;line-height:1.3}