:root{--blue-900: #0A1633;--blue-600: #1A4FA0;--blue-400: #2E7CF6;--brand-strong: #123C7D;--blue-700: #17458C;--blue-800: #143A75;--white: #FFFFFF;--gray-50: #F6F8FB;--gray-100: #EDF1F7;--gray-200: #DDE3EC;--gray-500: #69748A;--gray-700: #3A4459;--border-default: #DDE3EC;--ok: #12A150;--warn: #D68A00;--err: #D33B3B;--ok-soft: #E7F6EE;--warn-soft: #FBF1DE;--err-soft: #FBEAEA;--info-soft: #E8F0FE;--grad-brand: linear-gradient(135deg, #2E7CF6 0%, #0A1633 100%);--grad-hero: linear-gradient(135deg, rgba(46, 124, 246, .22) 0%, #0A1633 65%);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 9999px;--radius-round: 50%;--shadow-sm: 0 1px 2px rgba(10, 22, 51, .06), 0 1px 3px rgba(10, 22, 51, .08);--shadow-md: 0 6px 16px rgba(10, 22, 51, .1);--shadow-lg: 0 18px 40px rgba(10, 22, 51, .18);--shadow-brand: 0 6px 20px rgba(46, 124, 246, .35);--focus-ring: 0 0 0 3px rgba(46, 124, 246, .35);--ease-standard: cubic-bezier(.2, 0, .2, 1);--dur-fast: .12s;--dur-base: .16s;--dur-slow: .2s;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--container: 1200px;--gutter: var(--space-6);--nav-width: 232px;--header-height: 64px;--font-display: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--tracking-display: -.02em;--tracking-eyebrow: .12em;--leading-display: 1.12;--leading-body: 1.55;--surface: var(--white);--surface-sunken: var(--gray-50);--surface-inverse: var(--blue-900);--text-primary: var(--blue-900);--text-secondary: var(--gray-700);--text-muted: var(--gray-500);--text-on-dark: var(--white);--text-on-dark-muted: rgba(255, 255, 255, .68);--glass-bg: rgba(10, 22, 51, .72);--glass-blur: 12px;--glass-border: rgba(255, 255, 255, .12);--overlay: rgba(10, 22, 51, .55);--hairline-on-dark: rgba(255, 255, 255, .1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:15px;font-weight:400;line-height:var(--leading-body);color:var(--text-primary);background:var(--surface-sunken);-webkit-font-smoothing:antialiased}a{color:var(--blue-600);text-decoration:none}a:hover{color:var(--blue-700);text-decoration:underline}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:var(--tracking-display);line-height:var(--leading-display);color:var(--text-primary);margin:0}h1{font-size:34px;font-weight:800}h2{font-size:24px;font-weight:700}h3{font-size:18px;font-weight:700}h4{font-size:15px;font-weight:600}p{margin:0 0 var(--space-3)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);margin:0 0 var(--space-2)}.muted{color:var(--text-muted)}.small{font-size:13px}.strong{font-weight:600}.right{text-align:right}.nowrap{white-space:nowrap}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.shell{display:flex;min-height:100vh}.page{flex:1;min-width:0;padding:var(--space-8) 0 var(--space-20)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.section{margin-top:var(--space-10)}.section+.section{margin-top:var(--space-12)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack-sm{display:flex;flex-direction:column;gap:var(--space-2)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.row-tight{display:flex;align-items:center;gap:var(--space-2)}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.split{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:960px){.split{grid-template-columns:1.15fr .85fr}}.app-header{position:sticky;top:0;z-index:40;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);color:var(--text-on-dark)}.app-header__inner{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.app-header a,.app-header a:hover{color:var(--text-on-dark)}.brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.brand:hover{text-decoration:none}.brand img{height:28px;width:auto;display:block}.brand__name{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:var(--tracking-display);color:var(--text-on-dark)}.header-meta{display:flex;align-items:center;gap:var(--space-4);font-size:13px;color:var(--text-on-dark-muted)}.sidenav{width:var(--nav-width);flex:0 0 var(--nav-width);background:var(--surface-inverse);color:var(--text-on-dark);padding:var(--space-6) var(--space-3) var(--space-10);display:flex;flex-direction:column;gap:var(--space-1)}.sidenav__group{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-on-dark-muted);padding:var(--space-4) var(--space-3) var(--space-2)}.sidenav__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-on-dark-muted);font-size:14px;transition:background-color var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard)}.sidenav__link:hover{background:var(--hairline-on-dark);color:var(--text-on-dark);text-decoration:none}.sidenav__link[aria-current=page]{background:var(--blue-600);color:var(--text-on-dark)}.sidenav__link svg{width:18px;height:18px;stroke-width:1.75;flex:0 0 18px}.sidenav__divider{height:1px;background:var(--hairline-on-dark);margin:var(--space-4) var(--space-3);border:0}@media(max-width:880px){.shell{flex-direction:column}.sidenav{width:100%;flex:none;flex-direction:row;overflow-x:auto;padding:var(--space-3);gap:var(--space-2)}.sidenav__group,.sidenav__divider{display:none}.sidenav__link{white-space:nowrap}}.card{background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);transition:box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}.card--interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--flush{padding:0;overflow:hidden}.card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default)}.card__body{padding:var(--space-5)}.stat{background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.stat__value{font-family:var(--font-display);font-weight:800;font-size:40px;line-height:var(--leading-display);letter-spacing:var(--tracking-display);color:var(--text-primary);font-variant-numeric:tabular-nums}.stat__label{font-family:var(--font-mono);font-size:12px;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);margin-top:var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;background:var(--surface);color:var(--text-primary);transition:background-color var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),transform var(--dur-fast) var(--ease-standard),opacity var(--dur-base) var(--ease-standard)}.btn:hover{text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn svg{width:16px;height:16px;stroke-width:1.75}.btn--primary{background:var(--grad-brand);color:var(--text-on-dark);box-shadow:var(--shadow-brand)}.btn--primary:hover{background:var(--blue-700);color:var(--text-on-dark)}.btn--primary:active{background:var(--blue-800);transform:translateY(1px)}.btn--secondary{background:var(--surface);color:var(--blue-600);border-color:var(--border-default)}.btn--secondary:hover{background:var(--gray-50);color:var(--blue-700)}.btn--secondary:active{background:var(--gray-100);transform:translateY(1px)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover{background:var(--gray-100);color:var(--text-primary)}.btn--ghost:active{transform:translateY(1px)}.btn--danger{background:var(--err);color:var(--text-on-dark)}.btn--danger:hover{background:var(--err);opacity:.88;color:var(--text-on-dark)}.btn--danger:active{transform:translateY(1px)}.btn--sm{padding:6px var(--space-3);font-size:13px}.btn--block{width:100%}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;line-height:1.6;white-space:nowrap}.badge__dot{width:6px;height:6px;border-radius:var(--radius-round);background:currentColor}.badge--ok{background:var(--ok-soft);color:var(--ok)}.badge--warn{background:var(--warn-soft);color:var(--warn)}.badge--err{background:var(--err-soft);color:var(--err)}.badge--info{background:var(--info-soft);color:var(--blue-600)}.badge--muted{background:var(--gray-100);color:var(--gray-500)}.tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 12px;border-radius:var(--radius-pill);border:1px solid var(--border-default);background:var(--surface);font-size:13px;color:var(--text-secondary)}.tag--on{border-color:var(--blue-400);color:var(--blue-600);background:var(--info-soft)}.tag--off{color:var(--text-muted);background:var(--gray-50)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field+.field{margin-top:var(--space-4)}.label{font-size:13px;font-weight:600;color:var(--text-secondary)}.hint{font-size:12px;color:var(--text-muted)}.input,.select,.textarea{width:100%;padding:10px var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font-family:var(--font-body);font-size:14px;transition:border-color var(--dur-base) var(--ease-standard)}.input:hover,.select:hover,.textarea:hover{border-color:var(--gray-500)}.input:focus,.select:focus,.textarea:focus{border-color:var(--blue-400);box-shadow:var(--focus-ring)}.input--mono{font-family:var(--font-mono)}.textarea{min-height:84px;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-8);background-image:linear-gradient(45deg,transparent 50%,var(--gray-500) 50%),linear-gradient(135deg,var(--gray-500) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.error{font-size:12px;color:var(--err)}.input--invalid{border-color:var(--err)}.segmented{display:inline-flex;padding:3px;gap:3px;background:var(--gray-100);border-radius:var(--radius-md)}.segmented__option{padding:7px var(--space-4);border:0;border-radius:var(--radius-sm);background:transparent;font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:background-color var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard)}.segmented__option[aria-pressed=true]{background:var(--surface);color:var(--blue-600);box-shadow:var(--shadow-sm)}.switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__track{width:40px;height:22px;border-radius:var(--radius-pill);background:var(--gray-200);position:relative;transition:background-color var(--dur-base) var(--ease-standard);flex:0 0 40px}.switch__thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:var(--radius-round);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-standard)}.switch input:checked+.switch__track{background:var(--blue-600)}.switch input:checked+.switch__track .switch__thumb{transform:translate(18px)}.switch input:focus-visible+.switch__track{box-shadow:var(--focus-ring)}.check{display:inline-flex;align-items:center;gap:var(--space-2);font-size:14px;cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--blue-600)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);font-weight:500;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);vertical-align:middle}.table tbody tr{transition:background-color var(--dur-fast) var(--ease-standard)}.table tbody tr:hover{background:var(--gray-50)}.table tbody tr:last-child td{border-bottom:0}.table--log{font-family:var(--font-mono);font-size:13px}.table--log td{padding:7px var(--space-3)}.table--log tbody tr{cursor:pointer}.table--log tbody tr[aria-selected=true]{background:var(--info-soft)}.level-dot{display:inline-block;width:8px;height:8px;border-radius:var(--radius-round);margin-right:var(--space-2);vertical-align:middle}.level-dot--ok{background:var(--ok)}.level-dot--warn{background:var(--warn)}.level-dot--err{background:var(--err)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.dialog{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.dialog--wide{max-width:760px}.dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-3)}.dialog__body{padding:0 var(--space-5) var(--space-5)}.dialog__foot{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-default);background:var(--surface-sunken);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:55;width:min(560px,100%);background:var(--surface);border-left:1px solid var(--border-default);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--border-default)}.drawer__body{padding:var(--space-5);overflow-y:auto}.code{font-family:var(--font-mono);font-size:12.5px;line-height:1.65;background:var(--surface-sunken);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);white-space:pre-wrap;word-break:break-word;margin:0}.toast-stack{position:fixed;right:var(--space-6);bottom:var(--space-6);z-index:70;display:flex;flex-direction:column;gap:var(--space-2);max-width:380px}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface);box-shadow:var(--shadow-md);font-size:14px;transition:opacity var(--dur-slow) var(--ease-standard),transform var(--dur-slow) var(--ease-standard)}.toast--ok{border-color:var(--ok)}.toast--err{border-color:var(--err)}.tooltip{position:relative;display:inline-flex}.tooltip__bubble{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-inverse);color:var(--text-on-dark);font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-standard);z-index:50}.tooltip:hover .tooltip__bubble,.tooltip:focus-within .tooltip__bubble{opacity:1}.empty{padding:var(--space-12) var(--space-6);text-align:center;color:var(--text-muted)}.empty__title{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--text-primary);margin-bottom:var(--space-2)}.matrix{width:100%;border-collapse:collapse;font-size:14px}.matrix th{text-align:left;font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);font-weight:500;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default)}.matrix td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default)}.matrix tbody tr:last-child td{border-bottom:0}.matrix__error{font-size:12px;color:var(--err);max-width:320px;display:block}.device-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.device-toggle{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--dur-base) var(--ease-standard)}.device-toggle[data-enabled=true]{border-color:var(--blue-400);background:var(--info-soft)}.hero{background:var(--grad-hero);color:var(--text-on-dark);border-radius:var(--radius-xl);padding:var(--space-10)}.hero h1,.hero h2{color:var(--text-on-dark)}.hero .eyebrow{color:var(--text-on-dark-muted)}.pagination{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;margin-top:var(--space-5)}.pagination a,.pagination span{padding:6px 11px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface);font-size:13px;color:var(--text-secondary)}.pagination a:hover{background:var(--gray-50);text-decoration:none}.pagination [aria-current=page]{background:var(--blue-600);border-color:var(--blue-600);color:var(--text-on-dark)}.login{min-height:100vh;display:grid;grid-template-columns:1fr;background:var(--surface-inverse)}@media(min-width:900px){.login{grid-template-columns:1.1fr .9fr}}.login__visual{display:none;background:var(--grad-hero);background-size:cover;background-position:center}@media(min-width:900px){.login__visual{display:block}}.login__panel{display:flex;align-items:center;justify-content:center;padding:var(--space-10) var(--space-6);background:var(--surface)}.login__form{width:100%;max-width:360px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}