:root{--dark:#18222d;--orange:#e85d24;--bg:#f3f4f6;--border:#dfe3e8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#17202a;font:16px Arial,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:265px;background:var(--dark);color:#fff;padding:18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-size:25px;padding:10px}.brand span{display:flex;flex-direction:column;font-size:18px}.brand small,.company small{font-size:11px;color:#9ca9b7}nav{margin-top:28px;flex:1}nav a{display:block;color:#cbd5df;text-decoration:none;padding:13px 16px;border-radius:11px;margin:4px 0}nav a.active,nav a:hover{background:var(--orange);color:#fff}.company{border:1px solid #ffffff1f;border-radius:12px;padding:14px;display:flex;flex-direction:column}.logout{color:#cbd5df;text-decoration:none;padding:14px}main{margin-left:265px;min-height:100vh}header{height:80px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:3}header h1{margin:0;font-size:24px}header small{color:#667085}.search input{width:260px;background:#f8fafc}section{padding:28px;max-width:1450px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.heading h2,.panel h2{margin:0}.heading p,.panel p{color:#667085;margin:5px 0}button{border:0;background:var(--orange);color:#fff;padding:11px 17px;border-radius:9px;font-weight:bold;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article,.panel,.stock{background:#fff;border:1px solid var(--border);border-radius:15px;padding:20px;box-shadow:0 3px 10px #17202a0a}.cards b{display:block;font-size:25px;margin-bottom:8px}.cards span,.row small,.stock small{display:block;color:#667085}.panel{margin-top:20px}.row{display:flex;align-items:center;gap:25px;padding:16px 5px;border-bottom:1px solid #e8ebef}.row>span:first-of-type{flex:1}.row em{background:#fff0e9;color:#a63d12;padding:7px 10px;border-radius:20px;font-size:12px;font-style:normal}.table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:14px;border-bottom:1px solid #e5e7eb}th{font-size:12px;text-transform:uppercase;color:#667085;background:#f8fafc}td small{display:block;color:#667085}input,select,textarea{width:100%;border:1px solid #cfd5dc;border-radius:8px;padding:10px;background:#fff}label{display:block;font-size:14px;font-weight:bold;margin:13px 0}label input,label select,label textarea{margin-top:6px;font-weight:normal}textarea{min-height:85px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.stock{display:flex;flex-direction:column;gap:8px}.stock>div{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.stock.low{border-color:#ef9a9a}.stock.low strong{color:#c62828}.stock form{display:flex;gap:4px}.stock form button{padding:7px 12px;background:#fff;color:#17202a;border:1px solid #ddd}.outline{background:#fff;color:#17202a;border:1px solid #ccd2d9}.filters{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:15px}.filters button{margin-bottom:13px}.report{grid-template-columns:repeat(3,1fr);margin-top:20px}.form-panel{max-width:700px;margin:0 auto}.empty{text-align:center;padding:35px}.login{display:grid;place-items:center;min-height:100vh;background:linear-gradient(140deg,#18222d,#26384a)}.login-card{width:min(420px,calc(100% - 32px));background:#fff;padding:35px;border-radius:18px;box-shadow:0 25px 70px #0005}.login-card h1,.login-card p{text-align:center;margin:8px}.login-card>button{width:100%;margin-top:10px}.brand-mark{text-align:center;font-size:35px}.error{background:#ffebee;color:#b71c1c;padding:10px;border-radius:8px;margin-top:15px}dialog{border:0;border-radius:16px;width:min(540px,calc(100% - 30px));padding:25px;box-shadow:0 30px 90px #0005}dialog::backdrop{background:#0008}dialog form>button:last-child{width:100%;margin-top:10px}.close{float:right;background:#eef0f3;color:#17202a;font-size:20px;padding:5px 10px}@media(max-width:900px){aside{position:static;width:100%;height:auto}nav{display:flex;overflow:auto;margin-top:12px}nav a{white-space:nowrap}.company,.logout{display:none}main{margin:0}header{padding:0 16px}.search{display:none}section{padding:16px}.cards,.stock-grid{grid-template-columns:1fr 1fr}.row{align-items:flex-start;flex-wrap:wrap}.filters{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cards,.stock-grid,.report,.filters,.two{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}.heading button{width:100%}header{height:68px}.row{gap:10px}}@media print{aside,header,.heading button,.filters{display:none}main{margin:0}section{padding:0}.panel{border:0;box-shadow:none}}