.shell{grid-template-columns:var(--nav-width) 1fr;min-height:100vh;display:grid}.shell-nav{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#134e4814,#ffffff8c);height:100vh;padding:1.25rem 1rem 2rem;position:sticky;top:0;overflow:auto}.shell-brand{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.shell-brand .brand-mark{font-size:1.35rem}.shell-close{display:none}.company-switcher{align-items:center;gap:.5rem;display:flex}.company-switcher label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.75rem;font-weight:700}.company-switcher select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#ffffffd9;min-width:11rem;min-height:2.4rem;padding:.4rem .55rem;font-weight:600}.header-switcher{margin-right:auto}.shell-links{flex-direction:column;gap:.85rem;display:flex}.nav-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 .55rem .25rem;font-size:.7rem;font-weight:700}.nav-section{flex-direction:column;gap:.1rem;display:flex}.shell-links a{color:var(--ink-soft);border-radius:var(--radius-sm);padding:.45rem .55rem;font-weight:500;text-decoration:none}.shell-links a:hover{color:var(--pine-deep);background:#ffffff8c}.shell-links a.active{color:var(--pine-deep);background:#1f6f641f;font-weight:700}.shell-main{flex-direction:column;min-width:0;display:flex}.shell-top{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#ffffff73;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex;position:sticky;top:0}.menu-btn{display:none}.shell-user{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.shell-content{width:100%;max-width:1120px;padding:1.35rem 1.35rem 2.5rem}.shell-backdrop{display:none}@media (width<=900px){.shell{grid-template-columns:1fr}.shell-nav{z-index:30;width:min(280px,86vw);transition:transform var(--motion-med) var(--ease-out);position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.shell-nav.open{transform:translate(0)}.shell-close,.menu-btn,.shell-backdrop{display:inline-flex}.shell-backdrop{z-index:20;background:#0c1c1a59;border:0;position:fixed;inset:0}}.auth-screen{background:radial-gradient(900px 420px at 15% 10%,#7ebfb473,#0000 55%) 0 0/120% 120%,radial-gradient(700px 380px at 85% 15%,#c4922a38,#0000 50%) 0 0/120% 120%,linear-gradient(160deg,#e8f1ef 0%,#dce7e3 45%,#cfdcd7 100%) 0 0/100% 100%;place-items:center;min-height:100vh;padding:2rem 1.25rem 3rem;animation:14s ease-in-out infinite alternate mist-drift;display:grid}.auth-panel{width:min(440px,100%);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #134e4824;border-radius:16px;padding:2rem 1.75rem 1.75rem}.auth-brand{margin-bottom:.75rem;font-size:clamp(2.4rem,6vw,3.2rem);line-height:.95;display:block}.auth-panel h1{margin-bottom:.35rem;font-size:1.35rem}.auth-panel .lede{color:var(--muted);margin-bottom:1.35rem}.auth-links{flex-wrap:wrap;gap:.75rem 1.1rem;margin-top:1.25rem;font-size:.92rem;display:flex}.landing-hero{text-align:left;width:min(720px,100%)}.landing-hero .auth-brand{font-size:clamp(3.2rem,10vw,5.2rem)}.landing-hero h1{font-family:var(--font-ui);max-width:18ch;margin:.4rem 0 .75rem;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:600}.landing-hero .lede{max-width:36ch;font-size:1.05rem}.landing-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}:root{--el-ink:#1a2f28;--el-ink-muted:#3d5a4c;--el-paper:#f7f4ef;--el-paper-deep:#ebe4d8;--el-accent:#b8892a;--el-accent-hover:#9a7220;--el-danger:#a33b2b;--el-success:#2f6b4f;--el-border:#d4cdc0;--el-focus:#2a6f5e;--el-font-display:"Fraunces", Georgia, serif;--el-font-ui:"Source Sans 3", "Segoe UI", sans-serif;--el-money:tabular-nums;--el-radius:6px;--el-space-1:4px;--el-space-2:8px;--el-space-3:12px;--el-space-4:16px;--el-space-5:24px;--el-space-6:32px;--el-space-7:48px;--ink:var(--el-ink);--ink-soft:var(--el-ink-muted);--muted:#6a736c;--line:#1a2f281f;--line-strong:var(--el-border);--pine:var(--el-focus);--pine-deep:var(--el-ink);--pine-mist:#d9ebe3;--foam:#7ebfb4;--bronze:var(--el-accent);--bronze-deep:var(--el-accent-hover);--paper:var(--el-paper);--paper-2:var(--el-paper-deep);--surface:#ffffffc7;--surface-solid:#fbf9f5;--danger:var(--el-danger);--ok:var(--el-success);--font-brand:var(--el-font-display);--font-ui:var(--el-font-ui);--radius-sm:var(--el-radius);--radius:8px;--shadow-soft:0 18px 50px #1a2f281a;--nav-width:248px;--ease-out:cubic-bezier(.22, 1, .36, 1);--motion-fast:.18s;--motion-med:.42s}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);font-family:var(--font-ui);background:radial-gradient(1200px 600px at 10% -10%, #7ebfb459, transparent 55%), radial-gradient(900px 500px at 90% 0%, #c4922a2e, transparent 50%), linear-gradient(165deg, var(--paper) 0%, var(--paper-2) 55%, #dfe8e4 100%);background-attachment:fixed;margin:0;font-size:15px;line-height:1.45}body:before{content:"";pointer-events:none;opacity:.35;background-image:linear-gradient(#134e480a 1px,#0000 1px),linear-gradient(90deg,#134e480a 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 35%,#0000 80%);mask-image:radial-gradient(#000 35%,#0000 80%)}a{color:var(--pine-deep);text-underline-offset:3px;text-decoration-thickness:1px}h1,h2,h3{letter-spacing:-.02em;margin:0 0 .35em;font-weight:600}p{margin:0 0 1rem}button,input,select,textarea{font:inherit}button{cursor:pointer}.brand-mark{font-family:var(--font-brand);letter-spacing:-.03em;color:var(--pine-deep);font-weight:700}.btn{border-radius:var(--radius-sm);background:var(--el-accent);color:#1a2f28;min-height:2.5rem;transition:transform var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-weight:700;display:inline-flex}.btn:hover{background:var(--el-accent-hover);color:#fff8e8;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-secondary{color:var(--pine-deep);border-color:var(--line-strong);background:0 0}.btn-secondary:hover{color:var(--pine-deep);background:#ffffff8c}.btn-ghost{color:var(--ink-soft);background:0 0;border-color:#0000}.btn-danger{background:var(--danger)}.field{flex-direction:column;gap:.35rem;margin-bottom:.9rem;display:flex}.field label{color:var(--ink-soft);font-size:.82rem;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;min-height:2.5rem;color:var(--ink);background:#ffffffd9;padding:.55rem .75rem}.field input:focus,.field select:focus,.field textarea:focus{outline-offset:1px;border-color:var(--pine);outline:2px solid #1f6f6459}.field-hint{color:var(--muted);font-size:.78rem}.stack{flex-direction:column;gap:1rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.muted{color:var(--muted)}.error-banner{border-radius:var(--radius-sm);color:var(--danger);background:#b4231814;border:1px solid #b4231859;margin-bottom:1rem;padding:.75rem .9rem}.ok-banner{border-radius:var(--radius-sm);color:var(--ok);background:#1b7a4a14;border:1px solid #1b7a4a4d;margin-bottom:1rem;padding:.75rem .9rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.1rem 1.25rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.page-header h1{font-size:1.55rem}.page-header p{color:var(--muted);max-width:42rem;margin:0}.data-table{border-collapse:collapse;width:100%;font-size:.92rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.65rem .5rem}.data-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.75rem;font-weight:600}.data-table tr:hover td{background:#ffffff73}.data-table .num{text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.money{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.status{letter-spacing:.02em;text-transform:uppercase;color:var(--pine-deep);border-bottom:1px solid;font-size:.75rem;font-weight:600;display:inline-block}.status-void,.status-disabled{color:var(--danger)}.status-paid,.status-active,.status-posted{color:var(--ok)}.status-draft{color:var(--bronze-deep)}.status-calculated,.status-reviewed{color:var(--pine)}.status-approved,.status-submitted{color:var(--pine-deep)}.status-sent,.status-open,.status-accepted{color:var(--ok)}.status-rejected{color:var(--danger)}.ack-box{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff8c;padding:.85rem 1rem}.ack-box code{word-break:break-all;font-size:.85em}.error-inline{color:var(--danger);font-weight:600}.payroll-layout{grid-template-columns:minmax(280px,1fr) minmax(320px,1.35fr);align-items:start;gap:1rem;display:grid}@media (width<=960px){.payroll-layout{grid-template-columns:1fr}}.totals-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem;margin:1rem 0 .25rem;padding:.75rem 0;display:grid}.totals-strip>div{flex-direction:column;gap:.2rem;display:flex}.totals-strip strong{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.employee-check-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.35rem 1rem;display:grid}.check-row{cursor:pointer;align-items:flex-start;gap:.45rem;margin:0;font-weight:400;display:inline-flex}.check-row input{margin-top:.2rem}.row-selected td{background:#134e4814!important}.empty{color:var(--muted);padding:1.5rem 0}.split-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem 1rem;display:grid}.split-form .field{margin-bottom:0}.lines-editor{flex-direction:column;gap:.65rem;margin:1rem 0;display:flex}.line-row{grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:end;gap:.5rem;display:grid}@media (width<=800px){.line-row{grid-template-columns:1fr 1fr}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes mist-drift{0%{background-position:0 40%,100% 0,0 0}to{background-position:8% 45%,92% 8%,0 0}}@keyframes brand-sheen{0%{letter-spacing:-.05em;opacity:.2}to{letter-spacing:-.03em;opacity:1}}.motion-rise{animation:rise-in var(--motion-med) var(--ease-out) both}.motion-rise-delay{animation:rise-in var(--motion-med) var(--ease-out) .12s both}.motion-brand{animation:brand-sheen .7s var(--ease-out) both}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}