:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ls-bg:#f3f5f9;--ls-surface:#fff;--ls-surface-soft:#f9fbff;--ls-text:#111827;--ls-text-muted:#5f6d82;--ls-border:#e1e7f0;--ls-primary:#2563eb;--ls-primary-soft:#e7efff;--ls-primary-ink:#1748a5;--ls-shadow:0 8px 30px #1118270d;--ls-radius:12px}*{box-sizing:border-box}body{background:var(--ls-bg);color:var(--ls-text);margin:0;font-family:Segoe UI,Inter,ui-sans-serif,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif}main{max-width:none;margin:0;padding:0 0 2.5rem}h1,h2,h3{margin:0}h1{font-size:1.85rem;font-weight:700}h2{font-size:1.25rem;font-weight:650}h3{font-size:1.05rem;font-weight:650}p{line-height:1.55}.card{background:var(--ls-surface);border:1px solid var(--ls-border);border-radius:var(--ls-radius);box-shadow:var(--ls-shadow);max-width:1280px;margin:1rem auto 0;padding:1rem}.shell-nav{z-index:20;box-shadow:none;border-top:none;border-left:none;border-right:none;border-bottom:1px solid var(--ls-border);background:#fff;border-radius:0;max-width:none;padding:0;position:sticky;top:0}.shell-top{border-bottom:none;justify-content:space-between;align-items:center;gap:.65rem;max-width:1280px;min-height:3.75rem;margin:0 auto;padding:.52rem 1rem;display:flex}.brand-wrap{align-items:center;gap:.7rem;display:inline-flex}.brand-mark{color:#fff;letter-spacing:.02em;background:linear-gradient(160deg,#1d4ed8 0%,#2563eb 65%,#3b82f6 100%);border-radius:.55rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.8rem;font-weight:700;display:inline-flex}.nav-links{background:#f8fafc;border:1px solid #e4eaf4;border-radius:10px;flex:auto;justify-content:center;align-items:center;gap:.18rem;min-width:0;padding:.18rem;display:flex;overflow:hidden}.shell-user-actions{white-space:nowrap;flex:none;align-items:center;gap:.35rem;min-height:2.3rem;margin-left:auto;display:inline-flex}.nav-link{color:#3f4e65;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex:1 1 0;justify-content:center;align-items:center;gap:.32rem;min-width:0;min-height:2.05rem;padding:.38rem .36rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:color .12s,background .12s,border-color .12s;display:inline-flex}.shell-user-actions .nav-link{flex:none;min-height:2.2rem;padding:.43rem .55rem;font-size:.82rem}.nav-link span:not(.nav-icon){text-overflow:ellipsis;min-width:0;overflow:hidden}.nav-link:hover{background:#f3f6fc;border-color:#e6ebf3}.nav-link-active{color:var(--ls-primary-ink);background:#fff;border-color:#d9e5fb;box-shadow:0 1px 2px #0f172a0d}.nav-icon{flex:none;justify-content:center;align-items:center;width:.95rem;height:.95rem;display:inline-flex}.grid{gap:.75rem;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.field{flex-direction:column;gap:.36rem;display:flex}.field-span-2{grid-column:1/-1}.field span{color:#32445f;font-size:.84rem;font-weight:600}.field-invalid span{color:#b4232f}.field-invalid input,.field-invalid select,.field-invalid textarea{background:#fff8f8;border-color:#dc3545}.field-message{color:#b4232f;font-size:.78rem;font-weight:600;line-height:1.2}input,select,textarea,button{font:inherit;border:1px solid #d2dae6;border-radius:10px;padding:.56rem .68rem}input,select,textarea{background:#fbfcff}input:focus,select:focus,textarea:focus{border-color:#9cb8f8;outline:none;box-shadow:0 0 0 3px #3b82f626}textarea{resize:vertical;width:100%}.phone-input-row{grid-template-columns:minmax(0,12rem) minmax(0,1fr);gap:.5rem;display:grid}.phone-input-row>*{width:100%;min-width:0}input[readonly]{color:var(--ls-text-muted);background:#f1f4fa}button{background:var(--ls-primary);border-color:var(--ls-primary);color:#fff;cursor:pointer;font-weight:600}button:hover:not(:disabled){background:#1e55cf;border-color:#1e55cf}button:disabled{opacity:.55;cursor:not-allowed}.actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.mono-line{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.84rem}.subtle-line{color:var(--ls-text-muted);margin-top:.18rem;font-size:.78rem}.actions>.subtle-line{margin:0;line-height:1}.table-wrap{margin-top:.9rem;overflow-x:auto}.compact-table{border-collapse:collapse;background:var(--ls-surface-soft);border:1px solid var(--ls-border);border-radius:10px;width:100%;min-width:780px;overflow:hidden}.compact-table th,.compact-table td{text-align:left;vertical-align:top;background:#fff;border-bottom:1px solid #e6ebf3;padding:.58rem .5rem;font-size:.85rem}.compact-table th{text-transform:none;letter-spacing:0;color:#2b3d55;background:#f8faff;font-size:.95rem;font-weight:600}.table-sort-btn{width:100%;min-height:1.6rem;color:inherit;font:inherit;text-align:left;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:center;gap:.35rem;padding:0;display:inline-flex}.table-static-head{text-transform:none;justify-content:flex-start;align-items:center;width:100%;min-height:1.6rem;display:inline-flex}.table-sort-btn:hover:not(:disabled){color:#1f4fa8;background:0 0;border-color:#0000}.table-sort-active{color:#1f4fa8}.table-head-actions{justify-content:flex-end;margin-top:0}.inventory-table-actions{align-items:center}.link-button{white-space:nowrap;justify-content:center;align-items:center;padding:.56rem .68rem;font-weight:900;text-decoration:none;display:inline-flex}.table-description-cell{max-width:220px;line-height:1.35}.table-action-buttons{align-items:center;gap:.45rem}.table-action-buttons button{white-space:nowrap;margin:0}.status-pill{text-transform:uppercase;border-radius:999px;align-items:center;padding:.15rem .5rem;font-size:.73rem;font-weight:700;display:inline-flex}.status-draft{color:#2f5b9a;background:#edf2fb}.status-sent{color:#8a5a14;background:#fff2df}.status-partial{color:#9c3a1d;background:#fceee8}.status-received{color:#1f6b3f;background:#e8f8ef}.status-cancelled{color:#5d6776;background:#eef1f6}.progress-track{background:#e8edf6;border-radius:999px;width:100%;max-width:180px;height:8px;margin-top:.3rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#2563eb 0%,#3b82f6 100%);height:100%;display:block}.title-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.kpi-card{border:1px solid var(--ls-border);background:#fff;border-radius:12px;padding:1rem}.kpi-card p{color:var(--ls-text-muted);margin:0;font-size:.88rem}.kpi-top{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.kpi-dot{border-radius:999px;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;font-size:1rem;font-weight:700;display:inline-flex}.kpi-blue{color:#2563eb;background:#e7efff}.kpi-amber{color:#c27803;background:#fff4d8}.kpi-red{color:#d03131;background:#fee7e7}.kpi-green{color:#1e8a49;background:#e4f6e8}.kpi-card strong{letter-spacing:-.01em;margin-top:.45rem;font-size:1.75rem;display:block}.inventory-toolbar{grid-template-columns:minmax(0,1fr) 190px 220px;gap:.9rem;display:grid}.table-section-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.table-section-head h2{color:var(--ls-ink);margin:0;font-size:1.05rem;font-weight:700}.materials-form-wrap{border:1px solid var(--ls-border);background:#fbfdff;border-radius:12px;padding:.8rem}.tab-btn{color:#425572;background:#eef2fa;border-color:#e0e7f2}.tab-btn:hover:not(:disabled){background:#e6edf8;border-color:#d8e3f2}.tab-btn-active{color:#1f4fa8;background:#e7efff;border-color:#c9dafd}.danger-btn:hover:not(:disabled){background:#ffe9ec;border-color:#e18a98}.search-input-wrap{position:relative}.search-icon,.field-icon{color:#7d8ba1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-icon svg,.filter-icon svg,.field-icon,.field-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem;display:block}.search-input-wrap input{width:100%;padding-left:2.1rem}.search-icon,.search-input-wrap .field-icon{left:.85rem}.category-wrap{position:relative}.filter-icon{color:#8ca0b8;pointer-events:none;position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.category-wrap .field-icon{right:.9rem}.category-wrap select{appearance:none;width:100%;padding-right:2rem}.row-actions{align-items:center;gap:.4rem;display:inline-flex}.icon-btn{color:#3b4f69;min-width:unset;background:0 0;border:none;padding:.1rem}.modal-backdrop{z-index:60;background:#11182761;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--ls-border);background:#fff;border-radius:14px;width:min(640px,100%);padding:1rem;box-shadow:0 14px 40px #0f172a38}.ghost-btn{color:#334155;background:#fff;border-color:#cfd8e5}.ghost-btn:disabled{opacity:1;color:#64748b}.status-in-stock{color:#1f6b3f;background:#e8f8ef}.status-low-stock{color:#8a5a14;background:#fff2df}.status-out-of-stock{color:#9f2334;background:#fce9ec}.locale-switcher{box-shadow:none;background:#fff;border:1px solid #d6e0ee;border-radius:999px;align-items:center;padding:.22rem;display:inline-flex}.locale-switcher-actions{align-items:center;gap:.22rem;display:inline-flex}.locale-switcher-btn{color:#334155;background:#fff;border-color:#d4dce8;border-radius:999px;min-width:1.9rem;min-height:1.72rem;padding:.2rem .34rem;font-size:.73rem}.locale-switcher-btn-active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}@media (max-width:1180px){.brand-wrap{gap:.5rem}.brand-mark{width:2rem;height:2rem}.brand-wrap h2{font-size:1.05rem}.nav-link{gap:.25rem;padding-inline:.28rem;font-size:.72rem}.shell-user-actions .nav-link,.shell-user-actions button{padding-inline:.48rem;font-size:.78rem}}@media (max-width:980px){.nav-links{flex:0 auto}.nav-link{flex:none;width:2.15rem;padding-inline:0}.nav-link .nav-icon+span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:700px){.shell-top{padding-inline:.55rem}.brand-wrap h2{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell-user-actions{gap:.25rem}.shell-user-actions .nav-link,.shell-user-actions button{padding-inline:.42rem}}@media (max-width:768px){main{padding-top:.8rem}.grid-2,.phone-input-row{grid-template-columns:1fr}.shell-nav{position:static}.shell-top{align-items:center;gap:.4rem}.nav-links{width:auto}.shell-user-actions{justify-content:flex-end;width:auto}.title-row{flex-direction:column;align-items:flex-start}.kpi-grid,.inventory-toolbar{grid-template-columns:1fr}.locale-switcher{flex:none}}body{--ls-bg:#f4f0ea;--ls-surface:#fffdf9;--ls-surface-soft:#f8f5ef;--ls-text:#161412;--ls-text-muted:#6b6259;--ls-border:#171717;--ls-primary:#f26522;--ls-primary-soft:#fff0e7;--ls-primary-ink:#171717;--ls-shadow:8px 8px 0 #1111111a;--ls-radius:0;background:linear-gradient(#11111109 1px, transparent 1px), linear-gradient(90deg, #11111109 1px, transparent 1px), var(--ls-bg);background-size:28px 28px}main:has(.shell-nav){padding:0 1.5rem 2.5rem 7.5rem}.shell-nav{z-index:30;width:6rem;max-width:none;height:100vh;box-shadow:none;background:#111;border:none;border-right:2px solid #111;margin:0;padding:0;position:fixed;inset:0 auto 0 0}.shell-top{grid-template-rows:auto minmax(0,1fr) auto;align-items:stretch;gap:1rem;width:100%;max-width:none;height:100%;margin:0;padding:1rem .75rem;display:grid}.brand-wrap{color:#fff;justify-items:center;gap:.45rem;display:grid}.brand-wrap h2{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell-nav .brand-mark{fill:#111;background:0 0;border:none;border-radius:0;flex:none;width:3.5rem;height:2.15rem;padding:0;display:block}.shell-nav .brand-mark-accent{fill:#f26522}.nav-links{background:0 0;border:none;border-radius:0;align-content:start;gap:.5rem;min-width:0;padding:0;display:grid;overflow:visible}.nav-link{color:#d8d0c8;letter-spacing:.04em;text-align:center;text-transform:uppercase;background:#1d1b19;border:1px solid #34302c;border-radius:0;justify-items:center;gap:.28rem;min-height:4rem;padding:.55rem .35rem;font-size:.58rem;font-weight:900;line-height:1.05;display:grid;position:relative}.nav-link:hover{color:#fff;background:#29241f;border-color:#f26522}.nav-link-active{color:#111;box-shadow:none;background:#f26522;border-color:#f26522}.nav-icon{width:1.1rem;height:1.1rem}.nav-icon svg{fill:none;stroke:currentColor;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem}.nav-link span:not(.nav-icon){white-space:normal;max-width:4.2rem}.shell-user-actions{white-space:normal;align-content:end;gap:.5rem;min-height:0;margin-left:0;display:grid}.shell-user-actions .nav-link,.shell-user-actions button{width:100%;min-height:2.65rem;padding:.45rem .35rem;font-size:.62rem}.shell-user-actions .locale-switcher{background:#1d1b19;border:1px solid #34302c;border-radius:0;justify-content:center;width:100%;padding:.18rem}.shell-user-actions .locale-switcher-actions{grid-template-columns:1fr 1fr;gap:.18rem;width:100%;display:grid}.shell-user-actions .locale-switcher-btn{color:#d8d0c8;background:0 0;border:1px solid #0000;border-radius:0;min-width:0;min-height:1.85rem;padding:.15rem;font-size:.62rem;font-weight:900}.shell-user-actions .locale-switcher-btn-active{color:#111;background:#f26522;border-color:#f26522}.card{background:var(--ls-surface);border:2px solid #111;border-radius:0;max-width:1280px;margin:1rem auto 0;box-shadow:8px 8px #11111114}.shell-nav~.card:first-of-type{margin-top:1rem}.title-row h1{letter-spacing:-.06em;font-size:clamp(2rem,4vw,3.2rem);line-height:.95}.title-row p{color:var(--ls-text-muted)}button{color:#fff;box-shadow:none;letter-spacing:.035em;background:#111;border:2px solid #111;border-radius:0;font-weight:900}button:hover:not(:disabled):not(.export-csv-btn),button:hover:not(:disabled):not(.export-csv-btn){color:#111;background:#f26522;border-color:#f26522}.ghost-btn:not(.export-csv-btn),.tab-btn{color:#fff;background:#111;border:2px solid #111}.ghost-btn:hover:not(:disabled):not(.export-csv-btn),.tab-btn:hover:not(:disabled){color:#111;background:#f26522;border-color:#f26522}button:not(.export-csv-btn):disabled,.ghost-btn:not(.export-csv-btn):disabled,.tab-btn:disabled{color:#fff;opacity:1;background:#6f6f6f;border-color:#6f6f6f}.export-csv-btn{color:#111;background:#fffdf9;border:2px solid #111}.export-csv-btn:hover:not(:disabled){color:#111;background:#fff0e7;border-color:#f26522}input,select,textarea{color:#161412;background:#fffdf9;border:2px solid #111;border-radius:0}input:focus,select:focus,textarea:focus{border-color:#f26522;box-shadow:0 0 0 3px #f2652233}input[readonly]{background:#eee8df}.field span{color:#4c453f;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.kpi-grid{gap:.75rem}.kpi-card{min-height:7.6rem;box-shadow:none;background:#f8f5ef;border:2px solid #111;border-radius:0}.kpi-card p{color:#6b6259;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.kpi-card strong{letter-spacing:-.055em;font-size:clamp(1.85rem,3vw,2.6rem);line-height:.95}.kpi-dot{color:#111;background:#fffdf9;border:2px solid #111;border-radius:0;width:2.1rem;height:2.1rem}.kpi-blue,.kpi-green{color:#111;background:#fffdf9}.kpi-amber{color:#111;background:#fff0e7;border-color:#f26522}.kpi-red{color:#fff;background:#bd2634;border-color:#bd2634}.compact-table{background:#fff;border:2px solid #111;border-radius:0}.compact-table th{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#111;border-color:#111;font-size:.72rem;font-weight:900}.compact-table td{background:#fffdf9;border-color:#ddd5cc}.compact-table tbody tr:hover td{background:#fff0e7}.status-pill{letter-spacing:.06em;border:1px solid;border-radius:0;font-size:.68rem}.status-low-stock,.status-sent,.status-partial{color:#9f3c0d;background:#fff0e7}.status-in-stock,.status-received{color:#257447;background:#ecf6ee}.status-out-of-stock,.status-cancelled{color:#fff;background:#bd2634}.materials-form-wrap{box-shadow:6px 6px #11111114}.table-section-head h2{color:#111;letter-spacing:-.025em;font-weight:900}.progress-track{background:#ddd5cc;border-radius:0}.progress-fill{background:#f26522}.modal-backdrop{background:#11111194}.modal-card{background:#fffdf9;border:2px solid #111;border-radius:0;box-shadow:12px 12px #11111147}.danger-btn{color:#fff;background:#bd2634;border-color:#bd2634}.danger-btn:hover:not(:disabled){color:#fff;background:#9f1f2b;border-color:#9f1f2b}.search-icon,.filter-icon,.field-icon{color:#6b6259}.icon-btn{color:#111;background:0 0;border:none}.icon-btn.danger{color:#bd2634}@media (max-width:1180px){.shell-nav .brand-mark{width:3.1rem;height:1.95rem}}@media (max-width:980px){main:has(.shell-nav){padding:0 1rem 2rem}.shell-nav{border-bottom:2px solid #111;border-right:none;width:100%;height:auto;position:sticky;top:0}.shell-top{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:4.4rem;padding:.65rem .75rem;display:grid}.brand-wrap{display:inline-flex}.brand-wrap h2{clip:auto;color:#fff;width:auto;height:auto;font-size:1rem;position:static}.nav-links{gap:.35rem;display:flex;overflow-x:auto}.nav-link{flex:none;width:3.6rem;min-height:3rem;padding:.35rem}.shell-user-actions{align-items:center;gap:.35rem;display:inline-flex}.shell-user-actions .locale-switcher{width:auto}.shell-user-actions .locale-switcher-actions{display:inline-flex}}@media (max-width:768px){.card{box-shadow:5px 5px #11111114}.shell-top{grid-template-columns:minmax(0,1fr)}.brand-wrap{justify-self:start}.nav-links,.shell-user-actions{width:100%}.shell-user-actions{justify-content:flex-start;overflow-x:auto}}