:root{--grey-0:#fff;--grey-5:#fcfcfc;--grey-10:#f8f8f8;--grey-20:#f2f3f3;--grey-30:#e9eaeb;--grey-40:#dbdde0;--grey-50:#c7cbd0;--grey-60:#a5aab1;--grey-70:#80868e;--grey-80:#5c626c;--grey-90:#3a4049;--grey-100:#1a1e24;--blue-10:#dff4ff;--blue-60:#0854fa;--blue-70:#0644cc;--green-10:#e4f6ee;--green-50:#48e9a4;--green-80:#176b4d;--red-10:#feeeec;--red-50:#ff6262;--red-80:#b42318;--yellow-10:#faf2da;--yellow-50:#ffd35e;--yellow-90:#765800;--purple-10:#ede9fe;--purple-20:#ddd6fe;--purple-60:#6d28d9;--purple-70:#5b21b6;--bg:var(--grey-5);--surface:var(--grey-0);--surface-hover:var(--grey-10);--surface-subtle:var(--grey-20);--surface-pressed:var(--grey-30);--border-subtle:var(--grey-40);--border:var(--grey-50);--text:var(--grey-100);--text-muted:var(--grey-80);--text-tertiary:var(--grey-70);--text-on-strong:var(--grey-0);--brand:var(--blue-60);--brand-hover:var(--blue-70);--brand-soft:var(--blue-10);--accent:var(--blue-60);--success:var(--green-50);--success-soft:var(--green-10);--green:var(--green-80);--danger:var(--red-50);--danger-soft:var(--red-10);--red:var(--red-80);--warning:var(--yellow-50);--warning-soft:var(--yellow-10);--amber:var(--yellow-90);--developer:var(--purple-60);--developer-hover:var(--purple-70);--developer-soft:var(--purple-10);--sidebar-bg:var(--grey-20);--sidebar-text:var(--grey-80);--sidebar-text-strong:var(--grey-100);--radius:8px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"SF Mono", ui-monospace, "Cascadia Code", Menlo, monospace;--mono:var(--font-mono);--space-0:0;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px}*{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);margin:0;font-size:14px}.site-loading{background:var(--surface);min-height:100vh}h1,h2,h3{margin:0;font-weight:600}h1{font-size:20px}h2{font-size:15px}.public-site{background:var(--surface);min-height:100vh}.public-header,.public-hero,.public-grid,.public-status,.public-footer{width:min(1120px,100% - 40px);margin-inline:auto}.public-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;min-height:72px;display:flex}.public-logo{color:var(--text);font-size:19px;font-weight:700;text-decoration:none}.public-logo span{color:var(--brand)}.public-hero{max-width:980px;padding-block:clamp(72px,10vw,128px) clamp(56px,8vw,96px)}.public-eyebrow{margin:0 0 var(--space-16);color:var(--brand);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.public-hero h1{letter-spacing:-.055em;max-width:900px;font-size:clamp(42px,7vw,78px);line-height:.98}.public-lede{max-width:680px;margin:var(--space-32) 0 0;color:var(--text-muted);font-size:clamp(18px,2.2vw,23px);line-height:1.48}.public-actions{gap:var(--space-12);margin-top:var(--space-32);flex-wrap:wrap;display:flex}.public-grid{gap:var(--space-16);padding-block:var(--space-48);border-top:1px solid var(--border-subtle);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.public-feature{min-height:190px;padding:var(--space-24);background:var(--surface-subtle);border-radius:var(--radius)}.public-feature svg{color:var(--brand)}.public-feature h2{margin-top:var(--space-24);font-size:18px}.public-feature p,.public-status>p{color:var(--text-muted);line-height:1.6}.public-status{gap:var(--space-48);padding-block:var(--space-64);border-top:1px solid var(--border-subtle);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.public-status h2{letter-spacing:-.035em;max-width:420px;font-size:clamp(28px,4vw,42px);line-height:1.08}.public-status>p{margin:0;font-size:16px}.public-footer{gap:var(--space-24);padding-block:var(--space-24);color:var(--text-muted);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.public-footer a{color:inherit;margin-left:auto}@media (width<=720px){.public-header,.public-hero,.public-grid,.public-status,.public-footer{width:min(100% - 28px,1120px)}.public-grid,.public-status{grid-template-columns:1fr}.public-status{gap:var(--space-32)}.public-footer a{width:100%;margin-left:0}}.shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);width:218px;color:var(--sidebar-text);flex-direction:column;flex-shrink:0;height:100vh;padding:16px 10px;display:flex;position:sticky;top:0}.sidebar .logo{color:var(--sidebar-text-strong);letter-spacing:0;padding:4px 12px 14px;font-size:17px;font-weight:700}.sidebar .logo span{color:var(--brand)}.mobile-menu-button{display:none}.sidebar nav{flex-direction:column;gap:2px;display:flex}.sidebar a{color:var(--sidebar-text);border-radius:6px;padding:7px 12px;font-size:13.5px;text-decoration:none}.sidebar a:hover{background:var(--surface-pressed);color:var(--sidebar-text-strong)}.sidebar a.active{background:var(--surface);color:var(--sidebar-text-strong);font-weight:600}.sidebar a.dev-navigation-link{background:var(--developer-soft);color:var(--developer);margin-top:8px;font-weight:600}.sidebar a.dev-navigation-link:hover{background:var(--purple-20);color:var(--developer-hover)}.sidebar a.dev-navigation-link.active{background:var(--developer);color:var(--text-on-strong)}.sidebar .sidebar-footer{border-top:1px solid var(--border-subtle);margin-top:auto;padding:10px 12px 0;font-size:12px}.sidebar .sidebar-footer .company-name{color:var(--sidebar-text-strong);margin-bottom:2px;font-weight:600}.sidebar .sidebar-footer button{color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:12px;text-decoration:underline}.main{flex:1;min-width:0;max-width:1240px;padding:22px 28px 60px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.page-header .sub{color:var(--text-muted);margin:4px 0 0;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:16px}.card-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.card-actions{align-items:center;gap:8px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.stat .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:0;font-size:12px}.stat .stat-value{font-variant-numeric:tabular-nums;margin-top:4px;font-size:22px;font-weight:650}.stat .stat-note{color:var(--text-muted);margin-top:2px;font-size:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:0;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--surface-hover)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr.total-row td{border-top:2px solid var(--text);background:var(--bg);font-weight:650}tr.section-row td{color:var(--text-muted);text-transform:uppercase;letter-spacing:0;padding-top:14px;font-size:11.5px;font-weight:650}.money{font-variant-numeric:tabular-nums}.money-neg{color:var(--red)}.money-pos{color:var(--green)}input,select,textarea{font:inherit;color:inherit;border:1px solid var(--border);background:var(--surface);border-radius:6px;width:100%;padding:7px 9px}select{text-overflow:ellipsis;padding-right:32px}input:focus,select:focus,textarea:focus{outline-offset:0;border-color:var(--accent);outline:2px solid #0854fa47}input[type=checkbox]{width:auto}.field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.field-label-row{align-items:center;gap:4px;width:fit-content;display:inline-flex;position:relative}.field-label{color:var(--text-muted);font-size:12.5px;font-weight:600}.field-help-button{width:18px;height:18px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.field-help-button:hover,.field-help-button:focus-visible{color:var(--accent);outline:none}.field-help-popover{z-index:20;background:var(--surface);border:1px solid var(--border);width:min(260px,100vw - 64px);color:var(--text);border-radius:6px;padding:8px 10px;font-size:12.5px;font-weight:400;line-height:1.4;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 20px #14182029}.form-row{gap:12px;display:flex}.form-row>*{flex:1}.payroll-form-action{align-self:end}.employee-form{gap:16px;display:grid}.employee-form-section,.employee-onboarding-panel{border:1px solid var(--border-subtle);border-radius:8px;min-width:0;padding:16px}.employee-form-section>h3,.employee-onboarding-panel h3{margin:0 0 12px}.employee-form .payroll-form-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px 16px;display:grid}.employee-form .payroll-form-row>*,.employee-form input,.employee-form select{min-width:0;max-width:100%}.employee-form-note,.employee-onboarding-panel{background:var(--surface-subtle)}.employee-template-actions,.employee-import-status{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.employee-template-actions{margin:10px 0 14px}.employee-import-status{margin-top:10px}.checkbox-field{justify-content:end;align-self:stretch}.bank-csv-mapping-row{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-weight:600;display:inline-flex}.btn:hover{background:var(--surface-subtle)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--text-on-strong)}.btn-primary:hover{background:var(--brand-hover)}.btn-danger{color:var(--red);border-color:var(--danger)}.btn-danger:hover{background:var(--danger-soft)}.btn-ghost{background:0 0;border-color:#0000}.btn-sm{padding:4px 10px;font-size:12.5px}.btn-icon{flex:0 0 30px;justify-content:center;width:30px;height:30px;padding:0}.error-note{background:var(--danger-soft);border:1px solid var(--danger);color:var(--red);border-radius:6px;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 12px;font-size:13px;display:flex}.error-note-dismiss{width:24px;height:24px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:0 0 24px;justify-content:center;align-items:center;margin:-4px -8px -4px 0;padding:0;display:inline-flex}.error-note-dismiss:hover,.error-note-dismiss:focus-visible{background:color-mix(in srgb, var(--danger) 18%, transparent);outline:none}.error-note-dismiss:focus-visible{box-shadow:0 0 0 2px}.badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:650;display:inline-block}.badge-green{background:var(--success-soft);color:var(--green)}.badge-red{background:var(--danger-soft);color:var(--red)}.badge-amber{background:var(--warning-soft);color:var(--amber)}.badge-gray{background:var(--surface-subtle);color:var(--text-muted)}.badge-blue{background:var(--brand-soft);color:var(--accent)}.modal-backdrop{z-index:50;background:#14181e73;justify-content:center;align-items:flex-start;padding:6vh 16px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:10px;width:560px;max-width:100%;box-shadow:0 18px 50px #00000040}.modal-wide{width:860px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-body{padding:18px}.empty-state{text-align:center;color:var(--text-muted);padding:32px 16px}.empty-title{margin:0 0 4px;font-weight:600}.empty-hint{margin:0;font-size:13px}.muted{color:var(--text-muted)}.mono{font-family:var(--mono);font-size:12.5px}.small{font-size:12.5px}.mb0{margin-bottom:0}.flex{align-items:center;gap:8px;display:flex}.flex-wrap{flex-wrap:wrap}.spacer{flex:1}.badge-purple{background:var(--developer-soft);color:var(--developer)}.design-system-page{max-width:1180px}.design-system-tabs{border-bottom:0;gap:4px;margin-bottom:22px;display:flex;overflow-x:auto}.design-system-tabs button{color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:10px 14px;font-weight:600}.design-system-tabs button:hover{color:var(--text)}.design-system-tabs button[aria-selected=true]{border-bottom-color:var(--brand);color:var(--brand)}.design-system-tabs button:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;border-radius:4px 4px 0 0}.design-system-panel:focus{outline:none}.design-system-panel:focus-visible{outline:2px solid var(--brand);outline-offset:6px;border-radius:var(--radius)}.design-system-group{border-bottom:0;margin-bottom:48px;padding-bottom:0}.design-system-group:last-child{margin-bottom:0}.design-system-group-header{margin-bottom:14px}.design-system-group-header h2{font-size:17px}.design-system-group-header p{max-width:680px;color:var(--text-muted);margin:4px 0 0;font-size:13px;line-height:1.45}.design-system-subgroup-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:18px 0 9px;font-size:12px}.design-system-theme-palettes{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.design-system-theme-palette{background:0 0;border:0;border-radius:0;min-width:0;padding:0}.design-system-theme-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.design-system-theme-header h3{font-size:15px}.design-system-theme-header span{color:var(--text-muted);font-size:11.5px}.design-system-theme-palette-dark .design-system-swatch{border-color:var(--border)}.design-system-token-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px 20px;margin:0;padding:0;list-style:none;display:grid}.design-system-theme-palette .design-system-token-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.design-system-colour-token{background:0 0;border:0;border-radius:0;align-items:center;gap:12px;min-width:0;padding:10px 0;display:flex}.design-system-swatch{border:1px solid var(--border-subtle);background:var(--swatch-colour);border-radius:10px;flex:0 0 44px;width:44px;height:44px;display:block}.design-system-token-details{gap:2px;min-width:0;display:grid}.design-system-token-details strong{font-size:12.5px}.design-system-token-details span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.design-system-font-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.design-system-font-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;gap:14px;min-width:0;padding:14px;display:flex}.design-system-font-card>span:last-child{gap:2px;min-width:0;display:grid}.design-system-font-card small{color:var(--text-muted);font-size:11.5px}.design-system-font-card p{color:var(--text-muted);font-family:var(--font-sans);margin:5px 0 0;font-size:12px;line-height:1.45}.design-system-font-sample{color:var(--text);font-size:36px;font-weight:650;line-height:1}.design-system-font-card-mono,.design-system-font-card-mono .design-system-font-sample{font-family:var(--font-mono)}.design-system-type-list{background:0 0;border:0;border-radius:0;gap:8px;margin:0;padding:0;list-style:none;display:grid}.design-system-type-token{border-bottom:0;grid-template-columns:minmax(0,1fr) minmax(230px,310px);align-items:center;gap:18px;min-height:92px;padding:16px 0;display:grid}.design-system-type-meta{gap:3px;display:grid}.design-system-type-meta strong{font-size:12.5px}.design-system-type-meta span{color:var(--text-muted);font-size:11.5px}.design-system-type-meta p{color:var(--text-muted);margin:2px 0 0;font-size:12px;line-height:1.4}.design-type-display{font-size:28px;font-weight:650;line-height:1.22}.design-type-page-title{font-size:22px;font-weight:650;line-height:1.27}.design-type-section-title{font-size:18px;font-weight:650;line-height:1.33}.design-type-subsection-title{font-size:15px;font-weight:600;line-height:1.33}.design-type-body-large{font-size:16px;font-weight:400;line-height:1.5}.design-type-body{font-size:14px;font-weight:400;line-height:1.5}.design-type-body-small{font-size:13px;font-weight:400;line-height:1.46}.design-type-label{color:var(--text-muted);font-size:13px;font-weight:600;line-height:1.38}.design-type-button-label{font-size:13.5px;font-weight:600;line-height:1.33}.design-type-caption{color:var(--text-muted);font-size:12px;font-weight:400;line-height:1.42}.design-type-financial{font-variant-numeric:tabular-nums;font-size:18px;font-weight:650;line-height:1.33}.design-type-code{font-family:var(--font-mono);font-size:12.5px;font-weight:400;line-height:1.44}.design-system-principle-grid,.design-system-recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.design-system-principle-grid article,.design-system-recipe-grid article{background:0 0;border:0;border-radius:0;padding:0}.design-system-principle-grid p{color:var(--text-muted);margin:6px 0 0;font-size:12.5px;line-height:1.5}.design-system-spacing-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:0;padding:0;list-style:none;display:grid}.design-system-spacing-list li{background:0 0;border:0;border-radius:0;grid-template-columns:100px 74px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:14px 0;display:grid}.design-system-spacing-meta{gap:2px;display:grid}.design-system-spacing-meta strong{font-size:12.5px}.design-system-spacing-meta span{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11.5px}.design-system-spacing-example{background:var(--surface-subtle);border-radius:6px;justify-content:flex-start;align-items:center;width:74px;height:38px;padding:5px;display:flex}.design-system-spacing-example i{width:var(--spacing-size);background:var(--brand);border-radius:3px;min-width:2px;height:28px;display:block}.design-system-spacing-list p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.4}.design-system-recipe-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.design-system-recipe-grid article{gap:4px;display:grid}.design-system-recipe-grid article>span{color:var(--text-muted);font-size:11.5px}.design-system-recipe-inline,.design-system-recipe-stack,.design-system-recipe-inset,.design-system-recipe-sections{background:var(--surface-subtle);border-radius:0;min-height:88px;margin-top:10px;padding:12px}.design-system-recipe-inline{align-items:center;gap:8px;display:flex}.design-system-recipe-inline i{background:var(--brand-soft);border-radius:4px;width:32px;height:24px}.design-system-recipe-stack{gap:16px;display:grid}.design-system-recipe-stack i{background:var(--border);border-radius:4px;height:8px}.design-system-recipe-inset{padding:24px}.design-system-recipe-inset i{background:var(--brand-soft);border-radius:4px;height:40px;display:block}.design-system-recipe-sections{gap:24px;display:grid}.design-system-recipe-sections i{background:var(--border);border-radius:4px;height:20px}.design-system-component-catalogue{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:32px;display:grid}.design-system-component-menu{background:0 0;border:0;border-radius:0;gap:3px;padding:0 20px 0 0;display:grid}.design-system-component-menu>span{color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;padding:4px 10px 8px 12px;font-size:11px;font-weight:600}.design-system-component-menu button{width:100%;color:var(--text-muted);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-left:2px solid #0000;border-radius:0;padding:9px 10px;font-size:13px;font-weight:600}.design-system-component-menu button:hover{color:var(--text);background:0 0}.design-system-component-menu button.active{border-left-color:var(--brand);color:var(--brand);background:0 0}.design-system-component-menu button:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.design-system-component-preview{min-width:0}.design-system-component-section{min-width:0;padding:2px 0 24px}.design-system-component-section h2{margin-bottom:14px;font-size:18px}.design-system-component-section>.small:first-of-type{margin:0 0 16px}.design-system-preview-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.design-system-example-tabs{flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}.design-system-example-tabs button{color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:0;padding:5px 0;font-size:13px;font-weight:600}.design-system-example-tabs button[aria-selected=true]{color:var(--brand)}.design-system-example-tabs button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.design-system-example-tab-panel{gap:4px;max-width:560px;display:grid}.design-system-example-tab-panel span{color:var(--text-muted);font-size:12.5px;line-height:1.5}.design-system-breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.design-system-breadcrumbs li{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.design-system-breadcrumbs li+li:before{color:var(--text-tertiary);content:"›"}.design-system-breadcrumbs a{color:var(--brand);text-decoration:none}.design-system-breadcrumbs a:hover{text-decoration:underline}.design-system-search{max-width:560px;position:relative}.design-system-search>svg{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.design-system-search input{padding-left:36px;padding-right:54px}.design-system-search kbd{background:var(--surface-subtle);color:var(--text-muted);font-family:var(--font-sans);border-radius:4px;padding:2px 5px;font-size:10.5px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.design-system-selection-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.design-system-selection-groups>div,.design-system-selection-groups fieldset{border:0;align-content:start;gap:10px;min-width:0;margin:0;padding:0;display:grid}.design-system-selection-groups strong,.design-system-selection-groups legend{margin-bottom:2px;padding:0;font-size:12.5px;font-weight:650}.design-system-selection-groups label{color:var(--text-muted);align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.design-system-switch{color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:0;justify-self:start;align-items:center;gap:9px;padding:0;font-size:12.5px;display:inline-flex}.design-system-switch>span{background:var(--grey-50);border-radius:999px;align-items:center;width:34px;height:20px;padding:2px;transition:background .14s;display:flex}.design-system-switch i{background:var(--surface);border-radius:50%;width:16px;height:16px;transition:transform .14s}.design-system-switch[aria-checked=true]>span{background:var(--brand)}.design-system-switch[aria-checked=true] i{transform:translate(14px)}.design-system-switch:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.design-system-alert-list{gap:10px;max-width:720px;display:grid}.design-system-alert{border:0;border-radius:0;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.design-system-alert>span{gap:2px;display:grid}.design-system-alert small{color:currentColor;opacity:.82;font-size:12px}.design-system-alert-success{background:var(--success-soft);color:var(--green)}.design-system-alert-warning{background:var(--warning-soft);color:var(--amber)}.design-system-tooltip-example{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.design-system-tooltip-example [role=tooltip]{background:var(--text);max-width:320px;color:var(--text-on-strong);border-radius:6px;padding:8px 10px;font-size:11.5px;line-height:1.4}.design-system-loading-examples{gap:24px;max-width:620px;display:grid}.design-system-inline-loading{color:var(--text-muted);justify-self:start;align-items:center;gap:8px;font-size:13px;display:inline-flex}.design-system-skeleton{gap:10px;display:grid}.design-system-skeleton i{background:var(--surface-pressed);border-radius:4px;width:100%;height:12px}.design-system-skeleton i:nth-child(2){width:78%}.design-system-skeleton i:nth-child(3){width:46%}.design-system-pagination{align-items:center;gap:4px;display:flex}.design-system-pagination button{width:34px;height:34px;color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12.5px;font-weight:600;display:inline-flex}.design-system-pagination button:hover{background:var(--surface-hover);color:var(--text)}.design-system-pagination button[aria-current=page]{background:var(--brand-soft);color:var(--brand)}.design-system-pagination button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.chip{border:1px solid var(--border);background:var(--surface);min-height:30px;color:var(--text-muted);cursor:pointer;font:inherit;border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600}.chip:hover{background:var(--surface-hover);color:var(--text)}.chip[aria-pressed=true]{border-color:var(--brand);background:var(--brand);color:var(--text-on-strong)}.chip:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.design-system-status-list{gap:8px;display:grid}.status-label{color:var(--text-muted);white-space:nowrap;align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.status-capsule{border:1px solid var(--status-capsule-border,var(--border-subtle));background-color:var(--status-capsule-bg,var(--surface-subtle));width:fit-content;min-width:0;max-width:100%;min-height:28px;color:var(--status-capsule-text,var(--text));text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:12.5px;line-height:18px;display:block;overflow:hidden}.status-capsule-blue{--status-capsule-bg:#e7f0ff;--status-capsule-border:#c5d8ff;--status-capsule-text:#174ea6}.status-capsule-green{--status-capsule-bg:#e4f5eb;--status-capsule-border:#bfdfca;--status-capsule-text:#24663b}.status-capsule-amber{--status-capsule-bg:#fff0d8;--status-capsule-border:#f2d39e;--status-capsule-text:#7a4a00}.status-capsule-rose{--status-capsule-bg:#f8e8ee;--status-capsule-border:#eac4d2;--status-capsule-text:#853755}.status-capsule-cyan{--status-capsule-bg:#e3f4f7;--status-capsule-border:#b8dce2;--status-capsule-text:#21636e}.status-capsule-purple{--status-capsule-bg:#eeeafd;--status-capsule-border:#d6cdf8;--status-capsule-text:#554397}.status-capsule-sand{--status-capsule-bg:#f3ecdf;--status-capsule-border:#dfd0b7;--status-capsule-text:#68512d}.status-capsule-neutral{--status-capsule-bg:#eceef1;--status-capsule-border:#d4d8de;--status-capsule-text:#424851}.status-select{grid-template-columns:minmax(0,1fr) 14px;align-items:center;gap:5px;width:100%;max-width:100%;display:inline-grid;position:relative}.status-select-chevron{color:var(--text-tertiary);pointer-events:none;justify-self:end}.status-select-native{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.status-select:hover:has(.status-select-native:not(:disabled)) .status-capsule{border-color:var(--status-capsule-text,var(--border));background-color:var(--status-capsule-bg,var(--surface-subtle))}.status-select:has(.status-select-native:focus-visible) .status-capsule{border-color:var(--status-capsule-text,var(--border));background-color:var(--status-capsule-bg,var(--surface-subtle))}.status-select:has(.status-select-native:focus-visible) .status-capsule{outline:2px solid var(--brand);outline-offset:2px}.status-select:has(.status-select-native:disabled){cursor:default;opacity:.62}.design-system-status-select-preview{width:220px;max-width:100%}.design-system-profile-list{gap:12px;display:grid}.design-system-profile{align-items:center;gap:10px;display:flex}.design-system-profile>span:last-child{display:grid}.design-system-profile small{color:var(--text-muted);font-size:12px}.design-system-avatar{background:var(--brand-soft);width:38px;height:38px;color:var(--brand);border-radius:50%;flex:0 0 38px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.design-system-avatar-muted{background:var(--surface-subtle);color:var(--text-muted)}.design-system-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.design-system-empty-preview{margin-top:12px}.design-system-menu-preview{justify-items:start;gap:8px;display:grid}.design-system-menu-trigger{align-items:center;gap:8px;display:inline-flex}.design-system-example-menu{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:min(260px,100%);padding:6px;display:grid;box-shadow:0 10px 30px #1a1e241f}.design-system-example-menu button{width:100%;color:var(--text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;padding:9px 10px;font-size:13px;display:flex}.design-system-example-menu button:hover,.design-system-example-menu button:focus-visible{background:var(--surface-hover);outline:none}.design-system-example-menu button:focus-visible{box-shadow:inset 0 0 0 2px var(--brand)}.design-system-chart-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.design-system-chart-header>div:first-child{gap:3px;display:grid}.design-system-chart-header strong{font-variant-numeric:tabular-nums;font-size:22px}.design-system-chart-legend{flex-wrap:wrap;gap:12px;display:flex}.design-system-chart-legend span{color:var(--text-muted);align-items:center;gap:5px;font-size:11.5px;display:inline-flex}.design-system-chart-legend i{border-radius:3px;width:9px;height:9px}.design-system-chart{width:100%;height:auto;display:block;overflow:visible}.design-system-chart line{stroke:var(--border-subtle);stroke-width:1px}.design-system-chart .chart-in,.design-system-chart-legend .chart-in{fill:var(--brand);background:var(--brand)}.design-system-chart .chart-out,.design-system-chart-legend .chart-out{fill:var(--grey-50);background:var(--grey-50)}.design-system-chart-labels{fill:var(--text-muted);font-family:var(--font-sans);font-size:12px}.design-system-progress-list{gap:22px;display:grid}.design-system-progress-list>div{gap:8px;display:grid}.design-system-progress-list>div>span{justify-content:space-between;align-items:center;gap:12px;display:flex}.design-system-progress-list small{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.design-system-progress{background:var(--surface-pressed);border-radius:999px;height:9px;overflow:hidden}.design-system-progress i{border-radius:inherit;background:var(--brand);height:100%;display:block}.design-system-progress-complete i{background:var(--green)}.design-system-progress-indeterminate i{width:38%;animation:1.4s ease-in-out infinite alternate design-system-progress-slide}@keyframes design-system-progress-slide{0%{transform:translate(-30%)}to{transform:translate(195%)}}@media (prefers-reduced-motion:reduce){.design-system-progress-indeterminate i{animation:none;transform:translate(80%)}}.design-system-dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.accounts-surface{margin-bottom:24px}.accounts-surface-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.connection-tabs{border:1px solid var(--border-subtle);background:var(--surface-subtle);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.accounts-surface-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.connection-tab{min-height:30px;color:var(--text-muted);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.connection-tab:hover{color:var(--text)}.connection-tab[aria-selected=true]{background:var(--brand);color:var(--text-on-strong)}.connection-tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.account-list{gap:2px;display:grid}.account-row{grid-template-columns:minmax(0,1fr) minmax(80px,auto) auto;grid-template-areas:"main value actions";align-items:center;gap:14px;min-height:62px;padding:10px 4px;display:grid}.account-row:hover{background:var(--surface-hover)}.account-connection-row{align-items:center;min-height:38px;padding:4px;display:flex}.account-connection-actions{justify-content:flex-start}.account-row-main{grid-area:main;gap:2px;min-width:0;display:grid}.account-row-title{align-items:center;gap:8px;min-width:0;display:flex}.account-row-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-row-meta{color:var(--text-muted);font-size:12.5px}.account-row-value{font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:value;justify-self:end;font-weight:600}.account-row-actions{grid-area:actions;justify-content:flex-end;align-items:center;gap:6px;display:flex}.account-row-archived .account-row-main,.account-row-archived .account-row-value{opacity:.62}.account-list-empty{padding-bottom:4px}.account-list-message{color:var(--text-muted);margin:0;padding:18px 4px}.status-dot{background:var(--text-tertiary);border-radius:50%;flex:0 0 8px;width:8px;height:8px}.status-dot-success{background:var(--success)}.status-dot-warning{background:var(--warning)}.status-dot-danger{background:var(--danger)}.status-dot-info{background:var(--brand)}.status-dot-neutral{background:var(--text-tertiary)}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.pending-payouts{margin-top:22px}.pending-payouts h3{margin-bottom:8px;font-size:14px}.bank-account-choice-list{gap:8px;display:grid}.bank-account-choice{border:1px solid var(--border);cursor:pointer;border-radius:6px;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;padding:10px;display:grid}.bank-account-choice>span{gap:2px;min-width:0;display:grid}.bank-account-choice:has(input:disabled){cursor:not-allowed;opacity:.65}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex}.tabs button{font:inherit;cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-weight:600}.tabs button.active{color:var(--brand);border-bottom-color:var(--brand)}.purchase-file-input{display:none}.main:has(.purchase-page){max-width:none;padding-bottom:0;padding-right:0}.purchase-page{grid-template-columns:minmax(0, 1fr) var(--purchase-panel-width);align-items:start;gap:20px;display:grid}.purchase-content{min-width:0}.expense-email-status{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface-subtle);align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex}.expense-email-icon{background:var(--surface);width:34px;height:34px;color:var(--brand);border-radius:50%;flex:none;place-items:center;display:grid}.expense-email-copy{flex:1;gap:2px;min-width:0;display:grid}.expense-email-copy strong,.expense-email-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.expense-email-copy span{color:var(--text-muted);font-size:12px}.expense-email-copy .expense-email-detail{color:var(--amber);white-space:normal}.expense-email-actions{flex:none;gap:6px;display:flex}.expense-email-notice{color:var(--green);margin:0 0 12px;font-size:13px}.expense-email-read-only{white-space:normal!important}.expense-email-provider-setup{max-width:680px}.expense-email-provider-setup>.field{max-width:360px}.expense-email-instructions{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface-subtle);grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px;display:grid}.expense-email-instructions h3{margin:0 0 8px;font-size:15px}.expense-email-instructions ol{margin:0 0 10px;padding-left:20px}.expense-email-instructions li+li{margin-top:5px}.purchase-summary-controls{justify-content:flex-end;align-items:center;gap:10px;min-height:36px;margin-bottom:8px;display:flex}.purchase-summary-controls>select{width:148px;min-height:34px}.purchase-summary-custom-dates{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.purchase-summary-custom-dates input{width:138px;min-height:34px}.purchase-summary{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;display:grid;overflow:hidden}.purchase-summary.is-non-vat{grid-template-columns:repeat(3,minmax(0,1fr))}.purchase-summary>div{border-right:1px solid var(--border-subtle);gap:6px;min-width:0;padding:16px 18px;display:grid}.purchase-summary>div:last-child{border-right:0}.purchase-summary span{color:var(--text-muted);font-size:12.5px}.purchase-summary strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.purchase-filters{flex-wrap:wrap;gap:20px;display:flex}.purchase-filters button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:5px 0;font-size:13px;font-weight:600}.purchase-filters button[aria-selected=true]{color:var(--brand)}.purchase-filters button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.purchase-list{min-width:0}.purchase-table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:10px 0 12px;display:flex}.purchase-table-controls{align-items:center;gap:8px;min-width:0;display:flex}.purchase-search{border:1px solid var(--border-subtle);background:var(--surface-subtle);width:min(220px,28vw);min-width:150px;color:var(--text-tertiary);border-radius:6px;align-items:center;gap:7px;padding:0 9px;display:flex}.purchase-search:focus-within{border-color:var(--accent);outline:2px solid #0854fa2e}.purchase-search input{background:0 0;border:0;outline:0;min-width:0;padding:7px 0}.purchase-match-filter{width:154px;min-height:34px;padding-block:6px}.purchase-drop-panel{background:var(--grey-20);grid-template-rows:auto minmax(0,1fr);gap:18px;height:calc(100vh - 82px);min-height:460px;padding:20px;transition:border-color .12s,background-color .12s;display:grid;position:sticky;top:0}.purchase-drop-panel.is-dragging{background:var(--brand-soft)}.purchase-panel-resizer{z-index:1;cursor:col-resize;touch-action:none;width:13px;position:absolute;top:0;bottom:0;left:-7px}.purchase-panel-resizer:after{content:"";background:0 0;width:1px;position:absolute;top:0;bottom:0;left:6px}.purchase-panel-resizer:hover:after,.purchase-panel-resizer:focus-visible:after{background:var(--brand)}.purchase-panel-resizer:focus-visible{outline:0}.purchase-drop-header{gap:4px;display:grid}.purchase-drop-header h2{font-size:15px}.purchase-drop-header span,.purchase-drop-target>span:not(.purchase-drop-icon){color:var(--text-muted);font-size:12px}.purchase-drop-target{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:280px;padding:24px;display:flex}.purchase-drop-target>strong{margin-top:4px;font-size:14px}.purchase-drop-target .btn{margin-top:6px}.purchase-drop-icon{background:var(--brand-soft);width:38px;height:38px;color:var(--brand);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.purchase-upload-count{margin-top:4px}.purchase-list .empty-state,.purchase-loading{padding:44px 16px}.purchase-loading{color:var(--text-muted);text-align:center}.purchase-table td,.purchase-table th{vertical-align:middle}.purchase-table{border-top:1px solid var(--border-subtle);table-layout:fixed}.purchase-table th{background:var(--surface-subtle);border-bottom-color:var(--border-subtle);text-transform:none;font-size:12.5px;position:relative}.purchase-table td{border-bottom-color:var(--border-subtle);height:54px}.purchase-document-row.is-openable{cursor:pointer}.purchase-document-row.is-openable:hover td{background:var(--surface-hover)}.purchase-document-row.is-openable:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.purchase-document-row.is-openable[aria-disabled=true]{cursor:wait}.purchase-table th:last-child,.purchase-table td:last-child{z-index:2;border-left:1px solid var(--border-subtle);background:var(--surface);position:sticky;right:0}.purchase-table th:last-child{z-index:3;background:var(--surface-subtle)}.purchase-upload-row{height:55px}.purchase-pending-file{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;max-width:210px;display:flex;overflow:hidden}.purchase-pending-file svg{color:var(--text-tertiary);flex:none}.purchase-supplier{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.purchase-skeleton{background:var(--surface-pressed);border-radius:4px;height:10px;animation:1.2s ease-in-out infinite alternate purchase-skeleton-pulse;display:inline-block}.purchase-skeleton-date{width:72px}.purchase-skeleton-amount{width:58px}.purchase-skeleton-vat{width:42px}.purchase-skeleton-treatment{width:86px}.purchase-skeleton-category{width:112px}.purchase-column-label{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.purchase-column-label.is-numeric{justify-content:flex-end}.purchase-column-label svg{color:var(--text-tertiary);flex:none}.purchase-column-resizer{z-index:1;cursor:col-resize;touch-action:none;width:10px;position:absolute;top:0;bottom:0;right:-5px}.purchase-column-resizer:after{background:var(--border);content:"";width:1px;position:absolute;top:7px;bottom:7px;right:4px}.purchase-column-resizer:hover:after,.purchase-column-resizer:focus-visible:after{background:var(--brand)}.purchase-column-resizer:focus-visible{outline:0}.purchase-uploader{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.purchase-row-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.purchase-confirm-actions,.purchase-duplicate-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.purchase-duplicate-review{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:14px 0}.purchase-duplicate-review h3{margin-bottom:5px;font-size:14px}.purchase-duplicate-review p{color:var(--text-muted);font-size:13px}@keyframes purchase-skeleton-pulse{0%{opacity:.45}to{opacity:1}}@media (prefers-reduced-motion:reduce){.purchase-skeleton{animation:none}}.purchase-review-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start;gap:18px;min-height:560px;display:grid}.purchase-evidence{border:1px solid var(--border);background:var(--surface-subtle);min-width:0;height:min(70vh,680px);min-height:520px;color:var(--text-tertiary);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:sticky;top:0;overflow:hidden}.purchase-evidence-header{border-bottom:1px solid var(--border-subtle);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:42px;padding:6px 8px 6px 12px;display:flex}.purchase-evidence-header>span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.purchase-evidence-viewer{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.purchase-evidence iframe,.purchase-evidence img{object-fit:contain;border:0;width:100%;height:100%;min-height:0}.purchase-extraction{min-width:0}.purchase-review-editor{border:0;min-width:0;margin:0;padding:0}.purchase-core-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;display:grid}.purchase-core-fields>.field:first-child{grid-column:1/-1}.purchase-review-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;padding-top:16px;display:grid}.purchase-totals{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px;padding:14px 0;display:grid}.purchase-totals .field{margin-bottom:0}.purchase-totals input{text-align:right}.purchase-accounting-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin-top:18px;display:grid}.purchase-category-split-control{min-height:32px;color:var(--text-muted);align-self:end;align-items:center;gap:8px;margin-bottom:12px;font-size:12.5px;display:inline-flex}.purchase-review-section{border-bottom:1px solid var(--border-subtle);margin-top:12px}.purchase-review-section>summary{min-height:42px;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:600;list-style:none;display:flex}.purchase-review-section>summary::-webkit-details-marker{display:none}.purchase-review-section>summary svg{color:var(--text-tertiary);flex:none;transition:transform .15s}.purchase-review-section[open]>summary svg{transform:rotate(180deg)}.purchase-review-section>summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.purchase-lines-actions{justify-content:flex-end;padding:2px 0 8px;display:flex}.purchase-line{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:14px 40px 14px 0;display:grid;position:relative}.purchase-line>.field:first-child{grid-column:1/-1}.purchase-line .field{margin-bottom:0}.purchase-line-remove{position:absolute;top:14px;right:0}.purchase-issues{border-left:3px solid var(--warning);background:var(--warning-soft);margin-bottom:18px;padding:12px 14px}.purchase-issues h3{margin:0;font-size:14px}.purchase-issues ul{color:var(--text-muted);margin:8px 0 0;padding-left:18px}.purchase-issues li+li{margin-top:6px}.purchase-review-actions{justify-content:flex-end;margin-top:18px;display:flex}.purchase-posting{margin-top:20px;padding-top:18px}.purchase-posting h3{margin:0 0 12px;font-size:14px}.purchase-posting .field{margin-bottom:0}.auth-page{background:var(--text);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--surface);border-radius:12px;width:380px;max-width:calc(100vw - 32px);padding:32px}.auth-card h1{margin-bottom:4px}.auth-card h1.setup-title{margin-bottom:24px}.auth-card .tagline{color:var(--text-muted);margin:0 0 20px;font-size:13px}.form-section{border-top:1px solid var(--border);margin-top:8px;padding-top:16px}.form-section h3{margin:0 0 12px;font-size:14px}.company-search{position:relative}.company-search-status{margin:-6px 0 8px}.error-text{color:var(--red)}.company-search-results{border:1px solid var(--border);background:var(--surface);border-radius:6px;max-height:260px;margin:-4px 0 8px;overflow-y:auto;box-shadow:0 8px 20px #1418201f}.company-search-result{border:0;border-bottom:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:0;padding:10px 12px;display:block}.company-search-result:last-child{border-bottom:0}.company-search-result:hover{background:var(--surface-hover)}.company-search-result-title{font-weight:650;display:block}.company-search-result-meta{color:var(--text-muted);margin-top:2px;font-size:12px;line-height:1.35;display:block}.manual-entry-button{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;margin:-4px 0 12px;padding:0;font-size:13px}.manual-entry-button:hover{text-decoration:underline}.recon-row{border-bottom:1px solid var(--border);padding:12px 4px}.recon-row:last-child{border-bottom:none}.recon-main{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.recon-desc{font-weight:600}.recon-panel{background:var(--surface-hover);border:1px solid var(--border);border-radius:6px;margin-top:10px;padding:12px}.deadline{border-bottom:1px solid var(--border);align-items:baseline;gap:12px;padding:8px 0;display:flex}.deadline:last-child{border-bottom:none}.deadline .date{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.deadline.soon .date{color:var(--red)}.dashboard-lower-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=900px){.shell{flex-direction:column}.bank-csv-mapping-row{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{z-index:40;width:100%;height:auto;min-height:54px;padding:6px 10px;position:sticky}.sidebar-top{justify-content:space-between;align-items:center;display:flex}.sidebar .logo{padding:6px 12px}.mobile-menu-button{width:38px;height:38px;color:var(--sidebar-text-strong);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.mobile-menu-button:hover{background:var(--surface-pressed)}.sidebar nav,.sidebar .sidebar-footer{display:none}.sidebar.mobile-open nav{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:6px;display:grid}.sidebar.mobile-open .sidebar-footer{margin-top:8px;padding-bottom:6px;display:block}.main{padding:16px}.main:has(.purchase-page){padding:16px}.dashboard-lower-grid,.purchase-page{grid-template-columns:minmax(0,1fr)}.purchase-drop-panel{order:-1;height:auto;min-height:280px;position:static}.purchase-panel-resizer{display:none}.purchase-summary,.purchase-summary.is-non-vat{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-summary-controls{flex-direction:column;align-items:stretch}.expense-email-status{flex-wrap:wrap;align-items:flex-start}.expense-email-actions{flex-wrap:wrap;width:100%;padding-left:44px}.purchase-summary-controls>select{width:100%}.purchase-summary-custom-dates input{flex:1;width:auto;min-width:0}.purchase-summary>div:nth-child(2){border-right:0}.purchase-summary>div:nth-child(-n+2){border-bottom:1px solid var(--border-subtle)}.purchase-table-toolbar{flex-direction:column;align-items:flex-start}.purchase-table-controls{width:100%}.purchase-search{flex:180px;width:auto}.design-system-theme-palettes,.design-system-spacing-list{grid-template-columns:minmax(0,1fr)}.design-system-principle-grid,.design-system-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.employee-form .payroll-form-row{grid-template-columns:minmax(0,1fr)}.employee-form-section,.employee-onboarding-panel{padding:12px}.payroll-form-row{flex-direction:column}.payroll-form-row>*{width:100%;min-width:0}.payroll-form-action{align-self:stretch}.payroll-form-action .btn{justify-content:center;width:100%}.purchase-table-controls{flex-wrap:wrap;align-items:stretch}.purchase-search{flex-basis:calc(100% - 42px);order:1}.purchase-match-filter{order:3;width:100%}.purchase-table-controls>.btn-icon{order:2}.auth-card .form-row{flex-direction:column;gap:0}.bank-csv-mapping-row,.design-system-form-grid{grid-template-columns:minmax(0,1fr)}.design-system-selection-groups{grid-template-columns:minmax(0,1fr);gap:22px}.design-system-font-grid,.design-system-principle-grid,.design-system-recipe-grid,.design-system-component-catalogue{grid-template-columns:minmax(0,1fr)}.design-system-component-menu{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 0 16px}.design-system-component-menu>span{grid-column:1/-1}.design-system-type-token{grid-template-columns:minmax(0,1fr);gap:10px}.design-system-spacing-list li{grid-template-columns:84px 64px minmax(0,1fr);gap:8px}.design-system-spacing-example{width:64px}.design-system-chart-header{flex-direction:column;align-items:flex-start}.design-system-tabs button{padding-left:10px;padding-right:10px}.account-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main value""actions actions";gap:8px 10px}.accounts-surface-actions{width:100%}.account-row-actions{flex-wrap:wrap;justify-content:flex-start}.purchase-review-grid{grid-template-columns:minmax(0,1fr)}.purchase-evidence{height:min(58vh,520px);min-height:360px;position:static}.purchase-core-fields,.purchase-review-fields,.purchase-accounting-fields{grid-template-columns:minmax(0,1fr)}.purchase-core-fields>.field:first-child{grid-column:1}.purchase-line{grid-template-columns:minmax(0,1fr)}.purchase-line>.field:first-child{grid-column:1}}