:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f7f8fa;--color-surface:#fff;--color-border:#e5e7eb;--color-text:#1a1a1a;--color-muted:#6b7280;--color-primary:#0070f3;--color-primary-hover:#0058c4;--color-primary-soft:#eff6ff;--color-warning-soft:#fff4e5;--radius:8px;--shadow:0 1px 3px #0000000f;--chart-series-1:#2a78d6;--chart-series-2:#eb6834;--chart-series-3:#1baf7a;--chart-series-4:#eda100;--chart-series-5:#e87ba4;--chart-series-6:#008300;--chart-series-7:#4a3aa7;--chart-series-8:#e34948;--chart-series-other:#9ca3af;--status-good:#0ca30c;--status-warning:#fab219;--status-serious:#ec835a;--status-critical:#d03b3b}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#17191e;--color-surface:#1e2027;--color-border:#34373f;--color-text:#dcdee3;--color-muted:#8f95a1;--color-primary:#4d94ff;--color-primary-hover:#7ab0ff;--color-primary-soft:#25334b;--color-warning-soft:#3a2f1e;--shadow:0 1px 3px #00000059;--chart-series-1:#3987e5;--chart-series-2:#d95926;--chart-series-3:#199e70;--chart-series-4:#c98500;--chart-series-5:#d55181;--chart-series-6:#008300;--chart-series-7:#9085e9;--chart-series-8:#e66767;--chart-series-other:#7b8290;--status-good:#2fc02f;--status-warning:#fab219;--status-serious:#ec835a;--status-critical:#ef5b5b}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#17191e;--color-surface:#1e2027;--color-border:#34373f;--color-text:#dcdee3;--color-muted:#8f95a1;--color-primary:#4d94ff;--color-primary-hover:#7ab0ff;--color-primary-soft:#25334b;--color-warning-soft:#3a2f1e;--shadow:0 1px 3px #00000059;--chart-series-1:#3987e5;--chart-series-2:#d95926;--chart-series-3:#199e70;--chart-series-4:#c98500;--chart-series-5:#d55181;--chart-series-6:#008300;--chart-series-7:#9085e9;--chart-series-8:#e66767;--chart-series-other:#7b8290;--status-good:#2fc02f;--status-warning:#fab219;--status-serious:#ec835a;--status-critical:#ef5b5b}*{box-sizing:border-box}@keyframes verticals-spin{to{transform:rotate(360deg)}}@keyframes verticals-shimmer{0%{background-position:100%}to{background-position:0}}@keyframes verticals-pulse{0%,to{opacity:1}50%{opacity:.45}}.vskel{background:var(--color-border);border-radius:6px;animation:1.5s ease-in-out infinite verticals-pulse;display:block}.vskel--text{border-radius:4px;height:.72em;margin:.2em 0}.vskel--circle{border-radius:50%}.vskel-group .vskel{animation-delay:0s}@media (prefers-reduced-motion:reduce){.vskel,svg[style*=verticals-spin]{animation:none!important}.vskel{opacity:.7}}html,body{overflow-x:hidden}body{background:var(--color-bg);color:var(--color-text);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:padding-left .2s}body.pos-panel-docked{padding-left:210px}.pos-nav-active{color:#1f3a25;background:linear-gradient(150deg,#f0f8f1 0%,#d9eddb 52%,#c2dcc5 100%);box-shadow:inset 0 1px #ffffffa6,0 1px 4px #00000038}:root[data-theme=dark] .pos-nav-active{color:#dfeee2;background:linear-gradient(150deg,#33513a 0%,#294632 55%,#203a28 100%);box-shadow:inset 0 1px #ffffff17,0 1px 4px #00000073}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pos-nav-active{color:#dfeee2;background:linear-gradient(150deg,#33513a 0%,#294632 55%,#203a28 100%);box-shadow:inset 0 1px #ffffff17,0 1px 4px #00000073}}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border-radius:var(--radius);background:var(--color-primary);color:#fff;border:none;padding:.55rem 1.1rem;font-family:inherit;font-size:.9rem;transition:background .15s}button:hover{background:var(--color-primary-hover)}button:disabled{background:var(--color-border);cursor:not-allowed}button.secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}button.secondary:hover{background:var(--color-bg)}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);padding:.55rem .7rem;font-family:inherit;font-size:.9rem}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);outline:none}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow)}.toggle{flex-shrink:0;width:34px;height:19px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#d1d5db;border-radius:20px;transition:all .15s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .15s;position:absolute;bottom:2.5px;left:2.5px}.toggle input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(15px)}.toggle input:focus-visible+.toggle-slider{outline:2px solid var(--color-primary);outline-offset:2px}.page{max-width:800px;margin:0 auto;padding:2rem 1.5rem}@media (width>=769px){.pos-flow .page{max-width:min(1600px,100%);padding-left:4.5rem;padding-right:4.5rem}}.pos-flow .table-breakout{width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.table-scroll{-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-surface);background-image:linear-gradient(to right, var(--color-surface) 30%, #fff0), linear-gradient(to left, var(--color-surface) 30%, #fff0), radial-gradient(farthest-side at 0 50%, #00000026, #0000), radial-gradient(farthest-side at 100% 50%, #00000026, #0000);background-position:0 0,100% 0,0 0,100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll;max-height:65vh;margin-top:1rem;overflow:auto}.table-breakout{box-sizing:border-box;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:1.5rem;padding-right:1.5rem}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius);background-color:var(--color-surface);max-height:65vh;margin-top:1rem;overflow:auto}@media (width<=768px){.table-wrap.table-bleed{box-sizing:border-box;border-left:none;border-right:none;border-radius:0;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}.cluster{flex-wrap:wrap;align-items:center;gap:.6rem;min-width:0;display:flex}.cluster-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;min-width:0;display:flex}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.form-2col{grid-template-columns:1fr 1fr;gap:0 .9rem;display:grid}@media (width<=520px){.form-2col{grid-template-columns:1fr}}.records-table tbody tr{cursor:pointer;transition:background .1s}.records-table tbody tr:nth-child(2n){background:var(--color-bg)}.records-table tbody tr:hover{background:var(--color-primary-soft)}.records-table th,.records-table td{font-size:.88rem}.category-scroll{scrollbar-width:thin;-webkit-overflow-scrolling:touch}.category-scroll::-webkit-scrollbar{height:4px}.category-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.toolbar-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dropdown-panel{max-width:min(90vw,320px);color:var(--color-text);background:var(--color-surface)!important;border-color:var(--color-border)!important}.product-card{margin-top:.5rem}.product-row-main{align-items:center;gap:.5rem;display:flex}.product-row-details{gap:.5rem;margin-top:.4rem;display:flex}.product-name,.product-price,.product-unit,.product-category{min-width:0}.product-toggle,.product-remove{flex-shrink:0;padding:.55rem .6rem;line-height:1}.product-remove{color:#c0392b}.product-template-actions{flex-wrap:nowrap;gap:.5rem;min-width:0;display:flex}.product-template-actions>*{text-align:center;white-space:nowrap;text-overflow:ellipsis;justify-content:center;min-width:0;overflow:hidden}.navbar-mobile-row,.navbar-bottom-bar{display:none}.list-actions-mobile{display:none!important}.form-state-card{min-width:0}.form-state-badge{border-radius:999px;flex-shrink:0;align-items:center;gap:.25rem;padding:.16rem .5rem;font-size:.7rem;font-weight:700;line-height:1.25;display:inline-flex}.form-state-badge:before{content:"";background:currentColor;border-radius:50%;width:.42rem;height:.42rem}.form-state-badge.draft{color:#966300;background:#fff4e5}.form-state-badge.live{color:#1a7f37;background:#e6f4ea}.form-state-badge.paused{color:#a24b00;background:#fff1dd}.form-state-badge.archived{color:#5f6973;background:#eef0f2}.form-card-meta{color:var(--color-muted);flex-wrap:wrap;gap:.2rem .65rem;margin-top:.18rem;font-size:.8rem;display:flex}.form-card-meta span+span:before{content:"·";margin-right:.65rem}.grid-live-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin-top:.35rem;display:grid}.grid-live-actions button{white-space:nowrap;width:100%;padding:.42rem .35rem;font-size:.74rem}.report-header{justify-content:space-between;align-items:flex-end;gap:1rem;padding:.5rem 0 1.25rem;display:flex}.report-eyebrow,.report-subtitle{color:var(--color-muted)}.report-eyebrow{letter-spacing:.07em;text-transform:uppercase;font-size:.8rem;font-weight:700}.report-title{margin:.2rem 0 0;font-size:2rem}.report-subtitle{margin:.4rem 0 0;font-size:.9rem}.report-filter-bar{margin-bottom:.6rem}.report-filter-group label{color:var(--color-muted);font-size:.82rem;font-weight:700}.report-empty-state{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:2rem;display:flex}@media (width<=768px){.app-content-under-navbar .page{padding:1.25rem 1rem calc(84px + env(safe-area-inset-bottom))}.page{padding:1.25rem 1rem}h1{font-size:1.5rem}.field-row{flex-direction:column;align-items:stretch!important}.field-row>*{width:100%}.navbar-desktop-row{display:none!important}.navbar-mobile-row{justify-content:space-between;align-items:center;gap:.6rem;padding:.7rem 1rem;display:flex!important}.navbar-bottom-bar{z-index:140;height:calc(68px + env(safe-area-inset-bottom));background:var(--color-surface);border-top:1px solid var(--color-border);padding:0 .3rem env(safe-area-inset-bottom);justify-content:space-between;align-items:stretch;position:fixed;bottom:0;left:0;right:0;display:flex!important}.dark-mode-toggle{bottom:calc(68px + env(safe-area-inset-bottom) + .8rem)!important}.preview-fab{right:1rem!important;bottom:calc(68px + env(safe-area-inset-bottom) + .8rem + 56px)!important}.builder-undo-toast{bottom:calc(68px + env(safe-area-inset-bottom) + .8rem)!important}.page-options-trigger,.page-options-panel-desktop{display:none!important}.page-options-panel-mobile{display:block!important}}.page-options-panel-mobile{display:none}@media (width<=768px){.pos-menu-button,.pos-back-button{top:auto!important;bottom:calc(1rem + env(safe-area-inset-bottom))!important}.list-actions-desktop{display:none!important}.list-actions-mobile{display:flex!important}.form-grid{grid-template-columns:repeat(2,1fr)!important;gap:.7rem!important}.form-grid-card{padding:.7rem!important}.form-grid-card button{padding:.5rem .6rem!important;font-size:.82rem!important}.report-header{align-items:flex-start;padding-bottom:1rem}.report-title{font-size:1.65rem}.report-filter-bar{align-items:stretch!important}.report-filter-group{flex:100%}.report-filter-group select{flex:1}.report-filter-group input[type=date]{flex:140px;min-width:0}.report-filter-bar>.secondary,.report-filter-bar>div:last-child{flex:1}.report-filter-bar>.secondary,.report-filter-bar>div:last-child>button{width:100%}.report-filter-bar+div .card{padding:1.1rem!important}.product-template-actions{flex:100%}.product-template-actions>*{flex:1}.table-breakout{padding-left:1rem;padding-right:1rem}}@media (width<=480px){.page,.app-content-under-navbar .page{padding-left:.75rem;padding-right:.75rem}.page{padding-top:1rem;padding-bottom:1rem}button{min-height:40px;padding:.5rem .85rem;font-size:.85rem}.card-grid{grid-template-columns:1fr!important}.table-breakout{padding-left:.75rem;padding-right:.75rem}}.report-tile-list{grid-template-columns:1fr;align-items:start;gap:1.2rem;display:grid}@media (width>=1200px){.report-tile-list{grid-template-columns:1fr 1fr}}.report-tile-list>.report-tile-wide{grid-column:1/-1}.report-chart-pair{grid-template-columns:1fr;gap:1.2rem;display:grid}@media (width>=1024px){.report-chart-pair{grid-template-columns:1fr 1fr;align-items:start}}.pay-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin-bottom:1.4rem;display:grid}.pay-stat{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:.6rem .8rem}.pay-stat.accent{border-color:var(--color-primary);background:var(--color-primary-soft)}.pay-stat .l{letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted);font-size:.66rem;font-weight:700}.pay-stat .v{font-variant-numeric:tabular-nums;color:var(--color-text);margin-top:.1rem;font-size:1.2rem;font-weight:800}.pay-stat .s{color:var(--color-muted);margin-top:.15rem;font-size:.72rem}.payroll-shell>.page{padding-top:calc(3.5rem + env(safe-area-inset-top))}@media (width>=1024px){.payroll-shell{padding-left:210px}.payroll-shell>.page{padding-top:2rem}}@media print{body *{visibility:hidden}.invoice-print-target,.invoice-print-target *{visibility:visible}.invoice-print-target{box-shadow:none!important;margin:0!important;position:absolute!important;top:0!important;left:0!important}@page{size:A4 portrait;margin:0}}.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width, height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{opacity:0;width:20px;height:20px;position:absolute}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}