:root{--navy:#102f5d;--navy-2:#1f4d8c;--blue:#2664b8;--orange:#e1772e;--ink:#15243b;--muted:#71809a;--line:#e2e8f0;--canvas:#f3f6fa;--card:#fff;--green:#16845b;--red:#cf4a4a}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}button,input,select{font:inherit}button{color:inherit}.app-shell{width:min(1640px,100%);margin:0 auto;padding:16px 24px 40px}.hero{color:#fff;background:linear-gradient(120deg,#102f5d 0%,#2e61a7 100%);border-radius:13px;justify-content:space-between;align-items:center;gap:24px;min-height:104px;padding:20px 24px;display:flex;box-shadow:0 10px 30px #102f5d26}.hero-kicker{opacity:.76;letter-spacing:.08em;font-size:12px}.hero h1{margin:5px 0 4px;font-size:25px;line-height:1.2}.hero p{opacity:.78;margin:0;font-size:13px}.hero-actions{align-items:center;gap:12px;display:flex}.sync-dot,.viewer{white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;padding:8px 12px;font-size:12px}.sync-dot i{background:#68ddb5;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 4px #68ddb51f}.viewer{border-radius:10px;font-weight:600}.viewer small{opacity:.68;font-size:10px;font-weight:400;display:block}.viewer{color:inherit;text-decoration:none}.viewer:hover{background:#ffffff2e}.access-gate{color:#102a4d;background:radial-gradient(circle at 0 0,#e6eefb,#f7f9fc 55%,#e9eef4);place-items:center;min-height:100vh;padding:24px;display:grid}.access-gate section{background:#fffffff0;border:1px solid #dce5f1;border-radius:20px;width:min(520px,100%);padding:42px;box-shadow:0 24px 70px #12356024}.access-gate span{color:#557aa7;letter-spacing:.06em;font-size:13px;font-weight:700}.access-gate h1{margin:14px 0 10px;font-size:26px}.access-gate p{color:#57708e;margin:0;line-height:1.8}.access-gate a{color:#fff;background:#173d73;border-radius:9px;margin-top:24px;padding:11px 18px;font-weight:700;text-decoration:none;display:inline-flex}.admin-grid>.admin-card:nth-of-type(2),.admin-grid>.permission-panel{display:none}.module-nav{background:#e8edf5;border-radius:10px;gap:6px;width:max-content;max-width:100%;margin:12px 0;padding:5px;display:flex;overflow-x:auto}.module-nav button{cursor:pointer;color:#53637c;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:9px 16px}.module-nav button.active{color:var(--navy);background:#fff;font-weight:700;box-shadow:0 2px 8px #102f5d1a}.filter-bar{z-index:30;border:1px solid var(--line);background:#fff;border-radius:10px;align-items:end;gap:13px;padding:10px 14px;display:flex;position:relative;box-shadow:0 2px 8px #1a2e4c08}.filter-bar label{color:#64748b;white-space:nowrap;grid-template-columns:auto auto;align-items:center;gap:8px;font-size:12px;display:grid;position:relative}.filter-bar select,.brand-input{height:34px;color:var(--ink);background:#fff;border:1px solid #cfd8e6;border-radius:5px}.filter-bar select{min-width:132px;padding:0 28px 0 10px}.custom-period{color:#64748b;white-space:nowrap;background:#f8fbff;border:1px solid #cfd8e6;border-radius:5px;align-items:center;gap:6px;height:34px;padding:0 8px;font-size:12px;display:flex}.custom-period select{min-width:68px;height:26px;color:var(--ink);background:#fff;border:0;border-radius:4px;padding:0 22px 0 7px}.custom-period i{color:#8a98aa;font-style:normal}.brand-select{flex:1;min-width:220px;max-width:390px}.brand-input{width:100%;display:flex}.brand-input input{border:0;border-radius:5px;outline:0;flex:1;min-width:0;padding:0 10px}.brand-input button{cursor:pointer;background:0 0;border:0;width:32px}.brand-input .brand-clear{color:#8a98aa;width:26px;font-size:16px}.brand-options{background:#fff;border:1px solid #cfd8e6;border-radius:7px;max-height:290px;padding:6px;position:absolute;top:39px;left:70px;right:0;overflow:auto;box-shadow:0 15px 35px #102f5d2e}.brand-options button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;width:100%;padding:8px 10px}.brand-options button:hover{color:var(--navy-2);background:#eef4fb}.reset,.outline,.primary,.link-button{height:34px;color:var(--navy-2);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #b9c7da;border-radius:5px;padding:0 13px}.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.dashboard{gap:12px;margin-top:12px;display:grid}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.kpi-card,.health-card,.panel{background:var(--card);border:1px solid var(--line);border-radius:9px}.kpi-card{--kpi-accent:#2d6ab6;--kpi-tint:#eef5ff;isolation:isolate;border-top:2px solid var(--kpi-accent);background:linear-gradient(135deg, #fff 0%, #fff 70%, var(--kpi-tint) 170%);min-width:0;padding:13px 14px 11px;position:relative;overflow:hidden;box-shadow:0 3px 12px #102f5d0b}.kpi-card:after{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--kpi-accent) 18%, transparent) 0%, transparent 70%);border-radius:50%;width:96px;height:96px;position:absolute;top:-57px;right:-53px}.kpi-card:nth-child(2){--kpi-accent:#b97b28;--kpi-tint:#fff7e8}.kpi-card:nth-child(3){--kpi-accent:#18875e;--kpi-tint:#ebf9f2}.kpi-card:nth-child(4){--kpi-accent:#3569b8;--kpi-tint:#edf4ff}.kpi-card:nth-child(5){--kpi-accent:#d4652e;--kpi-tint:#fff1e9}.kpi-card:nth-child(6){--kpi-accent:#526f9e;--kpi-tint:#f0f4fb}.kpi-card.clickable{cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s}:is(.kpi-card.clickable:hover,.kpi-card.clickable:focus-visible){outline:none;transform:translateY(-2px);box-shadow:0 10px 24px #102f5d1a}.kpi-head{color:#66758c;justify-content:space-between;align-items:center;gap:6px;font-size:12px;display:flex}.kpi-head>span{align-items:center;gap:6px;display:flex}.kpi-head>span:before{content:"";background:var(--kpi-accent);width:5px;height:5px;box-shadow:0 0 0 3px color-mix(in srgb, var(--kpi-accent) 12%, transparent);border-radius:50%}.kpi-head em{color:var(--navy-2);background:color-mix(in srgb, var(--kpi-accent) 9%, #fff);border-radius:3px;padding:3px 5px;font-size:10px;font-style:normal}.kpi-card>strong{color:var(--kpi-accent);letter-spacing:-.035em;text-shadow:0 1px #ffffffe6;margin:8px 0 10px;font-size:clamp(21px,2vw,27px);display:block}.kpi-meta,.kpi-share{color:#8491a5;justify-content:space-between;gap:8px;font-size:10px;display:flex}.kpi-meta span,.kpi-share span{white-space:nowrap;min-width:0}.kpi-meta b{color:#3a4a62;font-weight:500}.kpi-share{border-top:1px dashed #e6ebf2;margin-top:8px;padding-top:8px}.kpi-share b{color:var(--navy);font-size:12px}.kpi-card small{color:#75839a;margin-top:8px;font-size:10px;display:block}.trend{white-space:nowrap;font-size:10px}.positive{color:var(--green)}.negative{color:var(--red)}.muted{color:#94a3b8}.panel{padding:14px;overflow:hidden}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.panel-head h2{color:#17263d;margin:0;font-size:14px}.panel-head p{color:#8a96a8;margin:4px 0 0;font-size:10px}.panel-note{color:#8aa0bd;font-size:10px}.legend{color:#75849a;gap:12px;font-size:10px;display:flex}.legend span{align-items:center;gap:4px;display:flex}.legend i{border-radius:2px;width:12px;height:7px}.legend-y25{background:#aab8c9}.legend-y26{background:var(--navy)}.trend-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.trend-metric-tabs button{min-width:42px}.trend-panel{height:240px}.month-chart{background:repeating-linear-gradient(0deg,#0000 0 39px,#edf1f6 39px 40px);border-bottom:1px solid #dfe6ef;grid-template-columns:repeat(8,1fr);height:175px;display:grid}.month-column{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:end;align-items:center;min-width:0;padding:0;display:flex}.month-column:hover .columns{filter:brightness(1.08)}.columns{justify-content:center;align-items:end;gap:5px;width:70%;height:140px;display:flex}.columns i{border-radius:2px 2px 0 0;width:20%;min-width:9px;min-height:1px}.columns .y25{background:#aab8c9}.columns .y26{background:var(--navy)}.month-column>span{color:#738198;margin-top:8px;font-size:10px}.health-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.health-card{text-align:left;color:#66758c;min-height:112px;padding:14px 15px;position:relative}button.health-card{cursor:pointer}.health-card>span{font-size:11px;display:block}.health-card>strong{color:#122541;margin:10px 0 5px;font-size:25px;display:block}.health-card strong i{color:#a7b1c0;font-style:normal}.health-card small{color:#8996a8;font-size:10px}.health-card em{color:var(--blue);font-size:10px;font-style:normal;position:absolute;bottom:11px;right:12px}.donut-grid{grid-template-columns:1fr 1fr 1.2fr;place-items:center;gap:30px;padding:8px 8%;display:grid}.donut{border-radius:50%;place-items:center;width:150px;height:150px;display:grid}.donut>div{text-align:center;background:#fff;border-radius:50%;place-content:center;width:100px;height:100px;display:grid}.donut strong{font-size:21px}.donut span{color:#7d8a9d;font-size:10px}.composition-list{justify-self:stretch;gap:12px;display:grid}.composition-list>div{border-bottom:1px solid #edf1f5;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;padding:8px 0;display:grid}.composition-list i{border-radius:2px;width:8px;height:8px}.composition-list .k{background:var(--navy)}.composition-list .fs{background:var(--orange)}.composition-list .total{background:#8ba1bd}.composition-list span{color:#6b7890;font-size:11px}.composition-list b{font-size:13px}.dimension-grid,.manager-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.segmented,.metric-tabs{border:1px solid #cbd5e1;border-radius:5px;width:max-content;padding:2px;display:flex}.segmented button,.metric-tabs button{color:#69788f;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:5px 10px;font-size:10px}.segmented .active,.metric-tabs .active{background:var(--navy);color:#fff}.metric-tabs{margin:-5px 0 10px auto}.dimension-tabs{flex:none;margin:0}.bars{gap:8px;display:grid}.bar-row{cursor:pointer;background:0 0;border:0;grid-template-columns:100px 1fr 105px;align-items:center;gap:8px;min-width:0;padding:0;display:grid}.bar-label{text-overflow:ellipsis;white-space:nowrap;text-align:right;color:#617089;font-size:10px;overflow:hidden}.bar-track{background:#edf1f6;border-radius:2px;height:11px;display:flex;overflow:hidden}.bar-fill{height:100%;display:block}.bar-fill.revenue{background:linear-gradient(90deg,#163c71,#4779b5)}.bar-fill.k{background:#2f64ad}.bar-fill.fs{background:var(--orange)}.bar-row b{text-align:left;color:#47566d;font-size:10px;font-weight:500}.bar-value{white-space:nowrap;display:block}.bar-value strong{font-weight:500}.stack-value{gap:2px;display:grid}.stack-value small{color:#8390a1;align-items:center;gap:3px;font-size:9px;font-weight:500;display:flex}.stack-value small i{border-radius:50%;width:5px;height:5px}.stack-value small .k-dot{background:#2f64ad}.stack-value small .fs-dot{background:var(--orange);margin-left:3px}.category-tabs{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.category-tabs button{color:#6a7890;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #d1dae6;border-radius:6px;padding:8px 14px}.category-tabs button b{background:#e8eef6;border-radius:9px;margin-left:8px;padding:2px 5px}.category-tabs button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.category-tabs button.active b{background:#ffffff29}.brand-chips{flex-wrap:wrap;gap:6px;max-height:110px;padding:12px 0;display:flex;overflow-y:auto}.brand-chips button{color:#238260;cursor:pointer;background:#edf9f4;border:1px solid #bde1d4;border-radius:99px;padding:5px 10px;font-size:10px}.table-wrap{width:100%;overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:980px;font-size:10px}.table-wrap th{text-align:left;color:#65748a;white-space:nowrap;background:#f7f9fc;border-bottom:1px solid #dfe6ef;padding:9px 8px}.table-wrap td{white-space:nowrap;color:#4c5c72;border-bottom:1px solid #e8edf3;padding:9px 8px}.table-wrap tbody tr{cursor:pointer}.table-wrap tbody tr:hover{background:#f6f9fd}.table-wrap td b{color:#122541}.table-wrap td small{color:#8c9aad;margin-top:4px;display:block}.table-wrap .blue{color:#2b66b6}.table-wrap .orange{color:#df6f2c}.total-row{background:#edf4fc;font-weight:700}.pagination{color:#6d7b90;justify-content:flex-end;align-items:center;gap:9px;padding-top:12px;font-size:11px;display:flex}.pagination span{margin-right:auto}.pagination select,.pagination button{background:#fff;border:1px solid #d2dae6;border-radius:5px;height:31px;padding:0 10px}.pagination button:disabled{opacity:.4}.pending-card{text-align:center;place-content:center;min-height:170px;display:grid}.pending-card span{color:#6f7c91;font-size:12px}.pending-card strong{color:#9aa7b8;margin:12px 0 6px;font-size:18px}.pending-card p{color:#94a0b1;max-width:390px;font-size:11px}.admin-grid{grid-template-columns:1fr 1fr}.admin-card{gap:16px;min-height:220px;display:flex}.admin-card.wide{grid-column:1/-1;min-height:160px}.admin-icon{width:48px;height:48px;color:var(--navy);background:#eaf2fc;border-radius:12px;flex:none;place-items:center;font-size:23px;display:grid}.admin-card h2{margin:3px 0 7px;font-size:17px}.admin-card p{color:#748197;font-size:12px;line-height:1.7}.admin-card dl{gap:28px;margin:22px 0;display:flex}.admin-card dl div{gap:4px;display:grid}.admin-card dt{color:#7c899c;font-size:10px}.admin-card dd{color:var(--navy);margin:0;font-size:21px;font-weight:700}.role-list,.check-grid{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.role-list span,.check-grid span{color:#335e93;background:#eef4fb;border-radius:5px;padding:7px 10px;font-size:10px}.link-button{align-items:center;text-decoration:none;display:inline-flex}.admin-status{color:#7b8a9f}.permission-panel{grid-column:1/-1}.permission-form{grid-template-columns:1.25fr 1fr 1fr 1fr 1.4fr auto;gap:8px;margin-bottom:14px;display:grid}.permission-form input,.permission-form select{background:#fff;border:1px solid #ccd6e3;border-radius:5px;min-width:0;height:35px;padding:0 9px}.permission-form input:disabled{background:#f1f4f8}.drawer-backdrop{z-index:100;background:#0d192b7a;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;flex-direction:column;width:min(900px,96vw);height:100%;min-height:0;animation:.2s slideIn;display:flex;box-shadow:-18px 0 50px #0000002e}.drawer-head{border-bottom:1px solid #e3e9f1;flex:none;justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.drawer-head h2{margin:0;font-size:20px}.drawer-head p{color:#7c899d;margin:5px 0 0;font-size:11px}.drawer-head button{cursor:pointer;background:0 0;border:0;font-size:27px}.drawer-list{flex:auto;grid-auto-rows:max-content;align-content:start;gap:12px;min-height:0;padding:14px;display:grid;overflow:auto}.drawer-summary{color:#708097;background:#f7fafe;border:1px solid #dfe7f1;border-radius:7px;align-items:baseline;gap:8px;padding:10px 12px;display:flex;position:sticky;left:0}.drawer-summary b{color:var(--navy);font-size:20px}.drawer-summary span{font-size:11px}.drawer-table-wrap{background:#fff;border:1px solid #e1e7ef;border-radius:7px;width:100%;min-width:0;overflow:auto}.drawer-table{border-collapse:collapse;width:100%;min-width:760px;font-size:11px}.drawer-table th{z-index:1;text-align:left;white-space:nowrap;color:#68778d;background:#f4f7fb;border-bottom:1px solid #dfe6ef;padding:9px 10px;position:sticky;top:0}.drawer-table td{white-space:nowrap;color:#4d5d73;border-bottom:1px solid #e7ecf2;padding:10px}.drawer-table tbody tr{cursor:pointer}.drawer-table tbody tr:hover{background:#f6f9fd}.drawer-table td b{color:#142943}.drawer-table td small{text-overflow:ellipsis;color:#8b98aa;max-width:180px;margin-top:4px;font-size:9px;display:block;overflow:hidden}.sort-header{color:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:4px;margin:-6px -7px;padding:6px 7px;display:inline-flex}:is(.sort-header:hover,.sort-header:focus-visible){color:var(--navy-2);background:#e8f0fb;outline:none}.sort-header span{color:#91a1b6;font-size:9px}.drill-group{gap:8px;display:grid}.drill-group-head{align-items:center;gap:8px;min-width:0;padding:2px 1px;display:flex}.drill-group-head h3{color:#1f3552;margin:0;font-size:13px}.drill-group-head small{color:#8492a5;font-size:10px}.rank-badge{border-radius:999px;padding:4px 7px;font-size:10px;font-weight:700}.rank-badge.top{color:#0d7652;background:#e7f7ef}.rank-badge.bottom{color:#ac4f32;background:#fff0eb}.drawer-detail section{min-width:0}.drawer-detail h4{color:#263a54;margin:2px 0 8px;font-size:13px}.drawer-brand-head{border:1px solid #dfe6ef;border-left:3px solid var(--navy);background:#f8fafd;border-radius:8px;grid-template-columns:minmax(180px,1fr) minmax(260px,1.5fr);gap:18px;padding:15px;display:grid}.drawer-brand-head h3{margin:0;font-size:18px}.drawer-brand-head p{color:#77869b;margin:5px 0 0;font-size:10px}.alias-list{color:#708097;align-content:center;gap:5px;font-size:10px;display:grid}.manager-totals{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.manager-totals span{color:#7b889a;background:#fff;border-radius:6px;padding:8px 10px;font-size:9px}.manager-totals b{color:#17304f;margin-top:4px;font-size:14px;display:block}.compare-table{min-width:620px}.month-detail{min-width:780px}.drawer footer{color:#8190a4;background:#f5f8fb;flex:none;margin-top:0;padding:12px 20px;font-size:10px}.drawer-empty{text-align:center;color:#65748a;margin:auto}.drawer-empty p{font-size:11px}.loading{text-align:center;color:#61708a;place-content:center;min-height:100vh;display:grid}.loading-mark{color:#fff;background:linear-gradient(135deg,#102f5d,#3671bb);border-radius:18px;place-items:center;width:70px;height:70px;margin:auto;font-size:24px;font-weight:800;display:grid}.loading h1{color:#172941;margin:18px 0 6px}.loading p{margin:0 0 12px}.loading button{background:#fff;border:1px solid #bcc8d7;border-radius:6px;padding:8px 12px}@keyframes slideIn{0%{opacity:.4;transform:translate(25px)}}@media (max-width:1280px){.app-shell{padding:12px 14px 35px}.filter-bar{flex-wrap:wrap}.brand-select{max-width:none}.kpi-grid{grid-template-columns:repeat(3,1fr)}.health-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.hero{flex-direction:column;align-items:flex-start}.hero-actions{width:100%;overflow-x:auto}.filter-bar label{grid-template-columns:80px minmax(0,1fr);width:100%}.filter-bar select,.brand-select{width:100%;max-width:none}.reset{width:100%}.kpi-grid,.health-grid,.dimension-grid,.manager-grid,.admin-grid{grid-template-columns:1fr}.admin-card.wide{grid-column:auto}.donut-grid{grid-template-columns:1fr}.trend-panel{overflow-x:auto}.month-chart{min-width:680px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.permission-form{grid-template-columns:1fr 1fr}}@media (max-width:700px){.drawer-brand-head{grid-template-columns:1fr}.manager-totals{grid-template-columns:1fr 1fr 1fr}}@media (max-width:520px){.app-shell{padding:8px}.hero{border-radius:9px;padding:17px}.hero h1{font-size:21px}.kpi-grid,.health-grid{grid-template-columns:1fr}.viewer{display:none}.bar-row{grid-template-columns:80px 1fr 58px}}