:root,html[data-theme=light]{--bg-page: #f7f8fa;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-hover: #f1f5f9;--bg-inset: #f0f2f5;--text-primary: #333333;--text-secondary: #666666;--text-muted: #5f6b7a;--text-on-accent: #ffffff;--border-default: #e0e0e0;--border-strong: #cccccc;--accent: #3498db;--accent-strong: #2f6da7;--accent-soft: #e8f1fb;--link: #2f6da7;--focus-ring: #2f6da7;--danger: #e53935;--danger-text: #c62828;--danger-strong: #b3261e;--state-active-bg: #fff3cd;--state-active-hover-bg: #ffeeba;--state-active-text: #856404;--state-active-border: #f1c40f;--status-success-text: #1e6b34;--status-success-bg: #e7f4ea;--status-success-border: #b7dcc0;--status-warning-text: #856404;--status-warning-bg: #fff3cd;--status-warning-border: #f0d98a;--status-danger-text: #b3261e;--status-danger-bg: #fdecea;--status-danger-border: #f5c2bd;--status-info-text: #2f6da7;--status-info-bg: #e8f1fb;--status-info-border: #bcd5ef;--status-neutral-text: #4b5563;--status-neutral-bg: #eef0f3;--status-neutral-border: #d5d9df;--status-candidate-text: #6b2fa0;--status-candidate-bg: #f3eafb;--status-candidate-border: #dcc5f0;--shadow-color: rgba(0, 0, 0, .08);--shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 16px var(--shadow-color);--chart-paper-bg: #ffffff;--chart-plot-bg: #ffffff;--chart-grid-color: #e5e7eb;--chart-axis-color: #6b7280;--chart-text-color: #5f6b7a;--chart-series-1: #2f6da7;--chart-series-2: #b45309;--chart-series-3: #2e7d32;--chart-series-4: #8e24aa;--topbar-height: calc(64px + env(safe-area-inset-top, 0px)) ;--topbar-bg: linear-gradient(135deg, rgba(12, 18, 28, .98) 0%, rgba(24, 31, 42, .94) 52%, rgba(14, 43, 48, .96) 100%), linear-gradient(90deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02));--topbar-solid: #111923;--topbar-text: #f8fafc;--topbar-text-secondary: #c8d3df;--topbar-border: rgba(255, 255, 255, .11);--topbar-control-bg: rgba(255, 255, 255, .08);--topbar-control-border: rgba(255, 255, 255, .14);--topbar-control-hover-bg: rgba(255, 255, 255, .16);--topbar-focus: #7dd3fc;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--content-max-width: 1280px;--page-gutter: 24px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--touch-target-primary: 44px;--touch-target-secondary: 36px;--touch-target-input: 40px;--z-topbar: 700;--z-popover: 800;--z-modal: 1000;color-scheme:light}html[data-theme=dark]{--bg-page: #0f141b;--bg-card: #1a212b;--bg-elevated: #212a36;--bg-hover: #2a3441;--bg-inset: #141a22;--text-primary: #e2e8f0;--text-secondary: #a8b3c1;--text-muted: #97a3b3;--text-on-accent: #0f141b;--border-default: #2e3a48;--border-strong: #45536a;--accent: #4ba3e3;--accent-strong: #6db6ec;--accent-soft: #173049;--link: #6db6ec;--focus-ring: #7dd3fc;--danger: #ef5350;--danger-text: #ff8a80;--danger-strong: #ff8a80;--state-active-bg: rgba(241, 196, 15, .16);--state-active-hover-bg: rgba(241, 196, 15, .23);--state-active-text: #f5d56c;--state-active-border: rgba(241, 196, 15, .45);--status-success-text: #81c995;--status-success-bg: #183324;--status-success-border: #2b5a3b;--status-warning-text: #f5d56c;--status-warning-bg: #3a3113;--status-warning-border: #6b5a1f;--status-danger-text: #ff8a80;--status-danger-bg: #3d1f22;--status-danger-border: #6e3136;--status-info-text: #6db6ec;--status-info-bg: #173049;--status-info-border: #28527a;--status-neutral-text: #c3ccd7;--status-neutral-bg: #2a3441;--status-neutral-border: #45536a;--status-candidate-text: #d0b3ff;--status-candidate-bg: #2e2143;--status-candidate-border: #53407a;--shadow-color: rgba(0, 0, 0, .45);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px var(--shadow-color);--chart-paper-bg: #1a212b;--chart-plot-bg: #141a22;--chart-grid-color: #344253;--chart-axis-color: #a8b3c1;--chart-text-color: #a8b3c1;--chart-series-1: #6db6ec;--chart-series-2: #f0a35e;--chart-series-3: #81c995;--chart-series-4: #d59cf0;color-scheme:dark}@media(prefers-color-scheme:dark){html:not([data-theme]){--bg-page: #0f141b;--bg-card: #1a212b;--bg-elevated: #212a36;--bg-hover: #2a3441;--bg-inset: #141a22;--text-primary: #e2e8f0;--text-secondary: #a8b3c1;--text-muted: #97a3b3;--text-on-accent: #0f141b;--border-default: #2e3a48;--border-strong: #45536a;--accent: #4ba3e3;--accent-strong: #6db6ec;--accent-soft: #173049;--link: #6db6ec;--focus-ring: #7dd3fc;--danger: #ef5350;--danger-text: #ff8a80;--danger-strong: #ff8a80;--state-active-bg: rgba(241, 196, 15, .16);--state-active-hover-bg: rgba(241, 196, 15, .23);--state-active-text: #f5d56c;--state-active-border: rgba(241, 196, 15, .45);--status-success-text: #81c995;--status-success-bg: #183324;--status-success-border: #2b5a3b;--status-warning-text: #f5d56c;--status-warning-bg: #3a3113;--status-warning-border: #6b5a1f;--status-danger-text: #ff8a80;--status-danger-bg: #3d1f22;--status-danger-border: #6e3136;--status-info-text: #6db6ec;--status-info-bg: #173049;--status-info-border: #28527a;--status-neutral-text: #c3ccd7;--status-neutral-bg: #2a3441;--status-neutral-border: #45536a;--status-candidate-text: #d0b3ff;--status-candidate-bg: #2e2143;--status-candidate-border: #53407a;--shadow-color: rgba(0, 0, 0, .45);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px var(--shadow-color);--chart-paper-bg: #1a212b;--chart-plot-bg: #141a22;--chart-grid-color: #344253;--chart-axis-color: #a8b3c1;--chart-text-color: #a8b3c1;--chart-series-1: #6db6ec;--chart-series-2: #f0a35e;--chart-series-3: #81c995;--chart-series-4: #d59cf0;color-scheme:dark}}@media(max-width:767px){:root{--topbar-height: calc(60px + env(safe-area-inset-top, 0px)) ;--page-gutter: 16px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg-page)}body{margin:0;min-height:100vh;background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{margin:0 0 var(--space-3);color:inherit;line-height:1.3;font-weight:650}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1.0625rem}h4{font-size:.9375rem}p{margin:0 0 var(--space-3)}a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}img,svg,video{max-width:100%}code,kbd,samp{font-family:var(--font-mono);font-size:.92em}hr{border:0;border-top:1px solid var(--border-default);margin:var(--space-5) 0}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}:where(:focus:not(:focus-visible)){outline:none}button,input,select,textarea{font:inherit;color:inherit}:where(input:not([type=checkbox],[type=radio],[type=file],[type=range],[type=submit],[type=button])),:where(select,textarea){min-height:var(--touch-target-input);padding:8px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}:where(input:disabled,select:disabled,textarea:disabled){background:var(--bg-inset);color:var(--text-secondary);cursor:not-allowed}:where(input[type=checkbox],input[type=radio]){accent-color:var(--accent-strong);width:18px;height:18px}button{cursor:pointer}button:disabled{cursor:not-allowed}table{border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{text-align:left;vertical-align:top}th{font-weight:600}caption{text-align:left}details>summary{cursor:pointer}[hidden]{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page{width:min(100%,var(--content-max-width));margin:0 auto;padding:var(--space-5) var(--page-gutter) var(--space-6)}.page--narrow{--content-max-width: 880px}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3) var(--space-5);margin-bottom:var(--space-5)}.page-header__eyebrow{margin:0 0 var(--space-1);color:var(--text-secondary);font-size:.8125rem;font-weight:600;letter-spacing:.04em}.page-header__title{margin:0;font-size:1.75rem;line-height:1.25}.page-header__lead{margin:var(--space-2) 0 0;max-width:68ch;color:var(--text-secondary)}.page-header__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-3);padding:0;list-style:none;font-size:.875rem;color:var(--text-secondary)}.breadcrumb li+li:before{content:"/";margin-right:var(--space-2);color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target-primary);padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn:hover{background:var(--bg-hover);text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn--primary{border-color:var(--accent-strong);background:var(--accent-strong);color:var(--text-on-accent)}.btn--primary:hover{background:var(--accent-strong);filter:brightness(1.08)}.btn--secondary{border-color:var(--accent-strong);background:transparent;color:var(--link)}.btn--secondary:hover{background:var(--accent-soft)}.btn--ghost{border-color:transparent;background:transparent;color:var(--text-primary)}.btn--ghost:hover{background:var(--bg-hover)}.btn--danger{border-color:var(--danger-strong);background:var(--danger-strong);color:#fff}html[data-theme=dark] .btn--danger{color:#0f141b}.btn--danger:hover{filter:brightness(1.08);background:var(--danger-strong)}.btn--sm{min-height:var(--touch-target-secondary);padding:0 var(--space-3);font-size:.875rem}.btn--block{width:100%}.btn-group{display:inline-flex;flex-wrap:wrap;gap:var(--space-2)}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.card__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-default)}.card__title{margin:0;font-size:1rem;font-weight:650}.card__title small{margin-left:var(--space-2);font-size:.8125rem;font-weight:400;color:var(--text-secondary)}.card__body{padding:var(--space-5)}.card__body>:last-child{margin-bottom:0}.card__footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-default);background:var(--bg-inset);border-radius:0 0 var(--radius-md) var(--radius-md)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:var(--space-4)}.card--link{position:relative;transition:border-color .15s ease,transform .15s ease}.card--link:hover{border-color:var(--accent-strong)}.card--link:focus-within{outline:3px solid var(--focus-ring);outline-offset:2px}.stretched-link{color:inherit;text-decoration:none}.stretched-link:focus-visible{outline:none}.stretched-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.stat{display:grid;gap:2px}.stat__label{color:var(--text-secondary);font-size:.8125rem}.stat__value{font-size:1.375rem;font-weight:650;font-variant-numeric:tabular-nums}.kv{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-4);margin:0}.kv dt{color:var(--text-secondary)}.kv dd{margin:0}.badge{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border:1px solid var(--status-neutral-border);border-radius:var(--radius-pill);background:var(--status-neutral-bg);color:var(--status-neutral-text);font-size:.8125rem;font-weight:600;line-height:1.5;white-space:nowrap}.badge--measured,.badge--success{border-color:var(--status-success-border);background:var(--status-success-bg);color:var(--status-success-text)}.badge--missing,.badge--neutral{border-color:var(--status-neutral-border);background:var(--status-neutral-bg);color:var(--status-neutral-text)}.badge--pending,.badge--warning{border-color:var(--status-warning-border);background:var(--status-warning-bg);color:var(--status-warning-text)}.badge--invalid,.badge--danger{border-color:var(--status-danger-border);background:var(--status-danger-bg);color:var(--status-danger-text)}.badge--info{border-color:var(--status-info-border);background:var(--status-info-bg);color:var(--status-info-text)}.badge--candidate{border-style:dashed;border-color:var(--status-candidate-border);background:var(--status-candidate-bg);color:var(--status-candidate-text)}.pill{display:inline-flex;align-items:center;min-height:var(--touch-target-secondary);padding:0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--bg-card);color:var(--text-primary);font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer}.pill:hover{background:var(--bg-hover)}.pill[aria-pressed=true],.pill[aria-current=page],.pill.is-active{border-color:var(--accent-strong);background:var(--accent-soft);color:var(--link)}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:.9375rem;font-variant-numeric:tabular-nums}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border-default);text-align:left;vertical-align:middle}.table thead th{position:sticky;top:0;background:var(--bg-inset);color:var(--text-secondary);font-size:.8125rem;font-weight:600;white-space:nowrap}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr[aria-selected=true],.table tbody tr.is-selected{background:var(--state-active-bg)}.table .num{text-align:right}.table caption{padding:0 0 var(--space-2);caption-side:top}.field{display:grid;gap:6px;margin-bottom:var(--space-4)}.field__label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.field__hint{margin:0;font-size:.8125rem;color:var(--text-secondary)}.field__error{margin:0;font-size:.875rem;color:var(--danger-text)}.field input:not([type=checkbox],[type=radio],[type=file]),.field select,.field textarea{width:100%}.field [aria-invalid=true]{border-color:var(--danger)}.field-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end}.field-row>.field{flex:1 1 200px;margin-bottom:0}.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-card)}.toolbar__spacer{flex:1 1 auto}.alert{padding:var(--space-3) var(--space-4);margin:0 0 var(--space-4);border:1px solid var(--status-info-border);border-left-width:4px;border-radius:var(--radius-sm);background:var(--status-info-bg);color:var(--text-primary)}.alert--danger{border-color:var(--status-danger-border);border-left-color:var(--danger);background:var(--status-danger-bg);color:var(--status-danger-text)}.alert--warning{border-color:var(--status-warning-border);border-left-color:var(--state-active-border);background:var(--status-warning-bg);color:var(--status-warning-text)}.alert--success{border-color:var(--status-success-border);border-left-color:var(--status-success-text);background:var(--status-success-bg);color:var(--status-success-text)}.empty-state{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg-inset);color:var(--text-secondary);text-align:center}.empty-state__title{margin:0;color:var(--text-primary);font-size:1rem;font-weight:650}.empty-state>:last-child{margin-bottom:0}.loading-state{padding:var(--space-6) var(--space-4);color:var(--text-secondary);text-align:center}.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-4);color:var(--text-secondary)}.segmented{display:inline-flex;padding:2px;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--bg-inset)}.segmented button{min-width:var(--touch-target-secondary);min-height:var(--touch-target-secondary);padding:0 var(--space-3);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font-size:.8125rem;font-weight:600}.segmented button[aria-pressed=true]{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px var(--shadow-color)}.access-gate{display:grid;justify-items:start;gap:var(--space-3);max-width:40rem;margin:var(--space-6) auto;padding:var(--space-6) var(--space-5)}.access-gate h1{margin:0;font-size:1.5rem}.access-gate p{margin:0;color:var(--text-secondary);line-height:1.7}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger-text)}.tabular{font-variant-numeric:tabular-nums}.stack{display:grid;gap:var(--space-4)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}@media(max-width:767px){.page-header__title{font-size:1.5rem}.card__header,.card__body{padding-inline:var(--space-4)}.kv{grid-template-columns:1fr;gap:2px}.kv dd{margin-bottom:var(--space-2)}}.login{position:relative;min-height:100vh;display:grid;place-items:center;padding:88px var(--page-gutter) var(--space-6);background:linear-gradient(180deg,transparent 0,transparent 38vh,var(--bg-page) 38vh),linear-gradient(135deg,#0c121c,#181f2a 52%,#0e2b30)}.login:before{content:"";position:absolute;left:0;right:0;top:38vh;height:3px;background:linear-gradient(90deg,#7dd3fc2e,#38bdf8 18%,#2563eb 46%,#7c3aed 76%,#c084fc);opacity:.9}.login__theme{position:absolute;top:16px;right:var(--page-gutter)}.login__theme .segmented{border-color:#ffffff24;background:#ffffff14}.login__theme .segmented button{color:#c8d3df}.login__theme .segmented button[aria-pressed=true]{background:#ffffffeb;color:#0c121c}.login__card{position:relative;width:min(100%,420px);padding:40px 36px 36px;border-radius:16px;box-shadow:0 10px 40px var(--shadow-color)}.login__brand{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-5)}.login__mark{display:inline-grid;place-items:center;height:32px;padding:0 9px;border-radius:8px;background:linear-gradient(135deg,#38bdf8,#2563eb 60%,#7c3aed);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em}.login__product{margin:0;color:var(--text-secondary);font-weight:650}.login__title{margin:0 0 4px;font-size:1.75rem}.login__lead{margin:0 0 var(--space-5);color:var(--text-secondary)}.login__form .btn{margin-top:var(--space-2)}.login__form .alert{margin-bottom:var(--space-3)}@media(max-width:480px){.login__card{padding:28px 20px 24px}}.home-hero{padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default)}.home-hero__actions{align-items:center}.home-status{display:inline-flex;align-items:center;gap:8px;margin:0;color:var(--text-secondary);font-size:.875rem}.home-status:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--text-muted)}.home-status[data-state=healthy]:before{background:#2e9d57}.home-status[data-state=unhealthy]:before{background:var(--danger)}.home-layout{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:var(--space-5);align-items:start}.home-memberships{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.home-memberships li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:var(--space-2) 0;border-bottom:1px solid var(--border-default);overflow-wrap:anywhere;font-size:.875rem}.home-memberships li:last-child{border-bottom:0}.home-memberships li.is-revoked{color:var(--text-secondary)}.home-features{display:grid;gap:var(--space-5)}.home-feature-group__title{display:flex;align-items:center;gap:var(--space-2);font-size:1.0625rem}.feature-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:4px var(--space-3);padding:var(--space-4);min-height:112px}.feature-card__icon{grid-row:1 / span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--accent-soft);color:var(--link);font-size:1.125rem;font-weight:700}.feature-card__title{margin:0;font-size:1rem;align-self:center}.feature-card__title a{color:var(--text-primary)}.card--link:hover .feature-card__title a{color:var(--link)}.feature-card__desc{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.55}@media(max-width:900px){.home-layout{grid-template-columns:1fr}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.skip-link{position:absolute;left:12px;top:-100px;z-index:calc(var(--z-topbar) + 1);padding:8px 14px;border-radius:var(--radius-sm);background:var(--bg-card);color:var(--link);font-weight:600}.skip-link:focus{top:12px}.app-topbar{position:sticky;top:0;z-index:var(--z-topbar);width:100%;min-height:var(--topbar-height);color:var(--topbar-text);background:var(--topbar-solid);background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);box-shadow:0 1px #ffffff14 inset,0 12px 28px #03081029}.app-topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:linear-gradient(90deg,#7dd3fc2e,#38bdf8 18%,#2563eb 46%,#7c3aed 76%,#c084fc);opacity:.9;pointer-events:none}.app-topbar__inner{width:min(100%,1440px);min-height:var(--topbar-height);margin:0 auto;padding:calc(8px + env(safe-area-inset-top,0px)) 20px 8px;display:flex;align-items:center;gap:16px}.app-topbar a,.app-topbar button{color:inherit}.app-topbar :focus-visible{outline:2px solid var(--topbar-focus);outline-offset:3px}.app-brand{min-height:44px;display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;text-decoration:none;border-radius:8px}.app-brand:hover{text-decoration:none}.app-brand__mark{display:inline-grid;place-items:center;height:30px;padding:0 8px;border-radius:7px;background:linear-gradient(135deg,#38bdf8,#2563eb 60%,#7c3aed);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em}.app-brand__name{font-size:16px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.app-topbar__panel{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:16px}.app-nav{min-width:0}.app-nav__list{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none}.app-nav__link{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;border:1.5px solid transparent;border-radius:var(--radius-pill);color:#f8fafce6;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease}.app-topbar .app-nav__link{color:#f8fafce6}.app-nav__link:hover{background:var(--topbar-control-bg);border-color:var(--topbar-control-border);text-decoration:none}.app-topbar .app-nav__link[aria-current=page]{background:var(--topbar-control-hover-bg);border-color:color-mix(in srgb,#2f6da7 62%,#ffffff);color:#fff}.app-nav__divider{width:1px;height:22px;margin:0 6px;background:#ffffff2e}.app-topbar__tools{margin-left:auto;display:flex;align-items:center;gap:14px;min-width:0}.segmented--topbar{border-color:var(--topbar-control-border);background:var(--topbar-control-bg)}.segmented--topbar button,.app-topbar .segmented--topbar button{color:var(--topbar-text-secondary)}.app-topbar .segmented--topbar button[aria-pressed=true]{background:#ffffffeb;color:#0c121c;box-shadow:none}.app-user{display:flex;align-items:center;gap:12px;min-width:0;padding-left:14px;border-left:1px solid rgba(255,255,255,.18)}.app-user__text{display:grid;min-width:0;line-height:1.2}.app-user__name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650}.app-user__role{color:var(--topbar-text-secondary);font-size:12px}.app-user__logout{min-height:36px;padding:0 14px;border:1.5px solid var(--topbar-control-border);border-radius:var(--radius-pill);background:var(--topbar-control-bg);font-size:14px;font-weight:700}.app-user__logout:hover{background:var(--topbar-control-hover-bg)}.app-user__logout:disabled{opacity:.6}.app-user__error{margin:0;color:#ffb4ab;font-size:13px}.app-menu-toggle{display:none;margin-left:auto;width:44px;height:44px;border:1.5px solid var(--topbar-control-border);border-radius:10px;background:var(--topbar-control-bg);align-items:center;justify-content:center}.app-menu-toggle__icon,.app-menu-toggle__icon:before,.app-menu-toggle__icon:after{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;position:relative}.app-menu-toggle__icon:before,.app-menu-toggle__icon:after{content:"";position:absolute;left:0}.app-menu-toggle__icon:before{top:-6px}.app-menu-toggle__icon:after{top:6px}.app-menu-toggle[aria-expanded=true] .app-menu-toggle__icon{background:transparent}.app-menu-toggle[aria-expanded=true] .app-menu-toggle__icon:before{top:0;transform:rotate(45deg)}.app-menu-toggle[aria-expanded=true] .app-menu-toggle__icon:after{top:0;transform:rotate(-45deg)}.app-main{flex:1 0 auto;width:100%;padding:2rem;outline:none}.app-main:has(>.page){padding:0}@media(min-width:901px)and (max-width:1279px){.app-topbar__inner{gap:10px;padding-inline:12px}.app-topbar__panel{gap:10px}.app-brand{gap:8px}.app-brand__name{font-size:14px}.app-nav__list{gap:2px}.app-nav__link{padding:0 8px;font-size:13px}.app-nav__divider{margin:0 3px}.app-topbar__tools{gap:8px}.segmented--topbar button{padding-inline:8px}.app-user{gap:8px;padding-left:8px}.app-user__name{max-width:96px;font-size:13px}.app-user__logout{padding:0 10px;font-size:13px}}@media(min-width:901px)and (max-width:1060px){.app-brand__name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app-user__role{display:none}}@media(max-width:900px){.app-menu-toggle{display:inline-flex}.app-topbar__inner{flex-wrap:wrap}.app-topbar__panel{display:none;flex:1 0 100%;flex-direction:column;align-items:stretch;gap:12px;padding:8px 0 12px;border-top:1px solid rgba(255,255,255,.12)}.app-topbar__panel.is-open{display:flex}.app-nav__list{flex-direction:column;align-items:stretch;gap:2px}.app-nav__link{min-height:44px;width:100%;border-radius:10px;font-size:15px}.app-nav__divider{width:auto;height:1px;margin:6px 0}.app-topbar__tools{margin-left:0;flex-wrap:wrap;justify-content:space-between}.app-user{padding-left:0;border-left:0}.app-user__name{max-width:50vw}}@media(max-width:767px){.app-topbar__inner{padding-inline:14px;gap:10px}.app-brand__name{font-size:15px}}