*{box-sizing:border-box}body{font-family:Arial,sans-serif;background:#f5f6f8;color:#20242a;margin:0}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#151515;color:#fff;padding:26px 18px}.brand{font-size:21px;font-weight:800;letter-spacing:2px;margin:0 10px 30px}.brand small{color:#d2a54a}.sidebar a{display:block;color:#ddd;text-decoration:none;padding:12px;border-radius:7px;margin:3px 0}.sidebar a:hover{background:#2b2b2b;color:#fff}.content{margin-left:240px;padding:28px;max-width:1500px}.login-page{max-width:440px;margin:8vh auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.topbar h1{margin:0}.card{background:#fff;padding:22px;border-radius:12px;box-shadow:0 3px 15px #0000000d;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat strong{display:block;font-size:28px;margin-top:8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}label{display:block;font-weight:700;margin:14px 0 5px}input,select,textarea{width:100%;padding:10px;border:1px solid #ccd0d5;border-radius:6px;background:#fff}.btn{display:inline-block;background:#191919;color:#fff;border:0;border-radius:6px;padding:10px 16px;margin:10px 4px 0 0;text-decoration:none;cursor:pointer}.btn.gold{background:#a97920}.btn.danger{background:#ad2d2d}.btn.small{padding:6px 9px;margin:0;font-size:12px}.alert{padding:12px 15px;border-radius:7px;margin-bottom:18px}.alert.ok{background:#e6f6ea;color:#176b2c}.alert.error{background:#fde8e8;color:#9a2020}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:11px;border-bottom:1px solid #e5e5e5;text-align:left}th{background:#f0f1f3}.num{text-align:right}.actions{white-space:nowrap}.logo{max-width:190px;max-height:90px;object-fit:contain}.muted{color:#72777f}.stock-low{color:#b12626;font-weight:bold}.row{display:flex;gap:12px;align-items:end}.row>*{flex:1}@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.sidebar{position:static;width:auto}.content{margin-left:0}.sidebar nav{display:flex;flex-wrap:wrap}.sidebar a{padding:8px}.brand{margin-bottom:10px}}@media(max-width:600px){.cards,.grid{grid-template-columns:1fr}.content{padding:14px}.topbar{align-items:flex-start;gap:10px}.table-wrap{overflow:auto}}