:root{--ink:#18231f;--muted:#68736d;--paper:#f4f0e6;--surface:#fffdf7;--forest:#164c3a;--green:#267258;--amber:#dfa33a;--danger:#a44235;--line:#18231f24;--serif:"Bodoni 72", "Baskerville Display", Georgia, serif;--sans:Aptos, "Trebuchet MS", sans-serif;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.app-brand{letter-spacing:.14em;align-items:center;gap:11px;font-size:.78rem;display:flex}.app-brand span{aspect-ratio:1;background:var(--amber);width:34px;color:var(--forest);font-family:var(--serif);border-radius:50%;place-items:center;font-size:1.2rem;display:grid}.app-brand.light{color:#fff;text-decoration:none}.auth-page{grid-template-columns:minmax(360px,.9fr) minmax(460px,1.1fr);min-height:100vh;display:grid}.auth-story{color:#fff;background:var(--forest);background-image:repeating-linear-gradient(135deg,#0000 0 24px,#ffffff06 24px 25px);flex-direction:column;justify-content:space-between;padding:clamp(36px,6vw,86px);display:flex}.auth-story h1,.setup-card h1{max-width:660px;font:500 clamp(3rem, 6vw, 6.4rem)/.94 var(--serif);letter-spacing:-.05em;margin:20px 0}.auth-story p{color:#ffffffad;max-width:560px;line-height:1.7}.auth-story small{color:#ffffff80}.auth-panel{background:radial-gradient(circle at 80% 10%, #dfa33a2e, transparent 22rem), var(--paper);place-items:center;padding:40px;display:grid}.auth-form{width:min(430px,100%)}.auth-form h2,.content-card h2,.table-card h2,.module-grid h2{font:500 2rem/1.05 var(--serif);margin:8px 0}.muted,.content-card p,.module-grid p{color:var(--muted);line-height:1.6}.kicker{color:var(--green);letter-spacing:.19em;margin:0;font-size:.68rem;font-weight:800}.auth-form label,.setup-card label{color:var(--muted);letter-spacing:.04em;gap:8px;margin:22px 0;font-size:.78rem;font-weight:700;display:grid}.auth-form input,.setup-card input{border:1px solid var(--line);background:var(--surface);border-radius:3px;outline:none;width:100%;padding:14px 15px}.auth-form input:focus,.setup-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px #2672581c}.primary-button,.secondary-button,.quiet-button,.danger-button{border:0;border-radius:3px;font-weight:750}.primary-button{color:#fff;background:var(--forest);width:100%;padding:15px}.primary-button:disabled{opacity:.55}.secondary-button{border:1px solid var(--line);background:var(--surface);padding:10px 15px}.quiet-button{color:#ffffffb8;text-align:left;background:0 0;padding:9px 0}.danger-button{color:var(--danger);background:#f8e7e2;padding:9px 12px}.form-error{border-left:3px solid var(--danger);color:var(--danger);background:#f8e7e2;padding:11px 13px;font-size:.86rem}.form-success{border-left:3px solid var(--green);color:var(--green);background:#e8f0e9;padding:11px 13px;font-size:.86rem}.api-status-link{text-align:center;color:var(--muted);margin-top:20px;font-size:.78rem;display:block}.app-frame{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:var(--forest);flex-direction:column;height:100vh;padding:28px 24px;display:flex;position:sticky;top:0}.sidebar nav{gap:5px;margin-top:52px;display:grid}.sidebar nav a{color:#ffffffad;border-radius:3px;padding:12px 13px;font-size:.88rem;text-decoration:none}.sidebar nav a:hover,.sidebar nav a.router-link-active{color:#fff;background:#ffffff1a}.sidebar-foot{gap:8px;margin-top:auto;display:grid}.sidebar-foot small{color:#ffffff7a;overflow-wrap:anywhere}.workspace{min-width:0}.workspace-bar{border-bottom:1px solid var(--line);background:#fffdf7b3;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(24px,4vw,58px);display:flex}.workspace-bar div{color:var(--muted);font-size:.75rem}.live-dot{background:#40a478;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.workspace-content{max-width:1400px;padding:clamp(28px,5vw,64px)}.page-heading{justify-content:space-between;align-items:end;margin-bottom:36px;display:flex}.page-heading h1{font:500 clamp(2.7rem, 5vw, 5rem)/.96 var(--serif);letter-spacing:-.045em;margin:8px 0 0}.date-chip,.current-chip{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:.7rem}.metric-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.metric-grid article,.content-card,.table-card,.module-grid article{border:1px solid var(--line);background:var(--surface);padding:26px}.metric-grid small,.content-card small{color:var(--muted);letter-spacing:.12em;font-size:.67rem}.metric-grid strong{font:500 2rem var(--serif);margin:26px 0 8px;display:block}.metric-grid strong.ok{color:var(--green)}.metric-grid strong.error{color:var(--danger)}.metric-grid p{color:var(--muted);margin:0;font-size:.82rem}.content-card{grid-template-columns:1fr 1.2fr auto;align-items:center;gap:28px;margin-top:20px;display:grid}.content-card.compact{margin:0;display:block}.inline-action{color:var(--green);font-weight:750}.split-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.table-card{margin-top:18px}.table-card header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.permission-list{flex-wrap:wrap;gap:9px;padding-top:22px;display:flex}.permission-list code,.recovery-grid code{color:var(--forest);background:#e8f0e9;padding:8px 10px}.data-row,.device-row{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:18px 0;display:flex}.data-row span{margin-left:auto}.device-row>div:nth-child(2){flex:1}.device-row p{color:var(--muted);margin:5px 0 0;font-size:.78rem}.device-mark{aspect-ratio:1;color:#fff;background:var(--green);width:42px;font-family:var(--serif);border-radius:50%;place-items:center;display:grid}.empty-state{color:var(--muted);padding:26px 0}.inventory-create{grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(160px,1fr))}.inventory-toolbar{grid-template-columns:minmax(240px,1fr) minmax(180px,.3fr);gap:.8rem;margin:1rem 0;display:grid}.inventory-toolbar input,.inventory-toolbar select{min-height:46px}.device-card>button{margin-top:.9rem}.inventory-inspection{border-color:var(--ink);margin-top:1rem}.inventory-inspection .check-field{flex-direction:row;align-items:center;gap:.55rem;display:flex}.inventory-inspection .check-field input{width:1.1rem;height:1.1rem;min-height:auto}.quantity-stock-board{margin-top:1rem}.compliance-source-card{border:1px solid var(--line);border-left:5px solid var(--ink);background:var(--paper);justify-content:space-between;gap:1rem;margin:1rem 0;padding:1rem 1.2rem;display:flex}.compliance-source-card div,.compliance-timeline{gap:.35rem;display:grid}.compliance-source-card a{color:var(--ink);align-self:center;font-weight:700}.compliance-timeline{background:var(--surface);margin-top:.8rem;padding:.8rem}.compliance-timeline span,.compliance-timeline em{font-size:.84rem}.quantity-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-bottom:.9rem;display:grid}.stock-action{border:1px solid var(--line);background:var(--paper);grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:1rem;display:grid}.stock-action strong,.stock-action button{grid-column:1/-1}.active-reservations{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.8rem;display:flex}.cycle-count-action,.reservation-row{align-items:end;gap:.65rem;display:flex}.cycle-count-action{justify-content:flex-end;margin-top:.8rem}.cycle-count-action label{max-width:11rem}.reservation-row{border:1px solid var(--line);background:var(--paper);padding:.45rem}.import-lot-card{border-top:1px solid var(--line);padding:22px 24px}.import-lot-heading,.import-facts,.document-strip{align-items:center;gap:12px;display:flex}.import-lot-heading>div{flex:1;gap:5px;display:grid}.import-lot-heading small,.import-facts small{color:var(--muted)}.import-facts{grid-template-columns:.7fr 1fr 1fr 1.4fr;margin:18px 0;display:grid}.import-facts p{gap:5px;margin:0;display:grid}.document-strip{flex-wrap:wrap}.document-strip span{background:var(--paper);color:var(--muted);padding:5px 7px;font-size:.58rem;font-weight:800}.document-strip em{color:var(--danger);font-size:.7rem;font-style:normal}.supplier-metrics{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:18px;display:grid}.supplier-metrics article{background:var(--surface);gap:4px;padding:22px 24px;display:grid}.supplier-metrics small,.supplier-row small{color:var(--muted);letter-spacing:.1em;font-size:.66rem;font-weight:800}.supplier-metrics strong{font:500 2.6rem var(--serif)}.supplier-metrics span,.supplier-create header p{color:var(--muted);font-size:.76rem}.supplier-create,.supplier-board{border:1px solid var(--line);background:var(--surface);margin-bottom:18px}.supplier-create>header,.supplier-board>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:22px;padding:22px 24px;display:flex}.supplier-create h2,.supplier-board h2{font:500 1.9rem var(--serif);margin:7px 0 0}.supplier-create form{grid-template-columns:repeat(5,minmax(120px,1fr));align-items:end;gap:13px;padding:22px 24px;display:grid}.supplier-create label{color:var(--muted);gap:6px;font-size:.7rem;font-weight:700;display:grid}.supplier-create input,.supplier-create select,.supplier-board>header select{border:1px solid var(--line);min-width:0;font:inherit;background:#fff;padding:10px 11px}.supplier-create .wide-field{grid-column:span 2}.supplier-row{border-top:1px solid var(--line);grid-template-columns:1.2fr 1.4fr .6fr auto;align-items:center;gap:20px;padding:17px 24px;display:grid}.supplier-row:first-of-type{border-top:0}.supplier-row>div{gap:4px;display:grid}.supplier-row code{color:var(--muted);font-size:.68rem}.supplier-status{color:#8a5911;background:#f7ead0;padding:7px 10px;font-size:.67rem;font-weight:800}.supplier-status[data-status=VERIFIED]{color:var(--green);background:#e8f0e9}.supplier-status[data-status=SUSPENDED],.supplier-status[data-status=REJECTED]{color:var(--danger);background:#f8e7e2}.purchase-metrics{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:18px;display:grid}.purchase-metrics article{background:var(--surface);gap:4px;padding:22px 24px;display:grid}.purchase-metrics small,.purchase-row small{color:var(--muted);letter-spacing:.1em;font-size:.66rem;font-weight:800}.purchase-metrics strong{font:500 2.6rem var(--serif)}.purchase-metrics span,.purchase-create header p{color:var(--muted);font-size:.76rem}.purchase-create,.purchase-board{border:1px solid var(--line);background:var(--surface);margin-bottom:18px}.purchase-create>header,.purchase-board>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.purchase-create h2,.purchase-board h2{font:500 1.9rem var(--serif);margin:7px 0 0}.purchase-create form{grid-template-columns:repeat(5,minmax(120px,1fr));align-items:end;gap:12px;padding:22px 24px;display:grid}.purchase-create label{color:var(--muted);gap:6px;font-size:.7rem;font-weight:700;display:grid}.purchase-create input,.purchase-create select{border:1px solid var(--line);min-width:0;font:inherit;background:#fff;padding:10px 11px}.purchase-row{border-top:1px solid var(--line);grid-template-columns:1.3fr .65fr auto auto auto;align-items:center;gap:18px;padding:17px 24px;display:grid}.purchase-row:first-of-type{border-top:0}.purchase-row>div{gap:4px;display:grid}.purchase-row code{color:var(--muted);font-size:.67rem}.phone-flag,.purchase-status{color:#8a5911;background:#f7ead0;padding:6px 9px;font-size:.65rem;font-weight:800}.phone-flag.neutral{color:var(--muted);background:var(--paper)}.purchase-status[data-status=APPROVED],.purchase-status[data-status=CONFIRMED],.purchase-status[data-status=RESOLVED],.purchase-status[data-status=RECONCILED],.purchase-status[data-status=CLOSED]{color:var(--green);background:#e8f0e9}.purchase-status[data-status=OPEN]{color:#8a5911;background:#f7ead0}.purchase-status[data-status=CANCELLED]{color:var(--danger);background:#f8e7e2}.purchase-actions{display:flex!important}.procurement-finance-grid{grid-template-columns:1.35fr 1fr;gap:18px;display:grid}.finance-row{border-top:1px solid var(--line);grid-template-columns:1fr .95fr .95fr .8fr;align-items:center;gap:14px;padding:16px 24px;display:grid}.finance-row>div{gap:4px;display:grid}.finance-row small{color:var(--muted);letter-spacing:.08em;font-size:.62rem;font-weight:800}.payment-row{grid-template-columns:1.2fr .8fr auto}.empty-state{color:var(--muted);margin:0;padding:24px}.mono-note{overflow-wrap:anywhere;font-family:monospace;font-size:.75rem}.module-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.module-grid article>div{justify-content:space-between;display:flex}.module-grid span{color:var(--amber);letter-spacing:.1em;font-size:.72rem;font-weight:800}.module-grid em{color:var(--muted);font-size:.7rem;font-style:normal}.module-grid em.active{color:var(--green)}.master-metrics{margin-bottom:18px}.master-editor{border:1px solid var(--line);background:var(--surface);margin-top:18px;padding:26px}.master-editor header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-bottom:20px;display:flex}.master-editor h2{font:500 2rem var(--serif);margin:7px 0 0}.segmented{background:var(--paper);padding:3px;display:flex}.segmented button{color:var(--muted);background:0 0;border:0;padding:8px 12px}.segmented button.selected{color:#fff;background:var(--forest)}.master-form{grid-template-columns:repeat(4,minmax(140px,1fr)) auto;align-items:end;gap:14px;padding-top:22px;display:grid}.master-form label{color:var(--muted);gap:7px;font-size:.74rem;font-weight:700;display:grid}.master-form input,.master-form select{border:1px solid var(--line);min-width:0;font:inherit;background:#fff;padding:11px 12px}.master-form .primary-button{min-width:145px}.status-active,.status-inactive{border-radius:999px;padding:6px 9px;font-size:.68rem;font-weight:800}.status-active{color:var(--green);background:#e8f0e9}.status-inactive{color:var(--danger);background:#f8e7e2}.heading-copy{max-width:620px;color:var(--muted);margin:10px 0 0}.catalog-summary{background:var(--line);border:1px solid var(--line);grid-template-columns:1.1fr 1fr 1fr 1fr;gap:1px;margin-bottom:18px;display:grid}.catalog-summary article{background:var(--surface);gap:4px;padding:24px;display:grid}.catalog-summary small{color:var(--muted);letter-spacing:.12em;font-size:.68rem;font-weight:800}.catalog-summary strong{font:500 2.8rem var(--serif)}.catalog-summary span,.catalog-create p{color:var(--muted);font-size:.78rem}.catalog-create{color:#fff;background:linear-gradient(120deg, #ffffff12, transparent 42%), var(--forest);grid-template-columns:minmax(200px,.65fr) 2fr;gap:34px;margin-bottom:18px;padding:26px;display:grid}.catalog-create h2,.catalog-board h2{font:500 2rem var(--serif);margin:7px 0}.catalog-create form{grid-template-columns:repeat(2,minmax(130px,1fr)) auto;align-items:end;gap:12px;display:grid}.catalog-create label{color:#d9e3da;gap:6px;font-size:.72rem;font-weight:700;display:grid}.catalog-create input,.catalog-create select,.catalog-tools input,.catalog-tools select{border:1px solid var(--line);min-width:0;font:inherit;background:#fff;padding:11px 12px}.catalog-create .primary-button{color:var(--ink);background:var(--amber)}.quality-strip{border:1px solid var(--line);background:linear-gradient(90deg, #dfa33a1a, transparent 45%), var(--surface);grid-template-columns:minmax(210px,.7fr) 2fr;align-items:end;gap:28px;margin-bottom:18px;padding:22px 26px;display:grid}.quality-strip h2{font:500 1.7rem var(--serif);margin:7px 0}.quality-strip p{color:var(--muted);margin:0;font-size:.78rem}.quality-strip form{grid-template-columns:repeat(4,minmax(120px,1fr)) auto;align-items:end;gap:10px;display:grid}.quality-strip label{color:var(--muted);gap:6px;font-size:.7rem;font-weight:700;display:grid}.quality-strip input,.quality-strip select{border:1px solid var(--line);min-width:0;font:inherit;background:#fff;padding:10px 11px}.catalog-board{border:1px solid var(--line);background:var(--surface)}.catalog-board>header{border-bottom:1px solid var(--line);justify-content:space-between;gap:24px;padding:22px 24px;display:flex}.catalog-tools{align-items:center;gap:9px;display:flex}.catalog-table{transition:opacity .18s}.catalog-table.dimmed{opacity:.5}.catalog-table-head,.catalog-row{grid-template-columns:1.5fr 1fr .75fr .45fr;align-items:center;gap:18px;padding:15px 24px;display:grid}.catalog-table-head{color:var(--muted);background:var(--paper);letter-spacing:.1em;font-size:.66rem;font-weight:800}.catalog-row{border-top:1px solid var(--line)}.catalog-row:first-of-type{border-top:0}.catalog-row>div{gap:4px;display:grid}.catalog-row code{color:var(--muted);font-size:.7rem}.control-chip{color:#35534a;background:#e2ece8;width:fit-content;padding:6px 9px;font-size:.68rem;font-weight:800}.control-chip[data-type=SERIALIZED]{color:#8a5911;background:#f7ead0}.empty-state{color:var(--muted);text-align:center;padding:42px 24px}.setup-page{background:radial-gradient(circle at 85% 10%, #dfa33a33, transparent 25rem), var(--paper);place-items:center;min-height:100vh;padding:30px;display:grid}.setup-card{background:var(--surface);border:1px solid var(--line);width:min(760px,100%);padding:clamp(28px,6vw,66px)}.setup-card h1{font-size:clamp(2.5rem,5vw,4.8rem)}.secret-box{background:#e8f0e9;gap:8px;margin:24px 0;padding:18px;display:grid}.secret-box code{overflow-wrap:anywhere}.recovery-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.recovery-grid code{text-align:center}.setup-card form{max-width:420px;margin-top:28px}@media (width<=850px){.auth-page{grid-template-columns:1fr}.auth-story{min-height:420px}.app-frame{grid-template-columns:1fr}.sidebar{width:100%;height:auto;padding:18px;position:static}.sidebar nav{grid-template-columns:repeat(4,1fr);margin-top:20px}.sidebar-foot{display:none}.metric-grid,.content-card{grid-template-columns:1fr}.master-editor header{flex-direction:column;align-items:flex-start}.master-form{grid-template-columns:1fr 1fr}.catalog-create,.quality-strip{grid-template-columns:1fr}.quality-strip form,.catalog-create form{grid-template-columns:1fr 1fr}.catalog-board>header{flex-direction:column;align-items:flex-start}.supplier-create form,.supplier-row,.purchase-create form,.purchase-row{grid-template-columns:1fr 1fr}.procurement-finance-grid{grid-template-columns:1fr}.workspace-content{padding:28px 20px}}@media (width<=580px){.auth-story{display:none}.auth-panel{min-height:100vh;padding:24px}.sidebar nav{grid-template-columns:1fr 1fr}.workspace-bar{height:60px}.workspace-bar strong{display:none}.metric-grid,.split-grid,.module-grid,.master-form,.catalog-summary,.catalog-create form,.quality-strip form,.supplier-metrics,.supplier-create form,.supplier-row,.purchase-metrics,.purchase-create form,.purchase-row,.finance-row,.payment-row,.import-facts,.quantity-actions,.stock-action,.cycle-count-action,.reservation-row,.inventory-create,.inventory-inspection,.inventory-toolbar{grid-template-columns:1fr}.compliance-source-card{flex-direction:column}.cycle-count-action,.reservation-row{flex-direction:column;align-items:stretch}.import-lot-heading{flex-direction:column;align-items:flex-start}.supplier-create .wide-field{grid-column:auto}.supplier-create>header,.supplier-board>header,.purchase-create>header,.purchase-board>header{flex-direction:column;align-items:flex-start}.catalog-tools{flex-direction:column;align-items:stretch;width:100%}.catalog-table-head{display:none}.catalog-row{grid-template-columns:1fr auto}.catalog-row>span:first-of-type{display:none}.page-heading{align-items:start;gap:18px}.recovery-grid{grid-template-columns:1fr}.device-row{flex-wrap:wrap;align-items:flex-start}.device-row button,.device-row .current-chip{margin-left:58px}}