:root{--ink:#211b19;--gold:#b89552;--cream:#f6f1e8;--red:#c7473c;--green:#27835a}*{box-sizing:border-box}body{margin:0;background:#f7f7f5;color:var(--ink);font-family:Tahoma,Arial,sans-serif;display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{background:#171513;color:white;padding:28px 18px;position:sticky;top:0;height:100vh}.brand{font:700 22px Georgia;color:var(--gold);letter-spacing:2px}.brand small{display:block;font:12px Tahoma;color:#aaa;margin-top:8px}nav{margin-top:35px}nav a{display:block;color:#ddd;text-decoration:none;padding:13px;border-radius:8px;margin:4px 0}nav a:hover{background:#2a2622;color:white}main{padding:28px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h1{font-size:25px}h2{font-size:18px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.cards article,.panel{background:white;border:1px solid #e8e3dc;border-radius:13px;padding:18px;box-shadow:0 2px 10px #00000008}.cards label{display:block;color:#766f68;margin-bottom:12px}.cards strong{font-size:22px}.cards .warn{border-right:4px solid var(--red)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stats p{background:var(--cream);padding:13px;border-radius:8px;margin:0}.stats b{display:block;font-size:20px;margin-top:8px}table{width:100%;border-collapse:collapse}th,td{text-align:right;padding:12px;border-bottom:1px solid #eee;font-size:14px}th{color:#716a64;background:#faf8f4}td small{display:block;color:#888;margin-top:4px}.tag{background:#eee8df;padding:5px 8px;border-radius:20px;font-size:12px}.tag.danger,.tag.out_of_stock{background:#ffe1de;color:#a9251c}.tag.low{background:#fff0c7}.tag.safe{background:#dff4e8;color:#176b45}button{border:0;background:var(--gold);color:white;padding:10px 16px;border-radius:7px;cursor:pointer}.secondary{background:#59534e}.toolbar{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap;align-items:center}details form{display:grid;gap:5px;position:absolute;background:white;padding:12px;border:1px solid #ddd;box-shadow:0 5px 20px #0002;z-index:2}input,select{border:1px solid #d7d2ca;padding:10px;border-radius:7px;min-width:0}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.form-grid label{display:grid;gap:7px}.inventory-summary{grid-template-columns:repeat(5,1fr)}.inventory-summary article{padding:14px}.inventory-summary strong{font-size:20px}.notice{padding:12px 15px;border-radius:8px;margin:12px 0;background:#dff4e8;color:#176b45}.notice.warn{background:#fff0c7;color:#775500}.inventory-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin-bottom:15px}.inventory-filters label{display:grid;gap:5px}.inventory-filters .grow{flex:1;min-width:210px}@media(max-width:900px){body{grid-template-columns:1fr}aside{height:auto;position:static}nav{display:flex;overflow:auto;margin-top:15px}nav a{white-space:nowrap}.cards,.grid{grid-template-columns:1fr 1fr}main{padding:16px}.panel{overflow:auto}.inventory-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.cards,.grid,.form-grid,.inventory-summary{grid-template-columns:1fr}}