:root{--navy: #0e1d35;--navy-2: #16294a;--navy-3: #1f3a63;--blue: #2f6df6;--blue-soft: #e8f0ff;--blue-ink: #1b4fd6;--highlight: #f5a623;--highlight-soft: #fef3e0;--teal: #157a82;--bg: #f4f6fb;--card: #ffffff;--line: #e4e9f2;--line-2: #eef2f8;--ink: #16202e;--ink-2: #41506a;--muted: #7280a0;--muted-2: #aab4c8;--ok: #1faa6b;--ok-bg: #e4f6ee;--warn: #e0a200;--warn-bg: #fcf4dd;--danger: #d62839;--danger-bg: #fdeaec;--radius: 14px;--radius-sm: 9px;--shadow: 0 1px 2px rgba(16,29,53,.06), 0 4px 16px rgba(16,29,53,.05);--shadow-lg: 0 8px 30px rgba(16,29,53,.16);--nav-w: 240px;--bottomnav-h: 62px;--font: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4{margin:0;color:var(--ink)}.app{display:flex;min-height:100vh}.sidebar{width:var(--nav-w);flex:none;background:linear-gradient(180deg,var(--navy),var(--navy-2));color:#cdd7ea;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo-badge{background:#fff;border-radius:10px;padding:8px 11px;display:inline-flex;align-items:center;box-shadow:0 2px 10px #0000002e}.logo-badge img{display:block;width:100%;height:auto}.brand-stack{padding:16px 14px 10px}.brand-stack .logo-badge{width:100%}.brand-stack .name{color:#fff;font-weight:700;font-size:13.5px;margin-top:9px;text-align:center;letter-spacing:.2px}.brand-stack .name small{display:block;font-weight:500;color:#8da1c4;font-size:11px}.nav{padding:6px 10px;display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.nav-section{font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;color:#6f82a8;padding:12px 12px 5px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:9px;color:#c2cee4;font-weight:500;font-size:13.5px;transition:background .15s,color .15s}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:linear-gradient(90deg,#2f6df647,#2f6df61a);color:#fff;box-shadow:inset 2px 0 0 var(--blue)}.nav-item svg{flex:none}.nav-foot{padding:12px 14px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#8da1c4}.nav-foot b{color:#fff;display:block;font-size:12.5px}.signout{margin-top:8px;width:100%;background:#ffffff12;color:#cdd7ea;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:7px;font-size:12.5px}.signout:hover{background:#ffffff21;color:#fff}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid var(--line);background:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:30}.topbar h1{font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .spacer{flex:1}.content{padding:20px 22px 60px;max-width:1280px;width:100%}.bottomnav,.menu-btn{display:none}@media (max-width: 880px){.sidebar{display:none}.content{padding:14px 12px calc(var(--bottomnav-h) + 28px + env(safe-area-inset-bottom))}.topbar{padding:10px 12px}.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:10px;color:var(--ink-2)}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);height:calc(var(--bottomnav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10.5px;font-weight:600;color:var(--muted);min-height:48px}.bottomnav a.active{color:var(--blue-ink)}.bottomnav a svg{width:21px;height:21px}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1d3573;z-index:60}.drawer{position:fixed;bottom:0;left:0;right:0;z-index:61;background:#fff;border-radius:18px 18px 0 0;box-shadow:var(--shadow-lg);padding:10px 14px calc(18px + env(safe-area-inset-bottom));max-height:78vh;overflow-y:auto}.drawer .grab{width:42px;height:4.5px;background:var(--line);border-radius:3px;margin:4px auto 10px}.drawer .nav-item{color:var(--ink-2);padding:12px;font-size:14.5px}.drawer .nav-item.active{background:var(--blue-soft);color:var(--blue-ink);box-shadow:none}.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;min-height:38px}.btn:hover{border-color:var(--blue);color:var(--blue-ink)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 2px 8px #2f6df652}.btn.primary:hover{background:var(--blue-ink);color:#fff}.btn.sm{padding:5px 10px;font-size:12px;min-height:32px}.btn.danger{color:var(--danger)}.input,select,textarea{font-family:inherit;font-size:13.5px;border:1px solid var(--line);border-radius:9px;padding:9px 11px;color:var(--ink);background:#fff;min-height:38px}.input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}label.fld{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:4px}.seg{display:inline-flex;background:var(--line-2);border-radius:9px;padding:3px;gap:2px;overflow-x:auto;max-width:100%}.seg button{border:none;background:transparent;color:var(--muted);padding:7px 13px;border-radius:7px;font-size:12.5px;font-weight:600;white-space:nowrap;min-height:34px}.seg button.active{background:#fff;color:var(--blue-ink);box-shadow:var(--shadow)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card.pad{padding:16px 18px}.card-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line-2);flex-wrap:wrap}.card-head h3{font-size:14.5px;font-weight:700}.card-head .sub{color:var(--muted);font-size:12px}.grid{display:grid;gap:14px}.grid.kpis{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid.two{grid-template-columns:1fr 1fr}@media (max-width: 880px){.grid.two{grid-template-columns:1fr}.grid.kpis{grid-template-columns:1fr 1fr;gap:10px}}@media (max-width: 480px){.grid.kpis{grid-template-columns:1fr}}.kpi-card{padding:14px 16px 10px;cursor:pointer;position:relative;transition:box-shadow .15s,transform .15s;border-left:4px solid transparent}.kpi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.kpi-card.green{border-left-color:var(--ok)}.kpi-card.yellow{border-left-color:var(--warn)}.kpi-card.red{border-left-color:var(--danger)}.kpi-card .name{font-size:12px;font-weight:600;color:var(--ink-2);line-height:1.3;min-height:31px}.kpi-card .value-row{display:flex;align-items:baseline;gap:8px;margin-top:4px;flex-wrap:wrap}.kpi-card .value{font-size:25px;font-weight:800;letter-spacing:-.3px}.kpi-card .bench-note{font-size:10.5px;color:var(--muted);margin-top:5px;display:flex;justify-content:space-between;gap:6px}.trend-badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;padding:2px 7px;border-radius:20px}.trend-badge.improving{color:var(--ok);background:var(--ok-bg)}.trend-badge.declining{color:var(--warn);background:var(--warn-bg)}.trend-badge.alert{color:var(--danger);background:var(--danger-bg)}.trend-badge.flat{color:var(--muted);background:var(--line-2)}.bullet{margin-top:8px}.bullet svg{display:block}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1d3573;z-index:70;display:flex;align-items:center;justify-content:center;padding:18px}.sheet{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);width:720px;max-width:100%;max-height:88vh;overflow-y:auto}@media (max-width: 880px){.sheet-backdrop{align-items:flex-end;padding:0}.sheet{width:100%;border-radius:18px 18px 0 0;max-height:88vh;padding-bottom:env(safe-area-inset-bottom)}}.sheet-head{position:sticky;top:0;background:#fff;padding:14px 18px 10px;border-bottom:1px solid var(--line-2);display:flex;align-items:flex-start;gap:10px;z-index:1;border-radius:inherit}.sheet-head h3{font-size:15.5px;flex:1}.sheet-body{padding:14px 18px 22px}.kv{display:flex;flex-wrap:wrap;gap:8px 22px;margin:10px 0}.kv .item{min-width:110px}.kv .item .l{font-size:11px;color:var(--muted)}.kv .item .v{font-size:15px;font-weight:700}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:9px 12px;border-bottom:1px solid var(--line-2)}.tbl tr:hover td{background:var(--line-2)}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.rt-cards{display:none}@media (max-width: 880px){.rt-table{display:none}.rt-cards{display:flex;flex-direction:column;gap:10px}.rt-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;background:#fff}.rt-card .title{font-weight:700;font-size:14px;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center;gap:8px}.rt-card .fields{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.rt-card .f .l{font-size:10.5px;color:var(--muted)}.rt-card .f .v{font-size:13px;font-weight:600}}.dot{display:inline-block;width:9px;height:9px;border-radius:50%}.dot.green{background:var(--ok)}.dot.yellow{background:var(--warn)}.dot.red{background:var(--danger)}.dot.none{background:var(--muted-2)}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:2.5px 9px;border-radius:20px;white-space:nowrap}.pill.green{color:var(--ok);background:var(--ok-bg)}.pill.yellow{color:#8a6400;background:var(--warn-bg)}.pill.red{color:var(--danger);background:var(--danger-bg)}.pill.gray{color:var(--muted);background:var(--line-2)}.pill.blue{color:var(--blue-ink);background:var(--blue-soft)}.matrix-wrap{overflow:auto;max-height:72vh;-webkit-overflow-scrolling:touch}.matrix{border-collapse:collapse;font-size:12px}.matrix th,.matrix td{border-bottom:1px solid var(--line-2);padding:6px 8px;text-align:center;white-space:nowrap}.matrix thead th{position:sticky;top:0;background:#fff;z-index:2;font-size:10px;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);max-width:86px;white-space:normal;vertical-align:bottom}.matrix td:first-child,.matrix th:first-child{position:sticky;left:0;background:#fff;text-align:left;z-index:3;font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;box-shadow:1px 0 0 var(--line)}.matrix .on{color:var(--ok);font-weight:800}.matrix .off{color:var(--muted-2)}.rec{padding:14px 16px;display:flex;gap:13px}.rec .rank{flex:none;width:32px;height:32px;border-radius:9px;background:var(--navy);color:#fff;font-weight:800;display:grid;place-items:center;font-size:14px}.rec h4{font-size:14px;margin-bottom:3px}.rec .impact{color:var(--ok);font-weight:800;white-space:nowrap}.rec .body{color:var(--ink-2);font-size:13px;margin:4px 0 8px}.rec .actions{display:flex;gap:7px;flex-wrap:wrap}@media (max-width: 880px){.rec{flex-direction:column;gap:8px}.rec .rank{width:28px;height:28px}}.q-chips{display:flex;gap:5px;flex-wrap:wrap}.q-chip{font-size:11px;font-weight:700;padding:3px 8px;border-radius:7px;background:var(--line-2);color:var(--ink-2)}.q-chip.hit{background:var(--ok-bg);color:var(--ok)}.q-chip.miss{background:var(--danger-bg);color:var(--danger)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px 14px}.form-grid .input{width:100%}.signin{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,var(--navy) 0%,var(--navy-3) 100%);padding:20px}.signin .card{width:380px;max-width:100%;padding:30px 28px;text-align:center}.signin .logo-badge{margin:0 auto 14px;width:200px}.signin h1{font-size:19px;margin-bottom:4px}.signin p{color:var(--muted);font-size:13px;margin:0 0 18px}.muted{color:var(--muted)}.mt{margin-top:14px}.chart-tip{position:absolute;pointer-events:none;background:var(--navy);color:#fff;font-size:11.5px;border-radius:8px;padding:7px 10px;transform:translate(-50%,-120%);white-space:nowrap;z-index:5;box-shadow:var(--shadow-lg)}.legend-row{display:flex;gap:14px;margin-top:8px;flex-wrap:wrap;font-size:12px;color:var(--ink-2)}.legend-row .it{display:inline-flex;align-items:center;gap:6px}.legend-row i{width:10px;height:10px;border-radius:3px;display:inline-block}.spin{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}