:root{--paper:#faf8f3;--paper-raised:#fff;--ink:#201d18;--ink-soft:#5b5548;--rule:#ded6c4;--rule-strong:#c7bda4;--accent:#1f5c52;--accent-hover:#164039;--accent-soft:#e4efe9;--amber:#a8681f;--amber-soft:#f5e9d7;--red:#a13a2f;--red-soft:#f5e2de;--font-sans:-apple-system, "Segoe UI", system-ui, sans-serif;--font-serif:Charter, "Iowan Old Style", Georgia, serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{max-width:100%;height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);margin:0;font-size:15px;line-height:1.5;overflow-x:hidden}h1,h2,h3{font-family:var(--font-serif);text-wrap:balance;margin:0}button,input,select,textarea{font-family:inherit;font-size:inherit;max-width:100%}a{color:var(--accent)}.app-shell{max-width:100%;min-height:100dvh;display:flex}.sidebar{background:var(--paper-raised);border-right:1px solid var(--rule);flex-direction:column;flex-shrink:0;width:220px;padding:1.5rem 1rem;display:flex}.sidebar-brand{margin-bottom:1.5rem}.sidebar-nav{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar .brand{font-family:var(--font-serif);margin-bottom:.2rem;font-size:1.25rem;font-weight:700}.sidebar .brand-sub{color:var(--ink-soft);font-size:.75rem}.nav-link{color:var(--ink);border-radius:6px;margin-bottom:.15rem;padding:.6rem .75rem;font-weight:500;text-decoration:none;display:block}.nav-link:hover{background:var(--accent-soft)}.nav-link.active{background:var(--accent);color:#fff}.sidebar-footer{border-top:1px solid var(--rule);margin-top:auto;padding-top:1rem;font-size:.85rem}.sidebar-footer .who{font-weight:600}.logout-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;margin-top:.4rem;padding:0;font-size:.8rem;text-decoration:underline}.main-content{flex:1;width:100%;min-width:0;max-width:100%;padding:2rem 1.5rem}.page-title{margin-bottom:.3rem;font-size:1.6rem}.page-subtitle{color:var(--ink-soft);margin-bottom:1.75rem}.card{background:var(--paper-raised);border:1px solid var(--rule);border-radius:10px;min-width:0;padding:1.25rem 1.4rem}.summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.4rem,.8vw,.85rem);margin-bottom:1.5rem;display:grid}.stat-card{flex-direction:column;gap:.25rem;min-width:0;padding:clamp(.55rem,.9vw,1rem) clamp(.5rem,.85vw,1rem);display:flex}.stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);text-wrap:balance;font-size:clamp(.58rem,.72vw,.72rem);font-weight:600;line-height:1.25}.stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(.9rem,1.3vw,1.35rem);font-weight:600;line-height:1.2}.stat-value.positive{color:var(--accent)}.stat-value.negative{color:var(--red)}.stat-value.warning{color:var(--amber)}.stat-sub{color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:normal;font-size:clamp(.6rem,.68vw,.74rem);line-height:1.3}.stat-card.highlight-amber{background:var(--amber-soft);border-color:#e0c49a}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{border-color:var(--amber)}.stat-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.stat-card.highlight-amber.selected{border-color:var(--amber);box-shadow:0 0 0 2px var(--amber-soft)}.toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.toolbar select,.toolbar input[type=text],.toolbar input[type=date]{border:1px solid var(--rule-strong);background:var(--paper-raised);color:var(--ink);border-radius:6px;padding:.45rem .6rem}.spacer{flex:1}.btn{background:var(--accent);color:#fff;cursor:pointer;touch-action:manipulation;border:1px solid #0000;border-radius:7px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.88rem;font-weight:600;display:inline-flex}.btn:hover{background:var(--accent-hover)}.btn.secondary{background:var(--paper-raised);color:var(--ink);border-color:var(--rule-strong)}.btn.secondary:hover{background:var(--accent-soft)}.btn.danger{background:var(--red)}.btn:disabled{opacity:.5;cursor:not-allowed}.quote-actions{flex-wrap:wrap;gap:.6rem;margin:1rem 0 .35rem;display:flex}.quote-actions .btn{justify-content:center;min-width:8.5rem}.row-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.row-actions .btn{padding:.3rem .6rem;font-size:.78rem}.qty-input{text-align:right;width:70px}.table-wrap td select.qty-input,.table-wrap td input.qty-input{width:70px}.price-input{text-align:right;width:110px}.table-actions{justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.table-actions-meta{color:var(--ink-soft);margin-right:auto;font-size:.82rem}.table-wrap{border:1px solid var(--rule);background:var(--paper-raised);border-radius:10px;overflow-x:auto}tfoot .subtotal-row td{background:var(--paper);color:var(--ink-soft);border-bottom:1px solid var(--rule);font-weight:600}tfoot .total-row td{background:var(--paper);border-bottom:none;font-weight:700}table{border-collapse:collapse;width:100%;font-size:.87rem}th,td{text-align:left;border-bottom:1px solid var(--rule);white-space:nowrap;padding:.6rem .8rem}th{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);background:var(--paper);font-size:.7rem;position:sticky;top:0}.th-sort{cursor:pointer;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;background:0 0;border:none;padding:0;font-weight:700}.th-sort:hover{color:var(--ink)}tbody tr:hover{background:var(--accent-soft)}td.amount,th.amount{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}td.wrap{white-space:normal}.table-wrap td input,.table-wrap td select{border:1px solid var(--rule-strong);background:var(--paper);width:100%;min-width:0;color:var(--ink);border-radius:6px;padding:.4rem .5rem}.pill{border-radius:99px;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.pill.billed,.pill.received{background:var(--accent-soft);color:var(--accent)}.pill.pending{background:var(--amber-soft);color:var(--amber)}.pill.no_gst{background:var(--rule);color:var(--ink-soft)}.pill.superseded{background:var(--red-soft);color:var(--red)}.modal-overlay{z-index:1000;background:#201d1866;justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--paper-raised);border-radius:12px;width:100%;max-width:480px;max-height:none;margin:auto;padding:1.75rem}.modal-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.modal-header h2{margin:0;font-size:1.2rem}.modal-close{border:1px solid var(--rule-strong);background:var(--paper-raised);width:2rem;height:2rem;color:var(--ink);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.35rem;line-height:1;display:inline-flex}.modal-close:hover{background:var(--red-soft);color:var(--red);border-color:var(--red)}.form-grid{gap:.9rem;display:grid}.form-field{flex-direction:column;gap:.3rem;display:flex}.form-field label{color:var(--ink-soft);font-size:.78rem;font-weight:600}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--rule-strong);background:var(--paper);color:var(--ink);border-radius:6px;padding:.55rem .7rem}.form-row{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.inline-add{align-items:center;gap:.5rem;display:flex}.inline-add select,.inline-add input{flex:1;min-width:0}.nested-form{border:1px dashed var(--rule-strong);background:var(--paper);border-radius:8px;gap:.8rem;padding:1rem;display:grid}.party-preview{color:var(--ink-soft);background:var(--accent-soft);border-radius:8px;padding:.75rem .9rem;font-size:.85rem;line-height:1.45}.party-preview.incomplete{background:var(--amber-soft)}.party-preview-head{justify-content:space-between;align-items:flex-start;gap:.6rem;margin-bottom:.35rem;display:flex}.party-preview-head .btn{flex-shrink:0;padding:.3rem .65rem;font-size:.78rem}.missing{color:var(--amber);font-style:italic}.login-shell{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{width:100%;max-width:360px}.login-card h1{margin-bottom:.2rem;font-size:1.6rem}.login-card .sub{color:var(--ink-soft);margin-bottom:1.5rem;font-size:.9rem}.error-text{color:var(--red);margin-top:.3rem;font-size:.85rem}.toast{z-index:1100;border-radius:8px;padding:.75rem 1.15rem;font-size:.92rem;font-weight:600;animation:.2s ease-out toast-in;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #201d182e}.toast.success{background:var(--accent);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.empty-state{text-align:center;color:var(--ink-soft);padding:3rem 1rem}.section-heading{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.callout{background:var(--amber-soft);border-left:3px solid var(--amber);border-radius:4px;margin-bottom:1rem;padding:.8rem 1rem;font-size:.87rem}.dropzone{border:2px dashed var(--rule-strong);text-align:center;color:var(--ink-soft);cursor:pointer;background:var(--paper-raised);border-radius:10px;padding:2.5rem 1rem}.dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.check-row{align-items:center;gap:.5rem;display:flex}.chip{background:var(--rule);border-radius:99px;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.78rem;display:inline-flex}.chip button{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;font-size:.9rem;line-height:1}@media (width<=900px){.main-content{padding:1.1rem .9rem calc(1.1rem + env(safe-area-inset-bottom))}.page-title{overflow-wrap:anywhere;font-size:1.3rem}.page-subtitle{margin-bottom:1rem}.section-heading{flex-wrap:wrap;align-items:flex-start;gap:.75rem}}@media (width<=720px){.app-shell{flex-direction:column}.sidebar{z-index:40;border-right:none;border-bottom:1px solid var(--rule);width:100%;padding:calc(.7rem + env(safe-area-inset-top)) .9rem .7rem;box-shadow:0 1px 0 var(--rule);grid-template-columns:1fr auto;grid-template-areas:"brand footer""nav nav";gap:.45rem .75rem;display:grid;position:sticky;top:0}.sidebar-brand{grid-area:brand;min-width:0;margin:0}.sidebar .brand{margin:0;font-size:1.1rem}.sidebar .brand-sub{display:none}.sidebar-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;flex:none;grid-area:nav;gap:.3rem;padding-bottom:.1rem;overflow:auto hidden}.sidebar-nav::-webkit-scrollbar{display:none}.nav-link{white-space:nowrap;flex:none;margin-bottom:0;padding:.45rem .7rem;font-size:.85rem}.sidebar-footer{border:none;grid-area:footer;align-items:center;gap:.55rem;margin:0;padding:0;font-size:.8rem;display:flex}.logout-btn{margin-top:0}input,select,textarea,button{font-size:16px}.btn{justify-content:center;min-height:44px}.row-actions .btn,.party-preview-head .btn{min-height:36px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.stat-card{padding:.85rem .9rem}.stat-label{font-size:.68rem}.stat-value{font-size:1.15rem}.stat-sub{font-size:.72rem}.toolbar{width:100%}.toolbar select,.toolbar input[type=text],.toolbar input[type=date],.toolbar input[type=number]{flex:100%;min-width:0}.form-row{grid-template-columns:1fr}.card{padding:1rem}.inline-add{flex-direction:column;align-items:stretch}.section-heading{flex-direction:column}.section-heading .toolbar{justify-content:stretch;width:100%}.section-heading .toolbar .btn{flex:calc(50% - .3rem)}.quote-actions .btn{flex:calc(50% - .3rem);min-width:0}.party-preview-head{flex-direction:column}.price-input{width:100%}.table-wrap td select.qty-input,.table-wrap td input.qty-input,.qty-input{text-align:center;width:3.6rem;min-width:0;max-width:3.6rem;padding:.35rem .25rem}.stack-table tbody td.qty-cell{grid-template-columns:3.2rem 3.6rem;justify-content:start}.table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.stack-table thead{display:none}.stack-table,.stack-table tbody,.stack-table tfoot{width:100%;display:block}.stack-table tbody tr{border-bottom:1px solid var(--rule);background:var(--paper-raised);gap:.55rem;padding:.9rem;display:grid}.stack-table tbody td{white-space:normal;text-align:left;border:none;grid-template-columns:6.5rem minmax(0,1fr);align-items:center;gap:.55rem;width:auto;padding:0;display:grid}.stack-table tbody td.amount{text-align:left;font-family:inherit}.stack-table tbody td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);font-size:.7rem;font-weight:700}.stack-table tbody td.row-actions,.stack-table tbody td:not([data-label]){grid-template-columns:1fr}.stack-table tbody td.row-actions:before,.stack-table tbody td:not([data-label]):before{content:none}.stack-table tbody td.empty-state{padding:1.25rem .25rem;display:block}.stack-table tfoot tr{justify-content:space-between;gap:.75rem;padding:.55rem .9rem;display:flex}.stack-table tfoot td{white-space:normal;border:none;padding:0}.stack-table tfoot td:empty,.stack-table tfoot td:not(:first-child):not(.amount){display:none}.modal-overlay{padding:.75rem}.modal{max-width:100%;padding:1.1rem}.login-card{margin:1rem}.toast{width:auto;left:.75rem;right:.75rem;transform:none}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}