:root{--navy:#0b1220;--navy-2:#111b2e;--ink:#182235;--muted:#6d7788;--line:#e6e9ef;--paper:#fff;--canvas:#f4f6f9;--violet:#6d5dfc;--violet-dark:#5545e8;--green:#0a9c72;--amber:#c77a08;--red:#d24b4b;--shadow:0 18px 60px rgba(15,23,42,.10)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.eyebrow{margin:0 0 8px;color:var(--violet);font-size:11px;font-weight:800;letter-spacing:.16em}.muted{color:var(--muted);line-height:1.6}.brand-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#8678ff,#5545e8);color:#fff;font-size:24px;font-weight:850;box-shadow:0 9px 28px rgba(109,93,252,.3)}.brand-mark.small{width:38px;height:38px;border-radius:11px;font-size:19px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 15% 15%,rgba(109,93,252,.2),transparent 28%),radial-gradient(circle at 85% 85%,rgba(30,148,120,.12),transparent 30%),var(--navy);color:#fff}.login-brand{position:absolute;top:36px;left:42px;display:flex;align-items:center;gap:13px}.login-brand strong,.app-brand strong{display:block;letter-spacing:.15em}.login-brand span,.app-brand span{display:block;margin-top:3px;color:#9ba7bb;font-size:10px;letter-spacing:.18em}.login-card{width:min(440px,100%);padding:42px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:rgba(17,27,46,.92);box-shadow:0 25px 80px rgba(0,0,0,.32);backdrop-filter:blur(18px)}.login-card h1{font-size:34px;letter-spacing:-.035em;margin:0 0 10px}.login-card label,.form-grid label,#listForm>label{display:grid;gap:8px;font-size:13px;font-weight:700}.login-card label{margin-top:20px;color:#ccd3df}.login-card input{background:#0c1525;border-color:#29354a;color:#fff}.login-foot{position:absolute;bottom:24px;color:#8290a6;font-size:12px}input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(109,93,252,.12)}button{border:0;cursor:pointer}.primary,.secondary,.ghost{padding:11px 17px;border-radius:11px;font-weight:750;transition:.18s}.primary{background:var(--violet);color:#fff;box-shadow:0 7px 18px rgba(109,93,252,.2)}.primary:hover{background:var(--violet-dark);transform:translateY(-1px)}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.ghost{background:transparent;color:var(--muted)}.full{width:100%;margin-top:24px}.form-error{min-height:18px;margin:12px 0 0;color:#ff8080;font-size:13px}.app-shell{min-height:100vh;display:grid;grid-template-columns:232px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;padding:26px 18px;background:var(--navy);color:#fff;display:flex;flex-direction:column}.app-brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px}.sidebar nav{display:grid;gap:7px}.nav-item{width:100%;padding:12px;border-radius:11px;text-align:left;color:#93a1b6;background:transparent;display:flex;align-items:center;gap:10px}.nav-item.active{color:#fff;background:#19243a}.nav-item small{margin-left:auto;font-size:9px;color:#66758e}.sidebar-foot{margin-top:auto;padding:16px 8px 4px;border-top:1px solid #243047;display:grid;gap:10px;font-size:11px;color:#9aa7bb;word-break:break-word}.sidebar-foot button{color:#d3d9e4;background:transparent;text-align:left;padding:0}.workspace{grid-column:2;padding:34px 38px 55px;min-width:0}.topbar{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.topbar h1{margin:0;font-size:30px;letter-spacing:-.035em}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats-grid article{min-height:112px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;display:grid;align-content:space-between}.stats-grid span{font-size:12px;color:var(--muted);font-weight:650}.stats-grid strong{font-size:31px;line-height:1}.stats-grid small{font-size:10px;color:#b9c4da}.stats-grid article.accent{background:linear-gradient(135deg,#19243a,#10192b);border:0;color:#fff}.stats-grid article.accent span{color:#aab6cb}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(15,23,42,.035)}.panel-toolbar{padding:19px;display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.list-picker{min-width:220px}.list-picker label{display:block;margin-bottom:6px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em}.toolbar-actions{display:flex;gap:10px;flex:1;justify-content:flex-end}.toolbar-actions input{max-width:360px}.notice{margin:14px 18px 0;padding:11px 13px;border-radius:10px;background:#fff8e6;color:#7d5706;font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:850px}th{padding:12px 18px;text-align:left;color:#8a94a5;background:#fafbfc;font-size:10px;letter-spacing:.08em;text-transform:uppercase}td{padding:15px 18px;border-top:1px solid #eef0f4;font-size:13px;vertical-align:middle}.part-code{font-weight:800;color:#111b2d}.part-sub{margin-top:4px;color:var(--muted);font-size:11px;max-width:290px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qty{font-weight:750}.supplier{display:grid;gap:5px}.supplier strong{font-size:12px}.supplier small{color:var(--muted);font-size:10px}.stock-ok{color:var(--green)}.stock-none{color:var(--red)}.pending{color:var(--amber)}.row-actions{display:flex;gap:5px;justify-content:flex-end}.row-actions button,.icon-button{width:34px;height:34px;border-radius:9px;background:#f3f5f8;color:#596579}.row-actions button:hover{background:#e9ecf2}.empty-state{padding:70px 20px;text-align:center}.empty-state>div{width:50px;height:50px;margin:auto;display:grid;place-items:center;border-radius:15px;background:#efedff;color:var(--violet);font-size:25px}.empty-state h2{margin:16px 0 6px}.empty-state p{margin:0 0 18px;color:var(--muted)}dialog{width:min(620px,calc(100% - 24px));padding:0;border:0;border-radius:20px;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(5,10,20,.62);backdrop-filter:blur(3px)}dialog form{padding:26px}.dialog-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:22px}.dialog-head h2{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span-2{grid-column:span 2}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.icon-button{font-size:23px}.date{font-size:11px;color:var(--muted)}
@media(max-width:980px){.stats-grid{grid-template-columns:1fr 1fr}.panel-toolbar{align-items:stretch;flex-direction:column}.toolbar-actions{justify-content:stretch}.toolbar-actions input{max-width:none}.app-shell{grid-template-columns:78px 1fr}.sidebar{width:78px;padding:22px 11px}.app-brand>div:last-child,.nav-item:not(.active),.nav-item.active{font-size:0}.nav-item.active span{font-size:18px}.app-brand{padding-inline:8px}.workspace{grid-column:2;padding:25px 20px}.sidebar-foot span{display:none}}
@media(max-width:650px){.login-brand{left:24px;top:24px}.login-card{padding:30px 22px}.login-card h1{font-size:28px}.app-shell{display:block}.sidebar{position:static;width:100%;height:68px;padding:14px 18px;flex-direction:row;align-items:center}.sidebar nav{display:none}.sidebar-foot{margin:0 0 0 auto;padding:0;border:0;display:block}.sidebar-foot button{font-size:12px}.workspace{padding:22px 14px}.topbar{align-items:start}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid article{min-height:94px;padding:15px}.toolbar-actions{flex-direction:column}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}