*{box-sizing:border-box}:root{color:#e8edf6;font-synthesis:none;text-rendering:optimizelegibility;background:#08101d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 80% -10%,#5865f22e,#0000 32rem),#08101d;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}input,select,textarea{color:#edf2fa;background:#0c1726;border:1px solid #2a3a51;border-radius:10px;outline:none;width:100%;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:#6f7df4;box-shadow:0 0 0 3px #6f7df41f}.app-shell{min-height:100vh}.sidebar{z-index:20;background:#08101df5;border-right:1px solid #1d2a3d;flex-direction:column;gap:30px;width:250px;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#d7dcff;background:linear-gradient(145deg,#5360d9,#8f59c8);border-radius:13px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 10px 26px #5360d938}.brand strong,.brand span{display:block}.brand strong{color:#9eabc0;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem}.brand span{margin-top:2px;font-size:1rem;font-weight:720}.sidebar nav{gap:7px;display:grid}.nav-button,.mobile-nav-button,.icon-button,.table-link,.danger-icon{cursor:pointer;border:0}.nav-button{color:#98a6bb;text-align:left;background:0 0;border-radius:11px;align-items:center;gap:11px;padding:11px 12px;display:flex}.nav-button:hover,.nav-button.active{color:#f7f9fd;background:#131f31}.nav-button.active{box-shadow:inset 3px 0 #7884ff}.sidebar-footer{color:#8e9bb0;border:1px solid #1d2a3d;border-radius:12px;gap:4px;margin-top:auto;padding:14px 12px;font-size:.78rem;display:grid}.sidebar-footer strong{color:#cfd6e4}main{min-height:100vh;margin-left:250px}.topbar{border-bottom:1px solid #1a2738;justify-content:space-between;align-items:center;gap:24px;min-height:92px;padding:20px clamp(22px,4vw,52px);display:flex}.topbar h1{letter-spacing:-.025em;margin:4px 0 0;font-size:clamp(1.25rem,2vw,1.65rem)}.eyebrow{color:#8c9ab0;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.status-pill{color:#b9c8dc;white-space:nowrap;background:#101b2b;border:1px solid #31415a;border-radius:999px;padding:7px 11px;font-size:.78rem}.content{max-width:1480px;padding:clamp(28px,5vw,58px)}.section-heading{grid-template-columns:minmax(220px,.72fr) minmax(280px,1.28fr);align-items:end;gap:44px;margin-bottom:30px;display:grid}.section-heading h2{letter-spacing:-.055em;margin:7px 0 0;font-size:clamp(2rem,5vw,3.5rem);line-height:.95}.section-heading>p{color:#a7b3c5;max-width:760px;margin:0;line-height:1.65}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.summary-card,.foundation-panel,.data-panel,.loading-panel{background:linear-gradient(#162234eb,#0d1725f5);border:1px solid #1f2d40;border-radius:17px;box-shadow:0 18px 50px #00000026}.summary-card{flex-direction:column;min-height:174px;padding:20px;display:flex}.summary-card>span{color:#a6b2c4;font-size:.82rem;font-weight:650}.summary-card strong{letter-spacing:-.04em;overflow-wrap:anywhere;margin:16px 0 10px;font-size:clamp(1.7rem,2.6vw,2.25rem)}.summary-card small{color:#78879c;margin-top:auto}.foundation-panel{grid-template-columns:minmax(180px,.55fr) minmax(280px,1.45fr);gap:28px;margin-top:18px;padding:24px;display:grid}.foundation-panel h3,.data-panel h3{margin:7px 0 0;font-size:1.35rem}.foundation-panel>p{color:#a8b4c6;margin:0;line-height:1.65}.module-stack{gap:18px;display:grid}.data-panel{min-width:0;padding:22px}.panel-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.panel-heading.compact{margin-bottom:10px}.panel-heading h4{margin:6px 0 0;font-size:1rem}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.loading-panel{color:#aab6c8;padding:28px}.empty-state{color:#8999ae;border:1px dashed #2a3a51;border-radius:13px;align-items:center;gap:14px;min-height:118px;padding:22px;display:flex}.empty-state strong{color:#dce3ee;margin-bottom:5px;display:block}.empty-state p{margin:0;line-height:1.55}.error-banner{color:#ffc7ce;background:#5b24303d;border:1px solid #6e3640;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.error-banner button{color:#ffdce1;cursor:pointer;background:#351a21;border:1px solid #7c4650;border-radius:8px;padding:7px 10px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.form-grid label,.purchase-line label{gap:6px;display:grid}.form-grid label>span,.purchase-line label>span{color:#9ba9bc;font-size:.78rem;font-weight:650}.span-2{grid-column:span 2}.primary-button,.icon-button{border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.primary-button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(145deg,#5967df,#745bd1);border:1px solid #6976ea;width:fit-content;min-height:40px;padding:9px 14px}.product-form-action{grid-column:1/-1;justify-self:start}.primary-button:disabled,.danger-icon:disabled{opacity:.45;cursor:not-allowed}.icon-button{color:#c1ccda;background:#111d2d;border:1px solid #2d3e57;padding:8px 11px}.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #1c2a3c;padding:12px 11px}th{color:#8291a7;letter-spacing:.07em;text-transform:uppercase;font-size:.73rem}td{color:#cbd4e1;font-size:.88rem}tbody tr:last-child td{border-bottom:0}.table-link{color:inherit;text-align:left;background:0 0;padding:0}.table-link strong,.table-link span{display:block}.table-link span{color:#7f90a7;margin-top:3px;font-size:.78rem}.purchase-form{gap:18px;display:grid}.purchase-meta{border-bottom:1px solid #1e2c3f;padding-bottom:18px}.line-items{gap:10px;display:grid}.purchase-line{background:#070e1961;border:1px solid #223247;border-radius:12px;grid-template-columns:minmax(180px,2fr) 90px 150px 130px 135px 38px;align-items:end;gap:10px;padding:12px;display:grid}.danger-icon{color:#e49ba5;background:#24151a;border-radius:9px;place-items:center;height:40px;display:grid}.supplier-list{gap:9px;display:grid}.supplier-list article{border:1px solid #223247;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;display:flex}.supplier-list strong,.supplier-list span{display:block}.supplier-list article>div>span{color:#8190a5;margin-top:4px;font-size:.8rem}.state-dot{color:#8e9bb0;font-size:.78rem}.state-dot.active{color:#79d8a5}.mobile-nav{display:none}@media (width<=1180px){.summary-grid,.purchase-line{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-line .danger-icon{width:40px}}@media (width<=900px){.sidebar{display:none}main{padding-bottom:calc(98px + env(safe-area-inset-bottom));margin-left:0}.topbar{min-height:0;padding:calc(9px + env(safe-area-inset-top)) 16px 9px;gap:12px}.topbar .eyebrow{display:none}.topbar h1{margin:0;font-size:1rem}.status-pill{padding:5px 8px;font-size:0}.status-pill:after{content:attr(data-mobile-label);font-size:.68rem}.content{padding:20px 16px 34px}.section-heading{grid-template-columns:1fr;gap:10px;margin-bottom:22px}.section-heading h2{font-size:clamp(1.8rem,8.5vw,2.35rem);line-height:1}.section-heading>p{line-height:1.5}.two-column{grid-template-columns:1fr}.mobile-nav{z-index:25;min-height:74px;padding:6px 6px calc(18px + env(safe-area-inset-bottom));background:#08101df7;border-top:1px solid #1f2d40;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;display:grid;position:fixed;inset:auto 0 0}.mobile-nav-button{color:#8190a5;background:0 0;border-radius:10px;justify-items:center;gap:3px;min-width:0;padding:6px 1px;font-size:.6rem;display:grid}.mobile-nav-button.active{color:#dce2ff;background:#142137}.mobile-version{left:0;right:0;bottom:calc(4px + env(safe-area-inset-bottom));color:#96a4b8;letter-spacing:.04em;text-align:center;pointer-events:none;font-size:.58rem;font-weight:700;line-height:1;position:absolute}.foundation-panel{grid-template-columns:1fr;gap:14px}}@media (width<=620px){.summary-grid,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.summary-card{min-height:112px;padding:15px}.summary-card strong{margin:10px 0 6px;font-size:clamp(1.5rem,8vw,1.9rem)}.summary-card small{font-size:.75rem}.status-pill{text-overflow:ellipsis;max-width:110px;overflow:hidden}.data-panel{padding:17px}.panel-heading{align-items:flex-start}.purchase-line{grid-template-columns:1fr}.purchase-line .danger-icon{justify-self:end}}