*{box-sizing:border-box}html,body{color:#111827;background:#f5f7fb;min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:flex}.sidebar{color:#d9e1ee;background:#0b1220;flex-direction:column;width:250px;padding:22px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:5px 10px 28px;display:flex}.brand b{color:#fff;font-size:15px;display:block}.brand small{color:#8290a5;margin-top:3px;font-size:11px;display:block}.logo{color:#fff;background:#2563eb;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.sidebar nav{gap:5px;display:grid}.sidebar button{color:#9eabc0;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:11px 12px;font-size:13px;display:flex}.sidebar nav button.active,.sidebar button:hover{color:#fff;background:#172238}.sidebottom{margin-top:auto}.domain{color:#65738a;padding:15px 12px;font-size:11px}main{width:calc(100% - 250px);margin-left:250px;padding:34px 40px 50px}.top{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.top h1{letter-spacing:-.03em;margin:0 0 5px;font-size:28px}.top p,.cardhead p{color:#718096;margin:0;font-size:13px}.topactions{gap:9px;display:flex}.btn,.iconbtn{color:#334155;background:#fff;border:1px solid #dce2ea;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:600;display:inline-flex}.iconbtn{width:38px;padding:0}.btn:hover,.iconbtn:hover{background:#f8fafc}.btn.primary{color:#fff;background:#2563eb;border-color:#2563eb}.btn.primary:hover{background:#1d4ed8}.btn.danger{color:#dc2626}.btn.small{padding:7px 9px;font-size:11px}.wide{width:100%;margin-top:18px}.grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.card{background:#fff;border:1px solid #e5eaf1;border-radius:12px;box-shadow:0 1px 2px #0f172a08}.stat{justify-content:space-between;align-items:center;padding:20px;display:flex}.stat span{color:#718096;font-size:12px;display:block}.stat strong{letter-spacing:-.03em;margin-top:7px;font-size:27px;display:block}.staticon{color:#2563eb;background:#eff6ff;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.section{margin-top:18px}.cardhead{justify-content:space-between;align-items:center;gap:15px;padding:20px;display:flex}.cardhead h2,.cardhead h3{margin:0 0 4px;font-size:15px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#7b8798;white-space:nowrap;background:#fafbfc;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;padding:11px 18px;font-weight:600}td{white-space:nowrap;border-bottom:1px solid #edf0f4;padding:13px 18px}tbody tr:hover{background:#fafcff}td b{display:block}td span{color:#8490a1;margin-top:3px;font-size:11px;display:block}.badge{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge.ok{color:#15803d;background:#ecfdf3}.badge.warn{color:#c2410c;background:#fff7ed}.badge.bad{color:#b91c1c;background:#fef2f2}.toolbar{border-bottom:1px solid #edf0f4;gap:10px;padding:16px 18px;display:flex}.searchwrap{flex:1;position:relative}.searchwrap svg{color:#8a96a8;position:absolute;top:10px;left:12px}.searchwrap input{border:1px solid #dce2ea;border-radius:8px;outline:none;width:100%;padding:9px 12px 9px 37px}.searchwrap input:focus,input:focus,select:focus,textarea:focus{border-color:#7aa2ef;box-shadow:0 0 0 3px #dbeafe}.actions{gap:6px;display:flex}.cards{grid-template-columns:repeat(3,1fr)}.facts{padding:0 20px}.row{justify-content:space-between;gap:12px;padding:9px 0;font-size:12px;display:flex}.row span{color:#718096;align-items:center;gap:8px;display:flex}.history{padding:0 20px 10px}.historyrow{border-bottom:1px solid #edf0f4;justify-content:space-between;gap:20px;padding:17px 0;display:flex}.historyrow>div:first-child{min-width:0}.historyrow b{font-size:13px;display:block}.historyrow span{color:#7c8899;margin-top:3px;font-size:11px;display:block}.historyrow p{color:#596579;margin:9px 0 0;font-size:12px}.historyright{text-align:right;min-width:180px}.historyright .badge{margin-top:7px}.empty{text-align:center;color:#7b8798;padding:40px;font-size:13px}.loading{text-align:center;color:#718096;padding:100px}.modal{z-index:20;background:#0f172a7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modalbox{background:#fff;border-radius:14px;width:min(680px,100%);max-height:90vh;overflow:auto;box-shadow:0 25px 80px #0f172a40}.modalhead{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;padding:22px;display:flex}.modalhead h2{margin:0 0 4px;font-size:17px}.modalhead p{color:#7b8798;margin:0;font-size:11px}.close{color:#65738a;background:#f4f6f9;border:0;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.modalbox form{padding:22px}.formgrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{gap:6px;display:grid}.field.full{grid-column:1/-1}.field label{color:#526071;font-size:11px;font-weight:700}.field input,.field select,.field textarea{color:#182235;background:#fff;border:1px solid #dce2ea;border-radius:8px;outline:none;width:100%;padding:10px 11px;font-size:12px}.field textarea{resize:vertical;min-height:110px}.modalfooter{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.info{background:#f8fafc;border:1px solid #e8edf3;border-radius:9px;margin-bottom:18px;padding:12px 13px}.info b{font-size:13px;display:block}.info span{color:#718096;margin-top:3px;font-size:11px;display:block}.toast{color:#fff;z-index:40;background:#111827;border-radius:9px;padding:12px 15px;font-size:12px;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #0000002e}@media (max-width:1000px){.sidebar{width:210px}main{width:calc(100% - 210px);margin-left:210px;padding:25px}.grid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}}@media (max-width:700px){.sidebar{width:100%;height:auto;padding:12px;position:static}.app{display:block}.brand{padding:5px 8px 12px}.sidebar nav{display:flex;overflow:auto}.sidebar nav button{white-space:nowrap}.sidebottom{display:none}main{width:100%;margin:0;padding:20px 14px 35px}.top{gap:15px}.top h1{font-size:22px}.topactions .btn{padding:10px;font-size:0}.topactions .btn svg{margin:0}.grid{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.historyrow{display:block}.historyright{text-align:left;margin-top:12px}.toolbar{display:block}.toolbar .btn{margin-top:9px}.actions{flex-wrap:wrap}}.inventory-summary{margin:18px 0}.inventory-summary b{font-size:22px}.inventory-summary span{color:#64748b;margin-top:2px;font-size:13px;display:block}.progress{background:#e2e8f0;border-radius:99px;height:7px;margin-top:10px;overflow:hidden}.progress i{background:#2563eb;border-radius:99px;height:100%;display:block}.inventory-head{justify-content:space-between;align-items:center;gap:16px;margin:24px 0 12px;display:flex}.inventory-head h3{margin:0}.inventory-head p{color:#64748b;margin:5px 0 0;font-size:13px}.itemeditor{flex-direction:column;gap:8px;max-height:340px;padding-right:2px;display:flex;overflow:auto}.itemedit{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:1.6fr 1fr 80px 80px 1.4fr 38px;align-items:end;gap:8px;padding:10px;display:grid}.itemedit input{min-width:0}.itemedit label{color:#64748b;font-size:11px}.itemedit label span{margin-bottom:4px;display:block}.dangerIcon{color:#dc2626}.checklist{border:1px solid #e2e8f0;border-radius:14px;margin:18px 0;overflow:hidden}.checklisthead,.checkitem{grid-template-columns:minmax(180px,1fr) 60px 150px 105px;align-items:center;gap:12px;display:grid}.checklisthead{color:#64748b;background:#f8fafc;padding:10px 14px;font-size:12px;font-weight:700}.checkitem{border-top:1px solid #e2e8f0;padding:12px 14px}.checkitem small{color:#64748b;margin-top:3px;display:block}.qty{align-items:center;gap:4px;display:flex}.qty button{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;place-items:center;width:30px;height:32px;display:grid}.qty input{text-align:center;width:52px}.miniStatus{font-size:12px;font-weight:700}.miniStatus.ok{color:#15803d}.miniStatus.warn{color:#b45309}.historyitems{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.historyitems span{background:#f1f5f9;border-radius:999px;padding:4px 7px;font-size:11px}.historyitems .itemok{color:#15803d}.historyitems .itemwarn{color:#b45309}.actions{white-space:nowrap}.actions .btn{margin-right:5px}.danger{color:#b91c1c!important}.wide{width:100%}@media (max-width:900px){.itemedit{grid-template-columns:1fr 1fr 70px 70px 1fr 38px}.checklisthead{display:none}.checkitem{grid-template-columns:1fr 50px 145px 90px}}@media (max-width:650px){.inventory-head{flex-direction:column;align-items:flex-start}.itemedit{grid-template-columns:1fr 1fr}.itemedit label{flex-direction:column;display:flex}.checkitem{grid-template-columns:1fr 55px;gap:8px}.checkitem .qty,.checkitem .miniStatus{grid-column:2}.checkitem .qty{grid-row:2}.checkitem .miniStatus{grid-row:3}}