:root{color-scheme:light;--ls-bg:#f3f5f9;--ls-surface:#ffffff;--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 rgba(17,24,39,0.05);--ls-radius:12px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Inter,ui-sans-serif,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;background:var(--ls-bg);color:var(--ls-text)}main{max-width:none;padding:0 0 2.5rem}h1,h2,h3,main{margin:0}h1{font-size:1.85rem;font-weight:700}h2{font-size:1.25rem}h2,h3{font-weight:650}h3{font-size:1.05rem}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);padding:1rem;margin:1rem auto 0;max-width:1280px}.shell-nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;padding:0;border-radius:0;box-shadow:none;max-width:none;background:#ffffff;border:none;border-bottom:1px solid var(--ls-border)}.shell-top{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:.65rem 1rem;max-width:1280px;margin:0 auto;border-bottom:none}.brand-wrap{gap:.7rem}.brand-mark,.brand-wrap{display:inline-flex;align-items:center}.brand-mark{width:2.25rem;height:2.25rem;border-radius:.55rem;background:linear-gradient(160deg,#1d4ed8,#2563eb 65%,#3b82f6);color:#ffffff;justify-content:center;font-size:.8rem;font-weight:700;letter-spacing:.02em}.nav-links{display:flex;gap:.4rem;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.1rem}.shell-user-actions{gap:.5rem;margin-left:auto}.nav-link,.shell-user-actions{display:inline-flex;align-items:center}.nav-link{gap:.45rem;text-decoration:none;color:#3f4e65;background:transparent;border:1px solid transparent;border-radius:10px;padding:.52rem .78rem;font-size:1rem;font-weight:500;transition:all .12s ease;white-space:nowrap}.nav-link:hover{background:#f3f6fc;border-color:#e6ebf3}.nav-link-active{color:var(--ls-primary-ink);background:var(--ls-primary-soft);border-color:#cddcff;font-weight:600}.nav-icon{width:1rem;height:1rem;display:inline-flex;align-items:center;justify-content:center}.nav-icon svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.grid{display:grid;grid-gap:.75rem;gap:.75rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:.36rem}.field span{font-size:.84rem;font-weight:600;color:#32445f}button,input,select,textarea{border-radius:10px;border:1px solid #d2dae6;padding:.56rem .68rem;font:inherit}input,select,textarea{background:#fbfcff}input:focus,select:focus,textarea:focus{outline:none;border-color:#9cb8f8;box-shadow:0 0 0 3px rgba(59,130,246,.15)}textarea{width:100%;resize:vertical}input[readonly]{color:var(--ls-text-muted);background:#f1f4fa}button{background:var(--ls-primary);border-color:var(--ls-primary);color:#ffffff;cursor:pointer;font-weight:600}button:hover:not(:disabled){background:#1e55cf;border-color:#1e55cf}button:disabled{opacity:.55;cursor:not-allowed}.actions{margin-top:.75rem;display:flex;gap:.5rem;flex-wrap:wrap}.mono-line{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.84rem}.subtle-line{color:var(--ls-text-muted);font-size:.78rem;margin-top:.18rem}.table-wrap{overflow-x:auto;margin-top:.9rem}.compact-table{width:100%;border-collapse:collapse;min-width:780px;background:var(--ls-surface-soft);border:1px solid var(--ls-border);border-radius:10px;overflow:hidden}.compact-table td,.compact-table th{text-align:left;vertical-align:top;border-bottom:1px solid #e6ebf3;padding:.58rem .5rem;font-size:.85rem;background:#ffffff}.compact-table th{font-size:.95rem;font-weight:600;text-transform:none;letter-spacing:0;color:#2b3d55;background:#f8faff}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.15rem .5rem;font-size:.73rem;font-weight:700;text-transform:uppercase}.status-draft{background:#edf2fb;color:#2f5b9a}.status-sent{background:#fff2df;color:#8a5a14}.status-partial{background:#fceee8;color:#9c3a1d}.status-received{background:#e8f8ef;color:#1f6b3f}.status-cancelled{background:#eef1f6;color:#5d6776}.progress-track{margin-top:.3rem;width:100%;max-width:180px;height:8px;border-radius:999px;background:#e8edf6;overflow:hidden}.progress-fill{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6)}.title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.action-link{text-decoration:none;border-radius:10px;background:#03051b;color:#ffffff;padding:.6rem .95rem;font-weight:600;border:1px solid #03051b}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.8rem;gap:.8rem}.kpi-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card{border:1px solid var(--ls-border);border-radius:12px;background:#ffffff;padding:1rem}.kpi-card p{margin:0;color:var(--ls-text-muted);font-size:.88rem}.kpi-top{display:flex;justify-content:space-between;gap:.6rem}.kpi-dot,.kpi-top{align-items:center}.kpi-dot{width:2.3rem;height:2.3rem;border-radius:999px;display:inline-flex;justify-content:center;font-size:1rem;font-weight:700}.kpi-blue{background:#e7efff;color:#2563eb}.kpi-amber{background:#fff4d8;color:#c27803}.kpi-red{background:#fee7e7;color:#d03131}.kpi-green{background:#e4f6e8;color:#1e8a49}.kpi-card strong{display:block;margin-top:.45rem;font-size:1.75rem;letter-spacing:-.01em}.inventory-toolbar{display:grid;grid-gap:.9rem;gap:.9rem;grid-template-columns:minmax(0,1fr) 220px}.materials-layout{margin-top:.9rem;display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);grid-gap:.9rem;gap:.9rem}.materials-main,.materials-side{display:flex;flex-direction:column;gap:.75rem}.materials-form-wrap{border:1px solid var(--ls-border);border-radius:12px;padding:.8rem;background:#fbfdff}.materials-tabs{display:inline-flex;gap:.45rem}.tab-btn{background:#eef2fa;color:#425572;border-color:#e0e7f2}.tab-btn:hover:not(:disabled){background:#e6edf8;border-color:#d8e3f2}.tab-btn-active{background:#e7efff;color:#1f4fa8;border-color:#c9dafd}.side-card{border:1px solid var(--ls-border);border-radius:12px;background:#ffffff;padding:.8rem}.side-card h4{margin:0 0 .45rem}.side-card p{margin:.45rem 0}.location-line{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-top:1px solid #edf1f8;padding-top:.45rem;margin-top:.45rem}.materials-table-head{margin-top:1rem;display:grid;grid-template-columns:minmax(0,1fr) 240px;grid-gap:.75rem;gap:.75rem}.vendors-table-head{margin-top:1rem;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:.75rem;gap:.75rem}.purchase-actions{margin-top:0}.purchase-kpi-grid{margin-top:.9rem}.purchase-toolbar{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(180px,1fr) minmax(220px,1fr);grid-gap:.75rem;gap:.75rem;align-items:end}.po-empty{margin-top:.75rem;border:1px dashed #d8e1ef;border-radius:12px;background:#f9fbff;padding:1.2rem;text-align:center}.po-empty p{margin:0;color:#586980}.po-cards{margin-top:.9rem;display:grid;grid-gap:.9rem;gap:.9rem}.po-card{border:1px solid var(--ls-border);border-left:4px solid #94a3b8;border-radius:12px;background:#ffffff;padding:.9rem}.po-card-draft{border-left-color:#f59e0b}.po-card-partial,.po-card-sent{border-left-color:#3b82f6}.po-card-received{border-left-color:#16a34a}.po-card-cancelled{border-left-color:#ef4444}.po-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.po-card-head-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.po-card-title{margin:0;font-size:1rem;font-weight:650;color:#111827}.po-card-subtitle{margin:.2rem 0 0;font-size:.84rem;color:#65758c}.po-receive-btn{padding:.35rem .65rem;font-size:.82rem}.po-meta-grid{margin-top:.75rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.65rem;gap:.65rem}.po-meta-item{display:flex;gap:.55rem;align-items:flex-start;border:1px solid #e8edf6;border-radius:10px;padding:.55rem .6rem;background:#f9fbff}.po-meta-icon{width:1.65rem;height:1.65rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#eaf1ff;color:#2f5b9a;flex:0 0 auto}.po-meta-icon svg{width:.95rem;height:.95rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.po-meta-label{margin:0;font-size:.73rem;color:#6b7b91}.po-meta-value{margin:.1rem 0 0;font-size:.84rem;font-weight:600;color:#1f2b3d}.po-meta-amount{font-size:.95rem}.po-lines-wrap{margin-top:.75rem;border:1px solid #e6ebf4;border-radius:10px;overflow:hidden}.po-lines-table{width:100%;border-collapse:collapse}.po-lines-table td,.po-lines-table th{text-align:left;padding:.46rem .55rem;border-bottom:1px solid #edf2f8;font-size:.82rem}.po-lines-table th{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:#617087;background:#f8faff}.po-lines-table tr:last-child td{border-bottom:none}.po-line-empty{margin:.75rem 0 0;font-size:.83rem;color:#64748b}.vendors-grid{margin-top:.9rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.7rem;gap:.7rem}.vendor-card{border:1px solid var(--ls-border);border-radius:12px;background:#f9fbff;padding:.75rem}.vendor-card h4{margin:0}.vendor-card-stats{margin-top:.55rem;display:flex;gap:.45rem;flex-wrap:wrap}.vendor-card-stats span{border:1px solid #dbe4f3;border-radius:999px;padding:.15rem .45rem;font-size:.78rem;color:#3b4f69}.search-input-wrap{position:relative}.search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:#7d8ba1;font-size:1rem}.search-input-wrap input{width:100%;padding-left:2.1rem}.category-wrap{position:relative}.filter-icon{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);color:#8ca0b8;pointer-events:none}.category-wrap select{width:100%;padding-right:2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.row-actions{display:inline-flex;align-items:center;gap:.4rem}.icon-btn{background:transparent;border:none;color:#3b4f69;padding:.1rem;min-width:unset}.icon-btn.danger{color:#d94156}.warehouse-grid{margin-top:.9rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.7rem;gap:.7rem}.warehouse-card{border:1px solid var(--ls-border);border-radius:12px;background:#f9fbff;padding:.75rem}.warehouse-card h4{margin:0}.warehouse-row{margin-top:.55rem;justify-content:space-between;gap:.5rem;border-top:1px solid #e8edf7;padding-top:.45rem}.modal-backdrop,.warehouse-row{display:flex;align-items:center}.modal-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.38);justify-content:center;z-index:60;padding:1rem}.modal-card{width:min(640px,100%);background:#ffffff;border:1px solid var(--ls-border);border-radius:14px;box-shadow:0 14px 40px rgba(15,23,42,.22);padding:1rem}.po-modal-card{width:min(880px,100%);max-height:90vh;overflow-y:auto;padding:0}.po-modal-head{padding:1rem 1rem .8rem;border-bottom:1px solid #e8edf6}.po-modal-head h4{margin:0;font-size:1.12rem}.po-modal-close{min-width:2rem;width:2rem;height:2rem;padding:0;font-size:1.1rem;line-height:1}.po-modal-body{padding:1rem;display:flex;flex-direction:column;gap:.9rem}.po-modal-section{border:1px solid #e7ecf5;border-radius:12px;background:#fbfdff;padding:.85rem}.po-modal-section h5{margin:0 0 .75rem;font-size:.96rem;font-weight:650}.po-modal-span-2{grid-column:span 2}.po-item-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(130px,1fr) minmax(130px,1fr) minmax(110px,auto);grid-gap:.6rem;gap:.6rem;align-items:end}.po-item-action{margin-top:0}.po-item-action button{width:100%}.po-draft-lines-wrap{margin-top:.75rem;border:1px solid #e6ebf4;border-radius:10px;overflow:hidden;background:#ffffff}.po-line-remove{padding:.24rem .48rem;font-size:.78rem}.po-draft-summary{margin:.65rem 0 0;font-size:.85rem;color:#32455f;font-weight:600}.po-modal-footer{justify-content:flex-end;margin-top:0;border-top:1px solid #e8edf6;padding:.85rem 1rem 1rem}.po-receive-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.65rem;gap:.65rem}.po-receive-summary>div{border:1px solid #e7ecf5;border-radius:10px;background:#ffffff;padding:.55rem .6rem}.ghost-btn{background:#ffffff;color:#334155;border-color:#cfd8e5}.ghost-btn:disabled{opacity:1;color:#64748b}.status-in-stock{background:#e8f8ef;color:#1f6b3f}.status-low-stock{background:#fff2df;color:#8a5a14}.status-out-of-stock{background:#fce9ec;color:#9f2334}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-card{border:1px solid var(--ls-border);border-radius:12px;background:#f9fbff;padding:.85rem}.account-card p{margin-top:.35rem}.account-card:last-child{grid-column:span 2}.landing-page{min-height:100vh;background:linear-gradient(180deg,#f5f8ff,#ffffff 28%);color:#0f172a}.landing-wrap{width:min(1120px,calc(100% - 2rem));margin:0 auto}.landing-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid #dfe7f4;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.landing-header .landing-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem}.landing-brand{gap:.6rem;font-size:1.2rem}.landing-brand,.landing-brand-mark{display:inline-flex;align-items:center}.landing-brand-mark{width:2rem;height:2rem;border-radius:.5rem;justify-content:center;background:#2563eb;color:#fff;font-size:.8rem;font-weight:700}.landing-nav{display:inline-flex;align-items:center;gap:1.2rem}.landing-nav a{text-decoration:none;color:#475569;font-weight:500}.landing-nav a:hover{color:#0f172a}.landing-actions{display:inline-flex;gap:.55rem}.landing-hero{padding:5rem 0 3.5rem}.landing-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);grid-gap:2rem;gap:2rem;align-items:center}.landing-hero h1{font-size:clamp(2rem,4.2vw,3.35rem);line-height:1.1;margin:0}.landing-hero p{margin:1rem 0 0;font-size:1.03rem;color:#475569;max-width:52ch}.landing-hero-actions{margin-top:1.4rem;display:inline-flex;gap:.6rem}.landing-checks{margin:1rem 0 0;padding:0;list-style:none;display:grid;grid-gap:.35rem;gap:.35rem;color:#334155;font-size:.92rem}.landing-checks li:before{content:"✓ ";color:#2563eb;font-weight:700}.landing-hero-card{border:1px solid #dfe8f5;border-radius:14px;background:#fff;box-shadow:0 18px 42px rgba(30,41,59,.08);padding:1rem}.landing-hero-card h3{margin:0}.landing-hero-card>p{margin:.45rem 0 0;color:#52647e}.landing-hero-metrics{margin-top:.85rem;display:grid;grid-gap:.55rem;gap:.55rem}.landing-hero-metrics article{border:1px solid #e7edf7;border-radius:10px;background:#f8fbff;padding:.6rem .7rem}.landing-hero-metrics span{display:block;color:#64748b;font-size:.76rem}.landing-hero-metrics strong{display:block;margin-top:.2rem;font-size:.92rem}.landing-section{padding:3.4rem 0}.landing-section-head{max-width:680px;margin:0 auto 1.2rem;text-align:center}.landing-section-head h2{font-size:2rem;margin:0}.landing-section-head p{margin:.5rem 0 0;color:#64748b}.landing-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.8rem;gap:.8rem}.landing-feature-card{border:1px solid #e2e8f4;border-radius:12px;background:#ffffff;padding:.9rem}.landing-feature-card h3{margin:0;font-size:1.05rem}.landing-feature-card p{margin:.45rem 0 0;color:#5b6c82}.landing-pricing{padding-top:1rem}.landing-pricing-card{border-radius:14px;border:1px solid #d6e4fc;background:linear-gradient(140deg,#1d4ed8,#1e40af);color:#ffffff;text-align:center;padding:2rem 1rem}.landing-pricing-card h2{margin:0}.landing-pricing-card p{margin:.5rem 0 0;color:rgba(255,255,255,.85)}.landing-price{margin:1rem 0;font-size:2.4rem;font-weight:700;line-height:1}.landing-price span{font-size:1rem;opacity:.85}.landing-pricing-card button{background:#ffffff;color:#1d4ed8;border-color:#ffffff}.landing-footer{margin-top:2.5rem;border-top:1px solid #e2e8f0;padding:1.2rem 0;color:#64748b;font-size:.9rem}.landing-auth-card{width:min(560px,100%)}.landing-auth-error{margin:0;color:#b91c1c;font-size:.88rem}.landing-auth-message{margin:0;color:#1e40af;font-size:.88rem}.landing-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem}.landing-brand-text{font-weight:650;letter-spacing:-.01em}.landing-hero-title span{color:#2563eb}.landing-hero-subtitle{max-width:56ch}.landing-checks li:before{content:"+ "}.landing-image-wrap{border:1px solid #dfe8f5;border-radius:14px;background:#fff;box-shadow:0 18px 42px rgba(30,41,59,.08);overflow:hidden}.landing-image{display:block;width:100%;height:auto}.landing-benefits{background:#f8fafc}.landing-benefits-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:2rem;gap:2rem;align-items:center}.landing-benefits h2{margin:0;font-size:2rem}.landing-benefits p{color:#52647e}.landing-benefit-list{margin-top:1rem;display:grid;grid-gap:.75rem;gap:.75rem}.landing-benefit-list article{border:1px solid #e7edf7;border-radius:10px;background:#fff;padding:.75rem}.landing-benefit-list h3{margin:0;font-size:1.05rem}.landing-benefit-list p{margin:.35rem 0 0;color:#5f7188}.landing-testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.8rem;gap:.8rem}.landing-testimonial-card{border:1px solid #e2e8f4;border-radius:12px;background:#fff;padding:1rem}.landing-stars{color:#fbbf24;font-size:.95rem;letter-spacing:.08em}.landing-testimonial-card p{margin:.6rem 0;color:#3f4f64}.landing-testimonial-meta{display:grid;grid-gap:.08rem;gap:.08rem}.landing-testimonial-meta span{font-size:.82rem;color:#64748b}.landing-cta{padding:2.6rem 0}.landing-cta-card{border-radius:14px;border:1px solid #d6e4fc;background:linear-gradient(140deg,#1d4ed8,#1e40af);color:#fff;text-align:center;padding:2rem 1.25rem}.landing-cta-card h2{margin:0;font-size:clamp(1.8rem,3.6vw,2.8rem)}.landing-cta-card p{margin:.5rem 0 0;color:rgba(255,255,255,.85)}.landing-cta-actions{margin-top:1rem;display:inline-flex;gap:.6rem}.landing-cta-card button{background:#fff;color:#1d4ed8;border-color:#fff}.landing-footer{margin-top:1.5rem;background:#0f172a;color:#cbd5e1;padding:2rem 0 1rem}.landing-footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));grid-gap:1.25rem;gap:1.25rem}.landing-footer-grid h4{margin:0 0 .5rem;color:#fff}.landing-footer-grid a{display:block;text-decoration:none;color:#cbd5e1;margin:.15rem 0;font-size:.9rem}.landing-footer-grid a:hover{color:#fff}.landing-footer-text{margin-top:.5rem;color:#94a3b8}.landing-footer-bottom{margin-top:1rem;padding-top:.9rem;border-top:1px solid #1f2937;color:#94a3b8;font-size:.88rem}.landing-auth-form{gap:.65rem}.landing-auth-divider{display:flex;align-items:center;color:#64748b;font-size:.82rem;margin:.1rem 0}.landing-auth-divider:after,.landing-auth-divider:before{content:"";flex:1 1;height:1px;background:#e2e8f0}.landing-auth-divider span{padding:0 .45rem}.landing-google-btn{width:100%}.landing-auth-switch{margin:0;text-align:center;color:#64748b;font-size:.88rem}.landing-auth-switch .ghost-btn{padding:0;border:none;margin-left:.2rem;color:#2563eb;background:transparent}@media (max-width:768px){main{padding-top:.8rem}.grid-2,.grid-3{grid-template-columns:1fr}.shell-nav{position:static}.shell-top{align-items:flex-start;flex-direction:column}.nav-links{width:100%}.shell-user-actions{width:100%;justify-content:flex-start}.title-row{align-items:flex-start;flex-direction:column}.account-grid,.inventory-toolbar,.kpi-grid,.materials-layout,.materials-table-head{grid-template-columns:1fr}.account-card:last-child{grid-column:auto}.purchase-toolbar{grid-template-columns:1fr}.po-card-head{flex-direction:column;gap:.5rem}.po-card-head-right{justify-content:flex-start}.po-meta-grid{grid-template-columns:1fr}.po-modal-span-2{grid-column:auto}.po-item-grid,.po-receive-summary{grid-template-columns:1fr}.landing-header .landing-wrap{flex-wrap:wrap;padding:.45rem 0}.landing-nav{display:none}.landing-actions{width:100%}.landing-actions button{flex:1 1}.landing-hero{padding-top:2.4rem}.landing-benefits-grid,.landing-feature-grid,.landing-hero-grid,.landing-testimonial-grid{grid-template-columns:1fr}.landing-cta-actions{display:grid;width:100%}.landing-footer-grid,.vendors-grid,.warehouse-grid{grid-template-columns:1fr}}