:root{--bg:#f3f3f0;--panel:#fff;--ink:#0b0b0b;--muted:#686865;--line:#d6d6d0;--soft:#e9e9e4;--inverse:#fff;--shadow:0 18px 55px #0000001a}[data-theme=dark]{--bg:#0a0a0a;--panel:#141414;--ink:#f7f7f3;--muted:#aaa;--line:#353535;--soft:#202020;--inverse:#080808;--shadow:0 20px 60px #00000080}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.loading{letter-spacing:.1em;text-transform:uppercase;place-items:center;min-height:100vh;font-size:11px;display:grid}.app-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;z-index:20;background:#0b0b0b;flex-direction:column;width:250px;padding:25px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 10px 28px;display:flex}.brand>span{border:1px solid #fff;place-items:center;width:42px;height:42px;font:600 16px Georgia,serif;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.16em;font-family:Georgia,serif;font-size:18px}.brand small{letter-spacing:.2em;color:#999;margin-top:4px;font-size:8px}.sidebar nav{flex-direction:column;gap:2px;display:flex;overflow:auto}.sidebar nav button{color:#a8a8a8;text-align:left;background:0 0;border:0;border-radius:3px;align-items:center;gap:11px;padding:9px;display:flex}.sidebar nav button i{border:1px solid #444;place-items:center;width:25px;height:25px;font-size:10px;font-style:normal;display:grid}.sidebar nav button.active,.sidebar nav button:hover{color:#000;background:#fff}.sidebar nav button.active i{border-color:#000}.sidebar footer{border-top:1px solid #333;margin-top:auto;padding:15px 7px 0}.sidebar footer>button{color:#bbb;background:#181818;border:1px solid #383838;width:100%;margin-bottom:14px;padding:8px}.sidebar footer>div{align-items:center;gap:10px;display:flex}.sidebar footer>div>span{color:#000;background:#fff;border-radius:50%;place-items:center;width:31px;height:31px;font-size:10px;font-weight:700;display:grid}.sidebar footer section b,.sidebar footer section small{display:block}.sidebar footer section small{color:#888;margin-top:3px;font-size:9px}.app-shell>main{grid-column:2;min-width:0}.topbar{background:var(--panel);border-bottom:1px solid var(--line);z-index:15;justify-content:space-between;align-items:center;height:78px;padding:0 31px;display:flex;position:sticky;top:0}.topbar>div:first-child p{letter-spacing:.16em;color:var(--muted);margin:0 0 4px;font-size:9px}.topbar>div:first-child b{font:500 20px Georgia,serif}.topbar>div:last-child,.button-row{align-items:center;gap:8px;display:flex}.content{max-width:1500px;margin:auto;padding:30px}.eyebrow{letter-spacing:.18em;color:var(--muted);margin:0 0 7px;font-size:9px;font-weight:800}.page-title,.hero{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-title h1,.hero h1{margin-bottom:8px;font:500 33px/1.05 Georgia,serif}.page-title p,.hero p{color:var(--muted);max-width:700px;margin-bottom:0}.hero{background:var(--ink);color:var(--inverse);align-items:center;padding:35px}.hero .eyebrow,.hero p{color:inherit;opacity:.65}.hero .button{background:var(--inverse);color:var(--ink);border-color:var(--inverse)}.button{border:1px solid var(--ink);background:var(--ink);color:var(--inverse);border-radius:2px;height:39px;padding:0 16px;font-size:11px;font-weight:800}.button.outline{color:var(--ink);background:0 0}.button.ghost{color:var(--muted);background:0 0;border-color:#0000}.button.danger{color:var(--ink);background:0 0;border-style:dashed}.panel{background:var(--panel);border:1px solid var(--line);margin-bottom:16px;padding:22px}.panel-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.panel-head h2{margin:0 0 5px;font:500 21px Georgia,serif}.panel-head p{color:var(--muted);margin:0}.setup-roadmap{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px;display:grid}.setup-roadmap>div{background:var(--panel);border:1px solid var(--line);padding:14px}.setup-roadmap>div>span{color:var(--muted);font:500 20px Georgia,serif}.setup-roadmap section{margin:18px 0}.setup-roadmap b,.setup-roadmap small{display:block}.setup-roadmap small{color:var(--muted);margin-top:3px;font-size:10px}.setup-roadmap button,.text-link{text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:10px;font-weight:800;text-decoration:underline}.kpi-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px;display:grid}.kpi-grid>button{background:var(--panel);border:1px solid var(--line);text-align:left;color:var(--ink);min-height:118px;padding:17px}.kpi-grid>button:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.kpi-grid span,.kpi-grid strong,.kpi-grid small{display:block}.kpi-grid span{letter-spacing:.1em;text-transform:uppercase;font-size:9px}.kpi-grid strong{margin:18px 0;font:500 22px Georgia,serif}.kpi-grid small{color:var(--muted);font-size:9px}.two-column{grid-template-columns:1.1fr .9fr;gap:16px;display:grid}.activity-list>div{border-bottom:1px solid var(--line);padding:11px 0}.activity-list>div:last-child{border:0}.activity-list span,.activity-list small{display:block}.activity-list small{color:var(--muted);margin-top:5px;font-size:10px}.alert-list{flex-direction:column;display:flex}.alert-list button{color:var(--ink);border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;padding:11px 0;display:flex}.alert-list b,.alert-list small{display:block}.alert-list small{color:var(--muted);margin-top:4px;font-size:10px}.tabs{border-bottom:1px solid var(--line);gap:20px;margin-bottom:16px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 2px 12px;font-size:11px;font-weight:800}.tabs button.active{color:var(--ink);border-color:var(--ink)}.inline-search{width:220px}.table-wrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--ink);padding:10px;font-size:9px}td{border-bottom:1px solid var(--line);padding:12px 10px;font-size:11px}tbody tr:last-child td{border-bottom:0}.amount{text-align:right;font-variant-numeric:tabular-nums}.block{color:var(--muted);margin-top:4px;font-size:9px;display:block}.status{border:1px solid;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:800;display:inline-block}.status.healthy,.status.posted,.status.paid,.status.active{background:var(--ink);color:var(--inverse)}.status.low-stock,.status.unpaid{border-style:dashed}.empty-state{text-align:center;padding:45px 20px}.empty-state>span{border:1px solid var(--ink);border-radius:50%;place-items:center;width:38px;height:38px;margin:0 auto 13px;font-size:20px;display:grid}.empty-state h3{margin-bottom:7px;font:500 20px Georgia,serif}.empty-state p{color:var(--muted);max-width:520px;margin:0 auto 17px;line-height:1.5}.summary-grid{gap:10px;margin-bottom:16px;display:grid}.summary-grid.three{grid-template-columns:repeat(3,1fr)}.summary-grid article{background:var(--panel);border:1px solid var(--line);padding:18px}.summary-grid span,.summary-grid strong{display:block}.summary-grid span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:9px}.summary-grid strong{margin-top:9px;font:500 25px Georgia,serif}.rack-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.rack-grid article{border:1px solid var(--line);background:var(--bg);padding:17px}.rack-grid article>span{color:var(--muted);text-transform:uppercase;font-size:9px}.rack-grid h3{margin:8px 0 3px;font:500 23px Georgia,serif}.rack-grid p{color:var(--muted);font-size:11px}.rack-grid article>div{border-top:1px solid var(--line);justify-content:space-between;padding:7px 0;display:flex}.rack-grid small{color:var(--muted)}.bom-layout{grid-template-columns:340px 1fr;gap:16px;display:grid}.bom-list .panel-head{margin-bottom:10px}.bom-list>button{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;justify-content:space-between;padding:13px;display:flex}.bom-list>button.active{background:var(--ink);color:var(--inverse)}.bom-list b,.bom-list small{display:block}.bom-list small{opacity:.65;margin-top:4px;font-size:9px}.bom-detail h3{letter-spacing:.1em;text-transform:uppercase;margin:20px 0 7px;font-size:10px}.bom-detail>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:9px;display:flex}.bom-detail span small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.bom-detail .bom-total{background:var(--ink);color:var(--inverse);border:0;padding:14px}.bom-detail .bom-total.secondary{background:var(--soft);color:var(--ink)}.process-line{background:var(--ink);color:var(--inverse);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:16px;padding:15px 20px;font-size:9px;font-weight:800;display:flex}.process-line i{opacity:.5}.modal-backdrop{z-index:50;background:#000000b3;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);width:min(600px,97vw);max-height:93vh;box-shadow:var(--shadow);padding:23px;overflow:auto}.modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;display:flex}.modal>header h2{margin:0;font:500 25px Georgia,serif}.modal>header>button{background:0 0;border:0;font-size:27px;line-height:1}.form-grid{gap:12px;display:grid}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.span-two{grid-column:span 2}.field>span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px;font-size:9px;font-weight:800;display:block}.field small{color:var(--muted);margin-top:4px;font-size:9px;display:block}input,select{background:var(--bg);border:1px solid var(--line);border-radius:1px;outline:none;width:100%;height:39px;padding:0 9px}input:focus,select:focus{border-color:var(--ink)}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:17px;display:flex}.form-error{background:var(--ink);color:var(--inverse);margin:14px 0 0;padding:10px;font-size:11px}.form-note{color:var(--muted);margin:15px 0;font-size:10px;line-height:1.5}.line-editor{border-top:1px solid var(--line);margin:20px 0}.line-grid{border-bottom:1px solid var(--line);grid-template-columns:2fr 1fr .7fr .8fr 1fr 24px;align-items:center;gap:7px;padding:8px 0;display:grid}.line-grid b{text-align:right}.line-grid>button,.bom-row>button,.cost-row>button{background:0 0;border:0;font-size:18px}.line-head{text-transform:uppercase;color:var(--muted);letter-spacing:.08em;font-size:9px}.add-row{text-underline-offset:3px;background:0 0;border:0;padding:12px 0;font-size:10px;font-weight:800;text-decoration:underline}.transaction-foot{grid-template-columns:1fr 320px;align-items:start;gap:30px;display:grid}.document-total{background:var(--ink);color:var(--inverse);padding:17px}.document-total span,.document-total strong,.document-total small{display:block}.document-total strong{margin:8px 0;font:500 25px Georgia,serif}.document-total small{opacity:.65}.section-label{border-bottom:1px solid var(--ink);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;margin:22px 0 8px;padding-bottom:8px;font-size:10px;font-weight:800;display:flex}.section-label button{background:0 0;border:0;font-size:10px;text-decoration:underline}.bom-row{grid-template-columns:2fr .7fr 1.2fr 25px;gap:8px;margin:7px 0;display:grid}.cost-row{grid-template-columns:1.5fr .7fr 1fr 25px;align-items:center;gap:8px;margin:7px 0;display:grid}.cost-row span{color:var(--muted);font-size:9px}.material-preview>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 200px;align-items:center;gap:20px;padding:9px 0;display:grid}.material-preview strong,.material-preview small{display:block}.material-preview small{color:var(--muted);margin-top:4px;font-size:10px}.cost-summary{width:420px;margin:18px 0 0 auto}.cost-summary>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:7px;display:flex}.cost-summary .grand{background:var(--ink);color:var(--inverse);margin-top:5px;padding:13px}.segmented{grid-template-columns:1fr 1fr;margin-bottom:18px;display:grid}.segmented button{border:1px solid var(--ink);background:0 0;height:39px}.segmented button.active{background:var(--ink);color:var(--inverse)}.print-invoice>header{border-bottom:2px solid var(--ink);justify-content:space-between;padding-bottom:18px;display:flex}.print-invoice>header h2{margin:0 0 7px;font:500 28px Georgia,serif}.print-invoice>header p{color:var(--muted);line-height:1.5}.print-invoice>header>div:last-child{text-align:right}.print-invoice>header span,.print-invoice>header strong,.print-invoice>header small{display:block}.print-invoice>header span{letter-spacing:.2em;font-size:9px}.print-invoice>header strong{margin:7px 0;font-size:21px}.invoice-party{justify-content:space-between;padding:20px 0;display:flex}.invoice-party>div:last-child{text-align:right}.invoice-party small,.invoice-party b,.invoice-party span{display:block}.invoice-party small{color:var(--muted);letter-spacing:.12em;font-size:9px}.invoice-party b{margin:6px 0}.invoice-totals{width:320px;margin:16px 0 0 auto}.invoice-totals>div{justify-content:space-between;padding:7px;display:flex}.invoice-totals .grand{border-top:2px solid var(--ink);font-size:16px}.statement-strip{background:var(--ink);color:var(--inverse);grid-template-columns:1fr 1fr 1fr;margin-bottom:12px;padding:16px;display:grid}.statement-strip>div:last-child{text-align:right}.statement-strip small,.statement-strip b{display:block}.statement-strip small{letter-spacing:.14em;opacity:.65;font-size:8px}.statement-strip b{margin-top:5px}.account-grid{grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:16px;display:grid}.account-grid article{background:var(--panel);border:1px solid var(--line);padding:20px}.account-grid span,.account-grid strong,.account-grid small{display:block}.account-grid span,.account-grid small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.account-grid h3{margin:9px 0 18px;font-size:13px}.account-grid strong{font:500 25px Georgia,serif}.account-grid small{margin-top:8px}.report-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.profit-card{background:var(--ink);color:var(--inverse);padding:25px}.profit-card.light{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.profit-card h2{margin-bottom:20px;font:500 24px Georgia,serif}.profit-card>div{border-bottom:1px solid #444;justify-content:space-between;padding:9px 0;display:flex}.profit-card.light>div{border-color:var(--line)}.profit-card .total{border-top:2px solid;border-bottom:0;margin-top:7px;padding-top:13px;font-size:16px}.export-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.export-grid button{background:var(--bg);border:1px solid var(--line);text-align:left;color:var(--ink);align-items:center;gap:12px;padding:13px;display:flex}.export-grid button>span{background:var(--ink);width:32px;height:32px;color:var(--inverse);place-items:center;font-size:8px;display:grid}.export-grid b,.export-grid small{display:block}.export-grid b{text-transform:capitalize}.export-grid small{color:var(--muted);margin-top:3px;font-size:9px}.export-grid i{margin-left:auto;font-size:9px;font-style:normal}.settings-grid{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.backup-actions{flex-direction:column;gap:9px;display:flex}.file-button{place-items:center;display:grid}.file-button input{display:none}.notice{background:var(--ink);color:var(--inverse);margin-bottom:16px;padding:12px 15px;font-size:11px}.role-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px;display:grid}.role-grid article{border:1px solid var(--line);background:var(--bg);padding:12px}.role-grid h3{margin-bottom:8px;font-size:12px}.role-grid p{color:var(--muted);margin-bottom:12px;font-size:9px;line-height:1.5}.role-grid small{text-transform:uppercase;letter-spacing:.1em;font-size:8px}.activity-list+.empty-state{padding:20px}@media (max-width:1150px){.kpi-grid,.setup-roadmap,.role-grid{grid-template-columns:repeat(3,1fr)}.content{padding:23px}.topbar{padding:0 23px}}@media (max-width:850px){.app-shell{display:block}.sidebar{width:100%;height:auto;padding:14px;position:static}.brand{padding-bottom:14px}.sidebar nav{flex-direction:row}.sidebar nav button{white-space:nowrap}.sidebar nav button i,.sidebar footer{display:none}.app-shell>main{display:block}.topbar{position:static}.content{padding:18px}.page-title,.hero{flex-direction:column;align-items:flex-start}.two-column,.bom-layout,.settings-grid,.report-grid{grid-template-columns:1fr}.rack-grid,.account-grid,.setup-roadmap,.kpi-grid,.form-grid.three{grid-template-columns:1fr 1fr}.transaction-foot{grid-template-columns:1fr}.process-line{gap:20px;overflow:auto}.role-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.topbar>div:last-child .outline{display:none}.kpi-grid,.setup-roadmap,.rack-grid,.account-grid,.summary-grid.three,.export-grid,.form-grid.two,.form-grid.three{grid-template-columns:1fr}.span-two{grid-column:auto}.line-grid{grid-template-columns:1fr 1fr}.line-head{display:none}.bom-row,.cost-row,.material-preview>div{grid-template-columns:1fr}.cost-summary{width:100%}.statement-strip{grid-template-columns:1fr;gap:12px}.statement-strip>div:last-child{text-align:left}.role-grid{grid-template-columns:1fr}.panel{padding:16px}}@media print{body{color:#000;background:#fff}.app-shell>.sidebar,.app-shell>main,.modal-backdrop{display:none}.modal-backdrop:has(.print-invoice){background:#fff;padding:0;display:block;position:static}.modal:has(.print-invoice){width:100%;max-height:none;box-shadow:none;color:#000;background:#fff;border:0;padding:0;display:block}.no-print{display:none}.modal:has(.print-invoice)>header{display:none}.print-invoice table{color:#000}}.button,.sidebar nav button,input,select{font-size:13px}.page-title p,.hero p,.panel-head p{font-size:15px;line-height:1.5}.table-wrap table{border:1px solid var(--line)}.table-wrap th{border:1px solid var(--line);border-bottom-color:var(--ink);vertical-align:middle;padding:11px;font-size:11px}.table-wrap td{border:1px solid var(--line);vertical-align:middle;padding:12px 11px;font-size:13px}.table-wrap tbody tr:last-child td{border-bottom:1px solid var(--line)}.table-wrap th.amount,.table-wrap td.amount{text-align:right}.login-page{background:var(--bg);place-items:center;min-height:100vh;padding:25px;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);padding:38px}.login-brand{color:var(--ink);padding:0 0 38px}.login-brand>span{border-color:var(--ink)}.login-brand small{color:var(--muted)}.login-card h1{margin-bottom:8px;font:500 38px Georgia,serif}.login-card>p:not(.eyebrow){color:var(--muted);margin-bottom:28px}.login-card form{gap:17px;display:grid}.login-card form .button{width:100%;margin-top:5px}.login-help{color:var(--muted);margin-top:22px;line-height:1.5;display:block}.sync-error{background:var(--ink);color:var(--inverse);padding:10px 30px;font-size:13px}.logout-link{color:#aaa;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.permission-grid{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;padding:15px;display:grid}.permission-grid legend{padding:0 7px;font-weight:700}.permission-grid label{text-transform:capitalize;align-items:center;gap:7px;display:flex}.permission-grid input{width:16px;height:16px}.table-actions{align-items:center;gap:12px;display:flex}.order-line{border-bottom:1px solid var(--line);grid-template-columns:2fr 1fr 1fr 1fr 28px;align-items:center;gap:8px;padding:8px 0;display:grid}.order-line b{text-align:right}.order-line>button{background:0 0;border:0;font-size:18px}.order-head{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px}@media (max-width:700px){.order-line{grid-template-columns:1fr 1fr}.order-head{display:none}.permission-grid{grid-template-columns:1fr 1fr}}.line-editor{overflow-x:auto}.service-line{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 1.6fr .55fr .7fr .8fr 24px;align-items:center;gap:8px;min-width:900px;padding:8px 0;display:grid}.service-line b{text-align:right}.service-line>button{background:0 0;border:0;font-size:18px}.service-head{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}.service-total{width:340px;margin-left:auto}.searchable-select{width:100%;min-width:0;position:relative}.searchable-select>input[type=search]{width:100%;padding-right:34px}.searchable-select:after{content:"⌄";pointer-events:none;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.combobox-menu{z-index:100;background:var(--panel);border:1px solid var(--ink);max-height:260px;box-shadow:var(--shadow);position:absolute;top:calc(100% + 3px);left:0;right:0;overflow:auto}.combobox-menu button,.combobox-menu span{border:0;border-bottom:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);text-align:left;padding:10px;display:block}.combobox-menu button:hover,.combobox-menu button[aria-selected=true]{background:var(--ink);color:var(--inverse)}.native-combobox-select{opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;position:absolute!important}.native-combobox-input{width:100%;display:block}html,body{font-size:21px}.app-shell{grid-template-columns:285px minmax(0,1fr)}.sidebar{width:285px}.topbar{height:92px}.content{padding:34px}.button,.sidebar nav button,input,select,.native-combobox-input{min-height:48px;font-size:17px}.sidebar nav button{padding:11px}.sidebar nav button i{width:32px;height:32px;font-size:13px}.brand strong{font-size:23px}.brand small,.sidebar footer section small{font-size:11px}.sidebar footer section b{font-size:14px}.topbar>div:first-child p,.eyebrow{font-size:12px}.topbar>div:first-child b{font-size:26px}.page-title h1,.hero h1{font-size:43px}.page-title p,.hero p,.panel-head p{font-size:20px}.panel-head h2{font-size:27px}.setup-roadmap small,.activity-list small,.alert-list small,.block,.field small,.form-note,.material-preview small,.setup-roadmap button,.text-link,.add-row,.section-label button{font-size:13px}.kpi-grid span,.kpi-grid small,.summary-grid span,.rack-grid article>span,.account-grid span,.account-grid small{font-size:12px}.kpi-grid strong{font-size:29px}.tabs button{font-size:14px}.table-wrap th{padding:14px;font-size:14px}.table-wrap td{padding:15px 14px;font-size:17px}.status{padding:6px 10px;font-size:12px}.summary-grid strong,.account-grid strong{font-size:33px}.rack-grid h3{font-size:30px}.rack-grid p{font-size:14px}.bom-list small,.bom-detail span small,.cost-row span,.line-head,.order-head,.field>span,.section-label{font-size:12px}.bom-detail h3{font-size:13px}.modal{width:min(700px,97vw);padding:28px}.modal.wide{width:min(1150px,97vw)}.modal>header h2{font-size:33px}.form-error,.notice,.sync-error{font-size:14px}.document-total strong{font-size:33px}.print-invoice>header h2{font-size:36px}.print-invoice>header span,.invoice-party small,.statement-strip small{font-size:12px}.print-invoice>header strong{font-size:27px}.account-grid h3{font-size:17px}.profit-card h2{font-size:31px}.combobox-menu button,.combobox-menu span{padding:11px;font-size:17px}@media (max-width:1100px){.app-shell{grid-template-columns:250px minmax(0,1fr)}.sidebar{width:250px}.content{padding:25px}.form-grid.three,.kpi-grid{grid-template-columns:1fr 1fr}.bom-layout{grid-template-columns:1fr}}.button{white-space:nowrap;height:auto;line-height:1.15}.page-title{flex-wrap:wrap;align-items:flex-start}.page-title>.button,.page-title>.button-row,.hero>.button{flex-shrink:0}.page-title .button-row{flex-wrap:wrap;justify-content:flex-end}.offline-guard{z-index:10000;color:#fff;cursor:not-allowed;background:#000000e0;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.offline-guard>div{text-align:center;cursor:default;background:#000;border:2px solid #fff;width:min(620px,96vw);padding:36px;box-shadow:0 0 0 8px #ffffff1f}.offline-guard>div>span{border:2px solid #fff;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 18px;font:700 30px Georgia,serif;display:grid}.offline-guard .eyebrow{color:#fff}.offline-guard h1{margin:0 0 14px;font:500 38px/1.1 Georgia,serif}.offline-guard p:not(.eyebrow){color:#ddd;font-size:18px;line-height:1.55}.offline-guard small{color:#aaa;margin:20px 0;line-height:1.5;display:block}.offline-guard button{color:#000;background:#fff;border:1px solid #fff;min-height:48px;padding:0 20px;font-weight:800}.pending-order-actions{grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:14px;min-width:330px;display:grid}.pending-order-actions .searchable-select{min-width:240px}.ledger-filters{grid-template-columns:minmax(190px,220px) minmax(260px,340px);gap:10px;min-width:470px;display:grid}.ledger-filters.single{grid-template-columns:minmax(280px,360px);min-width:280px}.ledger-filters .combobox-menu,.pending-order-actions .combobox-menu{z-index:300;min-width:100%}@media (max-width:760px){.ledger-filters{grid-template-columns:1fr;min-width:min(78vw,360px)}.pending-order-actions{grid-template-columns:minmax(220px,1fr) auto;min-width:300px}}.combobox-menu.combobox-portal{z-index:1000;overscroll-behavior:contain;background:var(--panel);border-width:1px;position:fixed;right:auto}.combobox-portal button{white-space:normal;overflow-wrap:anywhere;min-height:46px;line-height:1.3}.searchable-select>input[type=search]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.line-grid>*,.service-line>*,.order-line>*,.bom-row>*,.cost-row>*,.form-grid>*,.panel-head>*{min-width:0}.line-editor{scrollbar-gutter:stable;overscroll-behavior-x:contain}.tabs,.sidebar nav{scrollbar-width:thin}.tabs{overflow:auto hidden}.tabs button{white-space:nowrap;flex:none}.form-actions,.panel-head,.button-row{flex-wrap:wrap}.modal>header{z-index:10;background:var(--panel);position:sticky;top:-28px}@media (max-width:850px){.sidebar nav{padding-bottom:5px;overflow:auto hidden}.topbar{gap:12px}.topbar>div:last-child{flex-wrap:wrap;justify-content:flex-end}.modal-backdrop{padding:8px}.modal,.modal.wide{width:100%;max-height:97vh;padding:20px}.modal>header{top:-20px}.page-title .button-row{justify-content:flex-start}.panel-head{flex-direction:column}.panel-head>.button-row{justify-content:flex-start;width:100%}}@media (max-width:560px){.transaction-foot,.service-total,.cost-summary,.invoice-totals{width:100%;max-width:100%}.form-actions{justify-content:stretch}.form-actions .button{flex:auto}.line-grid:not(.sale-line-grid){grid-template-columns:2fr 1fr .7fr .8fr 1fr 24px;min-width:720px}.sale-line-grid{min-width:1080px}.service-line{min-width:900px}.order-line{grid-template-columns:2fr 1fr 1fr 1fr 28px;min-width:720px}.line-head,.order-head{display:grid}.ledger-filters{width:100%;min-width:0}}.searchable-select:after{content:"";border:solid var(--ink);border-width:0 2px 2px 0;width:8px;height:8px;top:48%;right:17px;transform:translateY(-65%)rotate(45deg)}.searchable-select>input[type=search]{padding-right:44px}.searchable-select>input[type=search]::-webkit-search-cancel-button{appearance:none;display:none}select:not(.native-combobox-select){appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:14px 9px;padding-right:44px}.button[aria-busy=true]{cursor:wait;opacity:.78}.button-spinner{vertical-align:-2px;border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.65s linear infinite image-export-spin;display:inline-block}@keyframes image-export-spin{to{transform:rotate(360deg)}}.mobile-nav-toggle,.mobile-nav-close,.mobile-nav-backdrop{display:none}.topbar-identity{align-items:center;gap:12px;min-width:0;display:flex}.topbar-identity>div{min-width:0}.topbar-actions{align-items:center;gap:8px;display:flex}@media (max-width:767px){html,body{max-width:100%;font-size:17px;overflow-x:hidden}body{min-height:100dvh}.app-shell{min-height:100dvh;display:block}.app-shell>main{min-width:0;display:block}.sidebar{z-index:110;width:min(86vw,340px);height:100dvh;padding:18px 14px;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:16px 0 45px #00000047}.sidebar.mobile-open{transform:translate(0)}.sidebar .brand{padding:2px 7px 18px}.sidebar nav{overscroll-behavior:contain;flex-direction:column;flex:1;padding:0 2px 10px;display:flex;overflow:hidden auto}.sidebar nav button{white-space:normal;min-height:48px;padding:8px 10px}.sidebar nav button i{flex:0 0 32px;display:grid}.sidebar footer{padding-bottom:max(2px,env(safe-area-inset-bottom));display:block}.mobile-nav-close{color:#fff;background:0 0;border:1px solid #444;place-items:center;width:44px;height:44px;margin-left:auto;font-size:28px;line-height:1;display:grid}.mobile-nav-backdrop{z-index:105;opacity:0;visibility:hidden;pointer-events:none;background:#0000009e;border:0;transition:opacity .2s,visibility .2s;display:block;position:fixed;inset:0}.mobile-nav-backdrop.visible{opacity:1;visibility:visible;pointer-events:auto}.topbar{z-index:40;gap:8px;height:auto;min-height:72px;padding:10px 12px;position:sticky;top:0}.mobile-nav-toggle{border:1px solid var(--line);background:var(--bg);flex-direction:column;flex:0 0 44px;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:flex}.mobile-nav-toggle span{background:var(--ink);width:20px;height:2px;display:block}.topbar-identity{flex:1;gap:9px;min-width:0}.topbar-identity>div{overflow:hidden}.topbar-identity p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:9px!important}.topbar-identity b{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;font-size:20px!important}.topbar-actions{flex:none}.topbar-actions .button{min-height:44px;padding-inline:11px;font-size:13px}.topbar-actions .button.outline{display:none}.sync-error{padding:10px 12px}.content{width:100%;padding:16px 12px 30px}.page-title,.hero{align-items:stretch;gap:14px;margin-bottom:17px;display:flex}.page-title h1,.hero h1{overflow-wrap:anywhere;font-size:31px}.page-title p,.hero p,.panel-head p{font-size:16px;line-height:1.45}.page-title>.button,.page-title>.button-row,.hero>.button{width:100%}.page-title>.button,.hero>.button{min-height:48px}.page-title .button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.page-title .button-row .button{white-space:normal;width:100%;padding-inline:9px}.hero{padding:22px 18px}.hero .button{width:100%}.eyebrow{font-size:10px}.panel{margin-bottom:12px;padding:15px 12px;overflow:hidden}.panel-head{gap:12px;margin-bottom:14px}.panel-head h2{font-size:24px}.panel-head>.button-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.panel-head>.button-row>*{width:100%}.inline-search{width:100%;max-width:none}.button,.sidebar nav button,input,select,.native-combobox-input{min-height:46px;font-size:16px}.button{white-space:normal;min-height:46px}.button-row{gap:7px}.kpi-grid,.setup-roadmap{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi-grid>button{min-height:104px;padding:13px}.kpi-grid strong{margin:13px 0;font-size:24px}.setup-roadmap>div{padding:12px}.summary-grid.three,.rack-grid,.account-grid,.report-grid,.settings-grid,.two-column,.bom-layout{grid-template-columns:1fr}.summary-grid article,.account-grid article{padding:15px}.summary-grid strong,.account-grid strong{font-size:27px}.role-grid,.permission-grid{grid-template-columns:1fr}.process-line{white-space:nowrap;-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:12px;padding:13px}.tabs{-webkit-overflow-scrolling:touch;gap:15px;margin-inline:-12px;padding-inline:12px}.tabs button{min-height:45px;padding-bottom:9px}.table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;width:calc(100% + 24px);margin-inline:-12px;padding:0 12px 5px;overflow:auto}.table-wrap table{width:max-content;min-width:100%}.table-wrap th{padding:10px;font-size:11px}.table-wrap td{padding:11px 10px;font-size:14px}.table-actions{gap:14px}.table-actions button{min-height:40px}.pending-order-actions{grid-template-columns:minmax(210px,1fr) auto;min-width:295px}.modal-backdrop{padding:0;display:block;overflow:hidden}.modal,.modal.wide{width:100vw;max-width:none;height:100dvh;max-height:none;padding:16px 14px calc(24px + env(safe-area-inset-bottom));box-shadow:none;overscroll-behavior:contain;border:0;overflow-y:auto}.modal>header{z-index:20;margin:-16px -14px 16px;padding:16px 14px 13px;top:-16px}.modal>header h2{font-size:28px}.modal>header>button{place-items:center;min-width:44px;height:44px;display:grid}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.span-two{grid-column:auto}.form-actions{bottom:calc(-24px - env(safe-area-inset-bottom));z-index:15;margin:20px -14px calc(-24px - env(safe-area-inset-bottom));padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:var(--panel);position:sticky;box-shadow:0 -8px 20px #00000014}.form-actions .button{flex:120px}.transaction-foot{grid-template-columns:1fr;gap:15px}.transaction-foot .form-grid.three{grid-template-columns:1fr}.document-total,.service-total,.cost-summary,.invoice-totals{width:100%;max-width:none}.line-editor{border-top:0;margin:16px 0;overflow:visible}.line-head,.order-head,.service-head{display:none!important}.line-grid,.line-grid:not(.sale-line-grid),.line-grid.sale-line-grid,.service-line,.order-line{background:var(--bg);border:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:9px;margin-bottom:10px;padding:12px;display:grid;min-width:0!important}.line-grid>.searchable-select:first-child,.service-line>input:first-child,.order-line>.searchable-select:first-child,.line-grid>.searchable-select:nth-child(2),.service-line>input:nth-child(2){grid-column:1/-1}.line-grid>b,.service-line>b,.order-line>b{text-align:left;grid-column:1;padding:7px 2px}.line-grid>button,.service-line>button,.order-line>button{border:1px solid var(--line);background:var(--panel);grid-column:2;justify-self:end;place-items:center;width:44px;height:44px;display:grid}.sale-line-grid>b{grid-column:1}.bom-row,.cost-row{background:var(--bg);border:1px solid var(--line);grid-template-columns:1fr;gap:8px;margin-bottom:9px;padding:11px}.bom-row>button,.cost-row>button{border:1px solid var(--line);width:44px;height:44px}.material-preview>div{grid-template-columns:1fr;gap:8px}.ledger-filters,.ledger-filters.single{grid-template-columns:1fr;width:100%;min-width:0}.combobox-menu.combobox-portal{width:calc(100vw - 16px)!important;max-height:min(42vh,330px)!important;left:8px!important}.combobox-portal button{min-height:48px}.statement-strip{grid-template-columns:1fr;gap:12px}.statement-strip>div:last-child{text-align:left}.print-invoice>header,.invoice-party{flex-direction:column;gap:14px}.print-invoice>header>div:last-child,.invoice-party>div:last-child{text-align:left}.print-invoice>header h2{font-size:29px}.invoice-totals{margin-left:0}.export-grid{grid-template-columns:1fr}.offline-guard{padding:12px}.offline-guard>div{padding:24px 18px}.offline-guard h1{font-size:30px}.login-page{padding:14px}.login-card{padding:25px 20px}.login-card h1{font-size:32px}}@media (max-width:380px){.topbar-actions .button{max-width:112px;padding-inline:8px;font-size:12px}.page-title .button-row,.panel-head>.button-row,.kpi-grid,.setup-roadmap,.line-grid,.line-grid:not(.sale-line-grid),.line-grid.sale-line-grid,.service-line,.order-line{grid-template-columns:1fr}.line-grid>:not(button),.service-line>:not(button),.order-line>:not(button){grid-column:1}.line-grid>button,.service-line>button,.order-line>button{grid-column:1;justify-self:end}}.mobile-bottom-nav,.mobile-sheet-handle{display:none}.line-field{min-width:0;display:block}.line-field>span,.line-total>span{display:none}.line-field>.searchable-select,.line-field>input{width:100%}.line-total{text-align:right;min-width:0}.line-grid.sale-line-grid{grid-template-columns:minmax(380px,3.7fr) minmax(112px,.62fr) minmax(90px,.62fr) minmax(105px,.75fr) minmax(115px,.8fr) minmax(115px,.8fr) minmax(125px,.9fr) 30px;min-width:1120px}.party-document-modal form>.form-grid:first-of-type>.field:first-child{border:2px solid var(--ink);background:var(--soft);grid-column:1/-1;padding:13px 15px}.party-document-modal form>.form-grid:first-of-type>.field:first-child>span{color:var(--ink);font-size:13px}.party-document-modal form>.form-grid:first-of-type>.field:first-child input{background:var(--panel);border-color:var(--ink);font-size:21px;font-weight:800}.invoice-party>div:first-child{border:2px solid var(--ink);min-width:min(460px,60%);padding:14px 16px}.invoice-party>div:first-child b{margin:8px 0;font:700 26px/1.2 Georgia,serif}@media (max-width:767px){.app-shell>main{padding-bottom:82px}.content{padding-bottom:24px}.topbar-actions{display:none}.topbar{min-height:68px}.topbar-identity b{font-size:19px!important}.mobile-bottom-nav{z-index:90;height:72px;height:calc(72px + env(safe-area-inset-bottom));padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--panel) 96%,transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000014}.mobile-bottom-nav button{color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;padding:3px 1px;font-size:10px;font-weight:700;display:flex}.mobile-bottom-nav button i{border:1px solid var(--line);place-items:center;width:28px;height:27px;font-size:11px;font-style:normal;display:grid}.mobile-bottom-nav button span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.mobile-bottom-nav button.active{color:var(--ink)}.mobile-bottom-nav button.active i{background:var(--ink);color:var(--inverse);border-color:var(--ink)}.modal-backdrop{background:#000000a3;justify-content:center;align-items:flex-end;display:flex}.modal,.modal.wide{border:1px solid var(--line);width:100%;height:auto;max-height:calc(100svh - 8px);padding:0 14px calc(18px + env(safe-area-inset-bottom));border-bottom:0;border-radius:20px 20px 0 0;animation:.22s ease-out mobile-sheet-up}.mobile-sheet-handle{background:var(--line);border-radius:5px;width:42px;height:5px;margin:8px auto 2px;display:block}.modal>header{margin:0 -14px 14px;padding:10px 14px 12px;top:0}.modal>header h2{font-size:25px}.modal>header .eyebrow{font-size:9px}.form-actions{bottom:calc(-18px - env(safe-area-inset-bottom));margin-bottom:calc(-18px - env(safe-area-inset-bottom))}@keyframes mobile-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.table-wrap{width:100%;margin:0;padding:0;overflow:visible}.table-wrap table,.table-wrap tbody{white-space:normal;border:0;width:100%;display:block}.table-wrap thead{display:none}.table-wrap tbody tr{border:1px solid var(--line);background:var(--panel);width:100%;margin:0 0 11px;display:block;box-shadow:0 4px 14px #0000000a}.table-wrap tbody td{border:0;border-bottom:1px solid var(--line);white-space:normal;overflow-wrap:anywhere;grid-template-columns:minmax(105px,.8fr) minmax(0,1.25fr);align-items:start;gap:12px;width:100%;min-height:42px;padding:10px 12px;font-size:14px;display:grid;text-align:left!important}.table-wrap tbody td:last-child{border-bottom:0}.table-wrap tbody td:empty{display:none}.table-wrap tbody td:before{content:attr(data-label);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:800}.table-wrap tbody td:first-child{background:var(--soft);font-weight:800}.table-wrap tbody td>*{min-width:0;max-width:100%}.table-wrap .table-actions{flex-wrap:wrap;justify-content:flex-start}.table-wrap .pending-order-actions{grid-template-columns:1fr auto;width:100%;min-width:0;display:grid}.line-grid,.line-grid:not(.sale-line-grid),.line-grid.sale-line-grid{border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:13px;min-width:0!important}.line-grid>.item-line-field{grid-column:1/-1}.line-grid>.rack-line-field{grid-column:1}.line-field>span,.line-total>span{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 5px;font-size:10px;font-weight:800;display:block}.line-field>.searchable-select>input,.line-field>input{font-size:15px}.item-line-field>.searchable-select>input{white-space:normal;text-overflow:clip;font-size:17px;font-weight:800}.line-total{grid-column:1}.line-total b{text-align:left;font-size:17px;display:block}.line-grid>button{grid-column:2;place-self:end}.add-row{border:1px dashed var(--ink);background:var(--panel);justify-content:center;align-items:center;width:100%;min-height:46px;text-decoration:none;display:flex}.party-document-modal form>.form-grid:first-of-type>.field:first-child{z-index:8;padding:12px;position:sticky;top:67px;box-shadow:0 5px 14px #00000014}.party-document-modal form>.form-grid:first-of-type>.field:first-child input{font-size:18px}.invoice-party>div:first-child{width:100%;min-width:0;padding:14px}.invoice-party>div:first-child b{font-size:24px}.panel{overflow:visible}}@media (max-width:380px){.table-wrap tbody td{grid-template-columns:92px minmax(0,1fr);padding-inline:10px}.line-grid,.line-grid:not(.sale-line-grid),.line-grid.sale-line-grid{grid-template-columns:1fr}.line-grid>*{grid-column:1!important}.line-grid>button{justify-self:end}}@media print{.mobile-bottom-nav,.mobile-sheet-handle{display:none!important}}