:root{--bg:#eaf1f7;--bg-2:#f3f8fc;--ink:#1d2a33;--muted:#61727f;--faint:#93a3b0;--glass:#ffffff9e;--glass-strong:#ffffffd1;--glass-thin:#ffffff73;--line:#7891a529;--line-strong:#1598f238;--hair:#7891a51a;--blue:#1592f0;--blue-deep:#0f6fd4;--cyan:#36cdf0;--green:#19b877;--green-deep:#0f9a63;--teal:#14b8b0;--lime:#c7e92f;--amber:#f4a52a;--coral:#ff7a6b;--red:#f0524a;--violet:#8b7cf0;--pink:#ff7aa8;--grad-brand:linear-gradient(120deg, #1592f0 0%, #36cdf0 52%, #19b877 100%);--grad-blue:linear-gradient(135deg, #1b9bf6, #0f6fd4);--grad-soft:linear-gradient(135deg, #1592f024, #19b8771f);--shadow-sm:0 2px 10px #26445c0f;--shadow:0 18px 48px -22px #21496852, 0 2px 8px #2149680d;--shadow-lg:0 40px 90px -36px #1c42636b;--inset-hi:inset 0 1px 0 #ffffffd9;--r-sm:12px;--r:18px;--r-lg:26px;--r-pill:999px;color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);overflow:hidden}.nums{font-variant-numeric:tabular-nums;letter-spacing:-.01em}h1,h2,h3,h4{letter-spacing:-.02em;line-height:1.15}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input{font-family:inherit}::selection{background:#1592f02e}.scroll::-webkit-scrollbar{width:9px;height:9px}.scroll::-webkit-scrollbar-thumb{background:#7891a54d padding-box content-box;border:2px solid #0000;border-radius:99px}.scroll{scrollbar-width:thin;scrollbar-color:#7891a54d transparent}.spatial-bg{z-index:0;pointer-events:none;background:radial-gradient(1100px 600px at 78% -8%,#36cdf033,#0000 60%),radial-gradient(900px 620px at 12% 4%,#1592f029,#0000 58%),radial-gradient(1000px 700px at 60% 108%,#19b87729,#0000 60%),linear-gradient(#eef5fb 0%,#e7f0f8 100%);position:fixed;inset:0}.spatial-bg:after{content:"";opacity:.5;background-image:linear-gradient(115deg,#0000 0%,#ffffff80 8%,#0000 14% 40%,#ffffff59 47%,#0000 53%);position:absolute;inset:0}.shell{z-index:1;gap:14px;height:100dvh;padding:14px;display:flex;position:relative}.nav-rail{background:var(--glass-strong);-webkit-backdrop-filter:blur(34px)saturate(150%);border-radius:var(--r-lg);width:232px;box-shadow:var(--shadow);border:1px solid #ffffffb3;flex-direction:column;flex-shrink:0;padding:18px 14px;display:flex}.nav-brand{align-items:center;gap:8px;padding:4px 8px 18px;display:flex}.nav-section{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);padding:14px 10px 8px;font-size:10px;font-weight:700}.nav-list{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--r-sm);color:var(--muted);align-items:center;gap:11px;padding:9px 11px;font-size:13.5px;font-weight:500;transition:background .16s,color .16s;display:flex;position:relative}.nav-item svg{color:var(--faint);transition:color .16s}.nav-item:hover{color:var(--ink);background:#fff9}.nav-item.active{background:var(--glass);color:var(--blue-deep);box-shadow:var(--shadow-sm), var(--inset-hi);font-weight:600}.nav-item.active svg{color:var(--blue)}.nav-item.active:before{content:"";background:var(--grad-brand);border-radius:9px;width:3px;height:18px;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.nav-item .nav-badge{background:var(--grad-blue);color:#fff;border-radius:99px;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:700}.rail-card{border-radius:var(--r);background:var(--grad-soft);border:1px solid var(--line);margin-top:12px;padding:14px}.main{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.topbar{background:var(--glass-strong);-webkit-backdrop-filter:blur(34px)saturate(150%);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);border:1px solid #ffffffb3;align-items:center;gap:14px;padding:12px 18px;display:flex}.topbar h1{font-size:20px;font-weight:700}.topbar .sub{color:var(--muted);margin-top:1px;font-size:12.5px}.search{position:relative}.search input{border-radius:var(--r-pill);border:1px solid var(--line);width:280px;height:38px;color:var(--ink);background:#ffffffb3;outline:none;padding:0 14px 0 38px;font-size:13px;transition:all .16s}.search input:focus{border-color:var(--line-strong);box-shadow:0 0 0 4px #1592f01a}.search svg{color:var(--faint);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.view{border-radius:var(--r-lg);flex:1;overflow-y:auto}.view-inner{max-width:1480px;margin:0 auto;padding:2px 4px 28px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.page-head h1{font-size:25px;font-weight:700}.page-head .sub{color:var(--muted);margin-top:3px;font-size:13.5px}.glass{background:var(--glass);-webkit-backdrop-filter:blur(26px)saturate(145%);border-radius:var(--r);box-shadow:var(--shadow), var(--inset-hi);border:1px solid #ffffffa8;position:relative}.glass-strong{background:var(--glass-strong)}.pad{padding:18px}.pad-lg{padding:22px}.hoverable{cursor:pointer;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s,border-color .18s}.hoverable:hover{box-shadow:var(--shadow-lg), var(--inset-hi);border-color:#1592f04d;transform:translateY(-3px)}.grid{gap:14px;display:grid}.kpi-grid{grid-template-columns:repeat(5,1fr)}.g-2{grid-template-columns:1fr 1fr}.g-3{grid-template-columns:repeat(3,1fr)}.g-4{grid-template-columns:repeat(4,1fr)}.g-12{grid-template-columns:repeat(12,1fr)}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.col{flex-direction:column;gap:14px;display:flex}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.kpi-icon{background:var(--grad-soft);width:34px;height:34px;color:var(--blue);border-radius:11px;place-items:center;display:grid}.kpi-icon.green{color:var(--green-deep);background:#19b87721}.kpi-icon.cyan{color:#0fa6cc;background:#36cdf029}.kpi-icon.amber{color:#c47e10;background:#f4a52a29}.kpi-icon.red{color:var(--red);background:#f0524a24}.kpi-icon.violet{color:var(--violet);background:#8b7cf029}.kpi-value{letter-spacing:-.03em;font-size:28px;font-weight:750}.kpi-value .unit{color:var(--faint);margin-left:3px;font-size:13px;font-weight:600}.kpi-label{color:var(--muted);margin-top:2px;font-size:12.5px}.kpi-foot{color:var(--faint);margin-top:8px;font-size:11px}.delta{align-items:center;gap:2px;font-size:12px;font-weight:700;display:inline-flex}.delta.up{color:var(--green-deep)}.delta.down{color:var(--red)}.pill{border-radius:var(--r-pill);align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:650;line-height:1;display:inline-flex}.pill .dot{border-radius:99px;width:6px;height:6px}.pill--green{color:var(--green-deep);background:#19b87724}.pill--green .dot{background:var(--green)}.pill--amber{color:#b9780c;background:#f4a52a29}.pill--amber .dot{background:var(--amber)}.pill--red{color:var(--red);background:#f0524a24}.pill--red .dot{background:var(--red)}.pill--blue{color:var(--blue-deep);background:#1592f021}.pill--blue .dot{background:var(--blue)}.pill--grey{color:var(--muted);background:#7891a524}.pill--grey .dot{background:var(--faint)}.chip{border-radius:var(--r-pill);border:1px solid var(--line);color:var(--muted);background:#ffffffb3;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}button.chip:hover{border-color:var(--line-strong);color:var(--ink)}.chip.active{background:var(--grad-blue);color:#fff;box-shadow:var(--shadow-sm);border-color:#0000}.tag{color:var(--muted);background:#7891a51f;border-radius:7px;padding:3px 8px;font-size:10.5px;font-weight:650}.tag.high{color:var(--red);background:#f0524a21}.tag.med{color:#b9780c;background:#f4a52a29}.tag.low{color:var(--green-deep);background:#19b87721}.live-dot{animation:2.4s ease-out infinite ping;box-shadow:0 0 #19b87780}@keyframes ping{0%{box-shadow:0 0 #19b87780}70%{box-shadow:0 0 0 6px #19b87700}to{box-shadow:0 0 #19b87700}}.btn{border-radius:var(--r-sm);white-space:nowrap;align-items:center;gap:7px;height:38px;padding:0 16px;font-size:13px;font-weight:600;transition:all .16s;display:inline-flex}.btn-primary{background:var(--grad-blue);color:#fff;box-shadow:0 8px 20px -8px #1592f099}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-ghost{color:var(--muted);border:1px solid var(--line);background:#ffffffb3}.btn-ghost:hover{color:var(--ink);border-color:var(--line-strong)}.btn-icon{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);background:#ffffffb3;border-radius:11px;justify-content:center;padding:0;position:relative}.btn-icon:hover{color:var(--ink);border-color:var(--line-strong)}.btn-sm{height:32px;padding:0 12px;font-size:12.5px}.badge-count{background:var(--coral);color:#fff;border-radius:99px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.seg{border-radius:var(--r-pill);background:#7891a51a;gap:2px;padding:3px;display:inline-flex}.seg-item{color:var(--muted);border-radius:var(--r-pill);padding:6px 13px;font-size:12px;font-weight:600;transition:all .15s}.seg-item.active{color:var(--blue-deep);box-shadow:var(--shadow-sm);background:#fff}.tabs{border-bottom:1px solid var(--line);gap:22px;display:flex}.tab{color:var(--muted);padding:0 0 11px;font-size:13.5px;font-weight:600;transition:all .15s;position:relative}.tab.active{color:var(--blue-deep)}.tab.active:after{content:"";background:var(--grad-brand);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.bar{background:#7891a529;border-radius:99px;height:6px;overflow:hidden}.bar-fill{background:var(--grad-blue);border-radius:99px;height:100%}.bar-fill.green{background:linear-gradient(90deg, var(--green), var(--cyan))}.bar-fill.amber{background:linear-gradient(90deg, var(--amber), #ffd06a)}.bar-fill.red{background:linear-gradient(90deg, var(--red), var(--coral))}.avatar{color:#fff;background:var(--grad-blue);border-radius:99px;flex-shrink:0;place-items:center;font-weight:650;display:inline-grid}.avatar.g0{background:linear-gradient(135deg,#1b9bf6,#0f6fd4)}.avatar.g1{background:linear-gradient(135deg,#36cdf0,#1592f0)}.avatar.g2{background:linear-gradient(135deg,#19b877,#0f9a63)}.avatar.g3{background:linear-gradient(135deg,#8b7cf0,#6b5fd0)}.avatar.g4{background:linear-gradient(135deg,#ff9a6b,#ff7a6b)}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);padding:0 12px 9px;font-size:10.5px;font-weight:700}.table td{border-top:1px solid var(--hair);padding:11px 12px}.table tbody tr{transition:background .14s}.table tbody tr:hover{background:#ffffff80}.table .id-link{color:var(--blue-deep);font-weight:600}.list-row{border-radius:var(--r-sm);border:1px solid var(--line);background:#ffffff80;align-items:center;gap:12px;padding:11px;transition:all .15s;display:flex}.list-row.sel,.list-row:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);background:#ffffffc7}.sec-title{font-size:15px;font-weight:650}.sec-sub{color:var(--muted);font-size:12.5px}.muted{color:var(--muted)}.faint{color:var(--faint)}.gradient-text{background:var(--grad-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.divider{background:var(--line);height:1px;margin:14px 0}.ai-orb{background:radial-gradient(circle at 32% 30%,#fff,#36cdf0 38%,#1592f0 72%,#0f6fd4);border-radius:99px;flex-shrink:0;width:26px;height:26px;box-shadow:0 0 16px #1592f080}.ai-suggest{border-radius:var(--r-sm);border:1px solid var(--line);background:#ffffff8c;align-items:flex-start;gap:9px;padding:10px;display:flex}.tl{padding-left:22px;position:relative}.tl:before{content:"";background:var(--line);width:2px;position:absolute;top:4px;bottom:4px;left:6px}.tl-item{padding-bottom:16px;position:relative}.tl-item:before{content:"";border:3px solid var(--blue);background:#fff;border-radius:99px;width:12px;height:12px;position:absolute;top:3px;left:-22px;box-shadow:0 0 0 3px #ffffffe6}.tl-item.done:before{background:var(--green);border-color:var(--green)}.dotnum{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-weight:750}.fade-up{animation:.5s cubic-bezier(.16,1,.3,1) both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.span-8,.span-7,.span-6,.span-5,.span-4,.span-3{grid-column:span 12}.g-12{grid-template-columns:1fr}}@media (width<=900px){.nav-rail{display:none}.g-2,.g-3,.g-4{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.search input{width:160px}.mobile-hide{display:none!important}}@media (width<=560px){.kpi-grid{grid-template-columns:1fr}.shell{gap:8px;padding:8px}}.mobile-nav{display:none}@media (width<=900px){.mobile-nav{z-index:40;background:var(--glass-strong);-webkit-backdrop-filter:blur(30px)saturate(150%);backdrop-filter:blur(30px)saturate(150%);box-shadow:var(--shadow);border:1px solid #ffffffb3;border-radius:99px;gap:4px;padding:6px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.mobile-nav button{width:42px;height:42px;color:var(--muted);border-radius:99px;place-items:center;display:grid}.mobile-nav button.active{background:var(--grad-blue);color:#fff}}