:root{--primary:#2B6BFF;--primary-strong:#1E55D9;--link:#1E55D9;--secondary:#7CC8FF;--accent:#FF8A1F;--accent-strong:#E36F0F;--accent-contrast:#091845;--highlight:#FFD23F;--highlight-contrast:#091845;--on-primary:#FFFFFF;--text-on-warm:#091845;--ink:#091845;--muted:#5A6483;--disabled:#B6BFD3;--paper:#FAFBFF;--surface:#FFFFFF;--cloud:#EEF3FF;--cream:#FFF8EC;--rule:#E6EAF2;--rule-strong:#C9D2E3;--success:#23C77B;--success-soft:#E3F8EC;--success-ink:#0E6B43;--warn:#C77700;--warn-soft:#FFF1D2;--warn-ink:#8F5A00;--danger:#E84A4A;--danger-soft:#FDECEC;--danger-ink:#A82E2E;--info:#3FA9F5;--info-soft:#E5F3FE;--info-ink:#1A6FB5;--danger-strong:#C73E3E;--field-error-bg:#FEF6F6;--field-success-bg:#F4FCF7;--field-warn-bg:#FFFBEE;--field-readonly-bg:#F7F9FD;--success-border:#C7E9D7;--warn-border:#FCE7AA;--danger-border:#F5C7C7;--disabled-bg:#F2F4F8;--ghost-pressed:#DDE5F5;--code-bg:#F2F5FA;--focus-ring:0 0 0 4px rgba(43,107,255,.35);--focus-ring-danger:0 0 0 4px rgba(232,74,74,.35);--font-display:"Unbounded","Manrope",system-ui,sans-serif;--font-text:"Manrope",-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SF Mono",Consolas,monospace;--font-hand:"Caveat","Segoe Script",cursive;--t-display:clamp(44px,.28rem + 6.59vw,72px);--t-display-lh:clamp(48px,.53rem + 6.59vw,76px);--t-display-ls:-.025em;--t-h1:clamp(34px,.19rem + 5.18vw,56px);--t-h1-lh:clamp(38px,.44rem + 5.18vw,60px);--t-h1-ls:-.022em;--t-h2:clamp(26px,.39rem + 3.29vw,40px);--t-h2-lh:clamp(32px,.77rem + 3.29vw,46px);--t-h2-ls:-.02em;--t-h3:clamp(22px,.85rem + 1.41vw,28px);--t-h3-lh:clamp(28px,1.22rem + 1.41vw,34px);--t-h3-ls:-.015em;--t-h4:clamp(18px,.77rem + .94vw,22px);--t-h4-lh:clamp(24px,1.15rem + .94vw,28px);--t-h4-ls:-.01em;--t-body-l:clamp(17px,.97rem + .24vw,18px);--t-body-l-lh:clamp(28px,1.57rem + .47vw,30px);--t-body:16px;--t-body-lh:26px;--t-small:clamp(13px,.72rem + .24vw,14px);--t-small-lh:clamp(20px,1.07rem + .47vw,22px);--t-caption:clamp(11px,.6rem + .24vw,12px);--t-caption-lh:clamp(16px,.82rem + .47vw,18px);--t-caption-ls:.04em;--sp-0:0px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--r-2xl:32px;--r-pill:999px;--e0:none;--e1:0 1px 2px rgba(9,24,69,.06);--e2:0 1px 0 rgba(9,24,69,.04), 0 4px 10px rgba(9,24,69,.06);--e3:0 1px 0 rgba(9,24,69,.04), 0 10px 24px rgba(9,24,69,.08);--e4:0 1px 0 rgba(9,24,69,.04), 0 18px 40px rgba(9,24,69,.12);--e5:0 30px 70px rgba(9,24,69,.22);--motion-instant:80ms;--motion-fast:.15s;--motion-base:.2s;--motion-slow:.3s;--motion-modal:.32s;--motion-celebrate:.6s;--ease-standard:cubic-bezier(.4,0,.2,1);--ease-decelerate:cubic-bezier(.2,0,0,1);--ease-emphasized:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--control-lg:56px;--control-md:48px;--control-sm:40px;--control-xs:32px;--touch-min:44px;--touch-md:40px;--touch-sm:32px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--icon-stroke-sm:1.5;--icon-stroke-md:1.75;--icon-stroke-lg:2;--icon-stroke-xl:2.5;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--border-w-hairline:1px;--border-w-field:1.5px;--opacity-disabled:.7;--container-tight:880px;--container:1200px;--container-wide:1320px;--z-base:0;--z-sticky:100;--z-dropdown:1000;--z-overlay:2000;--z-modal:2100;--z-toast:3000;--z-tooltip:4000}[data-theme=dark]{--paper:#060F2E;--surface:#0B1840;--cloud:#13245C;--cream:#15203F;--rule:#22336B;--rule-strong:#31447F;--ink:#EAF0FF;--muted:#A7B3D9;--disabled:#5E6C9E;--link:#8FB3FF;--success-soft:#0A2C1E;--success-ink:#63DBA4;--warn-soft:#33240A;--warn-ink:#FFC163;--danger-soft:#381111;--danger-ink:#FF9D9D;--info-soft:#0B2A44;--info-ink:#82C7FA;--code-bg:#13245C;--field-error-bg:#381111;--field-success-bg:#0A2C1E;--field-warn-bg:#33240A;--field-readonly-bg:#0E1A3A;--disabled-bg:#11203F;--ghost-pressed:#1A2A55;--success-border:#1C5A3C;--warn-border:#5A4318;--danger-border:#6E2626;--focus-ring:0 0 0 4px rgba(143,179,255,.35);--focus-ring-danger:0 0 0 4px rgba(255,157,157,.32)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--paper:#060F2E;--surface:#0B1840;--cloud:#13245C;--cream:#15203F;--rule:#22336B;--rule-strong:#31447F;--ink:#EAF0FF;--muted:#A7B3D9;--disabled:#5E6C9E;--link:#8FB3FF;--success-soft:#0A2C1E;--success-ink:#63DBA4;--warn-soft:#33240A;--warn-ink:#FFC163;--danger-soft:#381111;--danger-ink:#FF9D9D;--info-soft:#0B2A44;--info-ink:#82C7FA;--code-bg:#13245C;--field-error-bg:#381111;--field-success-bg:#0A2C1E;--field-warn-bg:#33240A;--field-readonly-bg:#0E1A3A;--disabled-bg:#11203F;--ghost-pressed:#1A2A55;--success-border:#1C5A3C;--warn-border:#5A4318;--danger-border:#6E2626;--focus-ring:0 0 0 4px rgba(143,179,255,.35);--focus-ring-danger:0 0 0 4px rgba(255,157,157,.32)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--font-text);font-size:var(--t-body);line-height:var(--t-body-lh);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{min-height:100vh}a{color:var(--link);text-decoration:none}a:hover{color:var(--primary-strong)}button,input,select,textarea{font-family:inherit}img{display:block;max-width:100%}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);align-items:start;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;gap:var(--sp-1);background:var(--surface);border-right:var(--border-w-hairline) solid var(--rule);padding:24px 16px 20px}.sidebar__logo{padding:2px 8px 20px}.sidebar__logo img{height:32px}.sidebar__nav{display:flex;flex-direction:column;gap:var(--sp-1)}.nav-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:11px 14px;border:none;border-radius:var(--r-md);background:transparent;color:var(--muted);font-size:14.5px;font-weight:var(--weight-semibold);text-align:left;text-decoration:none;cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.nav-item:hover{background:var(--cloud);color:var(--ink)}.nav-item.active{background:var(--primary);color:var(--on-primary)}.nav-item.active:hover{background:var(--primary-strong);color:var(--on-primary)}.nav-item svg{flex:none}.nav-item span{flex:1 1 auto}.sidebar__bottom{margin-top:auto;border-top:var(--border-w-hairline) solid var(--rule);padding-top:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1)}.user-card{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--r-md)}.user-card__meta{min-width:0;line-height:1.2}.user-card__name{font-size:13.5px;font-weight:var(--weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card__role{font-size:12px;color:var(--muted)}.avatar{flex:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-pill);background:var(--cloud);color:var(--link);font-size:13px;font-weight:var(--weight-extrabold);letter-spacing:.02em;-webkit-user-select:none;user-select:none}.logout-btn{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:11px 14px;border:none;border-radius:var(--r-md);background:transparent;color:var(--muted);font-size:14.5px;font-weight:var(--weight-semibold);text-align:left;cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.logout-btn:hover{background:var(--danger-soft);color:var(--danger-ink)}.logout-btn:disabled{opacity:var(--opacity-disabled);cursor:default}.main-col{min-width:0}.topbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 32px;border-bottom:var(--border-w-hairline) solid var(--rule);background:#fafbffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.topbar__title{margin:0;font-family:var(--font-display);font-size:24px;font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1.2}.topbar__sub{margin:3px 0 0;color:var(--muted);font-size:13.5px;line-height:1.4}.stub{padding:24px 32px 48px}.stub__card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:64px 24px;background:var(--surface);border:var(--border-w-hairline) solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--e1);text-align:center}.stub__card img{width:120px;margin-bottom:var(--sp-3)}.stub__title{margin:0;font-family:var(--font-display);font-size:20px;font-weight:var(--weight-bold);letter-spacing:-.015em}.stub__text{margin:0;max-width:420px;color:var(--muted);font-size:var(--t-small);line-height:var(--t-small-lh)}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);color:var(--muted);font-size:var(--t-small)}.spinner{width:36px;height:36px;border-radius:var(--r-pill);border:3px solid var(--cloud);border-top-color:var(--primary);animation:sd-spin .9s linear infinite}@keyframes sd-spin{to{transform:rotate(360deg)}}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-5)}.login__card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);width:100%;max-width:460px;padding:44px 36px 40px;background:var(--surface);border:var(--border-w-hairline) solid var(--rule);border-radius:var(--r-xl);box-shadow:var(--e3);text-align:center}.login__card img{width:128px;margin-bottom:var(--sp-3)}.login__title{margin:0;font-family:var(--font-display);font-size:22px;font-weight:var(--weight-bold);letter-spacing:-.015em}.login__text{margin:0;max-width:360px;color:var(--muted);font-size:var(--t-small);line-height:var(--t-small-lh)}.btn-retry{margin-top:var(--sp-3);height:var(--control-md);padding:0 22px;border:none;border-radius:var(--r-md);background:var(--primary);color:var(--on-primary);font-size:15px;font-weight:var(--weight-bold);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard)}.btn-retry:hover{background:var(--primary-strong)}.btn-retry:disabled{opacity:var(--opacity-disabled);cursor:default}.login__command{display:inline-block;margin-top:var(--sp-1);padding:4px 10px;border-radius:var(--r-xs);background:var(--code-bg);color:var(--ink);font-family:var(--font-mono);font-size:13px;font-weight:var(--weight-semibold)}.role-switch{position:relative;flex:none}.role-switch__btn{display:flex;align-items:center;gap:var(--sp-2);min-height:40px;padding:6px 12px;background:var(--surface);border:var(--border-w-hairline) solid var(--rule);border-radius:var(--r-md);color:var(--ink);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.role-switch__btn:hover{background:var(--cloud);border-color:var(--rule-strong)}.role-switch__label{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.role-switch__hint{color:var(--muted);font-size:var(--t-caption);letter-spacing:var(--t-caption-ls)}.role-switch__value{font-size:13.5px;font-weight:var(--weight-bold)}.role-switch__menu{position:absolute;top:calc(100% + var(--sp-2));right:0;z-index:var(--z-dropdown);width:320px;max-width:calc(100vw - var(--sp-6));display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-2);background:var(--surface);border:var(--border-w-hairline) solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--e2)}.role-option{display:flex;align-items:flex-start;gap:var(--sp-3);padding:10px 12px;min-height:var(--touch-md);background:transparent;border:0;border-radius:var(--r-sm);color:var(--ink);text-align:left;cursor:pointer;transition:background var(--motion-fast) var(--ease-standard)}.role-option:hover,.role-option.is-current{background:var(--cloud)}.role-option svg{flex:none;margin-top:2px;color:var(--link)}.role-option__text{display:flex;flex-direction:column;gap:2px;min-width:0}.role-option__title{display:flex;align-items:center;gap:var(--sp-2);font-size:14px;font-weight:var(--weight-bold)}.role-option__flag{padding:1px 8px;background:var(--warn-soft);border-radius:var(--r-pill);color:var(--warn-ink);font-size:var(--t-caption);font-weight:var(--weight-semibold);letter-spacing:var(--t-caption-ls)}.role-option__sub{color:var(--muted);font-size:12.5px;line-height:1.35}.section{padding:24px 32px 48px;display:flex;flex-direction:column;gap:var(--sp-5)}.preview-note{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);background:var(--warn-soft);border:var(--border-w-hairline) solid var(--warn-border);border-radius:var(--r-lg);color:var(--warn-ink)}.preview-note>svg{flex:none;margin-top:2px}.preview-note__title{margin:0;font-size:15px;font-weight:var(--weight-bold)}.preview-note__text{margin:4px 0 0;max-width:68ch;font-size:13.5px;line-height:1.45}.preview-note__exit{flex:none;margin-left:auto;min-height:40px;padding:8px 16px;background:var(--surface);border:var(--border-w-hairline) solid var(--warn-border);border-radius:var(--r-md);color:var(--warn-ink);font-size:13.5px;font-weight:var(--weight-bold);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard)}.preview-note__exit:hover{background:var(--cream)}.card{padding:var(--sp-5);background:var(--surface);border:var(--border-w-hairline) solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--e1)}.card__head{margin-bottom:var(--sp-4)}.card__title{margin:0;font-family:var(--font-display);font-size:20px;font-weight:var(--weight-bold);letter-spacing:-.015em}.card__sub{margin:4px 0 0;color:var(--muted);font-size:13.5px;line-height:1.4}.role-plan{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--sp-2)}.role-plan__item{display:flex;align-items:center;gap:var(--sp-3);padding:12px 14px;background:var(--paper);border:var(--border-w-hairline) solid var(--rule);border-radius:var(--r-md)}.role-plan__icon{display:inline-flex;color:var(--disabled)}.role-plan__label{font-size:14px;font-weight:var(--weight-semibold)}.role-plan__state{margin-left:auto;color:var(--muted);font-size:var(--t-caption);letter-spacing:var(--t-caption-ls);text-transform:uppercase}.nav-item.is-preview{color:var(--disabled);cursor:default}.nav-item.is-preview:hover{background:transparent;color:var(--disabled)}@media (max-width: 1023px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:static;height:auto;overflow:visible;padding:12px 16px;border-right:0;border-bottom:var(--border-w-hairline) solid var(--rule)}.sidebar__logo{padding:0 0 12px}.sidebar__nav{flex-direction:row;gap:var(--sp-2);min-width:0;overflow-x:auto;padding-bottom:4px}.sidebar__nav .nav-item{flex:none;white-space:nowrap}.sidebar__bottom .nav-item{flex:0 1 auto;min-width:0;white-space:nowrap}.sidebar__bottom{flex-direction:row;align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);padding-top:var(--sp-3)}.user-card{flex:1 1 auto;min-width:0;padding:0}.logout-btn{flex:none;width:auto}.topbar{flex-wrap:wrap;padding:14px 16px}.section{padding:16px 16px 32px}.role-switch{width:100%}.role-switch__btn{width:100%;justify-content:space-between}.role-switch__menu{width:100%}.preview-note{flex-wrap:wrap}.preview-note__exit{margin-left:0;width:100%}}.metrics-head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3)}.metrics-head__when{margin:0;color:var(--muted);font-size:13px}.metrics-head__refresh{margin-left:auto;min-height:40px;padding:8px 16px;background:var(--surface);border:var(--border-w-hairline) solid var(--rule);border-radius:var(--r-md);color:var(--link);font-size:13.5px;font-weight:var(--weight-bold);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard)}.metrics-head__refresh:hover{background:var(--cloud)}.metrics-head__refresh:disabled{opacity:var(--opacity-disabled);cursor:default}.stale-badge{padding:4px 12px;background:var(--warn-soft);border-radius:var(--r-pill);color:var(--warn-ink);font-size:12.5px;font-weight:var(--weight-semibold)}.kpi-row{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.kpi-row+.kpi-row{margin-top:var(--sp-3)}.kpi{flex:1 1 160px;min-width:160px;padding:14px 16px;background:var(--paper);border:var(--border-w-hairline) solid var(--rule);border-radius:var(--r-md)}.kpi__label{color:var(--muted);font-size:var(--t-caption);letter-spacing:var(--t-caption-ls);text-transform:uppercase}.kpi__value{margin-top:4px;font-size:24px;font-weight:var(--weight-extrabold);letter-spacing:-.02em;line-height:1.15}.kpi__hint{margin-top:2px;color:var(--muted);font-size:12.5px;line-height:1.35}.delta{display:inline-block;margin-top:6px;font-size:12.5px;font-weight:var(--weight-semibold);color:var(--muted)}.delta.up{color:var(--success-ink)}.delta.down{color:var(--danger-ink)}.col-1,.col-2{margin-top:var(--sp-5)}.col-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sp-5)}.sub-head{margin:0 0 var(--sp-2);font-size:14px;font-weight:var(--weight-bold)}.mini-list{margin:0;padding:0;list-style:none}.mini-list__row{display:flex;align-items:center;gap:var(--sp-3);padding:8px 0;border-bottom:var(--border-w-hairline) solid var(--rule)}.mini-list__row:last-child{border-bottom:0}.mini-list__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.mini-list__count{margin-left:auto;font-family:var(--font-mono);font-size:13px;font-weight:var(--weight-semibold)}.table-scroll{overflow-x:auto}.mini-table{width:100%;border-collapse:collapse}.mini-table th{padding:8px 10px;border-bottom:var(--border-w-hairline) solid var(--rule);color:var(--muted);font-size:var(--t-caption);font-weight:var(--weight-semibold);letter-spacing:var(--t-caption-ls);text-align:left;text-transform:uppercase;white-space:nowrap}.mini-table td{padding:9px 10px;border-bottom:var(--border-w-hairline) solid var(--rule);font-size:13.5px;white-space:nowrap}.mini-table tbody tr:last-child td{border-bottom:0}.metrics-note{margin-top:var(--sp-4);padding:var(--sp-4);background:var(--warn-soft);border:var(--border-w-hairline) solid var(--warn-border);border-radius:var(--r-md);color:var(--warn-ink)}.metrics-note__title{margin:0;font-size:14px;font-weight:var(--weight-bold)}.metrics-note__text{margin:4px 0 0;max-width:72ch;font-size:13.5px;line-height:1.45}