:root{--bg:#f4f6fa;--card:#fff;--ink:#131a2a;--muted:#6b7280;--hair:#e7ebf2;--accent:#f97316;--accent-dark:#c2410c;--good:#059669;--warn:#d97706;--bad:#dc2626;--shopee:#ee4d2d;--lazada:#4f46e5;--tiktok:#111;--radius:16px;--shadow:0 1px 3px rgba(16,24,40,.08),0 8px 24px -12px rgba(16,24,40,.12)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.wrap{max-width:1240px;margin:0 auto;padding:24px 20px 64px}header.top{background:linear-gradient(120deg,#101a33,#1b2a52 60%,#25355f);border-radius:20px;color:#fff;padding:28px 32px;margin-bottom:20px;position:relative;overflow:hidden}header.top:after{content:"10.10";position:absolute;right:18px;top:50%;transform:translateY(-52%);font-size:120px;font-weight:800;letter-spacing:-4px;color:hsla(0,0%,100%,.06);line-height:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#fdba74;margin-bottom:10px}header.top h1{font-size:30px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px}header.top p{color:#c7d2fe;font-size:14px}.meta-row{display:flex;gap:18px;margin-top:14px;font-size:13px;color:#aeb9d4;flex-wrap:wrap}.meta-row b{color:#fff;font-weight:700}.langtoggle{position:absolute;top:16px;right:16px;display:flex;gap:6px;z-index:2}.langtoggle button{background:hsla(0,0%,100%,.12);color:#cbd5e1;border:1px solid hsla(0,0%,100%,.2);border-radius:99px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer}.langtoggle button.on{background:#fff;color:#0f172a;border-color:#fff}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.phase-tab{font-size:12px;padding:7px 12px}.chart-bar{cursor:pointer}.chart-tip{position:fixed;z-index:9999;background:#1e293b;color:#fff;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;pointer-events:none;opacity:0;transition:opacity .15s;box-shadow:0 4px 12px rgba(0,0,0,.25);white-space:nowrap}.tabs{background:#fff;border:1px solid var(--hair);border-radius:999px;padding:4px;box-shadow:var(--shadow)}.tab,.tabs{display:flex}.tab{border:0;background:transparent;padding:9px 18px;border-radius:999px;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;align-items:center;gap:8px}.tab.active{background:var(--ink);color:#fff}.tab .dot{width:9px;height:9px;border-radius:50%}.brands{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--hair);background:#fff;padding:9px 16px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer}.pill.active{background:#fff7ed;border-color:var(--accent);color:var(--accent-dark)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:20px}.kpi{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 22px;border:1px solid var(--hair);position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}.kpi.green:before{background:var(--good)}.kpi.blue:before{background:#2563eb}.kpi.violet:before{background:#7c3aed}.kpi .label{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.kpi .value{font-size:30px;font-weight:800;letter-spacing:-1px;margin-bottom:4px}.kpi .sub{font-size:12.5px;color:var(--muted);margin-bottom:10px}.kpi svg.spark{display:block;width:100%;height:44px;margin:6px 0 12px}.krow{display:flex;justify-content:space-between;font-size:12.5px;padding:5px 0;border-top:1px dashed var(--hair)}.krow .t{color:var(--muted)}.krow .v{font-weight:700}.attain{height:8px;background:#eef1f6;border-radius:99px;margin-top:8px;overflow:hidden}.attain i{background:linear-gradient(90deg,#f97316,#fb923c);transition:width 1s cubic-bezier(.22,1,.36,1);animation:attainFill 1.2s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.attain i:after{content:"";position:absolute;top:0;left:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.45),transparent);animation:attainShimmer 1.8s linear infinite}@keyframes attainFill{0%{width:0!important}}@keyframes attainShimmer{0%{transform:translateX(-100%)}to{transform:translateX(350%)}}.attain i{display:block;height:100%;background:linear-gradient(90deg,#fdba74,#f97316);border-radius:99px}.attain-label{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-top:5px}.attain-label b{color:var(--ink)}.delta-up{color:var(--good);font-weight:700}.delta-dn{color:var(--bad);font-weight:700}section.card{background:var(--card);border:1px solid var(--hair);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 26px;margin-bottom:20px}section.card h2{font-size:18px;font-weight:800;letter-spacing:-.3px;margin-bottom:4px}section.card .desc{font-size:13px;color:var(--muted);margin-bottom:18px}.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-bottom:12px}.legend span{display:flex;align-items:center;gap:7px}.sw{width:12px;height:12px;border-radius:4px;display:inline-block}table.matrix{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}table.matrix td,table.matrix th{padding:12px 10px;text-align:center;border-bottom:1px solid var(--hair)}table.matrix th{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:700}table.matrix td.brand,table.matrix th.brand{text-align:left;font-weight:800;padding-left:16px}table.matrix tr:last-child td{border-bottom:0}.cell{display:inline-block;min-width:104px;padding:8px 12px;border-radius:10px;font-weight:700;font-size:13px}.cell small{display:block;font-weight:600;font-size:11px;opacity:.85;margin-top:2px}.heat-1{background:#ecfdf5;color:#065f46}.heat-2{background:#fefce8;color:#854d0e}.heat-3{background:#fff7ed;color:#9a3412}.heat-4{background:#fef2f2;color:#991b1b}.ch-total{font-weight:800;font-size:13.5px}.insights{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.insight{border-radius:14px;padding:18px 20px;font-size:13.5px;line-height:1.55;border:1px solid var(--hair)}.insight.good{background:#ecfdf5;border-color:#a7f3d0}.insight.warn{background:#fffbeb;border-color:#fde68a}.insight.info{background:#eff6ff;border-color:#bfdbfe}.insight .tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:99px;margin-bottom:10px}.good .tag{background:#059669;color:#fff}.warn .tag{background:#d97706;color:#fff}.info .tag{background:#2563eb;color:#fff}footer.note{margin-top:8px;font-size:12.5px;color:var(--muted);background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:16px 20px;line-height:1.6}@media(max-width:960px){.kpis{grid-template-columns:repeat(2,1fr)}.insights{grid-template-columns:1fr}header.top:after{font-size:72px}}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{background:var(--card);border:1px solid var(--hair);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 28px;width:min(380px,calc(100vw - 40px))}.auth-card h1{font-size:20px;margin-bottom:6px}.auth-card p{color:var(--muted);font-size:13.5px;margin-bottom:16px;line-height:1.55}.field{margin-bottom:12px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:6px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.field input,.field select,.field textarea{width:100%;box-sizing:border-box;padding:11px 12px;font-size:15px;border:1.5px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--ink)}.btn{width:100%;padding:11px;border:0;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;background:var(--accent);color:#fff}.btn.secondary{background:var(--ink)}.btn.small{width:auto;padding:8px 14px;font-size:13px}.btn.danger{background:var(--bad)}.btn-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.err{color:var(--bad)}.err,.ok{font-size:13px;margin-top:10px}.ok{color:var(--good)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.topbar a{color:var(--ink);font-weight:700;text-decoration:none}.topbar a:hover{text-decoration:underline}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.dash-card{background:var(--card);border:1px solid var(--hair);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.dash-card h2{font-size:17px;margin-bottom:6px}.dash-card p{color:var(--muted);font-size:13px;line-height:1.55}.dash-card a{color:var(--accent-dark);font-weight:700}.notice{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;padding:16px 20px;font-size:13.5px;line-height:1.6;margin-bottom:20px}.admin-table{width:100%;border-collapse:collapse;font-size:13.5px;background:#fff;border:1px solid var(--hair);border-radius:14px;overflow:hidden}.admin-table td,.admin-table th{padding:10px 12px;text-align:left;border-bottom:1px solid var(--hair)}.admin-table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.6px}@media(max-width:960px){.dash-grid{grid-template-columns:1fr}}