:root{--bg-canvas-light: #f3f5f8;--bg-canvas-dark: #0b111e;--surface-light: #ffffff;--surface-dark: #131c2e;--surface-muted-light: #eef2f6;--surface-muted-dark: #1a263d;--surface-elevated-light: #f8fafc;--surface-elevated-dark: #1e2d47;--text-primary-light: #0f172a;--text-primary-dark: #f1f5f9;--text-secondary-light: #475569;--text-secondary-dark: #94a3b8;--border-light: #cbd5e1;--border-dark: #293852;--input-border-light: #64748b;--input-border-dark: #64748b;--brand-light: #b45309;--brand-dark: #f59e0b;--brand-contrast-light: #ffffff;--brand-contrast-dark: #0f172a;--accent-blue-light: #0369a1;--accent-blue-dark: #38bdf8;--status-ok-light: #15803d;--status-ok-dark: #4ade80;--status-ok-bg-light: #dcfce7;--status-ok-bg-dark: #052e16;--status-warn-light: #b45309;--status-warn-dark: #fbbf24;--status-warn-bg-light: #fef3c7;--status-warn-bg-dark: #422006;--status-crit-light: #b91c1c;--status-crit-dark: #f87171;--status-crit-bg-light: #fee2e2;--status-crit-bg-dark: #450a0a;--status-info-light: #0369a1;--status-info-dark: #38bdf8;--status-info-bg-light: #e0f2fe;--status-info-bg-dark: #082f49;--bg-canvas: var(--bg-canvas-light);--surface: var(--surface-light);--surface-muted: var(--surface-muted-light);--surface-elevated: var(--surface-elevated-light);--text-primary: var(--text-primary-light);--text-secondary: var(--text-secondary-light);--border-color: var(--border-light);--input-border: var(--input-border-light);--brand: var(--brand-light);--brand-contrast: var(--brand-contrast-light);--accent-blue: var(--accent-blue-light);--status-ok: var(--status-ok-light);--status-ok-bg: var(--status-ok-bg-light);--status-warn: var(--status-warn-light);--status-warn-bg: var(--status-warn-bg-light);--status-crit: var(--status-crit-light);--status-crit-bg: var(--status-crit-bg-light);--status-info: var(--status-info-light);--status-info-bg: var(--status-info-bg-light);@media(prefers-color-scheme:dark){--bg-canvas: var(--bg-canvas-dark);--surface: var(--surface-dark);--surface-muted: var(--surface-muted-dark);--surface-elevated: var(--surface-elevated-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--border-color: var(--border-dark);--input-border: var(--input-border-dark);--brand: var(--brand-dark);--brand-contrast: var(--brand-contrast-dark);--accent-blue: var(--accent-blue-dark);--status-ok: var(--status-ok-dark);--status-ok-bg: var(--status-ok-bg-dark);--status-warn: var(--status-warn-dark);--status-warn-bg: var(--status-warn-bg-dark);--status-crit: var(--status-crit-dark);--status-crit-bg: var(--status-crit-bg-dark);--status-info: var(--status-info-dark);--status-info-bg: var(--status-info-bg-dark)}@supports (color: light-dark(white,black)){--bg-canvas: light-dark(var(--bg-canvas-light), var(--bg-canvas-dark));--surface: light-dark(var(--surface-light), var(--surface-dark));--surface-muted: light-dark(var(--surface-muted-light), var(--surface-muted-dark));--surface-elevated: light-dark(var(--surface-elevated-light), var(--surface-elevated-dark));--text-primary: light-dark(var(--text-primary-light), var(--text-primary-dark));--text-secondary: light-dark(var(--text-secondary-light), var(--text-secondary-dark));--border-color: light-dark(var(--border-light), var(--border-dark));--input-border: light-dark(var(--input-border-light), var(--input-border-dark));--brand: light-dark(var(--brand-light), var(--brand-dark));--brand-contrast: light-dark(var(--brand-contrast-light), var(--brand-contrast-dark));--accent-blue: light-dark(var(--accent-blue-light), var(--accent-blue-dark));--status-ok: light-dark(var(--status-ok-light), var(--status-ok-dark));--status-ok-bg: light-dark(var(--status-ok-bg-light), var(--status-ok-bg-dark));--status-warn: light-dark(var(--status-warn-light), var(--status-warn-dark));--status-warn-bg: light-dark(var(--status-warn-bg-light), var(--status-warn-bg-dark));--status-crit: light-dark(var(--status-crit-light), var(--status-crit-dark));--status-crit-bg: light-dark(var(--status-crit-bg-light), var(--status-crit-bg-dark));--status-info: light-dark(var(--status-info-light), var(--status-info-dark));--status-info-bg: light-dark(var(--status-info-bg-light), var(--status-info-bg-dark))}color-scheme:light dark;&:has(>head>meta[name=color-scheme][content=dark]){color-scheme:dark}&:has(>head>meta[name=color-scheme][content=light]){color-scheme:light}accent-color:var(--brand);--scrollbar-track: light-dark(#e2e8f0, #131c2e);--scrollbar-thumb: light-dark(#64748b, #64748b);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-canvas);color:var(--text-primary);line-height:1.5}:focus-visible{outline:3px solid var(--accent-blue);outline-offset:2px}.app-layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-block-size:100dvh}@media(width<1024px){.app-layout{grid-template-columns:minmax(0,1fr)}}.sidebar{background:var(--surface);border-inline-end:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.25rem 1rem;position:sticky;inset-block-start:0;block-size:100dvh;overflow-y:auto}@media(width<1024px){.sidebar{position:static;block-size:auto;border-inline-end:0;border-block-end:1px solid var(--border-color);padding:.85rem 1rem}}.brand-box{display:flex;align-items:center;gap:.75rem;padding-block-end:1rem;margin-block-end:1rem;border-block-end:1px solid var(--border-color)}.brand-mark{inline-size:42px;block-size:42px;border-radius:10px;background:linear-gradient(135deg,#d97706,#92400e);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.05rem;flex-shrink:0;box-shadow:0 2px 8px #b453094d}.brand-title{font-size:.95rem;font-weight:700;line-height:1.25;margin:0}.brand-sub{font-size:.75rem;color:var(--text-secondary);margin:.15rem 0 0}.nav-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin:.5rem .5rem .4rem}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}@media(width<1024px){.nav-list{flex-direction:row;overflow-x:auto;padding-block-end:.25rem}}.nav-link-btn{inline-size:100%;display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;border-radius:.6rem;border:1px solid transparent;background:transparent;color:var(--text-primary);font:inherit;font-size:.875rem;font-weight:500;text-align:start;cursor:pointer;position:relative;transition:background-color .15s ease}@media(width<1024px){.nav-link-btn{inline-size:auto;white-space:nowrap}}.nav-link-btn:hover{background:var(--surface-muted)}.nav-link-btn[aria-current=page]{background:var(--surface-elevated);border-color:var(--brand);font-weight:700;box-shadow:inset 4px 0 0 0 var(--brand)}.module-num-pill{display:inline-grid;place-items:center;min-inline-size:22px;block-size:22px;padding-inline:.3rem;border-radius:6px;font-size:.72rem;font-weight:700;background:var(--surface-muted);color:var(--text-secondary);flex-shrink:0}.nav-link-btn[aria-current=page] .module-num-pill{background:var(--brand);color:var(--brand-contrast)}.sidebar-footer{margin-block-start:auto;padding-block-start:1rem;border-block-start:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem}@media(width<1024px){.sidebar-footer{display:none}}.main-area{display:flex;flex-direction:column;min-inline-size:0}.topbar{background:var(--surface);border-block-end:1px solid var(--border-color);padding:.85rem 1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;position:sticky;inset-block-start:0;z-index:10}.topbar-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.content-container{padding:1.5rem;max-inline-size:1520px;inline-size:100%;margin-inline:auto;display:flex;flex-direction:column;gap:1.5rem}.isolated-panel{content-visibility:auto;contain-intrinsic-size:auto 320px auto 380px}@supports not (content-visibility: auto){.isolated-panel{contain:layout style paint}}.card{background:var(--surface);border:1px solid var(--border-color);border-radius:.85rem;padding:1.25rem;box-shadow:0 1px 3px #0000000a}.card-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-block-end:1rem}.card-title{margin:0;font-size:1.05rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.card-subtitle{margin:.2rem 0 0;font-size:.83rem;color:var(--text-secondary)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.kpi-card{background:var(--surface);border:1px solid var(--border-color);border-radius:.85rem;padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.35rem}.kpi-label{font-size:.78rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.kpi-value{font-size:1.65rem;font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums}.kpi-meta{font-size:.8rem;color:var(--text-secondary)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:1.25rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700;border:1px solid currentColor;white-space:nowrap}.badge-ok{color:var(--status-ok);background:var(--status-ok-bg)}.badge-warn{color:var(--status-warn);background:var(--status-warn-bg)}.badge-crit{color:var(--status-crit);background:var(--status-crit-bg)}.badge-info{color:var(--status-info);background:var(--status-info-bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-block-size:42px;padding:.5rem .95rem;border-radius:.55rem;border:1px solid var(--border-color);background:var(--surface-elevated);color:var(--text-primary);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;transition:filter .15s ease,background-color .15s ease}.btn:hover{filter:brightness(.97);background:var(--surface-muted)}.btn-sm{min-block-size:36px;padding:.35rem .7rem;font-size:.8rem}.btn-icon{min-inline-size:42px;padding:.45rem}.btn-primary{background:var(--brand);color:var(--brand-contrast);border-color:transparent}.btn-primary:hover{background:var(--brand);filter:brightness(1.08)}.btn-secondary{background:var(--status-info-bg);color:var(--status-info);border-color:var(--status-info)}.btn-ghost{background:transparent;border-color:transparent}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem}.field{display:flex;flex-direction:column;gap:.3rem;margin-block-end:.85rem}.field label,.fieldset-group legend{font-size:.85rem;font-weight:600;color:var(--text-primary)}.field-hint{font-size:.76rem;color:var(--text-secondary)}input:not([type=checkbox]):not([type=radio]),select,textarea{font:inherit;font-size:max(1rem,1em);min-block-size:48px;padding:.6rem .8rem;border-radius:.55rem;border:1.5px solid var(--input-border);background:var(--surface);color:var(--text-primary);inline-size:100%}@media(pointer:coarse){input:not([type=checkbox]):not([type=radio]),select,textarea{min-block-size:52px}}textarea{min-block-size:92px;resize:vertical}input:user-invalid,select:user-invalid,textarea:user-invalid{border-color:var(--status-crit);background:var(--status-crit-bg)}.fieldset-group{border:1px solid var(--border-color);border-radius:.65rem;padding:.75rem 1rem;margin:0 0 1rem}.radio-row,.checkbox-row{display:flex;flex-wrap:wrap;gap:1rem;margin-block-start:.35rem}.choice-item{display:inline-flex;align-items:center;gap:.45rem;min-block-size:40px;cursor:pointer}.choice-item input{inline-size:1.15rem;block-size:1.15rem;margin:0}search.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.compact-select,.compact-input{min-block-size:42px!important;font-size:max(.92rem,14px)!important;inline-size:auto!important}.table-wrapper{overflow:auto;max-inline-size:100%;max-block-size:min(560px,75dvh);container-type:inline-size;border:1px solid var(--border-color);border-radius:.7rem;background:var(--surface)}.data-table{inline-size:100%;border-collapse:separate;border-spacing:0;font-size:.86rem}.data-table caption{text-align:start;padding:.7rem 1rem;font-weight:700;font-size:.85rem;color:var(--text-secondary);background:var(--surface-elevated);border-block-end:1px solid var(--border-color)}.data-table thead{position:sticky;inset-block-start:0;z-index:2;background:var(--surface-muted)}.data-table th,.data-table td{padding:.7rem .9rem;text-align:start;border-block-end:1px solid var(--border-color);vertical-align:middle}.data-table thead th{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-weight:700;white-space:nowrap}.data-table tbody th{position:sticky;inset-inline-start:0;z-index:1;background:var(--surface);font-weight:700}.data-table tbody tr:hover td,.data-table tbody tr:hover th{background:var(--surface-elevated)}@container (width < 660px){.data-table,.data-table thead,.data-table tbody,.data-table tr,.data-table th,.data-table td{display:block}.data-table thead{display:none}.data-table tbody tr{margin:.75rem;border:1px solid var(--border-color);border-radius:.65rem;overflow:hidden}.data-table tbody th{position:sticky;inset-block-start:0;background:var(--surface-muted)}.data-table td:nth-child(2):before{content:var(--label-2, "") ": ";font-weight:700;color:var(--text-secondary)}.data-table td:nth-child(3):before{content:var(--label-3, "") ": ";font-weight:700;color:var(--text-secondary)}.data-table td:nth-child(4):before{content:var(--label-4, "") ": ";font-weight:700;color:var(--text-secondary)}.data-table td:nth-child(5):before{content:var(--label-5, "") ": ";font-weight:700;color:var(--text-secondary)}.data-table td:nth-child(6):before{content:var(--label-6, "") ": ";font-weight:700;color:var(--text-secondary)}.data-table td:nth-child(7):before{content:var(--label-7, "") ": ";font-weight:700;color:var(--text-secondary)}}dialog.suite-dialog{inline-size:min(94dvw,var(--dialog-max-w, 44rem));max-block-size:88dvh;padding:0;border:1px solid var(--border-color);border-radius:.95rem;background:var(--surface);color:var(--text-primary);box-shadow:0 24px 48px #00000047}dialog.suite-dialog[open]{display:flex;flex-direction:column}dialog.suite-dialog:modal{overscroll-behavior:contain}dialog.suite-dialog::backdrop{overflow:hidden;overscroll-behavior:contain;background-color:#0f172a94;backdrop-filter:blur(3px)}.suite-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.1rem 1.35rem;border-block-end:1px solid var(--border-color);background:var(--surface-elevated)}.suite-dialog-title{margin:0;font-size:1.12rem;font-weight:700}.suite-dialog-subtitle{margin:.2rem 0 0;font-size:.83rem;color:var(--text-secondary)}.suite-dialog-body{padding:1.35rem;overflow-y:auto}.meter-track{inline-size:100%;block-size:8px;border-radius:999px;background:var(--surface-muted);overflow:hidden}.meter-fill{block-size:100%;border-radius:999px;transition:inline-size .25s ease}.code-block{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;background:#0f172a;color:#e2e8f0;color-scheme:dark;accent-color:var(--brand);padding:.9rem 1rem;border-radius:.6rem;overflow-x:auto;margin:0}.qr-tag-sheet{border:2px solid #0f172a;border-radius:.75rem;background:#fff;color:#0f172a;color-scheme:light;accent-color:var(--brand);padding:1.25rem;display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:center}@media(width<560px){.qr-tag-sheet{grid-template-columns:1fr;justify-items:center;text-align:center}}@media print{.no-print,.sidebar,.topbar{display:none!important}body,.app-layout,.main-area,.content-container{display:block!important;background:#fff!important;color:#000!important;padding:0!important;margin:0!important}dialog.suite-dialog[open]{position:static!important;inline-size:100%!important;max-block-size:none!important;border:none!important;box-shadow:none!important;overflow:visible!important}.suite-dialog-body{overflow:visible!important;padding:0!important}}
