:root{--hf-primary:#123347;--hf-primary-foreground:#ffffff;--on-brand:var(--hf-primary-foreground);--hf-primary-hover:#1b4863;--hf-primary-active:#0f2c3d;--hf-primary-deep:#0a2230;--hf-primary-soft:#ecf4f8;--hf-primary-soft-strong:#d8e7ef;--hf-primary-border:#b8cfdc;--teal:#0e7c7b;--bg:#f3f5f8;--surface:#ffffff;--surface-2:#fafbfc;--line:#e8ebf0;--line-2:#dbe0e8;--ink:#101a2b;--ink-2:#566074;--ink-3:#8a93a4;--green:#1f9d6b;--green-bg:#e7f5ee;--amber:#c7900a;--amber-bg:#faf1d8;--red:#d6483b;--red-bg:#fae8e5;--grey:#8a93a4;--grey-bg:#eef1f5;--slate:#5a6678;--slate-bg:#e9ecf1;--background:#f3f5f8;--foreground:#101a2b;--card:#ffffff;--card-foreground:#101a2b;--popover:#ffffff;--popover-foreground:#101a2b;--primary:var(--hf-primary);--primary-foreground:var(--hf-primary-foreground);--secondary:#fafbfc;--secondary-foreground:var(--hf-primary);--muted:#f3f5f8;--muted-foreground:#566074;--accent:#eef5fa;--accent-foreground:var(--hf-primary);--destructive:#d6483b;--destructive-foreground:#ffffff;--border:#e8ebf0;--input:#e8ebf0;--ring:var(--hf-primary);--chart-1:var(--hf-primary);--chart-2:#1f9d6b;--chart-3:#c7900a;--chart-4:#c4584b;--chart-5:#6b5ca5;--navy:var(--hf-primary);--navy-50:var(--hf-primary-soft);--navy-100:var(--hf-primary-soft-strong);--navy-200:var(--hf-primary-border);--navy-600:var(--hf-primary-hover);--navy-700:var(--hf-primary-active);--navy-800:var(--hf-primary-deep);--nav-primary:var(--hf-primary);--nav-primary-fg:var(--hf-primary-foreground);--nav-accent:var(--surface-2);--nav-muted:var(--ink-2);--star:#e0a800;--toast-check:#6fd3a3;--scrim:rgba(16,26,43,0.42);--spacing:0.25rem;--sb-w:236px;--topbar-h:68px;--screen-max:1240px;--screen-pad-left:34px;--card-pad:20px;--grid-gap:18px;--modal-pad-x:26px;--drawer-w:480px;--radius:0.875rem;--radius-sm:10px;--radius-md:12px;--radius-lg:14px;--radius-xl:18px;--r-sm:8px;--r-md:11px;--r-card:16px;--r-modal:18px;--r-pill:999px;--sh-sm:0 1px 2px rgba(16,26,43,.05);--sh-card:0 1px 2px rgba(16,26,43,.04),0 4px 16px rgba(16,26,43,.05);--sh-pop:0 8px 28px rgba(16,26,43,.14),0 2px 6px rgba(16,26,43,.08);--sh-drawer:-12px 0 40px rgba(16,26,43,.16);--z-topbar:20;--z-sidebar:30;--z-overlay:50;--z-drawer:90;--z-modal:100;--z-mobile-scrim:110;--z-mobile-sidebar:120;--z-toast:200;--bp-nav:900px;--bp-sm:640px;--font-sans:var(--font-hanken),"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--surface-raised:var(--surface);--line-strong:var(--line-2);--faint:var(--ink-2);--primary-strong:var(--hf-primary-active);--primary-soft:var(--hf-primary-soft);--accent-strong:var(--hf-primary);--accent-soft:var(--hf-primary-soft);--success:var(--green);--success-soft:var(--green-bg);--success-strong:#167249;--warning:var(--amber);--warning-soft:var(--amber-bg);--warning-strong:#805b06;--danger:var(--red);--danger-soft:var(--red-bg);--danger-strong:#b0382e;--destructive:var(--danger-strong);--info:var(--hf-primary);--info-soft:var(--hf-primary-soft);--info-strong:var(--hf-primary);--neutral-strong:var(--ink-2);--radius-xs:var(--r-sm);--shadow-sm:var(--sh-sm);--shadow-md:var(--sh-card);--ease:cubic-bezier(.2,.6,.3,1);--motion-fast:140ms;--motion-dialog:180ms;--ease-dialog:cubic-bezier(.34,1.4,.5,1)}html{color-scheme:light;background:var(--bg)}body{font-family:var(--font-sans);font-size:14px;line-height:1.45;font-feature-settings:"tnum" 1,"cv11" 1}button,input,select,textarea{font-family:inherit}::selection{background:var(--hf-primary-soft-strong)}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--ring);outline-offset:3px}:where(button,a){-webkit-tap-highlight-color:transparent}:where(button,a,input,select,textarea){transition-duration:var(--motion-fast)}:where(input[type=checkbox],input[type=radio]){accent-color:var(--primary)}.erp-shell{background:var(--bg)}.sidebar{flex-basis:var(--sb-w);width:var(--sb-w);gap:16px;padding:20px 14px 16px;border-color:var(--line-2);background:var(--surface)}.brand-block{min-height:auto;gap:16px;padding:0 10px 20px}.brand-logo-wrap{width:156px;height:42px}.nav-section,.tenant-label{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--ink-2)}.tenant-switcher>strong{font-size:14px;font-weight:700;color:var(--ink)}.module-nav{min-height:0;overflow-y:auto;scrollbar-width:thin}.nav-group{margin-bottom:14px}.nav-section{margin:0 0 7px;padding:0 12px}.nav-item{min-height:38px;gap:10px;padding:8px 12px;border:1px solid transparent;border-radius:var(--r-sm);color:var(--nav-muted);font-size:13px;font-weight:500}.nav-item:hover{background:var(--nav-accent);color:var(--ink)}.nav-item.active{background:var(--nav-primary);border-color:var(--nav-primary);color:var(--nav-primary-fg);box-shadow:var(--sh-sm);font-weight:600}.nav-item svg{width:19px;height:19px;stroke-width:1.7;color:inherit}.workspace{padding:0}.topbar{min-height:var(--topbar-h);margin:0;padding:12px 34px;border-color:var(--line-2);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.page-body{max-width:var(--screen-max);margin-inline:auto;padding:30px 34px 60px}.page-body:has(.dashboard-page){max-width:1500px}.search-box{max-width:500px;min-height:38px;background:var(--surface-2);border-color:var(--line-2);border-radius:var(--r-sm);color:var(--ink-2)}.search-box:focus-within{background:var(--surface);border-color:var(--ring);box-shadow:0 0 0 3px var(--hf-primary-soft)}.search-box input{font-size:13px}.date-chip,.profile-button{background:var(--surface);border-color:var(--line);color:var(--ink-2)}.profile-button>span:first-child{background:var(--hf-primary-soft);color:var(--hf-primary)}.icon-button,.pagination-button{border-color:var(--line-2);border-radius:var(--r-sm);color:var(--ink-2);background:var(--surface)}.icon-button:hover,.pagination-button:hover:enabled{background:var(--surface-2);color:var(--primary)}.hf-nav-scrim{position:fixed;inset:0;z-index:var(--z-mobile-scrim);border:0;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hf-skip-link{position:fixed;top:10px;left:10px;z-index:300;transform:translateY(-150%);padding:10px 16px;border-radius:var(--r-sm);background:var(--primary);color:var(--primary-foreground);text-decoration:none}.hf-skip-link:focus{transform:none}.auth-submit,.dashboard-hero-primary,.primary-button,.student-export-footer .primary-button{min-height:38px;border:1px solid var(--primary);border-radius:var(--r-sm);background:var(--primary);color:var(--primary-foreground);box-shadow:var(--sh-sm);font-size:13px;font-weight:600;padding:9px 15px}.auth-submit:hover,.dashboard-hero-primary:hover,.primary-button:hover,.student-export-footer .primary-button:hover{background:var(--hf-primary-hover);border-color:var(--hf-primary-hover);color:var(--primary-foreground)}.auth-submit:active,.dashboard-hero-primary:active,.primary-button:active{background:var(--hf-primary-active)}.dashboard-hero-secondary,.secondary-button,.student-export-trigger{min-height:38px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font-size:13px;font-weight:600;padding:9px 15px;box-shadow:none}.dashboard-hero-secondary:hover,.secondary-button:hover,.student-export-trigger:hover{border-color:var(--hf-primary-border);background:var(--accent);color:var(--primary)}:where(.primary-button,.secondary-button,.auth-submit):disabled{opacity:.5;cursor:not-allowed}.primary-button:disabled{background:var(--hf-primary-border);border-color:var(--hf-primary-border);box-shadow:none}:where(.primary-button,.secondary-button) svg{width:16px;height:16px;stroke-width:1.7}.page-head{margin-bottom:24px;gap:20px}.page-head h1,.tenant-admin-hero h1{color:var(--ink);font-size:22px;font-weight:700;letter-spacing:-.025em;line-height:1.25}.page-head p,.panel-header p{color:var(--ink-2);font-size:13px;line-height:1.5}.module-context{color:var(--ink-2);font-size:11px;font-weight:600;letter-spacing:.06em}.forbidden-page,.login-audit-panel,.module-card,.module-command,.module-directory-card,.panel,.staff-admin-panel,.tenant-admin-panel{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--sh-card)}.panel{padding:var(--card-pad)}.panel-header{align-items:flex-start;margin-bottom:18px;gap:12px}.panel-header h2,.staff-admin-panel h2,.tenant-admin-panel h2{color:var(--ink);font-size:15.5px;font-weight:700;letter-spacing:-.01em}.kpi-strip{gap:var(--grid-gap)}.kpi-card{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);padding:18px 20px;box-shadow:var(--sh-card)}.kpi-card:after,.kpi-card:before{display:none}.kpi-card-link:hover{border-color:var(--hf-primary-border);background:var(--surface);box-shadow:var(--sh-card);transform:translateY(-1px)}.kpi-value{color:var(--ink);font-size:28px;font-weight:700;letter-spacing:-.025em}.kpi-detail,.kpi-label{color:var(--ink-2);font-size:12.5px}.kpi-icon{width:30px;height:30px;border-radius:var(--r-sm);background:var(--hf-primary-soft);color:var(--primary)}.kpi-icon.good{background:var(--green-bg);color:var(--success-strong)}.kpi-icon.warn{background:var(--amber-bg);color:var(--warning-strong)}.kpi-icon.danger{background:var(--red-bg);color:var(--danger-strong)}.severity-chip,.status-pill{border:0;border-radius:var(--r-pill);padding:4px 10px;font-size:12px;font-weight:600}.status-pill.good{background:var(--green-bg);color:var(--success-strong)}.status-pill.warn{background:var(--amber-bg);color:var(--warning-strong)}.status-pill.danger{background:var(--red-bg);color:var(--danger-strong)}.avatar,.status-pill.info{background:var(--hf-primary-soft);color:var(--hf-primary)}.bar{height:8px;background:var(--surface-2)}.bar,.bar>span{border-radius:var(--r-pill)}.bar>span{background:var(--primary);transition:width .6s cubic-bezier(.4,0,.2,1)}.table-wrap,.workflow-table-wrap{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface)}.login-audit-table,.table-wrap table,.workflow-table{font-size:13px}.login-audit-table th,.table-wrap th,.workflow-table th{height:40px;background:var(--surface-2);color:var(--ink-2);border-color:var(--line);font-size:11px;font-weight:600;letter-spacing:.025em}.login-audit-table td,.table-wrap td,.workflow-table td{border-color:var(--line);color:var(--ink);font-size:13px;padding:12px 14px}:where(.table-wrap,.workflow-table-wrap,.login-audit-table) tbody tr:hover{background:var(--surface-2)}.login-audit-footer,.table-foot{color:var(--ink-2);font-size:12px;background:var(--surface-2);border-color:var(--line)}:where(.toolbar,.table-toolbar,.data-table-toolbar){gap:10px}:where(.data-table-empty,.dashboard-chart-empty){color:var(--ink-2);border-color:var(--line);background:var(--surface-2);border-radius:var(--r-md)}.hf-empty-state{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:28px 20px;text-align:center;color:var(--ink-2)}.hf-empty-state>svg{width:34px;height:34px;stroke-width:1.5;color:var(--primary)}.hf-empty-state>strong{font-size:14px;color:var(--ink);font-weight:600}.hf-empty-state>p{margin:0;max-width:45ch;font-size:13px;line-height:1.5}:where(.record-edit-form,.staff-admin-form,.role-form,.workflow-form,.tenant-admin-form,.auth-form,.payment-processor) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea){border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font-size:13px;box-shadow:none}:where(.record-edit-form,.staff-admin-form,.role-form,.workflow-form,.tenant-admin-form,.auth-form,.payment-processor) :is(input,select,textarea):focus-visible{border-color:var(--ring);outline:2px solid var(--ring);outline-offset:3px;box-shadow:0 0 0 3px var(--hf-primary-soft)}:where(input,textarea)::placeholder{color:var(--ink-2);opacity:1}:where(input,select,textarea):disabled{background:var(--surface-2);cursor:not-allowed}form :is(input,select,textarea)[aria-invalid=true]{border-color:var(--destructive);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--destructive) 20%,transparent)}.form-field-error{color:var(--danger-strong);font-size:12px;line-height:1.45}.auth-error,.form-validation-summary,.record-edit-error,.student-export-error{border-color:color-mix(in srgb,var(--red) 30%,var(--surface));background:var(--red-bg);color:var(--danger-strong);border-radius:var(--r-sm)}.auth-success,.editable-module-notice{border-color:color-mix(in srgb,var(--green) 30%,var(--surface));background:var(--green-bg);color:var(--success-strong)}.guardian-fields{border-color:var(--line);border-radius:var(--r-md);background:var(--surface-2)}.guardian-fields legend{color:var(--ink)}:where(.record-edit-form,.workflow-form,.staff-admin-form) label{font-size:13px}.tenant-admin-hero{border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--sh-card)}.tenant-admin-hero:after,.tenant-admin-hero:before{display:none}.tenant-admin-eyebrow,.tenant-admin-panel-heading>div:last-child>span{color:var(--primary);letter-spacing:.06em}.tenant-admin-avatar,.tenant-admin-panel-icon,.tenant-admin-panel-icon.teal,.tenant-admin-step{background:var(--hf-primary-soft);color:var(--primary)}.tenant-admin-colors input{border-color:var(--line-2)}.login-audit-summary article{border-color:var(--line);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--sh-card)}.login-audit-summary article strong{color:var(--ink);font-size:25px}.record-edit-dialog{margin:auto;padding:0;border-radius:var(--r-modal);max-height:min(90dvh,900px);background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--sh-pop)}.record-edit-dialog::-webkit-backdrop,.student-export-dialog::-webkit-backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.record-edit-dialog::backdrop,.student-export-dialog::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.record-edit-dialog[open],.student-export-dialog[open]{animation:hf-dialog-in var(--motion-dialog) var(--ease-dialog) both}.record-edit-heading{position:-webkit-sticky;position:sticky;top:0;z-index:3;align-items:center;margin:0;padding:20px var(--modal-pad-x);border-bottom:1px solid var(--line);background:var(--surface)}.record-edit-heading h2{color:var(--ink);font-size:19px;font-weight:800;letter-spacing:-.01em}.record-edit-close{border:0;background:var(--surface-2);color:var(--ink-2);border-radius:var(--r-sm)}.record-edit-dialog>.record-edit-form{padding:20px var(--modal-pad-x) 0}.record-edit-dialog>.record-edit-form>.record-edit-actions{position:-webkit-sticky;position:sticky;bottom:0;z-index:2;margin:8px calc(-1 * var(--modal-pad-x)) 0;padding:16px var(--modal-pad-x);background:var(--surface-2);border-top:1px solid var(--line)}.student-details-dialog .record-edit-actions{bottom:0}.student-export-dialog{border-color:var(--line-2);border-radius:var(--r-modal);background:var(--surface);box-shadow:var(--sh-pop)}.student-export-heading{padding:20px var(--modal-pad-x);border-color:var(--line);background:var(--surface)}.student-export-heading h2{color:var(--ink);font-size:19px;font-weight:800;letter-spacing:-.01em}.student-export-heading p{color:var(--ink-2);font-size:13px}.student-export-eyebrow{color:var(--ink-2);font-size:11px;letter-spacing:.06em}.student-export-footer{padding:16px var(--modal-pad-x);background:var(--surface-2);border-color:var(--line)}.student-export-format{border-radius:var(--r-md);border-color:var(--line-2)}.student-export-format.is-selected{border-color:var(--primary);background:var(--hf-primary-soft);box-shadow:none}.student-export-format.is-selected i{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.student-export-format-icon.csv,.student-export-format-icon.pdf{background:var(--hf-primary-soft);color:var(--primary)}.student-export-preview{border-top-color:var(--primary)}.student-export-preview-band{background:var(--primary);color:var(--primary-foreground)}.student-export-csv-note{background:var(--green-bg);color:var(--success-strong)}.toast-notification{border-radius:var(--r-pill);border:0;background:var(--hf-primary-deep);box-shadow:var(--sh-pop)}.toast-notification,.toast-notification .toast-action a,.toast-notification .toast-close,.toast-notification .toast-copy strong,.toast-notification .toast-copy>span{color:var(--primary-foreground)}.toast-notification .toast-icon{color:var(--toast-check)}.auth-page{background:var(--bg)}.auth-story{background:var(--hf-primary);color:var(--primary-foreground)}.auth-story-copy h1{color:var(--primary-foreground);font-weight:700;font-size:clamp(34px,4vw,54px);line-height:1.12}.auth-story-copy p,.auth-story-footer,.auth-story-kicker{color:color-mix(in srgb,var(--primary-foreground) 80%,transparent)}.auth-card{max-width:450px;width:100%;padding:32px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--sh-card)}.auth-card h2{font-size:24px;font-weight:700;letter-spacing:-.025em}.auth-eyebrow{color:var(--ink-2);font-size:11px;font-weight:600;letter-spacing:.06em}.auth-description{font-size:13px;margin-bottom:24px}.auth-form input,.auth-submit{min-height:44px}.auth-form .auth-code-inputs input{min-height:52px}.mobile-phone{border-color:var(--line-2);background:var(--surface);box-shadow:var(--sh-pop)}.mobile-role-tabs{background:var(--surface-2);border-radius:var(--r-pill);padding:3px}.mobile-role-tabs button{border-radius:var(--r-pill);border:0;color:var(--ink-2)}.mobile-role-tabs button.active{background:var(--primary);color:var(--primary-foreground)}.dashboard-future{color:var(--ink);background:var(--surface)}.erp-shell:has(.dashboard-future),.page-body:has(.dashboard-future),.workspace:has(.dashboard-future){background:var(--surface)}.dashboard-future .dashboard-hero{border:1px solid var(--line);border-radius:var(--r-card);padding:24px;background:var(--surface);box-shadow:var(--sh-card)}.dashboard-future .dashboard-hero h1{font-size:30px;color:var(--hf-primary-deep);font-weight:800;letter-spacing:-.025em}.dashboard-future .dashboard-hero-eyebrow{color:var(--ink-2);font-size:11px;letter-spacing:.06em}.dashboard-future .dashboard-hero p{color:var(--ink-2);font-size:13px}.dashboard-future .dashboard-hero-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);box-shadow:var(--sh-sm)}.dashboard-future .dashboard-hero-primary:hover{background:var(--hf-primary-hover)}.dashboard-future .dashboard-hero-secondary{background:var(--surface);color:var(--ink);border-color:var(--line-2)}.dashboard-future .dashboard-hero-aside{border-color:var(--line);background:var(--surface-2)}.dashboard-future .dashboard-hero-aside>strong{color:var(--primary)}.dashboard-future .dashboard-hero-aside>p,.dashboard-future .dashboard-hero-aside>span{color:var(--ink-2)}.dashboard-future .dashboard-telemetry{border-color:var(--line);background:var(--surface-2);border-radius:var(--r-md)}.dashboard-future .dashboard-telemetry-status strong{color:var(--ink)}.dashboard-future .dashboard-telemetry-status span{color:var(--ink-2)}.dashboard-future .dashboard-chart-grid{gap:var(--grid-gap)}.dashboard-future .dashboard-chart-grid>.dashboard-chart-panel,.dashboard-future .dashboard-chart-grid>.dashboard-chart-spatial,.dashboard-future .dashboard-followup-panel{border-color:var(--line);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--sh-card)}.dashboard-future .dashboard-chart-panel .panel-header h2,.dashboard-future .dashboard-followup-panel .panel-header h2{color:var(--ink);font-size:15.5px;font-weight:700}.dashboard-future .dashboard-chart-panel .panel-header p,.dashboard-future .dashboard-followup-panel .panel-header p{color:var(--ink-2)}.dashboard-future .dashboard-chart-lead strong{color:var(--ink);font-size:30px}.dashboard-future .dashboard-chart-link{color:var(--primary)}.dashboard-future .echart-canvas{background:var(--surface)}.dashboard-future .dashboard-insight-tabs,.dashboard-future .echart-dimension-toolbar>div{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--bg);padding:3px}.dashboard-future .dashboard-insight-tabs button,.dashboard-future .echart-dimension-toolbar button{border-radius:var(--r-pill);color:var(--ink-2);font-size:12px;font-weight:600}.dashboard-future .dashboard-insight-tabs button[aria-pressed=true],.dashboard-future .echart-dimension-toolbar button[aria-pressed=true]{background:var(--surface);color:var(--primary);box-shadow:var(--sh-sm)}.dashboard-future .echart-balloon{border-color:var(--line-2);background:var(--surface);color:var(--ink);box-shadow:var(--sh-pop)}.dashboard-future .echart-balloon>strong{color:var(--primary)}.dashboard-future .dashboard-student-avatar{background:var(--hf-primary-soft);color:var(--primary)}.dashboard-future .dashboard-chart-empty{background:var(--surface-2);color:var(--ink-2)}.dashboard-future .dashboard-chart-data{border-color:var(--line);border-radius:var(--r-sm);background:var(--surface)}.dashboard-future .dashboard-chart-data summary{color:var(--ink-2)}.dashboard-future .dashboard-chart-data td,.dashboard-future .dashboard-chart-data th{color:var(--ink-2);border-color:var(--line)}.dashboard-future .dashboard-pulse-class-picker button{border-color:var(--line-2);border-radius:var(--r-pill);color:var(--ink-2);background:var(--surface)}.dashboard-future .dashboard-pulse-class-picker button strong{color:var(--primary)}@keyframes hf-dialog-in{0%{opacity:0;transform:translateY(8px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@media (min-width:901px){.sidebar{position:-webkit-sticky;position:sticky;top:0;transform:none;display:flex}.close-mobile,.hf-nav-scrim,.menu-button{display:none}}@media (max-width:900px){.sidebar{display:flex;position:fixed;inset:0 auto 0 0;z-index:var(--z-mobile-sidebar);height:100dvh;width:min(var(--sb-w),calc(100vw - 48px));transform:translateX(-105%);transition:transform .18s ease;box-shadow:var(--sh-pop);visibility:hidden}.sidebar.sidebar-open{transform:translateX(0);visibility:visible}.close-mobile,.menu-button{display:grid}.close-mobile{position:absolute;right:0;top:0}.workspace{padding:0}.topbar{margin:0;padding:12px 20px}.page-body{padding:24px 20px 40px}.date-chip,.profile-text{display:none}.auth-page{grid-template-columns:1fr}.auth-story{display:none}.auth-main{min-height:100dvh}}@media (max-width:640px){.topbar{padding:10px 14px;gap:8px}.page-body{padding:20px 14px 36px}.dashboard-future .dashboard-hero{padding:20px}.dashboard-hero-actions{flex-wrap:wrap}.dashboard-hero-actions>:is(a,button){flex:1 1}.record-edit-heading{padding:18px 20px}.record-edit-dialog>.record-edit-form{padding-inline:20px}.record-edit-dialog>.record-edit-form>.record-edit-actions{margin-inline:-20px;padding-inline:20px}.auth-main{padding:24px 16px}.auth-card{padding:24px}.toast-notification{border-radius:var(--r-md);max-width:calc(100vw - 28px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.dashboard-future{padding:0;border:0;border-radius:0;box-shadow:none}.dashboard-future .dashboard-hero:after,.dashboard-future .dashboard-hero:before{display:none}.record-edit-dialog .record-edit-close{flex:0 0 30px;width:30px;min-width:30px;max-width:30px;padding:0}.dashboard-class-dialog{border-color:var(--line-2);border-radius:var(--r-modal);background:var(--surface);box-shadow:var(--sh-pop)}.dashboard-class-dialog::-webkit-backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dashboard-class-dialog::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dashboard-class-dialog[open]{animation:hf-dialog-in var(--motion-dialog) var(--ease-dialog) both}.dashboard-class-dialog-header{padding:20px var(--modal-pad-x);background:var(--surface);border-color:var(--line)}.dashboard-class-dialog-header h2{color:var(--ink);font-size:19px;font-weight:800;letter-spacing:-.01em}.dashboard-class-dialog-close{border-radius:var(--r-sm);background:var(--surface-2);border-color:var(--line);color:var(--ink-2)}.nav-item.active:hover{background:var(--hf-primary-hover);border-color:var(--hf-primary-hover);color:var(--nav-primary-fg)}.dashboard-future .kpi-card{border-color:var(--line);box-shadow:var(--sh-card)}.dashboard-future .kpi-card:hover{border-color:var(--hf-primary-border);box-shadow:var(--sh-card)}