:root{--ink: #1f2430;--muted: #5f6b7a;--bg: #f4f5f7;--surface: #ffffff;--border: #e3e5ea;--brand: #7a2618;--brand-hover: #5e1e12;--accent: #e3a72e;--success: #1e8e5a;--warning: #8a6500;--danger: #c53030;--brand-soft: #f2e9e6;--bottomnav-h: 58px;--radius-card: 12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;color:var(--ink);background:var(--bg);overscroll-behavior-y:none}a{color:var(--brand);text-decoration:none}button{font:inherit;touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}#app-shell{display:grid;grid-template-columns:220px 1fr;grid-template-rows:auto 52px 1fr;height:100vh;grid-template-areas:"banner banner" "topbar topbar" "sidebar main"}#app-shell.collapsed{grid-template-columns:52px 1fr}#topbar{grid-area:topbar;display:flex;align-items:center;gap:14px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border)}.hamburger{background:none;border:none;font-size:18px;cursor:pointer;color:var(--ink);padding:4px 6px}.brand{font-weight:700;letter-spacing:.04em;font-size:14px;color:var(--brand);white-space:nowrap}.fy-badge{background:#8a6500;color:#fff;font-weight:600;font-size:11px;border-radius:10px;padding:2px 10px;white-space:nowrap}.searchbox{flex:1;max-width:420px}.searchbox input{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--bg)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:14px}.user-chip{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;padding:4px 6px;border-radius:6px}.user-chip:hover,.user-chip.open{background:var(--bg)}.user-dot{width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.user-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:170px;padding:6px 0;box-shadow:0 4px 14px #1f24301f;z-index:1000}.user-menu button{display:block;width:100%;text-align:left;padding:8px 14px;background:none;border:none;cursor:pointer;color:var(--ink)}.user-menu button:hover{background:var(--bg)}#sidebar{grid-area:sidebar;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:10px 0}.nav-group{margin-bottom:2px}.nav-head{display:flex;align-items:center;gap:8px;padding:8px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ink)}.nav-head:hover{background:var(--bg)}.nav-head .ico{width:20px;text-align:center}.nav-head .car{margin-left:auto;font-size:9px;color:var(--muted);transition:transform .15s ease}.nav-group.open .car{transform:rotate(90deg)}.nav-sub{max-height:0;overflow:hidden;visibility:hidden;position:relative;z-index:1;transition:max-height .18s ease-out,visibility .18s}.nav-group.open .nav-sub{max-height:400px;visibility:visible}.nav-sub a{display:flex;align-items:center;gap:8px;padding:7px 14px 7px 42px;color:var(--ink);font-size:12.5px}.nav-sub a:hover{background:var(--bg)}.nav-head.leaf.active,.nav-sub a.active{background:var(--brand);color:#fff}#app-shell.collapsed .label,#app-shell.collapsed .car,#app-shell.collapsed .nav-sub{display:none}#app-shell.collapsed .nav-head{justify-content:center;padding:8px 0}#main{grid-area:main;overflow-y:auto;padding:20px 24px}.page-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.page-head h1{margin:0;font-size:20px}.page-head .sub{color:var(--muted);margin-top:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.cards6{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 14px}.stat-card .lbl{color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.03em}.stat-card .val{font-size:20px;font-weight:700;margin-top:4px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--border);font-size:12.5px}th{color:var(--muted);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em}.muted{color:var(--muted)}.data-table tbody tr:hover td{background:#f7f9fc}.data-table tbody tr.row-selected:hover td{background:#fdf3e3}.data-table tbody tr.row-clickable{cursor:pointer}.data-table td.col-right,.data-table th.col-right{text-align:right}.data-table td.col-center,.data-table th.col-center{text-align:center}.data-table th.sel-check,.data-table td.sel-check{width:36px;text-align:center}.data-table input[type=checkbox]{width:14px;height:14px;accent-color:var(--brand);cursor:pointer;vertical-align:middle}.sel-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#eef4ff;border-bottom:1px solid var(--border);font-size:12.5px;color:#34518c}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px;font-size:12.5px;color:var(--muted)}.pagination-info{display:flex;align-items:center;gap:12px}.pagination-info .page-size{display:flex;align-items:center;gap:6px;white-space:nowrap}.pagination-info .page-size select{padding:5px 8px;border:1px solid var(--border);border-radius:6px;font-size:12px;background:var(--surface);cursor:pointer}.pagination-range{white-space:nowrap}.pagination-controls{display:flex;align-items:center;gap:6px}.pagination-controls .btn-ghost{padding:5px 10px;font-size:12px}.pagination-current{font-weight:600;color:var(--ink);padding:0 4px;white-space:nowrap}@media(max-width:720px){.pagination{justify-content:center;gap:8px}.pagination-info{width:100%;justify-content:center}.pagination-controls{width:100%;justify-content:center;flex-wrap:wrap}}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h3{margin:0 0 8px;font-size:14px}.btn,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:6px;font-size:13px;cursor:pointer;border:1px solid transparent}.btn{background:var(--brand);color:#fff}.btn:hover{background:var(--brand-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--ink)}.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:600;font-size:12px;color:var(--muted)}.field input{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--surface)}.field textarea{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--surface);resize:vertical;font-family:inherit}.field input:focus{outline:2px solid var(--brand);outline-offset:-1px}.form-error{background:#fdecec;border:1px solid #f3c6c6;color:var(--danger);border-radius:6px;padding:9px 12px;font-size:12.5px}.req{color:var(--danger);margin-left:2px}.field-error{color:var(--danger);font-size:12px;line-height:1.35}.field-invalid input,.field-invalid select,.field-invalid textarea{border-color:var(--danger)}.field-invalid input:focus,.field-invalid select:focus,.field-invalid textarea:focus{outline-color:var(--danger)}.form-notice{background:#fdf6e3;border:1px solid #ecd9a8;color:var(--warning);border-radius:6px;padding:9px 12px;font-size:12.5px}.notice{background:#eef4ff;border:1px solid #c7d7f5;color:#34518c;border-radius:6px;padding:9px 12px;font-size:12.5px;margin-bottom:12px}.notice-danger{background:#fdeeee;border-color:#f2c8c8;color:#9a3434}.field-hint{margin-top:4px;font-size:12px;color:#777}.toggle-list{display:flex;flex-direction:column;gap:10px;margin:6px 0 14px}.toggle-row{display:flex;align-items:center;gap:10px;font-size:13.5px;cursor:pointer}.toggle-row input{width:auto}.toggle-row:has(input:disabled){cursor:not-allowed;opacity:.7}.panel-actions{margin-top:14px;display:flex;justify-content:flex-end}.login-wrap{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:360px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:28px;display:flex;flex-direction:column;gap:14px}.login-brand{font-size:16px;font-weight:700;color:var(--brand);text-align:center;letter-spacing:.04em}.center-empty{text-align:center;color:var(--muted);padding:48px 0}.num{text-align:right;font-variant-numeric:tabular-nums}.data-table.table-fixed{table-layout:fixed}.data-table.table-fixed td{overflow-wrap:break-word}.wrap{overflow-wrap:anywhere;word-break:break-word}.data-table td.center,.data-table th.center{text-align:center}.strong{font-weight:600}.mono{font-family:Cascadia Mono,Consolas,Liberation Mono,monospace;font-size:12px}.row-selected td{background:#fdf3e3}.row-actions{white-space:nowrap;text-align:right}.btn-link{background:none;border:none;color:var(--brand);cursor:pointer;padding:2px 6px;font-size:12.5px;text-decoration:underline}.btn-link.danger{color:var(--danger)}.pill{display:inline-block;padding:2px 9px;border-radius:10px;font-size:11px;font-weight:600;background:var(--bg);color:var(--muted);border:1px solid var(--border)}.pill-ok{background:#e8f7ef;border-color:#bfe8d2;color:var(--success)}.pill-warn{background:#fdf6e3;border-color:#ecd9a8;color:var(--warning)}.pill-danger{background:#fdecec;border-color:#f3c6c6;color:var(--danger)}.pill-muted{background:var(--bg);color:var(--muted)}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.toolbar-input{padding:7px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--surface)}.toolbar-input[type=search]{min-width:240px;flex:1}.toolbar-check,.toolbar-label{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}.toolbar-label input{padding:6px 8px;border:1px solid var(--border);border-radius:6px;font-size:13px}.pager{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 0 4px;font-size:12.5px;color:var(--muted)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:16px}.tab{background:none;border:none;border-bottom:2px solid transparent;padding:9px 16px;font-size:13px;cursor:pointer;color:var(--muted)}.tab:hover{color:var(--ink)}.tab.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.stat-cards .stat-card .val{font-size:16px}.modal-backdrop{position:fixed;inset:0;background:#1f243073;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:460px;max-width:calc(100vw - 40px);max-height:calc(100vh - 60px);display:flex;flex-direction:column;box-shadow:0 1px 2px #1f24300d,0 8px 24px #1f24301f,0 24px 48px #1f243014}.modal-wide{width:820px}.modal-xwide{width:980px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:15px}.modal-subtitle{margin:3px 0 0;font-size:12.5px;color:var(--muted);line-height:1.4}.modal-x{background:none;border:none;font-size:15px;cursor:pointer;color:var(--muted);padding:2px 6px}.modal-x:hover{color:var(--ink)}.modal-body{padding:16px 18px;overflow-y:auto}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.modal-actions .toolbar-check{margin-right:auto;align-self:center}.confirm-msg{margin:0 0 6px;color:var(--ink);line-height:1.5}.btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:6px;font-size:13px;cursor:pointer;border:1px solid transparent;background:var(--danger);color:#fff}.btn-danger:hover{background:#a02a2a}.btn-danger:disabled{opacity:.55;cursor:not-allowed}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.form-group{margin:0 0 18px}.form-group:last-child{margin-bottom:0}.form-group-title{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:6px}.form-grid .span-2{grid-column:span 2}.field select{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--surface)}.field input:focus,.field select:focus,.toolbar-input:focus,.toolbar-label input:focus{outline:2px solid var(--brand);outline-offset:-1px}.toast-stack{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:80}.toast{padding:10px 14px;border-radius:8px;font-size:13px;background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 14px #1f243026;min-width:240px;max-width:380px}.toast-ok{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.code-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--bg)}.code-screen .code{font-size:44px;font-weight:800;color:var(--brand)}@media(max-width:1024px){.cards6{grid-template-columns:repeat(3,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:640px){.searchbox{display:none}.cards6{grid-template-columns:repeat(2,1fr)}}.page-head-note{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;color:var(--muted)}.page-head-note strong{color:var(--ink)}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.filter-bar input,.filter-bar select{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:var(--surface)}.filter-bar input:focus,.filter-bar select:focus{outline:none;border-color:var(--brand)}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:auto}.table-card .pager{padding:10px 14px}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{filter:brightness(.94)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost.danger{color:var(--danger)}.page-loading,.empty-state{padding:28px;text-align:center;color:var(--muted)}.invoice-action-bar{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.customer-snapshot{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px dashed var(--border);border-radius:8px;padding:10px 12px}.customer-snapshot-line{display:flex;gap:16px;flex-wrap:wrap;align-items:baseline}.customer-snapshot-line.muted{font-size:12px;color:var(--muted)}.customer-snapshot-actions{flex:none}.customer-picker{position:relative}.customer-picker>input{width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px}.customer-picker>input:focus{outline:none;border-color:var(--brand)}.customer-picker-actions{margin-top:8px}.customer-results{position:absolute;top:100%;left:0;right:0;z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 6px 18px #0000001f;max-height:240px;overflow:auto}.customer-result{display:flex;width:100%;text-align:left;padding:9px 12px;border:none;background:none;cursor:pointer;border-bottom:1px solid var(--border)}.customer-result:last-child{border-bottom:none}.customer-result:hover{background:var(--hover)}.customer-result span{display:flex;flex-direction:column;gap:2px}.customer-result small{color:var(--muted);font-size:11.5px}.data-table.invoice-lines{min-width:948px}.data-table.invoice-lines .col-sn{width:34px}.data-table.invoice-lines .col-product{width:auto;min-width:260px}.data-table.invoice-lines .col-hsn{width:84px}.data-table.invoice-lines .col-qty{width:76px}.data-table.invoice-lines .col-unit{width:84px}.data-table.invoice-lines .col-rate{width:96px}.data-table.invoice-lines .col-disc,.data-table.invoice-lines .col-gst{width:80px}.data-table.invoice-lines .col-amount{width:108px}.data-table.invoice-lines .col-action{width:46px}.data-table.invoice-lines td.center,.data-table.invoice-lines th.center{text-align:center}.data-table.invoice-lines th.col-action,.data-table.invoice-lines td.col-action{text-align:center;padding-left:2px;padding-right:2px}.data-table.invoice-lines input{width:100%;min-width:0;padding:6px 8px;border:1px solid var(--border);border-radius:5px;font-size:12.5px;box-sizing:border-box}.data-table.invoice-lines input:focus{outline:none;border-color:var(--brand)}.invoice-lines .field-error{margin-top:3px}.row-remove{padding:2px 8px}.calc-grid{display:grid;grid-template-columns:300px 1fr;gap:20px}.calc-lines .row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed var(--border);font-size:13px}.calc-lines .row.grand{font-weight:700;font-size:15px;border-bottom:none;border-top:2px solid var(--border);margin-top:2px;padding-top:6px}.invoice-print{--inv-ink: #2b2118;--inv-rule: #1a1a1a;--inv-oxblood: #7a2618;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.invoice-toolbar{max-width:860px;margin:0 auto 12px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.invoice-toolbar-actions{display:flex;gap:8px}.invoice-sheet-wrap{max-width:860px;margin:0 auto}.invoice-sheet{position:relative;background:#fff;color:var(--inv-ink);padding:26px 30px 22px;font-family:Georgia,Times New Roman,serif;font-size:13px;line-height:1.45;border:1px solid #d8cdb8;border-radius:6px;overflow:hidden}.inv-watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0;overflow:hidden}.inv-watermark span{font-family:Georgia,Times New Roman,serif;font-size:92px;font-weight:700;letter-spacing:22px;color:#1f29370b;white-space:nowrap;transform:rotate(-24deg)}.invoice-sheet>*:not(.inv-watermark){position:relative;z-index:1}.inv-head-row{display:flex;justify-content:space-between;border-bottom:2px solid var(--inv-rule);padding-bottom:10px;margin-bottom:10px;gap:20px}.inv-co-block{display:flex;gap:12px}.inv-co-seal{flex:none;object-fit:contain;max-width:64px;max-height:68px}.inv-co-fallback{flex:none;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:1.5px solid #333;border-radius:50%;font-family:Georgia,serif;font-size:18px;font-weight:700;letter-spacing:.5px;color:#333}.inv-co-name{font-size:19px;font-weight:700;letter-spacing:.3px}.inv-co-meta{font-size:11.5px;color:#333;margin-top:2px}.inv-title{text-align:right}.inv-tag{font-family:Georgia,serif;font-weight:700;font-size:13px;letter-spacing:2px;color:var(--inv-oxblood);border:1.5px solid var(--inv-oxblood);padding:3px 10px;display:inline-block;margin-bottom:6px}.inv-no{font-size:12.5px}.inv-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 24px;font-size:12px;margin-bottom:12px}.field-line{display:flex;gap:6px}.field-line label{white-space:nowrap;color:#444;font-size:11.5px}.inv-buyer{border:1px solid var(--inv-rule);padding:8px 10px;margin-bottom:12px}.inv-cap{font-size:10.5px;letter-spacing:1px;color:#666;text-transform:uppercase;margin-bottom:4px}.inv-buyer-grid{display:grid;grid-template-columns:2fr 1fr;gap:4px 16px}.buyer-row{display:flex;gap:6px;align-items:baseline;margin-bottom:3px}.buyer-row label{font-size:11.5px;color:#444;white-space:nowrap}table.inv-items{width:100%;border-collapse:collapse;margin-bottom:4px}table.inv-items th,table.inv-items td{border:1px solid var(--inv-rule);padding:5px 6px;font-size:12px}table.inv-items th{background:#f1ece0;font-size:10.5px;text-transform:uppercase;letter-spacing:.4px}table.inv-items td.num{text-align:right;font-variant-numeric:tabular-nums}table.inv-items td.center{text-align:center;color:#777}.inv-sln{width:28px}.inv-below-table{display:flex;justify-content:space-between;margin-top:6px;gap:20px}.inv-supply{font-size:11.5px;color:#444;align-self:center}.inv-totals{width:290px;font-size:12.5px}.inv-totals .row{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px dashed #ccc}.inv-totals .row.grand{border-bottom:none;border-top:2px solid var(--inv-rule);font-weight:700;font-size:14px;margin-top:2px;padding-top:6px;background:linear-gradient(transparent 40%,#fbe9c1 40%)}.inv-words{font-size:12px;margin:10px 0;font-style:italic}.inv-words b{font-style:normal}.inv-foot-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-top:14px;border-top:1px solid #ccc;padding-top:10px}.bank-row{display:flex;gap:6px;font-size:11.5px;margin-bottom:2px}.bank-row label{color:#444;white-space:nowrap;min-width:66px}.inv-declaration{font-size:10.5px;color:#555;margin-top:8px}.inv-terms{margin-top:10px}.inv-terms .inv-cap{margin-bottom:2px}.inv-terms-text{font-size:10.5px;color:#555;white-space:pre-line}.inv-sig-box{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:4px}.inv-stamp{max-width:90px;max-height:80px;object-fit:contain}.inv-signature{max-width:110px;max-height:50px;object-fit:contain}.inv-sig-line{border-top:1px solid #999;margin-top:38px;padding-top:4px;font-size:11px;text-align:center;color:#444;width:180px}.inv-gen-note{text-align:center;font-size:10px;color:#888;margin-top:14px}.inv-cancel-note{color:#b3261e;font-weight:600}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.period-bars{display:flex;flex-direction:column;gap:10px;padding:4px 0}.period-bar-lbl{display:flex;justify-content:space-between;font-size:12px;margin-bottom:3px}.period-bar-lbl span:last-child{color:var(--brand);font-weight:700}.period-bar-track{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.period-bar-fill{height:100%;background:var(--brand);border-radius:4px;transition:width .3s ease}.num.neg{color:#b45309}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:10px}.cal-head{text-align:center;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:4px 0}.cal-cell{min-height:64px;border:1px solid var(--border);border-radius:6px;background:var(--surface);display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 8px;font:inherit;color:var(--ink);cursor:default;text-align:left}.cal-cell.active{border-color:var(--brand);cursor:pointer}.cal-cell.active:hover{background:var(--brand-soft, #f2f6ff)}.cal-cell.empty{border-color:transparent;background:transparent;min-height:64px}.cal-day{font-size:13px;font-weight:700}.cal-stats{font-size:10.5px;color:var(--brand);line-height:1.3}@media(max-width:1024px){.cards3,.cards4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.cards3,.cards4{grid-template-columns:1fr}.cal-cell{min-height:52px}}.app-banner{grid-area:banner}.banner{display:flex;align-items:center;gap:12px;padding:8px 16px;font-size:12.5px;font-weight:600}.banner-offline{background:#fff8e6;border-bottom:1px solid #ecd9a8;color:var(--warning)}.banner-update{background:#eef4ff;border-bottom:1px solid #c7d7f5;color:#34518c}.banner-btn{margin-left:auto;padding:4px 10px;font-size:12.5px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--brand);color:#fff;padding:10px 16px;border-radius:0 0 8px;z-index:100;font-weight:600}.skip-link:focus{left:0;outline:none}.skeleton{background:linear-gradient(90deg,#e9ebef 25%,#f5f6f8 40%,#e9ebef 60%);background-size:400% 100%;animation:skeleton-shimmer 1.3s ease infinite;border-radius:6px}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.app-loading{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted);font-size:13px}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--brand);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-row td{padding:10px 16px}.skeleton-card-lines{display:flex;flex-direction:column;gap:9px;padding:2px 0}.page-skeleton{display:flex;flex-direction:column;gap:16px}.skeleton-page-head{display:flex;flex-direction:column;gap:12px}.skeleton-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px;display:flex;flex-direction:column;gap:18px}.page-transition{animation:page-in .22s ease both}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ptr-wrap{min-height:100%;position:relative}.ptr-indicator{position:absolute;top:-14px;left:0;right:0;display:flex;justify-content:center;opacity:0;transition:opacity .15s;pointer-events:none}.ptr-indicator.visible{opacity:1}.ptr-arrow{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--surface);border:1px solid var(--border);box-shadow:0 2px 8px #1f24301f;color:var(--muted);font-size:16px;transition:transform .2s}.ptr-indicator.spinning .ptr-arrow{animation:ptr-spin .8s linear infinite}@keyframes ptr-spin{to{transform:rotate(360deg)}}.ptr-content{transition:transform .18s ease-out}.fab{position:fixed;right:18px;bottom:calc(var(--bottomnav-h) + 22px + env(safe-area-inset-bottom));z-index:46;width:56px;height:56px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #7a261866;border:none;cursor:pointer;text-decoration:none;transition:transform .12s ease,background .12s ease}.fab:active{transform:scale(.92)}.fab:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.fab-icon{font-size:28px;line-height:1;font-weight:500}@media(min-width:768px){.fab{display:none}}#bottomnav{display:none}@media(max-width:767px){#bottomnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:44;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);height:calc(var(--bottomnav-h) + env(safe-area-inset-bottom))}#bottomnav a,#bottomnav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:none;background:none;color:var(--muted);font-size:10.5px;font-family:inherit;cursor:pointer;padding:0;text-decoration:none}#bottomnav a.active,#bottomnav button.active{color:var(--brand);font-weight:600}#bottomnav .bn-ico{font-size:20px;line-height:1}}@media(max-width:767px){#app-shell{display:block;height:auto;min-height:100dvh}#app-shell.collapsed{grid-template-columns:none}#app-shell.collapsed .label,#app-shell.collapsed .car,#app-shell.collapsed .nav-sub{display:block}#app-shell.collapsed .nav-head{justify-content:flex-start;padding:8px 14px}#topbar{position:sticky;top:0;z-index:55;min-height:52px;padding:env(safe-area-inset-top) 12px 0;gap:10px}#topbar .hamburger{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px}#topbar .hamburger:active{background:var(--bg)}.brand{font-size:13px}.user-name{display:none}#sidebar{position:fixed;top:0;bottom:0;left:0;width:min(292px,84vw);z-index:60;transform:translate(-105%);transition:transform .26s cubic-bezier(.32,.72,.24,1);box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:calc(16px + env(safe-area-inset-bottom))}#app-shell.drawer-open #sidebar{transform:translate(0);box-shadow:0 0 48px #1f243066}#drawer-backdrop{position:fixed;inset:0;background:#1f24306b;z-index:59;animation:fade-in .2s ease}#main{overflow:visible;height:auto;padding:14px 14px calc(var(--bottomnav-h) + 24px + env(safe-area-inset-bottom))}.nav-head{min-height:44px}.fy-badge{display:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(min-width:481px)and (max-width:767px){.fy-badge{display:inline-block}.stat-cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.table-card{background:transparent;border:none;overflow:visible;border-radius:0}.data-table{min-width:0!important}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);margin-bottom:10px;box-shadow:0 1px 3px #1f24300d}.data-table td{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;border-bottom:1px solid var(--border);min-height:42px;font-size:13.5px}.data-table td:last-child{border-bottom:none}.data-table td:before{content:attr(data-label);color:var(--muted);font-size:11.5px;font-weight:600;flex:none}.data-table td:not([data-label]){justify-content:flex-start}.data-table td.col-right{justify-content:space-between}.table-card.table-scroll{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow-x:auto;overflow-y:hidden}.data-table.invoice-lines{display:table;min-width:948px!important}.data-table.invoice-lines thead{display:table-header-group}.data-table.invoice-lines tbody{display:table-row-group}.data-table.invoice-lines tr{display:table-row;width:auto}.data-table.invoice-lines td{display:table-cell;width:auto;min-height:0;padding:7px 6px;justify-content:unset}.data-table.invoice-lines td:before{content:none}.data-table tr.row-selected{border-color:var(--accent);background:#fdf3e3}.data-table tr.row-clickable:active{background:var(--bg)}.pagination{flex-direction:column;gap:10px;align-items:stretch}.pagination-controls{flex-wrap:wrap;justify-content:center}}.modal-backdrop{animation:fade-in .2s ease}@media(max-width:640px){.modal-backdrop{align-items:flex-end;padding:0}.modal{width:100%;max-width:100%;max-height:90dvh;border-radius:18px 18px 0 0;border-bottom:none;animation:sheet-up .28s cubic-bezier(.22,.9,.3,1)}.modal-wide{width:100%}.modal-body{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.modal-actions{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.toast-stack{right:12px;left:12px;bottom:calc(14px + env(safe-area-inset-bottom));align-items:stretch}.toast{max-width:none;min-width:0}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@media(max-width:640px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}button:not(.btn-link):not(.modal-x):not(.cal-cell):not(.customer-result){min-height:44px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.login-card{width:min(360px,calc(100vw - 32px));padding:24px 22px}.stat-cards{grid-template-columns:repeat(2,1fr)}.calc-grid{grid-template-columns:1fr}.customer-snapshot,.invoice-toolbar{flex-direction:column;align-items:flex-start}.invoice-action-bar,.invoice-toolbar-actions{width:100%;justify-content:flex-start}.filter-bar input,.filter-bar select{flex:1;min-width:0}.toolbar-input[type=search]{min-width:0;flex:1 1 100%}.invoice-lines input{width:100%;min-width:0}.invoice-sheet{padding:18px 16px}.inv-head-row,.inv-below-table{flex-direction:column;align-items:flex-start}.inv-title{text-align:left}.inv-totals{width:100%}}@media(min-width:1600px){#app-shell{grid-template-columns:260px 1fr}#app-shell.collapsed{grid-template-columns:64px 1fr}body{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.skeleton{animation:none}.ptr-content{transition:none}}.detail-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.detail-toolbar-hint{font-size:12px;color:var(--muted)}#print-invoice{display:none}@media print{html,body{background:#fff!important;margin:0!important}body>#root{display:none!important}#print-invoice{display:block!important}.no-print{display:none!important}.invoice-sheet{border:none;border-radius:0;box-shadow:none;padding:6mm 10mm;font-size:12px;max-width:none;width:auto;overflow:hidden}@page{size:A4;margin:8mm}}