@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg:#05080f;--surface:#1f2937a6;--surface-soft:#253141b3;--surface-hover:#2e3d52cc;--ink:#f8fafc;--muted:#97a3b4;--line:#ffffff1a;--navy:#0b111ed9;--navy-2:#0f1729e6;--blue:#3ebaf4;--teal:#2bd4bd;--purple:#bf83fc;--green:#48e080;--amber:#fbbd23;--red:#f37777;--good-ink:#10b77f;--bad-ink:#ef4343;--shadow:0 16px 40px #00000080;--shadow-sm:0 8px 20px #0000004d;--glass-blur:blur(24px);--glass-border:1px solid #ffffff1f;--glass-inner-glow:inset 0 1px 0 #ffffff1a;--spring-easing:cubic-bezier(.175, .885, .32, 1.275)}::selection{color:#fff;background:#38bdf84d}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at top,#38bdf81a,#0000 40%),radial-gradient(circle at 100% 100%,#7c3aed14,#0000 40%);margin:0;font-family:Outfit,system-ui,-apple-system,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit;color:var(--ink)}.search-input{background:var(--surface);border:1px solid var(--line);color:var(--ink);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-inner-glow);transition:all .3s var(--spring-easing);border-radius:12px;outline:none;padding:10px 16px 10px 42px}.search-input:focus{border-color:var(--blue);box-shadow:0 0 0 2px #3ebaf433, var(--glass-inner-glow);background:var(--surface-hover)}.custom-scroll::-webkit-scrollbar{width:6px;height:6px}.custom-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff40}button{cursor:pointer;transition:all .2s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.loading-screen{background:var(--navy);color:#fff;place-items:center;min-height:100dvh;padding:24px;display:grid}.loading-panel{text-align:center;background:#ffffff14;border:1px solid #ffffff24;border-radius:16px;max-width:560px;padding:42px}.loading-orbit{color:#93c5fd;background:#123766;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 22px;display:grid}.app-shell{grid-template-columns:288px minmax(0,1fr);min-height:100dvh;display:grid}.command-sidebar{background:var(--navy);height:100dvh;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:var(--glass-border);color:#dbeafe;z-index:40;flex-direction:column;gap:28px;padding:26px 18px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:12px;padding:0 8px;display:flex}.brand-mark{color:#bfdbfe;background:#123766;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.brand-lockup span,.brand-lockup strong{display:block}.brand-lockup span{color:#93c5fd;text-transform:uppercase;font-size:12px;font-weight:800}.brand-lockup strong{color:#fff;font-size:18px}.sidebar-nav{gap:6px;display:grid}.sidebar-nav a{color:#b6c9e7;border-radius:10px;align-items:center;gap:12px;min-height:46px;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.sidebar-nav a:hover,.sidebar-nav a.active{color:#fff;background:#123766}.sidebar-nav a.active{box-shadow:inset 3px 0 #38bdf8}.sidebar-card{background:#0d2445;border:1px solid #ffffff1f;border-radius:14px;margin-top:auto;padding:18px}.sidebar-card p,.sidebar-card span{color:#9fb6d8;margin:0;font-size:12px}.sidebar-card strong{color:#fff;font-variant-numeric:tabular-nums;margin:8px 0;font-size:34px;line-height:1;display:block}.signal-dot{background:#22c55e;border-radius:50%;width:9px;height:9px;margin-bottom:14px}.workspace{flex-direction:column;min-width:0;display:flex}.topbar{z-index:30;background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);justify-content:space-between;align-items:center;gap:22px;min-height:92px;padding:20px 30px;display:flex;position:sticky;top:0}.topbar h1,.topbar p,.page-title-row h2,.page-title-row p{margin:0}.topbar h1{text-wrap:balance;font-size:22px;line-height:1.2}.eyebrow{color:var(--blue);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:800}.topbar-actions{align-items:center;gap:12px;display:flex}.command-search,.directory-search{border:1px solid var(--line);background:var(--surface);min-width:330px;height:46px;color:var(--muted);border-radius:10px;align-items:center;gap:10px;padding:0 14px;display:flex}.command-search input,.directory-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.icon-button{border:1px solid var(--line);background:var(--surface);width:46px;height:46px;color:var(--ink);border-radius:10px;position:relative}.icon-button span{background:var(--red);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-7px;right:-7px}.operator-chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:10px;height:46px;padding:0 14px 0 6px;font-size:13px;font-weight:800;display:flex}.operator-chip div{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.status-strip{border-bottom:1px solid var(--line);grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:14px 30px;display:grid}.status-strip div{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--muted);border-radius:10px;align-items:center;gap:9px;padding:0 12px;font-size:12px;font-weight:700;display:flex}.status-strip svg{color:var(--blue);flex:none}.page-frame{width:min(100%,1500px);margin:0 auto;padding:30px}.page-stack{gap:24px;display:grid}.page-title-row{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.page-title-row h2{text-wrap:balance;font-size:clamp(28px,4vw,42px);line-height:1.08}.page-title-row p{max-width:780px;color:var(--muted);text-wrap:pretty}.hero-panel,.profile-hero,.product-hero-card,.analytics-card,.metric-card,.service-card,.topology-card,.infra-row{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--shadow-sm), var(--glass-inner-glow);transition:transform .3s var(--spring-easing), box-shadow .3s ease, border-color .3s ease;border-radius:16px}.hero-panel:hover,.profile-hero:hover,.product-hero-card:hover,.analytics-card:hover,.metric-card:hover,.service-card:hover,.topology-card:hover,.infra-row:hover{box-shadow:var(--shadow), inset 0 1px 0 #fff3;border-color:#ffffff40;transform:translateY(-4px)scale(1.01)}.hero-panel{grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);align-items:stretch;gap:24px;min-height:340px;padding:28px;display:grid}.hero-copy{flex-direction:column;justify-content:center;display:flex}.hero-copy h2{text-wrap:balance;max-width:850px;margin:0;font-size:clamp(32px,5vw,58px);line-height:1.02}.hero-copy p:not(.eyebrow){max-width:680px;color:var(--muted);text-wrap:pretty;margin:18px 0 0;font-size:16px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.primary-button,.secondary-button,.ghost-button,.back-button{border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:42px;font-weight:800;display:inline-flex}.primary-button{border:1px solid var(--blue);background:var(--blue);color:#fff;padding:0 18px}.secondary-button,.back-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:0 16px}.ghost-button{color:var(--blue);background:0 0;border:0;padding:0}.hero-radar{color:#fff;background:#0d2445;border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.hero-radar>div:first-child{z-index:2;position:absolute;inset:auto auto 24px 24px}.hero-radar span,.profile-score span,.profile-score small{color:#9fb6d8;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.hero-radar strong{font-variant-numeric:tabular-nums;font-size:56px;line-height:1;display:block}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metrics-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{padding:20px;position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--blue);width:4px;position:absolute;inset:0 auto 0 0}.metric-card.tone-green:before{background:var(--green)}.metric-card.tone-amber:before{background:var(--amber)}.metric-card.tone-red:before{background:var(--red)}.metric-icon{background:var(--surface-soft);width:38px;height:38px;color:var(--blue);border-radius:10px;place-items:center;margin-bottom:18px;display:grid}.tone-green .metric-icon{color:var(--green)}.tone-amber .metric-icon{color:var(--amber)}.tone-red .metric-icon{color:var(--red)}.metric-card p,.metric-card span,.service-card p,.service-card span{color:var(--muted);margin:0;font-size:12px;font-weight:800}.metric-card p,.service-card span{text-transform:uppercase}.metric-card strong{font-variant-numeric:tabular-nums;margin:3px 0;font-size:clamp(28px,4vw,40px);line-height:1;display:block}.service-grid-3,.content-grid,.selector-grid{gap:16px;display:grid}.service-grid-3,.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.span-2{grid-column:span 2}.service-card{--accent:var(--blue);border-top:4px solid var(--accent);padding:22px}.service-card-header{align-items:center;gap:12px;display:flex}.service-icon,.product-hero-icon{background:color-mix(in srgb, var(--accent) 12%, white);width:46px;height:46px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.service-card h3{margin:0;font-size:18px}.service-score{margin-top:22px}.service-score strong{font-variant-numeric:tabular-nums;font-size:34px;line-height:1}.progress-track{background:var(--surface-soft);border-radius:999px;height:9px;margin:16px 0 18px;overflow:hidden}.progress-track div{border-radius:inherit;background:var(--accent);height:100%}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.service-grid div,.stat-pill{background:var(--surface-soft);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:10px;padding:12px;transition:transform .2s,box-shadow .2s,border-color .2s}.service-grid div:hover,.stat-pill:hover{box-shadow:var(--shadow-sm);border-color:#ffffff40;transform:translateY(-2px)}.service-grid strong,.stat-pill strong{font-variant-numeric:tabular-nums;margin-top:4px;font-size:18px;display:block}.analytics-card{min-width:0;padding:22px}.section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.section-head.compact{margin-bottom:16px}.section-head h3{text-wrap:balance;margin:0;font-size:22px;line-height:1.2}.chart-box{width:100%;min-height:300px}.chart-box.compact{min-height:260px}.mini-bars,.rank-list,.risk-list,.quality-list,.infra-list,.topology-list{gap:12px;display:grid}.mini-bars button,.rank-list button,.risk-list button{border:var(--glass-border);background:var(--surface);width:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--ink);text-align:left;border-radius:12px;padding:12px;transition:all .2s}.mini-bars button:hover,.rank-list button:hover,.risk-list button:hover{background:var(--surface-soft);border-color:#fff3;transform:translate(4px)}.mini-bars button{grid-template-columns:1fr auto;gap:8px;display:grid}.mini-bars div,.split-bars{background:var(--surface-soft);border-radius:999px;grid-column:1/-1;height:7px;overflow:hidden}.mini-bars i,.split-bars span{border-radius:inherit;height:100%;display:block}.rank-list button,.risk-list button{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.risk-list button{grid-template-columns:minmax(0,1fr) auto}.rank-list span{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.rank-list strong,.risk-list strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.rank-list small,.risk-list small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.rank-list b,.risk-list span{font-variant-numeric:tabular-nums}.risk-list span{color:var(--amber);font-weight:800}.footprint-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.footprint-grid div{background:var(--surface-soft);border-radius:12px;align-content:center;gap:4px;min-height:112px;padding:16px;display:grid}.footprint-grid strong{font-variant-numeric:tabular-nums;font-size:36px;line-height:1}.footprint-grid span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.selector-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.selector-grid button{--accent:var(--blue);border:1px solid var(--line);background:var(--surface);min-height:90px;color:var(--ink);text-align:left;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px;display:grid}.selector-grid button.active{border-color:var(--accent);box-shadow:inset 0 -4px 0 var(--accent), var(--shadow-sm)}.selector-grid svg,.selector-grid strong{color:var(--accent)}.selector-grid span,.selector-grid strong{font-weight:800}.product-hero-card{--accent:var(--blue);border-top:4px solid var(--accent);align-items:flex-start;gap:20px;padding:24px;display:flex}.product-hero-copy{flex:1;min-width:0}.product-hero-copy h3{margin:0;font-size:clamp(24px,3vw,36px);line-height:1.15}.product-stat-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.quality-list>div{border:1px solid var(--line);border-radius:12px;padding:14px}.quality-list strong,.quality-list span,.quality-list small{display:block}.quality-list span,.quality-list small{color:var(--muted);font-size:12px}.split-bars{gap:3px;margin:10px 0;display:flex}.table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.premium-table th{color:var(--muted);background:var(--surface-soft);border-bottom:1px solid var(--line);text-align:left;text-transform:uppercase;white-space:nowrap;padding:13px 14px;font-size:12px;font-weight:800}.premium-table td{border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap;padding:14px;font-size:14px}.premium-table tbody tr{transition:background-color .16s ease-out}.premium-table tbody tr:hover{background:#ffffff0d}.premium-table td small{color:var(--muted);font-size:12px;display:block}.num{font-variant-numeric:tabular-nums;text-align:right!important}.good{color:var(--green)}.warn{color:var(--amber)}.danger{color:var(--red)}.status-chip{border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.status-chip.neutral{color:var(--ink);background:var(--surface-soft);border:1px solid var(--line)}.directory-toolbar{grid-template-columns:minmax(260px,1fr) 220px 150px;gap:12px;margin-bottom:18px;display:grid}.directory-toolbar .directory-search{min-width:0}.directory-toolbar select{border:1px solid var(--line);background:var(--surface);height:46px;color:var(--ink);border-radius:10px;padding:0 12px}.segmented-control{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.segmented-control button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:0 13px;font-weight:800}.segmented-control button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.infra-list{max-height:900px;padding-right:4px;overflow:auto}.infra-row{--grade:var(--blue);border-left:4px solid var(--grade);grid-template-columns:minmax(280px,.9fr) minmax(0,1.6fr);align-items:center;gap:16px;padding:16px;display:grid}.infra-title{align-items:center;gap:12px;min-width:0;display:flex}.infra-title h3,.infra-title p{margin:0}.infra-title h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.infra-title p{color:var(--muted);font-size:12px;font-weight:700}.infra-icon{background:var(--surface-soft);width:42px;height:42px;color:var(--grade);border-radius:10px;flex:none;place-items:center;display:grid}.infra-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.infra-metrics div{background:var(--surface-hover);border-radius:10px;padding:10px}.infra-metrics span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800;display:block}.infra-metrics strong{font-variant-numeric:tabular-nums}.link-chip{background:var(--surface-soft);border:1px solid var(--line);color:var(--ink);border-radius:999px;align-items:center;padding:4px 12px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.link-chip:hover{background:var(--surface-light);border-color:var(--blue)}.topology-card{padding:0;overflow:hidden}.topology-exec{background:var(--surface);text-align:left;border:0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;width:100%;padding:20px;display:grid}.topology-avatar,.profile-avatar{background:var(--navy);color:#fff;border-radius:14px;place-items:center;width:58px;height:58px;display:grid}.topology-exec h3,.topology-exec p,.topology-exec span{margin:0}.topology-exec span{color:var(--muted);font-size:13px;font-weight:700}.topology-exec>strong{font-variant-numeric:tabular-nums;font-size:28px}.topology-branches{border-top:1px solid var(--line);background:#f8fafc;gap:14px;padding:18px;display:grid}.exchange-branch{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:14px}.exchange-head{align-items:center;gap:9px;margin-bottom:12px;display:flex}.exchange-head svg{color:var(--teal)}.exchange-head span{color:var(--muted);margin-left:auto;font-size:12px;font-weight:800}.operator-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.operator-grid button,.more-chip{border:1px solid var(--line);background:var(--surface-soft);min-height:72px;color:var(--ink);text-align:left;border-radius:12px;align-content:center;gap:2px;padding:10px;display:grid}.operator-grid span{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.operator-grid small{color:var(--muted)}.profile-hero{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:24px;display:grid}.profile-avatar.executive{background:var(--blue)}.profile-copy h2,.profile-copy p{margin:0}.profile-copy h2{font-size:clamp(30px,4vw,48px);line-height:1.05}.profile-copy p{color:var(--muted);font-weight:700}.chip-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.profile-score{background:var(--navy);color:#fff;text-align:right;border-radius:14px;min-width:150px;padding:18px}.profile-score strong{font-variant-numeric:tabular-nums;font-size:46px;line-height:1;display:block}.back-button{justify-self:start}.service-split{gap:12px;display:grid}.service-split div{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.service-split div small{color:var(--muted);grid-column:1/-1}.service-split strong{font-variant-numeric:tabular-nums;font-size:22px}.dc-chip-grid{flex-wrap:wrap;gap:10px;display:flex}.dc-chip-grid span{border:1px solid var(--line);background:var(--surface-soft);min-height:34px;color:var(--ink);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}@media (width<=1200px){.app-shell{grid-template-columns:86px minmax(0,1fr)}.command-sidebar{padding:18px 12px}.brand-lockup div:not(.brand-mark),.sidebar-nav span,.sidebar-card{display:none}.sidebar-nav a{justify-content:center;padding:0}.status-strip,.metrics-grid,.service-grid-3,.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.span-2{grid-column:span 2}.hero-panel{grid-template-columns:1fr}.operator-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.infra-row{grid-template-columns:1fr}}@media (width<=780px){.app-shell{display:block}.command-sidebar{z-index:30;flex-direction:row;align-items:center;height:auto;position:sticky;top:0;overflow-x:auto}.brand-lockup{flex:none}.sidebar-nav{min-width:max-content;display:flex}.topbar,.page-title-row,.section-head,.product-hero-card,.profile-hero{flex-direction:column;align-items:stretch}.topbar{position:static}.topbar-actions{grid-template-columns:1fr auto;width:100%;display:grid}.operator-chip{grid-column:1/-1;width:fit-content}.command-search{min-width:0}.status-strip,.metrics-grid,.metrics-grid.three,.service-grid-3,.content-grid,.selector-grid,.product-stat-row,.directory-toolbar,.operator-grid,.infra-metrics{grid-template-columns:1fr}.span-2{grid-column:auto}.page-frame,.topbar,.status-strip{padding-left:16px;padding-right:16px}.hero-panel,.analytics-card,.profile-hero,.product-hero-card{padding:18px}.hero-actions{display:grid}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-hero{display:flex}.profile-score{text-align:left}.topology-exec{grid-template-columns:auto minmax(0,1fr)}.topology-exec>strong,.topology-exec>svg{display:none}}.front-app{background:var(--bg);min-height:100dvh}.front-header{z-index:30;background:var(--navy);color:#fff;border-bottom:1px solid #ffffff1f;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);align-items:center;gap:16px;padding:14px 24px;display:grid;position:sticky;top:0}.front-brand{align-items:center;gap:12px;display:flex}.front-brand div{color:#93c5fd;background:#123766;border-radius:10px;place-items:center;width:56px;height:44px;font-weight:900;display:grid}.front-brand span{text-wrap:balance;font-size:18px;font-weight:900}.login-upload-panel{grid-template-columns:minmax(220px,1fr) auto auto auto;align-items:center;gap:10px;display:grid}.profile-login,.file-picker{color:#dbeafe;background:#0d2445;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:9px;min-height:42px;padding:0 12px;display:flex}.profile-login input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;font-weight:800}.profile-login button{color:#dbeafe;background:0 0;border:1px solid #ffffff29;border-radius:8px;flex:none;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-weight:800;display:inline-flex}.profile-login button.active{color:#fff;background:#0d9488;border-color:#0d9488}.file-picker{cursor:pointer;font-size:13px;font-weight:800;position:relative}.file-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.front-header .primary-button{white-space:nowrap;min-height:42px}.upload-status{color:#38bdf8;background:#0ea5e91a;border-bottom:1px solid #0ea5e933;padding:10px 24px;font-size:13px;font-weight:800}.route-toolbar{z-index:25;background:var(--navy);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:10px 24px;display:flex;position:sticky;top:73px}.breadcrumb{min-width:0;color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.breadcrumb a,.route-button{color:var(--blue);border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.breadcrumb strong,.breadcrumb b{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);overflow:hidden}.route-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.front-footer{background:var(--navy);color:#dbeafe;border-top:1px solid #ffffff1f;justify-content:space-between;gap:18px;padding:24px;display:flex}.front-footer strong,.front-footer span{display:block}.front-footer strong{color:#fff}.front-footer span{color:#b6c9e7;font-size:13px;font-weight:700}.front-footer>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.front-footer>div:last-child span{border:1px solid #ffffff24;border-radius:999px;padding:6px 10px}.front-page{width:min(100%,1580px);margin:0 auto;padding:24px}.home-stack{gap:22px;display:grid}.home-hero{grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);align-items:stretch;gap:18px;display:grid}.home-hero>div:first-child,.formula-card,.deep-section,.executive-section,.product-total,.ranking-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px}.home-hero>div:first-child{padding:28px}.home-hero h1{text-wrap:balance;margin:0;font-size:clamp(34px,5vw,62px);line-height:1.02}.home-hero p:not(.eyebrow){max-width:850px;color:var(--muted);text-wrap:pretty;margin:16px 0 0;font-size:16px}.formula-card{color:#fff;background:#0d2445;align-content:center;gap:9px;padding:22px;display:grid}.formula-card strong{font-size:18px}.formula-card span{color:#c8d9f2;font-size:13px;font-weight:700}.summary-grid,.exec-kpis{grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;display:grid}.stat-cell{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-content:center;gap:4px;min-height:84px;padding:14px;display:grid}.stat-cell span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.stat-cell strong{font-variant-numeric:tabular-nums;font-size:24px;line-height:1}.product-total-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.product-total{--accent:var(--blue);border-top:4px solid var(--accent);grid-template-columns:repeat(2,minmax(132px,1fr));align-items:stretch;gap:12px;padding:16px;display:grid}.product-total>div:first-child{color:var(--accent);border-bottom:1px solid var(--line);grid-column:1/-1;grid-template-columns:auto 1fr auto;align-content:center;align-items:center;gap:10px;min-height:52px;padding-bottom:10px;display:grid}.product-total>div:first-child button{border:1px solid color-mix(in srgb, var(--accent) 40%, white);background:color-mix(in srgb, var(--accent) 10%, white);width:fit-content;min-height:30px;color:var(--accent);border-radius:8px;padding:0 10px;font-size:12px;font-weight:900}.product-total .stat-cell{background:var(--surface-soft);min-height:82px;padding:12px}.product-total .stat-cell strong{white-space:normal;overflow-wrap:anywhere;font-size:22px}.executive-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.premium-access-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.premium-access-grid button{border:1px solid var(--line);background:var(--surface);min-height:104px;box-shadow:var(--shadow-sm);color:var(--ink);text-align:left;border-radius:16px;align-content:center;gap:4px;padding:18px;display:grid}.premium-access-grid svg{color:var(--blue)}.premium-access-grid strong{font-size:18px}.premium-access-grid span{color:var(--muted);font-size:13px;font-weight:800}.product-switch{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;flex-wrap:wrap;gap:8px;padding:6px;display:flex}.product-switch button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:10px;padding:0 16px;font-weight:900}.product-switch button.active{background:var(--navy);color:#fff}.executive-tabs button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;min-height:86px;padding:14px;display:grid}.executive-tabs button.active{border-color:var(--blue);box-shadow:inset 0 -4px 0 var(--blue), var(--shadow-sm)}.executive-tabs strong{font-size:18px}.executive-tabs span{color:var(--muted);font-weight:800}.executive-tabs b{color:var(--blue);font-variant-numeric:tabular-nums;grid-area:1/2/span 2}.executive-sections{gap:16px;display:grid}.executive-section{overflow:hidden}.executive-section>header{grid-template-columns:minmax(260px,.75fr) minmax(0,1.1fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.executive-section h2,.executive-section p{margin:0}.executive-section header span{color:var(--muted);font-weight:700}.executive-section header>button{border:1px solid var(--line);background:var(--surface-soft);min-height:40px;color:var(--blue);border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-weight:900;display:inline-flex}.exec-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.exec-kpis .stat-cell{background:var(--surface-soft);min-height:68px}.exec-detail{border-top:1px solid var(--line);background:#f8fafc;gap:16px;padding:18px;display:grid}.exchange-box-grid{gap:16px;display:grid}.exchange-box{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:14px}.exchange-box-head{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:10px;margin-bottom:12px;padding:0;display:flex}.exchange-box-head svg{color:var(--teal)}.exchange-box-head span{color:var(--muted);margin-left:auto;font-size:12px;font-weight:900}.employee-box-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.employee-box{border:1px solid var(--line);background:var(--surface-soft);min-height:124px;color:var(--ink);text-align:left;border-radius:12px;align-content:start;gap:3px;padding:12px;display:grid}.employee-box svg{color:var(--blue)}.employee-box strong,.employee-box span,.employee-box small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.employee-box span,.employee-box small{color:var(--muted);font-size:12px;font-weight:700}.deep-section{gap:16px;padding:20px;display:grid}.integrity-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.opportunity-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.health-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.health-grid div{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:92px;padding:12px;display:grid}.health-grid span{color:#166534;background:#dcfce7;border-radius:999px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:900;display:grid}.health-grid strong{font-size:13px;line-height:1.25}.opportunity-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-content:start;gap:9px;min-height:150px;padding:16px;display:grid}.opportunity-card span{background:var(--surface-soft);width:34px;height:28px;color:var(--muted);border-radius:999px;place-items:center;font-size:12px;font-weight:900;display:grid}.opportunity-card strong{font-size:15px}.opportunity-card p{color:var(--muted);margin:0;font-size:13px;font-weight:700}.opportunity-card.blue{border-top:4px solid var(--blue)}.opportunity-card.green{border-top:4px solid var(--green)}.opportunity-card.amber{border-top:4px solid var(--amber)}.opportunity-card.red{border-top:4px solid var(--red)}.deep-section .section-head h2{margin:0}.ranking-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ranking-panel{padding:14px}@media (width<=1280px){.front-header,.login-upload-panel,.home-hero,.executive-section>header{grid-template-columns:1fr}.summary-grid,.exec-kpis,.product-total-grid,.employee-box-grid,.ranking-grid,.premium-access-grid,.integrity-grid,.opportunity-grid,.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.front-header{padding:14px;position:static}.route-toolbar{flex-direction:column;align-items:stretch;padding:10px 14px;position:sticky;top:0}.route-actions{justify-content:flex-start}.front-page{padding:14px}.summary-grid,.exec-kpis,.product-total-grid,.executive-tabs,.employee-box-grid,.ranking-grid,.premium-access-grid,.integrity-grid,.opportunity-grid,.health-grid{grid-template-columns:1fr}.front-footer{flex-direction:column}.front-footer>div:last-child{justify-content:flex-start}.home-hero>div:first-child,.formula-card,.deep-section{padding:16px}}.ranking-panel h3{margin:0 0 12px;font-size:16px}.ranking-panel>div{gap:8px;display:grid}.ranking-panel button{border:1px solid var(--line);background:var(--surface-soft);text-align:left;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:44px;padding:8px;display:grid}.ranking-panel button span{background:var(--navy);color:#fff;border-radius:999px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:900;display:grid}.ranking-panel button strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-panel button b{color:var(--blue);font-variant-numeric:tabular-nums}.insight-bars{flex-direction:column;gap:16px;padding:12px 0;display:flex}.insight-item{flex-direction:column;gap:8px;display:flex}.insight-header{justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.insight-header .val{align-items:center;gap:4px;display:flex}.insight-header .good{color:var(--green)}.insight-header .warn{color:var(--red)}.insight-track{background:var(--surface-soft);border-radius:999px;height:8px;overflow:hidden}.insight-fill{border-radius:999px;height:100%;transition:width .5s ease-out}.ranking-panel button{color:var(--ink)}
