@layer reset,tokens,base,objects,components,utilities,overrides;@layer reset{*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}svg{display:block}img{display:block;max-width:100%}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}}@layer tokens{:root{--ref-space-0: 0rem;--ref-space-1: .25rem;--ref-space-2: .5rem;--ref-space-3: .75rem;--ref-space-4: 1rem;--ref-space-5: 1.25rem;--ref-space-6: 1.5rem;--ref-space-7: 1.75rem;--ref-space-8: 2rem;--ref-space-10: 2.5rem;--ref-space-12: 3rem;--ref-space-14: 3.5rem;--ref-space-18: 4.5rem;--ref-radius-none: 0;--ref-radius-sm: .25rem;--ref-radius-md: .5rem;--ref-radius-lg: .75rem;--ref-radius-xl: 1rem;--ref-color-gray-0: oklch(1 0 0);--ref-color-gray-1: oklch(.985 .002 106);--ref-color-gray-2: oklch(.96 .005 90);--ref-color-gray-3: oklch(.93 .006 90);--ref-color-gray-4: oklch(.885 .008 88);--ref-color-gray-5: oklch(.85 .01 90);--ref-color-gray-6: oklch(.74 .01 90);--ref-color-gray-7: oklch(.66 .01 84);--ref-color-gray-8: oklch(.55 .02 84);--ref-color-gray-9: oklch(.5 .01 84);--ref-color-gray-10: oklch(.42 .01 84);--ref-color-gray-11: oklch(.32 .01 84);--ref-color-gray-12: oklch(.18 .01 84);--ref-color-yellow-3: oklch(.94 .06 95);--ref-color-yellow-5: oklch(.85 .12 92);--ref-color-yellow-6: oklch(.78 .16 85);--ref-color-yellow-7: oklch(.66 .18 85);--ref-color-yellow-8: oklch(.5 .14 85);--ref-color-green-6: oklch(.52 .1 170);--ref-color-red-6: oklch(.47 .14 25);--ref-font-sans: "Inter", "IBM Plex Sans", "Segoe UI", Arial, sans-serif;--ref-font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--ref-font-size-xs: .6875rem;--ref-font-size-sm: .8125rem;--ref-font-size-md: .9375rem;--ref-font-size-lg: 1.0625rem;--ref-font-size-xl: 1.25rem;--ref-font-size-2xl: 1.5rem;--ref-font-size-3xl: 1.75rem;--ref-font-size-4xl: 2.5rem;--ref-font-size-5xl: 3.75rem;--ref-font-weight-normal: 400;--ref-font-weight-medium: 600;--ref-font-weight-semibold: 700;--ref-font-weight-bold: 800}}@layer tokens{:root{color-scheme:light;--color-bg-page: var(--ref-color-gray-3);--color-bg-surface: var(--ref-color-gray-0);--color-bg-subtle: var(--ref-color-gray-2);--color-text-primary: var(--ref-color-gray-12);--color-text-secondary: var(--ref-color-gray-10);--color-text-muted: var(--ref-color-gray-9);--color-text-inverse: var(--ref-color-gray-1);--color-action-bg: var(--ref-color-gray-12);--color-action-fg: var(--ref-color-gray-1);--color-action-bg-hover: oklch(from var(--ref-color-gray-12) calc(l + .08) c h);--color-action-bg-secondary: var(--ref-color-gray-0);--color-action-fg-secondary: var(--ref-color-gray-12);--color-action-bg-accent: var(--ref-color-yellow-6);--color-action-fg-accent: var(--ref-color-gray-12);--color-border: var(--ref-color-gray-4);--color-border-strong: var(--ref-color-gray-12);--color-focus-ring: var(--ref-color-yellow-6);--focus-ring-width: 2px;--focus-ring-offset: 2px;--color-success-bg: var(--ref-color-green-6);--color-success-fg: var(--ref-color-gray-0);--color-success-text: var(--ref-color-green-6);--color-danger-bg: var(--ref-color-red-6);--color-danger-fg: var(--ref-color-gray-0);--color-danger-text: var(--ref-color-red-6);--color-warning-bg: var(--ref-color-yellow-6);--color-warning-text: var(--ref-color-yellow-8);--color-warning-border: oklch(from var(--ref-color-yellow-6) .85 .14 88 / .7);--space-stack-xs: var(--ref-space-1);--space-stack-sm: var(--ref-space-2);--space-stack-md: var(--ref-space-3);--space-stack-lg: var(--ref-space-4);--space-stack-xl: var(--ref-space-6);--space-stack-2xl: var(--ref-space-8);--radius-control: var(--ref-radius-none);--radius-card: var(--ref-radius-none);--radius-badge: var(--ref-radius-none);--font-sans: var(--ref-font-sans);--font-mono: var(--ref-font-mono);--font-size-caption: var(--ref-font-size-xs);--font-size-body-sm: var(--ref-font-size-sm);--font-size-body: var(--ref-font-size-md);--font-size-body-lg: var(--ref-font-size-lg);--font-size-heading-sm: var(--ref-font-size-xl);--font-size-heading-md: var(--ref-font-size-2xl);--font-size-heading-lg: var(--ref-font-size-3xl);--font-size-heading-xl: var(--ref-font-size-4xl);--font-size-heading-2xl: var(--ref-font-size-5xl);--font-weight-medium: var(--ref-font-weight-medium);--font-weight-semibold: var(--ref-font-weight-semibold);--font-weight-bold: var(--ref-font-weight-bold);--line-height-body: 1.45;--line-height-heading: 1.1;--size-control-sm: 2.25rem;--size-control-md: 2.5rem;--shadow-sm: 0 1px 2px oklch(0 0 0 / 4%);--shadow-md: 0 2px 4px oklch(0 0 0 / 6%);--graphite: var(--ref-color-gray-12);--steel: var(--ref-color-gray-10);--zinc: var(--ref-color-gray-9);--line: var(--color-border);--panel: var(--color-bg-surface);--warm: var(--color-bg-subtle);--paper: var(--color-bg-page);--yellow: var(--ref-color-yellow-6);--yellow-dark: var(--ref-color-yellow-8);--success: var(--ref-color-green-6);--danger: var(--ref-color-red-6)}html[data-theme=dark]{color-scheme:dark;--color-bg-page: oklch(.16 .01 84);--color-bg-surface: oklch(.2 .01 84);--color-bg-subtle: oklch(.18 .01 84);--color-text-primary: var(--ref-color-gray-1);--color-text-secondary: var(--ref-color-gray-4);--color-text-muted: var(--ref-color-gray-6);--color-text-inverse: var(--ref-color-gray-12);--color-action-bg: var(--ref-color-gray-1);--color-action-fg: var(--ref-color-gray-12);--color-action-bg-secondary: var(--ref-color-gray-11);--color-action-fg-secondary: var(--ref-color-gray-1);--color-border: oklch(.28 .01 84);--color-border-strong: var(--ref-color-gray-3);--color-focus-ring: var(--ref-color-yellow-6);--shadow-sm: 0 1px 2px oklch(0 0 0 / 20%);--shadow-md: 0 2px 4px oklch(0 0 0 / 30%)}@media(prefers-color-scheme:dark){html:not([data-theme]){color-scheme:dark;--color-bg-page: oklch(.16 .01 84);--color-bg-surface: oklch(.2 .01 84);--color-bg-subtle: oklch(.18 .01 84);--color-text-primary: var(--ref-color-gray-1);--color-text-secondary: var(--ref-color-gray-4);--color-text-muted: var(--ref-color-gray-6);--color-text-inverse: var(--ref-color-gray-12);--color-action-bg: var(--ref-color-gray-1);--color-action-fg: var(--ref-color-gray-12);--color-action-bg-secondary: var(--ref-color-gray-11);--color-action-fg-secondary: var(--ref-color-gray-1);--color-border: oklch(.28 .01 84);--color-border-strong: var(--ref-color-gray-3);--color-shadow: oklch(0 0 0 / 20%)}}}@layer base{body{background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body)}::selection{background:var(--ref-color-yellow-6);color:var(--ref-color-gray-12)}input,select,textarea{width:min(260px,100%);min-height:38px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-bg-subtle);color:var(--color-text-primary)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.label{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}}@layer objects{.page-shell{display:grid;gap:var(--space-stack-2xl);width:min(1180px,calc(100% - 40px));margin:0 auto;padding:28px 0 56px}.page-shell.app-screen{width:100%;padding:0;gap:0}.page-header{display:grid;gap:14px;max-width:780px;padding:34px 0 10px}.page-header h1{font-size:clamp(38px,6vw,76px);line-height:.96;font-weight:var(--font-weight-bold);letter-spacing:0}.eyebrow{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.lead{margin:0;max-width:660px;color:var(--color-text-secondary);font-size:var(--font-size-body-lg);line-height:1.5}.muted{color:var(--color-text-secondary);line-height:1.55}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ref-space-4)}.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ref-space-4)}.intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:28px;align-items:end;min-height:300px;padding:40px 0 24px;border-bottom:2px solid var(--color-border-strong)}.intro h1{max-width:760px;margin-top:8px;font-size:clamp(44px,7vw,92px);line-height:.94;font-weight:820;letter-spacing:0}.intro-copy{display:grid;gap:18px;color:var(--color-text-secondary);font-size:var(--font-size-body-lg)}.spec-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--color-border-strong);background:var(--color-bg-surface)}.spec-item{display:grid;gap:4px;padding:14px 16px;border-right:1px solid var(--color-border)}.spec-item:last-child{border-right:0}.spec-item strong{font-family:var(--font-mono);font-size:var(--font-size-body-sm);font-variant-numeric:tabular-nums}.login-form{display:grid;gap:var(--space-stack-lg);max-width:400px}.login-form fieldset{all:unset;display:grid;gap:var(--space-stack-md)}.login-form .field{display:grid;gap:6px}.login-form .field input{width:100%}.operations-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:620px;border:1px solid var(--color-border-strong);background:var(--color-bg-surface)}.operations-screen{min-height:calc(100vh - 72px);border-width:0;border-bottom-width:1px}.ops-main{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-width:0}.ops-header{display:flex;align-items:start;justify-content:space-between;gap:18px;padding:22px;border-bottom:1px solid var(--color-border)}.ops-title{display:grid;gap:8px}.ops-title h2{font-size:28px;line-height:1;font-weight:var(--font-weight-bold)}.ops-meta,.ops-actions,.toolbar,.status-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ops-actions{justify-content:end}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--color-border)}.metric{display:grid;gap:8px;padding:16px 18px;border-right:1px solid var(--color-border)}.metric:last-child{border-right:0}.metric-value{font-family:var(--font-mono);font-size:24px;font-weight:var(--font-weight-semibold);line-height:1;font-variant-numeric:tabular-nums}.metric-note{color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.workbench{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);min-width:0}.console-page{display:grid;align-content:start;gap:16px;min-width:0;padding:18px}.inventory-page{grid-template-columns:minmax(0,1fr) 320px}.reservations-page{grid-template-columns:minmax(0,1fr)}.inventory-primary,.inventory-aside{display:grid;align-content:start;gap:16px;min-width:0}.lease-column{display:grid;align-content:start;gap:16px;min-width:0;padding:18px;border-right:1px solid var(--color-border)}.asset-panel{min-width:0;padding:18px}.console-page>.asset-panel{padding:0}.lease-column .asset-panel{padding:0;border-right:0}.reservation-panel{display:grid;gap:14px;min-width:0;padding:16px;border:1px solid var(--color-border);background:var(--color-bg-subtle)}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.panel-heading h3{margin-top:3px;font-size:var(--font-size-lg);line-height:1.1}.assignment-form{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(220px,1.2fr) minmax(132px,.6fr) minmax(132px,.6fr) auto;gap:10px;align-items:end}.assignment-form label{display:grid;gap:6px;min-width:0;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase}.assignment-form input,.assignment-form select{width:100%;background:var(--color-bg-surface)}.notice{padding:10px 12px;border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.notice.ok{border-color:#0c7b604d;color:var(--color-success-text)}.notice.alert{border-color:#9a31304d;color:var(--color-danger-text)}.lease-line-panel,.assignment-ledger{display:grid;gap:12px}.filter-bar{display:grid;grid-template-columns:minmax(180px,1fr) 150px 150px 120px;gap:10px;margin-bottom:14px}.filter-bar input,.filter-bar select{width:100%}.table-wrap{overflow-x:auto;border:1px solid var(--color-border)}.data-table{width:100%;border-collapse:collapse;background:var(--color-bg-surface);font-size:var(--font-size-body-sm)}.ops-table{min-width:780px}.data-table th,.data-table td{padding:11px 12px;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle}.data-table th{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase}.data-table td:nth-child(2),.data-table td:nth-child(4){font-family:var(--font-mono);font-variant-numeric:tabular-nums}.data-table tr.selected td{background:oklch(from var(--ref-color-yellow-6) .96 .05 92 / 40%)}.asset-name{display:grid;gap:3px}.asset-name span{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-caption)}.timeline-panel{display:grid;align-content:start;gap:16px;padding:18px;background:var(--color-bg-subtle)}.detail-grid{display:grid;gap:8px}.detail-row{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.detail-grid .label{padding-bottom:10px}.detail-row strong{color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-body-sm);text-align:right;font-variant-numeric:tabular-nums}.event-list{display:grid;gap:10px}.event{display:grid;grid-template-columns:10px minmax(0,1fr);gap:10px;align-items:start;color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.event-marker{width:10px;height:10px;margin-top:4px;border:1px solid currentColor;background:var(--color-bg-surface)}.event.due{color:var(--color-warning-text)}.event.alert{color:var(--color-danger-text)}.event strong{display:block;color:var(--color-text-primary);font-size:var(--font-size-body-sm)}.ui-board{display:grid;gap:18px}.ui-board.compact{gap:14px}.tabs{display:inline-grid;grid-template-columns:repeat(3,minmax(92px,1fr));width:max-content;max-width:100%;border:1px solid var(--color-border-strong);background:var(--color-bg-surface)}.tab{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border-right:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-body-sm);font-weight:720;text-align:center;text-transform:uppercase}.tab:last-child{border-right:0}.tab.active{background:var(--ref-color-yellow-6);color:var(--ref-color-gray-12)}.logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.logo-sample{display:grid;place-items:center;gap:14px;min-height:140px;border:1px solid var(--color-border);background:var(--color-bg-subtle);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-caption);text-transform:uppercase}.logo-sample .logo-mark{width:82px;height:72px}.logo-sample.dark{border-color:var(--color-border-strong);background:var(--ref-color-gray-12);color:var(--ref-color-gray-1)}.logo-sample.yellow{border-color:var(--color-border-strong);background:var(--ref-color-yellow-6)}.mono-sample{display:grid;gap:8px;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--font-size-body-sm);font-variant-numeric:tabular-nums}.mono-sample>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid var(--color-border)}.mono-sample strong{color:var(--color-text-primary)}.swatch-grid{display:grid;grid-template-columns:repeat(5,1fr);min-height:118px;border:1px solid var(--color-border)}.swatch-grid span{border-right:1px solid var(--color-border)}.swatch-grid span:last-child{border-right:0}@media(max-width:920px){.intro,.content-grid,.principle-grid,.operations-shell,.workbench,.inventory-page{grid-template-columns:1fr}.intro{min-height:auto}.operations-nav{display:none}.lease-column,.asset-panel{border-right:0;border-bottom:1px solid var(--color-border)}.metric-strip,.filter-bar,.assignment-form{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--color-border)}}@media(max-width:620px){.spec-strip,.logo-grid{grid-template-columns:1fr}.spec-item{border-right:0;border-bottom:1px solid var(--color-border)}.spec-item:last-child{border-bottom:0}.ops-header{flex-direction:column}.ops-actions{justify-content:start}.tabs{width:100%;grid-template-columns:1fr}.tab{border-right:0;border-bottom:1px solid var(--color-border)}.tab:last-child{border-bottom:0}}}@layer components{.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-stack-2xl);min-height:72px;padding:0 32px;border-bottom:1px solid var(--color-border);background:oklch(from var(--color-bg-page) .96 .005 90 / 94%);backdrop-filter:blur(12px)}.brand-lockup{display:inline-flex;align-items:center;gap:var(--space-stack-sm);color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.logo-mark{width:45px;height:39px;flex:0 0 auto}.brand-name{font-size:24px;line-height:1}.nav{display:flex;gap:var(--ref-space-1);justify-content:center}.nav-link{min-height:34px;padding:9px 12px;border:1px solid transparent;color:var(--color-text-secondary);font-size:var(--font-size-body-sm);font-weight:760;text-transform:uppercase;&:hover,&.is-active{border-color:var(--color-border-strong);background:var(--ref-color-yellow-6);color:var(--ref-color-gray-12)}}.top-meta{display:flex;align-items:center;gap:var(--space-stack-md);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--font-size-body-sm);font-variant-numeric:tabular-nums;text-transform:uppercase}.indicator{width:10px;height:10px;border:1px solid var(--color-border-strong);background:var(--ref-color-yellow-6)}.top-meta .logout-btn{background:none;border:1px solid var(--color-border);color:inherit;font:inherit;text-transform:uppercase;padding:2px 8px}.top-meta .logout-btn:hover{border-color:var(--color-border-strong);background:var(--ref-color-yellow-6);color:var(--ref-color-gray-12)}@media(max-width:820px){.topbar{grid-template-columns:1fr;align-items:start;gap:14px;padding:18px 20px}.nav{justify-content:start;flex-wrap:wrap}.top-meta{font-size:var(--font-size-caption)}}}@layer components{.operations-nav,.sidebar{display:grid;align-content:start;gap:var(--space-stack-xl);padding:var(--space-stack-lg);background:var(--ref-color-gray-12);color:var(--ref-color-gray-1)}.nav-title,.sidebar-title{color:var(--ref-color-yellow-6);font-family:var(--font-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.nav-list,.sidebar-list{display:grid;gap:3px}.nav-item,.sidebar-item{min-height:34px;border:1px solid transparent;color:var(--ref-color-gray-4);font-size:var(--font-size-body-sm);font-weight:660}.sidebar-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-stack-md);min-height:34px;padding:0 10px}.nav-item.active,.sidebar-item.active{border-color:var(--ref-color-yellow-6);background:oklch(from var(--ref-color-yellow-6) .4 .12 90 / 12%);color:var(--ref-color-gray-1)}.nav-count,.sidebar-count{color:var(--ref-color-yellow-6);font-family:var(--font-mono);font-size:var(--font-size-caption);font-variant-numeric:tabular-nums}.sidebar-separator{border-top:1px solid oklch(1 0 0 / 9%);margin:4px 0 8px}.sidebar-legend{color:#ffffff47;font-family:var(--font-mono);font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;padding:0 10px}}@layer components{.card{display:grid;align-content:start;border:1px solid var(--color-border);background:var(--color-bg-surface)}.card-header{border-bottom:1px solid var(--color-border);padding:14px 16px}.card-header h2{font-size:var(--font-size-heading-sm);line-height:var(--line-height-heading);font-weight:var(--font-weight-bold);letter-spacing:0}.card-body{display:grid;gap:14px;padding:16px}.card-body h3{font-size:var(--font-size-heading-sm);line-height:var(--line-height-heading);font-weight:var(--font-weight-bold)}}@layer components{.button{--button-bg: var(--color-action-bg);--button-fg: var(--color-action-fg);--button-border-color: transparent;--button-border-width: 1px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-stack-sm);min-height:var(--size-control-md);padding-inline:var(--ref-space-4);padding-block:0;border:var(--button-border-width) solid var(--button-border-color);border-radius:var(--radius-control);background:var(--button-bg);color:var(--button-fg);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);line-height:1;text-decoration:none;text-transform:uppercase;cursor:pointer;&[data-variant=secondary]{--button-bg: var(--color-action-bg-secondary);--button-fg: var(--color-action-fg-secondary);--button-border-color: var(--color-border-strong)}&[data-variant=ghost]{--button-bg: transparent;--button-fg: var(--color-text-primary)}&[data-variant=accent]{--button-bg: var(--color-action-bg-accent);--button-fg: var(--color-action-fg-accent)}&:where(:hover,:focus-visible){filter:brightness(.96)}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}&:disabled,&[aria-disabled=true]{cursor:not-allowed;opacity:.55}}.button-row{display:flex;flex-wrap:wrap;gap:10px}}@layer components{.badge{--badge-bg: var(--color-bg-subtle);--badge-fg: var(--color-text-secondary);--badge-border: var(--color-border);display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 9px;border:1px solid var(--badge-border);background:var(--badge-bg);color:var(--badge-fg);font-family:var(--font-mono);font-size:var(--font-size-caption);text-transform:uppercase;white-space:nowrap;&[data-variant=ok]{--badge-border: oklch(.52 .1 170 / 30%);--badge-fg: var(--color-success-text)}&[data-variant=due]{--badge-border: var(--color-warning-border);--badge-fg: var(--color-warning-text)}&[data-variant=alert]{--badge-border: oklch(.47 .14 25 / 30%);--badge-fg: var(--color-danger-text)}}.dot{width:7px;height:7px;background:currentcolor}}@layer components{.counter{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:var(--space-stack-md)}.counter output{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-bg-subtle);font-size:2rem;font-weight:var(--font-weight-bold);padding:12px;text-align:center}.counter[data-counter-state=positive] output{border-color:var(--color-success-text)}.counter[data-counter-state=negative] output{border-color:var(--color-danger-text)}}@layer components{.message{display:grid;gap:6px;margin-bottom:var(--space-stack-lg);padding:var(--space-stack-lg);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-bg-subtle)}.message span{color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.message strong{font-size:var(--font-size-body-lg)}}@layer components{.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-stack-md)}.stat{display:grid;gap:6px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-bg-surface);padding:var(--space-stack-lg)}.stat span{color:var(--color-text-secondary)}.stat strong{font-size:var(--font-size-body-lg)}@media(max-width:720px){.stat-grid{grid-template-columns:1fr}}}@layer utilities{.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.text-center{text-align:center}.text-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.text-uppercase{text-transform:uppercase}}@layer overrides;