:root{--bg:#f6f7f9;--surface:#fff;--surface-muted:#eef2f6;--ink:#17202a;--muted:#607080;--line:#dce3ea;--brand:#0f766e;--brand-strong:#115e59;--blue:#2563eb;--accent:#d97706;--danger:#b42318;--success:#067647;--info:#1d4ed8;--topbar:#20243a;--sidebar:#f1f4fb;--sidebar-active:#e6e9f8;--sidebar-ink:#111827;--sidebar-muted:#536176;--radius:8px;--shadow:0 12px 30px #0f172a14}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--ink);background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.app-shell[data-sidebar-collapsed=true]{grid-template-columns:58px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);background:var(--sidebar);height:100vh;color:var(--sidebar-ink);padding:10px;position:sticky;top:0;overflow-y:auto}.app-shell[data-sidebar-collapsed=true] .sidebar{padding:10px 8px}.brand{align-items:center;gap:10px;margin-bottom:10px;padding:6px 8px 12px;font-size:13px;font-weight:800;display:flex}.app-shell[data-sidebar-collapsed=true] .brand{justify-content:center;padding:6px 0 12px}.app-shell[data-sidebar-collapsed=true] .brand>span:last-child{display:none}.brand>span:last-child{gap:1px;display:grid}.brand small{color:var(--sidebar-muted);font-size:9px;font-weight:700}.brand-mark{border-radius:var(--radius);background:var(--brand);color:#fff;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid}.brand-mark-logo{background:url(/vs-finance-logo.svg) 50%/cover no-repeat;overflow:hidden}.nav-list{gap:3px;display:grid}.nav-link{border-radius:var(--radius);min-height:32px;color:var(--sidebar-muted);align-items:center;gap:10px;padding:7px 9px;font-size:11px;font-weight:750;display:flex}.app-shell[data-sidebar-collapsed=true] .nav-link{justify-content:center;gap:0;padding:7px}.app-shell[data-sidebar-collapsed=true] .nav-link span{display:none}.nav-link:hover,.nav-link[data-active=true]{background:var(--sidebar-active);color:var(--brand-strong);box-shadow:0 1px #0f172a0d}.nav-link svg,.nav-group-trigger svg{width:15px;height:15px}.nav-disclosure-icon{flex:none}.nav-group{gap:2px;display:grid}.nav-group-trigger{border-radius:var(--radius);width:100%;min-height:32px;color:var(--sidebar-muted);text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:7px 9px;font-size:11px;font-weight:750;display:flex}.app-shell[data-sidebar-collapsed=true] .nav-group-trigger{justify-content:center;gap:0;padding:7px}.app-shell[data-sidebar-collapsed=true] .nav-group-trigger span,.app-shell[data-sidebar-collapsed=true] .nav-disclosure-icon{display:none}.nav-group-trigger:hover,.nav-group-trigger[data-active=true]{background:var(--sidebar-active);color:var(--brand-strong)}.nav-sublist{gap:1px;padding:2px 0 8px 28px;display:grid}.nav-sublink{color:#243047;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-height:28px;padding:6px 8px;font-size:11px;display:flex}.nav-sublink:hover,.nav-sublink[data-active=true]{background:var(--surface);color:var(--brand-strong)}.nav-sublink span:first-of-type{flex:1}.nav-badge{color:var(--info);background:#e0f2fe;border-radius:999px;padding:1px 7px;font-size:9px;font-weight:800}.sidebar-footer{grid-template-columns:1fr auto;gap:8px;margin-top:14px;padding:10px 0 4px;display:grid}.app-shell[data-sidebar-collapsed=true] .sidebar-footer{grid-template-columns:1fr}.configure-features,.sidebar-collapse{border-radius:var(--radius);background:var(--sidebar-active);min-height:32px;color:var(--brand-strong);justify-content:center;align-items:center;gap:8px;padding:6px 8px;font-size:11px;font-weight:800;display:inline-flex}.configure-features{justify-content:space-between}.app-shell[data-sidebar-collapsed=true] .configure-features{display:none}.sidebar-collapse{border:0}.main-frame{min-width:0;position:relative}.topbar{z-index:10;background:var(--topbar);color:#fff;border-bottom:1px solid #11162a;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:8px 18px;display:flex;position:sticky;top:0}.topbar-search{border-radius:var(--radius);color:#d7dceb;background:#ffffff14;border:1px solid #ffffff29;flex:320px;align-items:center;gap:10px;max-width:420px;min-height:38px;padding:0 10px;font-size:12px;display:flex;position:relative}.topbar-search input{color:#fff;background:0 0;border:0;outline:0;width:100%}.topbar-search input::placeholder{color:#b8c0d4}.keyboard-hint{color:#d7dceb;background:#ffffff17;border-radius:6px;place-items:center;min-width:22px;min-height:20px;font-weight:800;display:inline-grid}.command-menu,.quick-menu{z-index:30;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:220px;color:var(--ink);box-shadow:var(--shadow);padding:8px;display:grid;position:absolute}.command-menu{width:min(520px,100vw - 32px);top:calc(100% + 8px);left:0}.command-item,.quick-menu a{border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:7px 8px;font-size:11px;display:flex}.command-item:hover,.quick-menu a:hover{background:var(--surface-muted)}.command-item span,.quick-menu a span{gap:2px;display:grid}.command-item small{color:var(--muted);font-size:9px}.topbar-company{gap:2px;min-width:140px;font-size:12px;display:grid}.topbar-company span{color:#c5ccda;font-size:10px}.topbar-actions{align-items:center;gap:10px;display:flex}.quick-create{position:relative}.quick-menu{top:calc(100% + 10px);right:0}.quick-menu>strong{padding:7px 10px 8px}.quick-mega-menu{z-index:40;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);max-height:min(68vh,520px);color:var(--ink);grid-template-columns:repeat(5,minmax(145px,1fr));gap:22px;padding:22px 24px;display:grid;position:fixed;top:66px;left:18px;right:58px;overflow:auto;box-shadow:0 22px 60px #0f172a29}.quick-create-column{align-content:start;gap:12px;display:grid}.quick-create-column h3{color:var(--sidebar-muted);letter-spacing:0;text-transform:uppercase;align-items:center;gap:7px;margin:0;font-size:10px;font-weight:900;display:inline-flex}.quick-create-actions{gap:8px;display:grid}.quick-create-actions a{color:#253044;border-radius:7px;align-items:center;gap:8px;min-height:27px;padding:5px 6px;font-size:11px;font-weight:650;display:inline-flex}.quick-create-actions a:hover{background:var(--surface-muted);color:var(--brand-strong)}.quick-create-actions svg{color:#8c92a3;fill:#8c92a32e}.icon-button{border-radius:var(--radius);color:#fff;background:#ffffff14;border:1px solid #ffffff2e;place-items:center;width:34px;height:34px;display:inline-grid}.icon-button.primary{border-color:var(--blue);background:var(--blue)}.icon-button svg{width:16px;height:16px}.topbar .company-select{width:min(210px,22vw);color:var(--ink);background:#fff}.topbar .button.secondary{color:var(--ink);background:#fff}.utility-rail{z-index:9;border-left:1px solid var(--line);background:#fff;align-content:start;gap:10px;width:42px;padding:14px 6px;display:grid;position:fixed;top:58px;bottom:0;right:0}.utility-rail a{border-radius:var(--radius);color:#637083;place-items:center;width:30px;height:30px;display:grid}.utility-rail a:hover{color:var(--blue);background:#eef2ff}.utility-rail svg{width:16px;height:16px}.content{width:min(1500px,100%);margin:0 auto;padding:18px 58px 18px 18px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.eyebrow{color:var(--brand-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:9px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:4px;font-size:clamp(19px,2.4vw,25px);line-height:1.08}h2{margin-bottom:8px;font-size:13px}h3{margin-bottom:7px;font-size:11px}.muted{color:var(--muted)}.grid{gap:12px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.card-body{padding:13px}.metric{gap:6px;display:grid}.metric-label{color:var(--muted);font-size:10px;font-weight:700}.metric-value{font-size:18px;font-weight:800}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;white-space:nowrap;padding:8px 10px;font-size:11px}th{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800}.form-grid{gap:10px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.form-section-title{border-top:1px solid var(--line);color:var(--brand-strong);text-transform:uppercase;margin:5px 0 0;padding-top:12px;font-size:11px}.subtle-panel{border:1px dashed var(--line);border-radius:var(--radius);background:#fbfcfe;padding:10px}.journal-line-grid{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:0;display:grid}.journal-line-grid__header,.journal-line-grid__row{grid-template-columns:2fr 1fr 1fr 1.5fr auto;align-items:center;gap:6px;display:grid}.journal-line-grid__header{background:var(--surface-muted);color:var(--muted);text-transform:uppercase;padding:8px 10px;font-size:9px;font-weight:850}.journal-line-grid__row{border-top:1px solid var(--line);align-items:end;padding:8px 10px}.compact-field{gap:5px}.compact-field span{display:none}.journal-line-grid__action{justify-content:center;align-items:center;min-height:36px;display:flex}.journal-line-grid__action .muted{font-size:10px;font-weight:750}.accounting-impact-card{background:linear-gradient(#fbfcfe 0%,#f8fbff 100%);border-style:solid;gap:10px;display:grid}.accounting-impact-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.accounting-impact-header h3,.accounting-impact-header p{margin-bottom:4px}.accounting-impact-lines{gap:7px;display:grid}.accounting-impact-line{background:#fff;border-radius:7px;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:8px;padding:8px;display:grid}.accounting-impact-line strong,.accounting-impact-line small{display:block}.accounting-impact-line small{color:var(--muted);margin-top:2px;font-size:10px}.accounting-side{text-transform:uppercase;border-radius:999px;justify-content:center;padding:2px 7px;font-size:9px;font-weight:900;display:inline-flex}.accounting-side.debit{color:var(--success);background:#dcfae6}.accounting-side.credit{color:#93370d;background:#fef0c7}.accounting-impact-footer{color:var(--muted);flex-wrap:wrap;gap:8px 14px;font-size:10px;display:flex}.compact-help{margin:-4px 0 2px;font-size:10px}.sales-compose-layout{grid-template-columns:minmax(720px,1.25fr) minmax(360px,.75fr);align-items:start;gap:14px;display:grid}.sales-compose-form{min-width:0}.sales-line-list{gap:10px;display:grid}.sales-line-card{border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfe;gap:10px;padding:10px;display:grid}.sales-line-card-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;font-size:11px;display:flex}.sales-line-card-header span{color:var(--brand-strong);font-weight:850}.sales-line-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:9px;display:grid}.sales-line-item-field,.sales-line-name-field,.sales-line-description-field,.sales-line-account-field,.sales-line-tax-field,.sales-line-remove{grid-column:span 3}.sales-line-qty-field,.sales-line-price-field,.sales-line-discount-field{grid-column:span 2}.sales-line-remove{align-items:end;display:flex}.sales-line-remove .button{white-space:nowrap;width:100%}.field{gap:4px;display:grid}.field>span,.field label{color:var(--muted);font-size:10px;font-weight:700}.input,.select,.textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;min-height:34px;color:var(--ink);padding:7px 9px;font-size:12px}.textarea{resize:vertical;min-height:68px}.button-row{flex-wrap:wrap;gap:8px;display:flex}.button{border-radius:var(--radius);background:var(--brand);color:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.button.secondary{border-color:var(--line);background:var(--surface);color:var(--ink)}.button.danger{background:var(--danger)}.button svg{width:14px;height:14px}.badge{background:var(--surface-muted);min-height:18px;color:var(--muted);text-transform:capitalize;border-radius:999px;align-items:center;padding:1px 7px;font-size:9px;font-weight:800;display:inline-flex}.badge.success{color:var(--success);background:#dcfae6}.badge.warning{color:#93370d;background:#fef0c7}.badge.danger{color:var(--danger);background:#fee4e2}.badge.info{color:var(--info);background:#dbeafe}.empty-state{border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface);text-align:center;place-items:center;gap:6px;min-height:128px;padding:18px;display:grid}.notice{border-radius:var(--radius);color:#1e3a8a;background:#eff6ff;border:1px solid #bae6fd;padding:9px 11px;font-size:12px}.error{border-radius:var(--radius);color:var(--danger);background:#fef2f2;border:1px solid #fecaca;padding:9px 11px;font-size:12px}.public-pay-page{place-items:center;min-height:100vh;padding:32px;display:grid}.public-pay-card{width:min(760px,100%)}.compact-table{max-height:360px;overflow:auto}.search-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:34px;color:var(--muted);align-items:center;gap:6px;width:100%;max-width:360px;padding:0 9px;font-size:12px;display:inline-flex}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.pagination{justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.pagination-count{align-items:center;min-height:32px;font-size:11px;font-weight:800;display:inline-flex}.modal-backdrop{z-index:50;background:#0f172a6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(760px,100%);max-height:min(760px,90vh);box-shadow:var(--shadow);overflow:auto}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.modal-header h2{margin:0}.modal-body{padding:14px}.toast{z-index:60;border-radius:var(--radius);color:#fff;max-width:min(420px,100vw - 40px);box-shadow:var(--shadow);background:#17202a;padding:9px 11px;font-size:12px;font-weight:800;position:fixed;bottom:20px;right:20px}.toast.success{background:var(--success)}.toast.danger{background:var(--danger)}.tabs{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:4px;padding:4px;display:inline-flex}.tab{min-height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:5px 9px;font-size:11px;font-weight:800}.tab[data-active=true]{background:var(--brand);color:#fff}.home-grid-backdrop{isolation:isolate;position:relative}.home-grid-backdrop:before{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(#0f766e14 1px,#0000 1px),linear-gradient(90deg,#0f766e14 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:-18px -24px;-webkit-mask-image:linear-gradient(#000 0%,#000000a6 42%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000a6 42%,#0000 100%)}.workspace-banner{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;gap:10px;margin-bottom:12px;padding:13px;display:grid}.workspace-banner-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.workspace-banner h1{margin-bottom:3px;font-size:clamp(19px,2.2vw,23px)}.quick-action-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.quick-action{border:1px solid var(--line);border-radius:var(--radius);min-height:34px;color:var(--ink);background:#f8fafc;align-items:center;gap:7px;padding:7px 8px;font-size:11px;font-weight:800;display:flex}.quick-action:hover{background:#fff;border-color:#b6c4d6}.metric-card{gap:10px;display:grid}.metric-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.metric-card-footer{color:var(--muted);flex-wrap:wrap;gap:9px;font-size:11px;font-weight:700;display:flex}.progress-track{background:#edf1f5;border-radius:999px;height:7px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--brand);height:100%}.progress-fill.warning{background:var(--accent)}.insight-list{gap:7px;display:grid}.insight-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:9px;min-height:32px;padding-bottom:7px;font-size:11px;display:flex}.insight-row:last-child{border-bottom:0;padding-bottom:0}.report-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.report-link{border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc;gap:2px;padding:9px;display:grid}.report-link strong{font-size:11px}.report-link span{color:var(--muted);font-size:9px}.feature-callout{border-radius:var(--radius);color:#1d365d;background:#eff6ff;border:1px solid #bfdbfe;align-items:flex-start;gap:9px;padding:10px;font-size:11px;display:flex}.feature-callout strong{margin-bottom:4px;display:block}.item-editor{gap:12px;display:grid}.item-form-layout{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:16px;display:grid}.image-dropzone{border-radius:var(--radius);min-height:158px;color:var(--muted);text-align:center;background:#fbfcfe;border:1px dashed #b9c4d3;place-items:center;padding:13px;font-size:11px;display:grid}.image-dropzone svg{color:#7c8798;margin-bottom:10px}.image-preview-button,.image-thumb-button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.image-preview-button{justify-items:center;gap:6px;width:100%;display:grid}.image-preview-button span{color:var(--brand);align-items:center;gap:4px;font-size:10px;font-weight:800;display:inline-flex}.image-thumb-button{border-radius:5px;display:inline-flex}.image-thumb-button img,.item-image-placeholder{border:1px solid var(--line);object-fit:contain;background:#f8fafc;border-radius:5px;width:32px;height:32px}.item-image-placeholder{color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.image-preview-button:focus-visible,.image-thumb-button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.document-preview-shell{gap:13px;display:grid}.document-preview-stage{border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc;justify-content:center;align-items:center;min-height:320px;display:flex;overflow:hidden}.document-preview-image{object-fit:contain;max-width:100%;max-height:68vh}.segmented-control{border:1px solid var(--line);border-radius:var(--radius);box-sizing:border-box;background:#f8fafc;grid-template-columns:repeat(2,1fr);gap:4px;width:100%;min-height:34px;padding:3px;display:grid}.segmented-control label{cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:100%;padding:4px 8px;transition:all .2s;display:inline-flex;color:var(--muted)!important;font-size:11px!important;font-weight:800!important}.segmented-control label:has(input:checked){background:var(--surface);box-shadow:0 1px 3px #0000000f;color:var(--blue)!important}.segmented-control input{opacity:0;pointer-events:none;width:0;height:0;margin:0;position:absolute}.form-section{border-top:1px solid var(--line);gap:10px;padding-top:12px;display:grid}.section-toggle{align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.section-toggle input,.checkbox-row input{width:14px;height:14px;accent-color:var(--blue)}.checkbox-row{color:var(--ink);align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.table-actions{flex-wrap:nowrap;gap:8px;display:inline-flex}.payment-link-actions{align-items:center}.share-url-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.share-url-box span{overflow-wrap:anywhere;min-width:0;color:var(--muted);font-size:11px}.share-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.category-chip-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.category-chip{border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfe;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:9px 10px;display:flex}.category-chip-main{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;gap:2px;display:grid}.category-chip-main:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:5px}.category-chip-main strong,.category-chip-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.category-chip-main small{color:var(--muted);font-size:10px;font-weight:700}.inventory-link-button{color:var(--brand);font:inherit;font-weight:800;line-height:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:inline}.inventory-link-button.strong{color:var(--ink);font-weight:900}.inventory-link-button:hover,.inventory-link-button:focus-visible{color:var(--brand-strong);text-underline-offset:3px;text-decoration:underline}.bundle-blocker{max-width:220px;color:var(--muted);margin-top:6px;font-size:10px;font-weight:800;line-height:1.35;display:block}.bundle-blocker.success{color:#047857}.category-stock-control{grid-template-columns:minmax(76px,.7fr) minmax(92px,.8fr) minmax(150px,1.3fr) auto auto;align-items:center;gap:6px;min-width:560px;display:grid}.category-stock-control .input{min-height:32px;padding:7px 9px;font-size:11px}.button.secondary.danger-lite{color:var(--danger);background:#fff7f7;border-color:#fecaca}.info-banner{border-radius:var(--radius);color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;padding:10px 12px;font-size:12px;font-weight:800}.aging-pill{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;min-width:52px;padding:4px 8px;font-size:11px;font-weight:900;display:inline-flex}.aging-pill.fresh{color:#047857;background:#dcfce7}.aging-pill.watch{color:#92400e;background:#fef3c7}.aging-pill.slow{color:#c2410c;background:#ffedd5}.aging-pill.stale{color:#b91c1c;background:#fee2e2}.billing-status,.billing-note{justify-content:space-between;align-items:center;gap:16px;display:flex}.billing-note{justify-content:flex-start}.subscription-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.subscription-card{min-height:100%}.subscription-card[data-featured=true]{border-color:var(--brand);box-shadow:0 18px 42px #0f766e1f}.subscription-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.subscription-card h2{margin:4px 0 0;font-size:27px;line-height:1.1}.subscription-card h2 span{color:var(--muted);font-size:11px;font-weight:700}.subscription-features{gap:8px;margin:16px 0;display:grid}.subscription-features span{color:#263347;align-items:center;gap:7px;font-size:11px;font-weight:650;display:inline-flex}.subscription-features svg{color:var(--brand)}.success-banner{border-radius:var(--radius);color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;padding:10px 12px;font-weight:800}.report-dashboard-toolbar,.report-result-header,.saved-report-bar,.report-title-card,.report-category-header,.report-card-footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.report-title-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);margin-bottom:16px;padding:16px}.report-title-card>div,.report-category-header{justify-content:flex-start}.report-title-icon,.report-card-icon{border-radius:var(--radius);background:color-mix(in srgb, var(--brand) 14%, #fff);width:34px;height:34px;color:var(--brand-strong);place-items:center;display:inline-grid}.report-filter-card,.report-category-card{margin-bottom:16px}.report-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.report-customizer,.saved-report-bar{gap:12px;display:grid}.report-column-picker{flex-wrap:wrap;gap:8px;display:flex}.saved-report-form,.report-export-actions,.report-center-counts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.report-export-panel{gap:8px;min-width:min(100%,420px);display:grid}.report-export-panel>div:first-child{gap:2px;display:grid}.report-export-panel>div:first-child span{color:var(--muted);font-size:11px}.report-export-formats{flex-wrap:wrap;gap:5px;display:flex}.report-export-formats span{border:1px solid color-mix(in srgb, var(--brand) 25%, var(--line));background:color-mix(in srgb, var(--brand) 7%, #fff);color:var(--brand-strong);letter-spacing:.02em;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:800}.saved-report-form{flex:320px}.saved-report-form .input{flex:1}.success-inline{color:var(--success);font-size:11px;font-weight:800}.report-category-stack{gap:16px;display:grid}.report-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.report-card{border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfe;grid-template-rows:auto 1fr auto;gap:12px;min-height:190px;padding:13px;display:grid}.report-card[data-locked=true]{opacity:.72}.report-card h3{margin:0 0 6px;font-size:13px}.report-card p{color:var(--muted);margin:0;font-size:11px}.report-table-wrap{margin-top:12px}.report-table td[data-type=money],.report-table td[data-type=number],.report-table tfoot th{text-align:right}.report-drilldown-link{color:var(--brand-strong);text-align:left;background:0 0;border:0;padding:0;font-weight:800}.report-drilldown{gap:8px;display:grid}.workflow-layout{grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);align-items:start}.workflow-card-header,.workflow-toolbar{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.workflow-card-header p{margin:0}.workflow-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.workflow-field-wide,.workflow-actions{grid-column:1/-1}.workflow-toolbar{align-items:center}.workflow-toolbar .select{width:min(220px,100%)}.platform-admin-page{background:linear-gradient(#0f766e0f 1px, transparent 1px), linear-gradient(90deg, #0f766e0f 1px, transparent 1px), var(--bg);background-size:34px 34px;min-height:100vh;padding:18px}.platform-admin-topbar{z-index:20;background:var(--topbar);color:#fff;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:14px;margin:-18px -18px 16px;padding:9px 18px;display:flex;position:sticky;top:0}.platform-admin-topbar .brand{color:#fff;margin:0;padding:0}.platform-admin-topbar .brand small,.platform-admin-user span{color:#c5ccda}.platform-admin-user{gap:2px;margin-left:auto;font-size:12px;display:grid}.platform-admin-auth{width:min(620px,100%);margin:12vh auto 0}.platform-admin-mark{border-radius:var(--radius);background:var(--brand);color:#fff;place-items:center;width:42px;height:42px;margin-bottom:12px;display:inline-grid}.platform-hero{margin-bottom:14px}.platform-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.platform-plan-grid span{border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfe;align-items:center;gap:7px;padding:8px;font-size:11px;font-weight:800;display:inline-flex}.platform-metrics{margin-bottom:12px}.platform-metric .card-body{gap:6px;display:grid}.platform-metric-icon{border-radius:var(--radius);background:color-mix(in srgb, var(--brand) 12%, #fff);width:30px;height:30px;color:var(--brand-strong);place-items:center;display:inline-grid}.platform-tabs{margin-bottom:12px}.platform-section-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.platform-inline-form{align-items:center;gap:7px;min-width:520px;display:flex}.platform-inline-form .select,.platform-inline-form .input{min-height:30px}.platform-inline-form .input{width:74px}.platform-split{align-items:start}@media (max-width:1060px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav-list{grid-template-columns:1fr}.content{padding-right:24px}.utility-rail{display:none}.topbar{flex-direction:column;align-items:stretch}.topbar-search{max-width:none}.topbar-actions{flex-wrap:wrap}.topbar .company-select{width:min(100%,320px)}.quick-mega-menu{grid-template-columns:repeat(2,minmax(0,1fr));top:72px;left:16px;right:16px}.sales-compose-layout{grid-template-columns:1fr}.sales-line-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sales-line-item-field,.sales-line-name-field,.sales-line-description-field,.sales-line-account-field,.sales-line-tax-field,.sales-line-remove{grid-column:span 2}.grid-4,.grid-5,.grid-3,.grid-2,.workflow-layout,.platform-plan-grid,.subscription-grid,.report-filter-grid,.report-card-grid,.form-grid.four,.form-grid.three,.form-grid.two,.item-form-layout,.quick-action-grid{grid-template-columns:1fr}.category-stock-control{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0}.category-stock-control input[name=reason]{grid-column:1/-1}}@media (max-width:640px){.journal-detail-summary{grid-template-columns:1fr}.report-drilldown-toolbar{align-items:stretch}.journal-line-grid__header{display:none}.journal-line-grid__row{grid-template-columns:1fr;min-width:0}.compact-field span{display:block}.journal-line-grid__action{justify-content:flex-start}.content,.topbar{padding:16px}.page-header,.topbar{flex-direction:column;align-items:stretch}.nav-list{grid-template-columns:1fr}.quick-mega-menu{grid-template-columns:1fr;max-height:72vh;padding:16px}.sales-line-grid,.form-grid.two,.workflow-form{grid-template-columns:1fr}.sales-line-item-field,.sales-line-name-field,.sales-line-description-field,.sales-line-account-field,.sales-line-tax-field{grid-column:auto}.sales-line-remove{align-items:stretch}.workspace-banner-header,.platform-admin-topbar,.platform-section-head,.metric-card-header,.report-dashboard-toolbar,.report-result-header,.report-title-card,.report-category-header,.report-card-footer,.billing-status,.billing-note{flex-direction:column;align-items:stretch}}.clickable-row{cursor:pointer}.clickable-row:hover,.clickable-row:focus-visible{background:#f8fafc;outline:none}.date-filter-bar{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.always-label span{display:block}.report-drilldown-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:10px;margin-bottom:12px;display:flex}.journal-detail-panel,.profile-detail-panel{gap:12px;display:grid}.quote-source-banner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.statement-toolbar{border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfe;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:10px;padding:12px;display:flex}.statement-toolbar .field{min-width:150px}.journal-detail-summary.statement-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.journal-detail-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.journal-detail-summary>div{border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfe;gap:4px;padding:10px;display:grid}@media (max-width:640px){.journal-detail-summary{grid-template-columns:1fr}.report-drilldown-toolbar{align-items:stretch}}.app-shell[data-layout-style=glass]{--surface:#ffffffc7;--surface-muted:#eff6ffb8;--line:#8ba3be52;--shadow:0 22px 60px #2b456b24;--radius:14px;isolation:isolate;background:linear-gradient(135deg,#f0f9fff5,#fafcfff0 42%,#ecfdf5e0),linear-gradient(90deg,#2563eb0f 1px,#0000 1px) 0 0/42px 42px,linear-gradient(0deg,#2563eb0f 1px,#0000 1px) 0 0/42px 42px;position:relative}.app-shell[data-layout-style=glass]:before{content:"";z-index:-2;pointer-events:none;opacity:.72;background:repeating-linear-gradient(115deg,#2563eb0f 0 1px,#0000 1px 26px),linear-gradient(#ffffff6b,#fff0);animation:24s linear infinite glass-grid-drift;position:fixed;inset:0}.app-shell[data-layout-style=glass]:after{content:"";z-index:-1;pointer-events:none;clip-path:polygon(0 28%,18% 36%,36% 24%,54% 38%,73% 27%,100% 35%,100% 100%,0 100%);background:radial-gradient(120% 70% at 20% 100%,#2563eb1f,#0000 62%),radial-gradient(110% 80% at 78% 100%,#0f766e1f,#0000 64%);height:34vh;animation:9s ease-in-out infinite alternate glass-wave-breathe;position:fixed;bottom:0;left:0;right:0}.app-shell[data-layout-style=glass] .sidebar{-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);background:linear-gradient(#ffffffd1,#eff6ffb8);border-right:1px solid #8ba3be47;animation:.46s both glass-sidebar-in;box-shadow:16px 0 40px #2b456b14}.app-shell[data-layout-style=glass] .sidebar:after{content:"";clip-path:polygon(0 28%,22% 43%,48% 25%,72% 44%,100% 26%,100% 100%,0 100%);pointer-events:none;background:linear-gradient(135deg,#2563eb21,#0f766e1f),repeating-linear-gradient(135deg,#ffffff94 0 1px,#0000 1px 12px);height:82px;margin:20px -10px -10px;display:block;position:sticky;bottom:0}.app-shell[data-layout-style=glass] .brand,.app-shell[data-layout-style=glass] .nav-link,.app-shell[data-layout-style=glass] .nav-group-trigger,.app-shell[data-layout-style=glass] .nav-sublink,.app-shell[data-layout-style=glass] .topbar,.app-shell[data-layout-style=glass] .utility-rail a,.app-shell[data-layout-style=glass] .card,.app-shell[data-layout-style=glass] .subtle-panel,.app-shell[data-layout-style=glass] .empty-state{transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s}.app-shell[data-layout-style=glass] .brand-mark{animation:4.6s ease-in-out infinite glass-mark-pulse;box-shadow:0 12px 30px #0f766e3d}.app-shell[data-layout-style=glass] .nav-link,.app-shell[data-layout-style=glass] .nav-group-trigger{border:1px solid #0000;position:relative;overflow:hidden}.app-shell[data-layout-style=glass] .nav-link:before,.app-shell[data-layout-style=glass] .nav-group-trigger:before{content:"";background:linear-gradient(90deg,#0000,#ffffff8f,#0000);transition:transform .52s;position:absolute;inset:0;transform:translate(-120%)}.app-shell[data-layout-style=glass] .nav-link:hover,.app-shell[data-layout-style=glass] .nav-link[data-active=true],.app-shell[data-layout-style=glass] .nav-group-trigger:hover,.app-shell[data-layout-style=glass] .nav-group-trigger[data-active=true]{background:#ffffffb8;border-color:#2563eb1f;transform:translate(3px);box-shadow:0 10px 28px #2b456b1a}.app-shell[data-layout-style=glass] .nav-link:hover:before,.app-shell[data-layout-style=glass] .nav-group-trigger:hover:before{transform:translate(120%)}.app-shell[data-layout-style=glass] .nav-sublink:hover,.app-shell[data-layout-style=glass] .nav-sublink[data-active=true]{background:#ffffffad;transform:translate(3px)}.app-shell[data-layout-style=glass] .topbar{min-height:60px;color:var(--ink);-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);background:#ffffffb8;border:1px solid #8ba3be47;border-radius:18px;margin:10px 14px 0;animation:.42s both glass-topbar-in;top:10px;box-shadow:0 20px 50px #2b456b24}.app-shell[data-layout-style=glass] .topbar-company span,.app-shell[data-layout-style=glass] .topbar-search input::placeholder{color:var(--muted)}.app-shell[data-layout-style=glass] .topbar-search{color:var(--muted);background:#ffffffad;border-color:#8ba3be57;box-shadow:inset 0 1px #ffffffbf}.app-shell[data-layout-style=glass] .topbar-search:focus-within{transform:translateY(-1px);box-shadow:0 14px 32px #2563eb1f,inset 0 1px #fffc}.app-shell[data-layout-style=glass] .topbar-search input{color:var(--ink)}.app-shell[data-layout-style=glass] .keyboard-hint,.app-shell[data-layout-style=glass] .icon-button,.app-shell[data-layout-style=glass] .topbar .button.secondary{color:var(--ink);background:#ffffffb8;border-color:#8ba3be57}.app-shell[data-layout-style=glass] .icon-button.primary{background:linear-gradient(135deg, var(--blue), #38bdf8);color:#fff;border-color:#2563eb73;box-shadow:0 12px 28px #2563eb3d}.app-shell[data-layout-style=glass] .icon-button:hover,.app-shell[data-layout-style=glass] .topbar .button.secondary:hover,.app-shell[data-layout-style=glass] .sidebar-collapse:hover,.app-shell[data-layout-style=glass] .configure-features:hover{transform:translateY(-2px);box-shadow:0 14px 30px #2b456b21}.app-shell[data-layout-style=glass] .utility-rail{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:#ffffff94;border:1px solid #8ba3be47;border-radius:18px;width:44px;animation:.52s both glass-rail-in;top:88px;bottom:12px;right:10px;box-shadow:0 18px 42px #2b456b1f}.app-shell[data-layout-style=glass] .utility-rail a:hover{background:#2563eb1c;transform:translateY(-2px)scale(1.04)}.app-shell[data-layout-style=glass] .content{padding-top:24px}.app-shell[data-layout-style=glass] .card,.app-shell[data-layout-style=glass] .subtle-panel,.app-shell[data-layout-style=glass] .empty-state{-webkit-backdrop-filter:blur(14px)saturate(130%);backdrop-filter:blur(14px)saturate(130%);background:#ffffffc2;border-color:#8ba3be47;box-shadow:0 20px 50px #2b456b1a}.layout-settings-grid{grid-template-columns:minmax(260px,.92fr) minmax(280px,1fr);align-items:stretch;gap:16px;display:grid}.layout-settings-grid>.button{justify-self:start}.layout-option-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-muted);cursor:pointer;grid-template-columns:auto 1fr;align-content:start;gap:12px;padding:14px;display:grid}.layout-option-card input{opacity:0;pointer-events:none;position:absolute}.layout-option-toggle{background:#cbd5e1;border-radius:999px;width:42px;height:24px;transition:background .18s;position:relative;box-shadow:inset 0 1px 3px #0f172a2e}.layout-option-toggle:after{content:"";background:#fff;border-radius:999px;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0f172a33}.layout-option-card input:checked+.layout-option-toggle{background:var(--brand)}.layout-option-card input:checked+.layout-option-toggle:after{transform:translate(18px)}.layout-option-copy{gap:5px;display:grid}.layout-option-copy strong{align-items:center;gap:7px;display:inline-flex}.layout-option-copy small{color:var(--muted);font-size:11px;line-height:1.45}.layout-preview-card{background:linear-gradient(135deg,#f0f9fff5,#ffffffd1),linear-gradient(90deg,#2563eb12 1px,#0000 1px) 0 0/24px 24px,linear-gradient(0deg,#2563eb12 1px,#0000 1px) 0 0/24px 24px;border:1px solid #8ba3be52;border-radius:18px;grid-template-columns:58px 1fr;min-height:178px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 44px #2b456b1f}.layout-preview-card:after{content:"";clip-path:polygon(0 38%,22% 52%,48% 34%,72% 55%,100% 32%,100% 100%,0 100%);background:linear-gradient(135deg,#2563eb26,#0f766e1a);height:58px;animation:7s ease-in-out infinite alternate glass-wave-breathe;position:absolute;bottom:0;left:0;right:0}.layout-preview-sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;align-content:start;gap:10px;padding:16px 10px;display:grid}.layout-preview-sidebar span{background:#0f766e42;border-radius:999px;height:8px;display:block}.layout-preview-main{align-content:start;gap:12px;padding:14px;display:grid}.layout-preview-topbar,.layout-preview-hero,.layout-preview-metrics span{background:#ffffffb8;border:1px solid #8ba3be4d;border-radius:14px;box-shadow:0 12px 28px #2b456b17}.layout-preview-topbar{height:28px}.layout-preview-hero{gap:8px;padding:14px;display:grid}.layout-preview-hero span,.layout-preview-hero strong{background:#2563eb2e;border-radius:999px;height:8px;display:block}.layout-preview-hero strong{background:#0f766e47;width:62%;height:13px}.layout-preview-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.layout-preview-metrics span{height:38px}@keyframes glass-grid-drift{0%{background-position:0 0,0 0}to{background-position:180px 120px,0 0}}@keyframes glass-wave-breathe{0%{opacity:.82;transform:translateY(0)scaleY(1)}to{opacity:1;transform:translateY(10px)scaleY(1.08)}}@keyframes glass-sidebar-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes glass-topbar-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes glass-rail-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes glass-mark-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.app-shell[data-layout-style=glass],.app-shell[data-layout-style=glass] *,.app-shell[data-layout-style=glass]:before,.app-shell[data-layout-style=glass]:after,.layout-preview-card:after{transition:none!important;animation:none!important}}@media (max-width:1060px){.layout-settings-grid{grid-template-columns:1fr}.app-shell[data-layout-style=glass] .topbar{margin-left:8px;margin-right:8px}}.app-shell[data-layout-style=glass]{perspective:1600px;perspective-origin:55% 10%}.app-shell[data-layout-style=glass] .main-frame,.app-shell[data-layout-style=glass] .content,.app-shell[data-layout-style=glass] .topbar,.app-shell[data-layout-style=glass] .sidebar,.app-shell[data-layout-style=glass] .utility-rail,.app-shell[data-layout-style=glass] .card,.app-shell[data-layout-style=glass] .subtle-panel,.layout-preview-card{transform-style:preserve-3d}.app-shell[data-layout-style=glass] .topbar{position:sticky;overflow:hidden;transform:translateZ(42px);box-shadow:0 28px 70px #2b456b2e,inset 0 3px #ffffffb3,inset 0 -1px #2b456b14}.app-shell[data-layout-style=glass] .topbar:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 0 18%,#ffffff8c 34%,#0000 52% 100%);animation:7s ease-in-out infinite glass-taskbar-shine;position:absolute;inset:0;transform:translate(-120%)}.app-shell[data-layout-style=glass] .topbar-search,.app-shell[data-layout-style=glass] .topbar .company-select,.app-shell[data-layout-style=glass] .topbar-actions>*{transform:translateZ(24px)}.app-shell[data-layout-style=glass] .sidebar{transform:translateZ(18px)rotateY(.8deg);box-shadow:22px 0 54px #2b456b21,inset -1px 0 #fffc}.app-shell[data-layout-style=glass] .sidebar .brand,.app-shell[data-layout-style=glass] .sidebar .nav-link,.app-shell[data-layout-style=glass] .sidebar .nav-group-trigger,.app-shell[data-layout-style=glass] .sidebar .configure-features,.app-shell[data-layout-style=glass] .sidebar .sidebar-collapse{transform:translateZ(8px);box-shadow:0 10px 22px #2b456b0a}.app-shell[data-layout-style=glass] .nav-link:hover,.app-shell[data-layout-style=glass] .nav-link[data-active=true],.app-shell[data-layout-style=glass] .nav-group-trigger:hover,.app-shell[data-layout-style=glass] .nav-group-trigger[data-active=true]{transform:translate(5px)translateZ(18px)rotateY(-2deg);box-shadow:0 16px 34px #2b456b24,inset 0 1px #ffffffd1}.app-shell[data-layout-style=glass] .content>*{animation:.52s both glass-card-arrive}.app-shell[data-layout-style=glass] .content>:nth-child(2){animation-delay:35ms}.app-shell[data-layout-style=glass] .content>:nth-child(3){animation-delay:70ms}.app-shell[data-layout-style=glass] .content>:nth-child(4){animation-delay:.105s}.app-shell[data-layout-style=glass] .content>:nth-child(5){animation-delay:.14s}.app-shell[data-layout-style=glass] .card,.app-shell[data-layout-style=glass] .subtle-panel,.app-shell[data-layout-style=glass] .empty-state{position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 26px 70px #2b456b1f,inset 0 1px #ffffffd1}.app-shell[data-layout-style=glass] .card:before,.app-shell[data-layout-style=glass] .subtle-panel:before{content:"";pointer-events:none;opacity:.7;background:linear-gradient(120deg,#ffffff70,#0000 34%),radial-gradient(70% 48% at 12% 0,#2563eb14,#0000 72%);position:absolute;inset:0}.app-shell[data-layout-style=glass] .card:hover,.app-shell[data-layout-style=glass] .subtle-panel:hover{transform:translateY(-5px)translateZ(28px)rotateX(.8deg);box-shadow:0 34px 84px #2b456b2b,inset 0 1px #ffffffdb}.app-shell[data-layout-style=glass] .utility-rail{transform:translateZ(34px);box-shadow:0 26px 60px #2b456b24,inset 0 1px #ffffffd1}.app-shell[data-layout-style=glass] .utility-rail a{transform:translateZ(6px)}.app-shell[data-layout-style=glass] .utility-rail a:hover{transform:translateY(-3px)translateZ(20px)scale(1.05)}.layout-preview-card{perspective:900px;transform:rotateX(6deg)rotateY(-8deg)translateZ(0);box-shadow:0 34px 74px #2b456b2e,inset 0 1px #ffffffdb}.layout-preview-topbar,.layout-preview-hero,.layout-preview-metrics span{transform:translateZ(24px)}.layout-preview-sidebar{transform:translateZ(18px);box-shadow:10px 0 28px #2b456b14}.layout-preview-card:hover{transform:rotateX(3deg)rotateY(-4deg)translateY(-3px)}@keyframes glass-taskbar-shine{0%,42%{opacity:0;transform:translate(-120%)}52%{opacity:1}72%,to{opacity:0;transform:translate(120%)}}@keyframes glass-card-arrive{0%{opacity:0;transform:translateY(14px)translateZ(-40px)rotateX(2deg)}to{opacity:1;transform:translateY(0)translateZ(0)rotateX(0)}}.layout-settings-form{gap:16px;display:grid}.layout-choice-grid,.layout-preview-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.layout-option-card{background:linear-gradient(135deg,#ffffffeb,#f4f8ffc7);min-height:112px;position:relative;overflow:hidden;box-shadow:0 14px 34px #2b456b0f,inset 0 1px #ffffffd1}.layout-option-card:after{content:"";pointer-events:none;clip-path:polygon(0 42%,20% 30%,38% 46%,58% 28%,78% 44%,100% 30%,100% 100%,0 100%);opacity:.7;background:linear-gradient(135deg,#2563eb17,#14b8a614);height:76px;position:absolute;inset:auto -20% -42%}.layout-option-card[data-layout-option=glass]{background:linear-gradient(135deg,#f0f9fff0,#ffffffb8)}.layout-option-card[data-layout-option=aqua]{background:radial-gradient(circle at 86% 18%,#3b82f621 0 11px,#0000 12px),radial-gradient(circle at 75% 70%,#14b8a61a 0 8px,#0000 9px),linear-gradient(135deg,#fffffff5,#e4f4ffd1);border-color:#3b82f647}.layout-preview-showcase{align-items:stretch}.layout-preview-standard{background:linear-gradient(135deg,#f8fafc,#fff)}.layout-preview-glass{background:linear-gradient(135deg,#f0f9fff5,#ffffffd1),linear-gradient(90deg,#2563eb12 1px,#0000 1px) 0 0/24px 24px,linear-gradient(0deg,#2563eb12 1px,#0000 1px) 0 0/24px 24px}.layout-preview-aqua{isolation:isolate;background:radial-gradient(circle at 76% 22%,#4facfe2e 0 14px,#0000 15px),radial-gradient(circle at 86% 56%,#7dd3fc2e 0 9px,#0000 10px),radial-gradient(circle at 18% 78%,#22d3ee29 0 12px,#0000 13px),linear-gradient(135deg,#f9fdff 0%,#ebf7ff 48%,#f6fbff 100%);border-color:#60a5fa57}.layout-preview-aqua:before{content:"";z-index:-1;background-color:#0000;background-image:linear-gradient(90deg,#3b82f60f 1px,#0000 1px),linear-gradient(0deg,#3b82f60f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.layout-preview-aqua:after{clip-path:polygon(0 34%,14% 47%,29% 32%,45% 50%,61% 29%,79% 48%,100% 31%,100% 100%,0 100%);background:radial-gradient(80% 100% at 28% 0,#ffffffb8,#0000 56%),linear-gradient(135deg,#38bdf847,#0ea5e91a)}.layout-preview-aqua .layout-preview-sidebar{background:#ffffffc7}.layout-preview-aqua .layout-preview-topbar,.layout-preview-aqua .layout-preview-hero,.layout-preview-aqua .layout-preview-metrics span{background:#ffffffd1;border-color:#7dd3fc75;box-shadow:0 14px 28px #0e74901a,inset 0 1px #ffffffe6}.layout-preview-bubbles{pointer-events:none;z-index:1;position:absolute;inset:0}.layout-preview-bubbles span{background:#ffffff38;border:1px solid #0ea5e957;border-radius:999px;animation:8s ease-in-out infinite aqua-bubble-rise;display:block;position:absolute;box-shadow:inset 0 8px 20px #0ea5e914}.layout-preview-bubbles span:first-child{width:18px;height:18px;bottom:20px;left:15%}.layout-preview-bubbles span:nth-child(2){width:12px;height:12px;animation-delay:1.2s;bottom:34px;left:56%}.layout-preview-bubbles span:nth-child(3){width:24px;height:24px;animation-delay:2.1s;bottom:28px;right:16%}.layout-preview-bubbles span:nth-child(4){width:10px;height:10px;animation-delay:3s;bottom:70px;right:28%}.app-shell[data-layout-style=aqua]{--surface:#ffffffd6;--surface-muted:#e8f6ffc7;--line:#60a5fa3d;--shadow:0 28px 78px #185c9a26;--radius:16px;isolation:isolate;perspective:1700px;perspective-origin:55% 4%;background:linear-gradient(90deg,#3b82f60e 1px,#0000 1px) 0 0/28px 28px,linear-gradient(0deg,#3b82f60e 1px,#0000 1px) 0 0/28px 28px,linear-gradient(135deg,#f9fdff 0%,#eef9ff 38%,#f7fbff 100%);position:relative;overflow-x:hidden}.app-shell[data-layout-style=aqua]:before{content:"";z-index:-2;pointer-events:none;opacity:.9;background:radial-gradient(circle at 8% 18%,#0000 0 18px,#38bdf838 19px 20px,#0000 21px) 0 0/520px 360px,radial-gradient(circle at 78% 14%,#0000 0 25px,#60a5fa2e 26px 27px,#0000 28px) 0 0/620px 420px,radial-gradient(circle at 90% 48%,#0000 0 16px,#22d3ee33 17px 18px,#0000 19px) 0 0/460px 380px,radial-gradient(circle at 21% 78%,#0000 0 21px,#0ea5e929 22px 23px,#0000 24px) 0 0/560px 430px,radial-gradient(circle at 55% 90%,#0000 0 13px,#38bdf838 14px 15px,#0000 16px) 0 0/360px 320px;animation:26s ease-in-out infinite alternate aqua-bubble-field;position:fixed;inset:0}.app-shell[data-layout-style=aqua]:after{content:"";z-index:-1;pointer-events:none;clip-path:polygon(0 34%,12% 44%,26% 30%,40% 47%,56% 27%,72% 45%,86% 31%,100% 42%,100% 100%,0 100%);background:radial-gradient(60% 80% at 20% 100%,#0ea5e92e,#0000 68%),radial-gradient(58% 72% at 82% 100%,#2dd4bf24,#0000 68%),linear-gradient(135deg,#bae6fd61,#fff0);height:38vh;animation:10s ease-in-out infinite alternate aqua-wave-drift;position:fixed;bottom:0;left:0;right:0}.app-shell[data-layout-style=aqua] .main-frame,.app-shell[data-layout-style=aqua] .content,.app-shell[data-layout-style=aqua] .topbar,.app-shell[data-layout-style=aqua] .sidebar,.app-shell[data-layout-style=aqua] .utility-rail,.app-shell[data-layout-style=aqua] .card,.app-shell[data-layout-style=aqua] .subtle-panel{transform-style:preserve-3d}.app-shell[data-layout-style=aqua] .sidebar{color:#17365d;-webkit-backdrop-filter:blur(20px)saturate(145%);backdrop-filter:blur(20px)saturate(145%);background:linear-gradient(#ffffffdb,#e8f6ffb3);border-right:1px solid #7dd3fc61;animation:.52s both aqua-panel-enter;transform:translateZ(16px)rotateY(.7deg);box-shadow:18px 0 54px #185c9a1a,inset -1px 0 #ffffffc7}.app-shell[data-layout-style=aqua] .sidebar:after{content:"";clip-path:polygon(0 36%,18% 46%,34% 31%,52% 49%,70% 30%,86% 46%,100% 34%,100% 100%,0 100%);pointer-events:none;background:radial-gradient(circle at 22% 45%,#ffffff9e 0 10px,#0000 11px),radial-gradient(circle at 68% 30%,#ffffff7a 0 7px,#0000 8px),linear-gradient(135deg,#38bdf838,#0ea5e91a);height:96px;margin:22px -10px -10px;animation:8s ease-in-out infinite alternate aqua-wave-drift;display:block;position:sticky;bottom:0}.app-shell[data-layout-style=aqua] .brand,.app-shell[data-layout-style=aqua] .nav-link,.app-shell[data-layout-style=aqua] .nav-group-trigger,.app-shell[data-layout-style=aqua] .nav-sublink,.app-shell[data-layout-style=aqua] .configure-features,.app-shell[data-layout-style=aqua] .sidebar-collapse,.app-shell[data-layout-style=aqua] .topbar,.app-shell[data-layout-style=aqua] .utility-rail a,.app-shell[data-layout-style=aqua] .card,.app-shell[data-layout-style=aqua] .subtle-panel,.app-shell[data-layout-style=aqua] .empty-state{transition:transform .19s,box-shadow .19s,background .19s,border-color .19s,color .19s}.app-shell[data-layout-style=aqua] .brand-mark{background:linear-gradient(135deg,#0ea5e9,#22d3ee 54%,#14b8a6);animation:4.8s ease-in-out infinite aqua-float-small;box-shadow:0 16px 34px #0ea5e940,inset 0 2px #ffffff85}.app-shell[data-layout-style=aqua] .brand,.app-shell[data-layout-style=aqua] .nav-link,.app-shell[data-layout-style=aqua] .nav-group-trigger,.app-shell[data-layout-style=aqua] .configure-features,.app-shell[data-layout-style=aqua] .sidebar-collapse{transform:translateZ(9px)}.app-shell[data-layout-style=aqua] .nav-link,.app-shell[data-layout-style=aqua] .nav-group-trigger{color:#365678;border:1px solid #0000;position:relative;overflow:hidden}.app-shell[data-layout-style=aqua] .nav-link:after,.app-shell[data-layout-style=aqua] .nav-group-trigger:after{content:"";transform-origin:50%;background:linear-gradient(90deg,#0000,#0ea5e97a,#0000);border-radius:999px;height:2px;transition:transform .22s;position:absolute;inset:auto 10px 7px;transform:scaleX(0)}.app-shell[data-layout-style=aqua] .nav-link:hover,.app-shell[data-layout-style=aqua] .nav-link[data-active=true],.app-shell[data-layout-style=aqua] .nav-group-trigger:hover,.app-shell[data-layout-style=aqua] .nav-group-trigger[data-active=true]{color:#0f3d66;background:linear-gradient(135deg,#ffffffe0,#e0f2febd);border-color:#7dd3fc61;transform:translate(5px)translateZ(20px)rotateY(-2deg);box-shadow:0 16px 34px #0e74901c,inset 0 1px #ffffffe6}.app-shell[data-layout-style=aqua] .nav-link:hover:after,.app-shell[data-layout-style=aqua] .nav-link[data-active=true]:after,.app-shell[data-layout-style=aqua] .nav-group-trigger:hover:after,.app-shell[data-layout-style=aqua] .nav-group-trigger[data-active=true]:after{transform:scaleX(1)}.app-shell[data-layout-style=aqua] .nav-sublink:hover,.app-shell[data-layout-style=aqua] .nav-sublink[data-active=true]{background:#ffffffb3;transform:translate(4px)translateZ(10px)}.app-shell[data-layout-style=aqua] .topbar{color:#12263f;-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background:#ffffffd6;border:1px solid #7dd3fc6b;border-radius:20px;min-height:58px;margin:12px 14px 0;animation:.52s both aqua-taskbar-enter;position:sticky;top:12px;overflow:hidden;transform:translateZ(42px);box-shadow:0 26px 70px #185c9a29,inset 0 4px #ffffffb3,inset 0 -1px #0e74900f}.app-shell[data-layout-style=aqua] .topbar:before{content:"";pointer-events:none;background:radial-gradient(circle at 12% 38%,#0ea5e91a 0 13px,#0000 14px),radial-gradient(circle at 82% 56%,#2dd4bf1f 0 9px,#0000 10px),linear-gradient(108deg,#0000 0 20%,#ffffffa3 36%,#0000 54% 100%);animation:7.4s ease-in-out infinite aqua-taskbar-shine;position:absolute;inset:0;transform:translate(-110%)}.app-shell[data-layout-style=aqua] .topbar-company span,.app-shell[data-layout-style=aqua] .topbar-search input::placeholder{color:#5f7898}.app-shell[data-layout-style=aqua] .topbar-search,.app-shell[data-layout-style=aqua] .topbar .company-select,.app-shell[data-layout-style=aqua] .topbar-actions>*{transform:translateZ(24px)}.app-shell[data-layout-style=aqua] .topbar-search,.app-shell[data-layout-style=aqua] .keyboard-hint,.app-shell[data-layout-style=aqua] .icon-button,.app-shell[data-layout-style=aqua] .topbar .button.secondary{color:#163654;background:#ffffffc7;border-color:#7dd3fc6b;box-shadow:inset 0 1px #fffc}.app-shell[data-layout-style=aqua] .topbar-search input{color:#12263f}.app-shell[data-layout-style=aqua] .topbar-search:focus-within{transform:translateY(-1px)translateZ(28px);box-shadow:0 16px 34px #0ea5e924,inset 0 1px #ffffffdb}.app-shell[data-layout-style=aqua] .icon-button.primary,.app-shell[data-layout-style=aqua] .button:not(.secondary){color:#fff;background:linear-gradient(135deg,#0ea5e9,#38bdf8 58%,#14b8a6);border-color:#0ea5e95c;box-shadow:0 18px 38px #0ea5e938,inset 0 1px #ffffff70}.app-shell[data-layout-style=aqua] .icon-button:hover,.app-shell[data-layout-style=aqua] .topbar .button.secondary:hover,.app-shell[data-layout-style=aqua] .configure-features:hover,.app-shell[data-layout-style=aqua] .sidebar-collapse:hover{transform:translateY(-3px)translateZ(24px);box-shadow:0 18px 38px #185c9a26}.app-shell[data-layout-style=aqua] .utility-rail{-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);background:#ffffffa8;border:1px solid #7dd3fc6b;border-radius:20px;width:44px;animation:.58s both aqua-panel-enter;top:90px;bottom:12px;right:10px;transform:translateZ(34px);box-shadow:0 24px 58px #185c9a21,inset 0 1px #ffffffd1}.app-shell[data-layout-style=aqua] .utility-rail a:hover{background:#e0f2feeb;transform:translateY(-3px)translateZ(18px)scale(1.05)}.app-shell[data-layout-style=aqua] .content{padding-top:26px}.app-shell[data-layout-style=aqua] .content>*{animation:.56s both aqua-content-enter}.app-shell[data-layout-style=aqua] .content>:nth-child(2){animation-delay:38ms}.app-shell[data-layout-style=aqua] .content>:nth-child(3){animation-delay:76ms}.app-shell[data-layout-style=aqua] .content>:nth-child(4){animation-delay:.114s}.app-shell[data-layout-style=aqua] .content>:nth-child(5){animation-delay:.152s}.app-shell[data-layout-style=aqua] .card,.app-shell[data-layout-style=aqua] .subtle-panel,.app-shell[data-layout-style=aqua] .empty-state{-webkit-backdrop-filter:blur(16px)saturate(138%);backdrop-filter:blur(16px)saturate(138%);background:#ffffffd1;border-color:#7dd3fc66;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 28px 74px #185c9a1c,inset 0 1px #ffffffe0}.app-shell[data-layout-style=aqua] .card:before,.app-shell[data-layout-style=aqua] .subtle-panel:before{content:"";pointer-events:none;opacity:.82;background:radial-gradient(circle at 88% 16%,#7dd3fc2e 0 14px,#0000 15px),radial-gradient(circle at 80% 35%,#2dd4bf1f 0 7px,#0000 8px),linear-gradient(125deg,#ffffff94,#0000 36%);position:absolute;inset:0}.app-shell[data-layout-style=aqua] .card:after,.app-shell[data-layout-style=aqua] .subtle-panel:after{content:"";pointer-events:none;clip-path:polygon(0 62%,18% 44%,34% 60%,52% 42%,68% 62%,86% 44%,100% 58%,100% 100%,0 100%);opacity:0;background:linear-gradient(135deg,#38bdf829,#0ea5e90a);height:58px;transition:opacity .19s,transform .19s;position:absolute;bottom:-2px;left:0;right:0}.app-shell[data-layout-style=aqua] .card:hover,.app-shell[data-layout-style=aqua] .subtle-panel:hover{transform:translateY(-5px)translateZ(28px)rotateX(.75deg);box-shadow:0 36px 88px #185c9a29,inset 0 1px #ffffffeb}.app-shell[data-layout-style=aqua] .card:hover:after,.app-shell[data-layout-style=aqua] .subtle-panel:hover:after{opacity:1;transform:translateY(-4px)}@keyframes aqua-bubble-field{0%{background-position:0 0,80px 0,0 90px,40px 40px,100px 20px}to{background-position:42px -70px,20px -62px,-36px -42px,78px -58px,64px -76px}}@keyframes aqua-bubble-rise{0%,to{opacity:.45;transform:translateY(0)scale(1)}50%{opacity:.88;transform:translateY(-24px)scale(1.08)}}@keyframes aqua-wave-drift{0%{opacity:.72;transform:translateY(0)scaleY(1)}to{opacity:.96;transform:translateY(12px)scaleY(1.08)}}@keyframes aqua-panel-enter{0%{opacity:0;transform:translateY(10px)translateZ(-30px)}to{opacity:1;transform:translateZ(16px)}}@keyframes aqua-taskbar-enter{0%{opacity:0;transform:translateY(-16px)translateZ(-42px)rotateX(4deg)}to{opacity:1;transform:translateY(0)translateZ(42px)rotateX(0)}}@keyframes aqua-taskbar-shine{0%,44%{opacity:0;transform:translate(-110%)}55%{opacity:1}76%,to{opacity:0;transform:translate(110%)}}@keyframes aqua-content-enter{0%{opacity:0;transform:translateY(16px)translateZ(-38px)rotateX(2deg)}to{opacity:1;transform:translateY(0)translateZ(0)rotateX(0)}}@keyframes aqua-float-small{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(-1.5deg)}}@media (max-width:1180px){.layout-choice-grid,.layout-preview-showcase{grid-template-columns:1fr}}@media (max-width:1060px){.app-shell[data-layout-style=aqua] .topbar{margin-left:8px;margin-right:8px}}@media (max-width:720px){.app-shell[data-layout-style=aqua]:before{opacity:.54;background-size:360px 260px,420px 300px,320px 260px,380px 300px,280px 240px}.app-shell[data-layout-style=aqua] .topbar,.app-shell[data-layout-style=aqua] .card,.app-shell[data-layout-style=aqua] .subtle-panel,.app-shell[data-layout-style=aqua] .empty-state{transform:none}}@media (prefers-reduced-motion:reduce){.app-shell[data-layout-style=aqua],.app-shell[data-layout-style=aqua] *,.app-shell[data-layout-style=aqua]:before,.app-shell[data-layout-style=aqua]:after,.layout-preview-bubbles span{transition:none!important;animation:none!important}}