:root{--nav:#111827;--accent:#f97316;--bg:#f3f4f6}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--nav);color:#fff;z-index:1040}.brand{height:70px;display:flex;align-items:center;gap:12px;padding:0 22px;color:#fff;text-decoration:none;font-size:20px;font-weight:700}.sidebar nav a{display:flex;gap:12px;color:#cbd5e1;text-decoration:none;padding:12px 22px;margin:3px 10px;border-radius:8px}.sidebar nav a:hover,.sidebar nav a.active{background:var(--accent);color:#fff}.main{margin-left:250px;min-height:100vh;background:var(--bg)}.topbar{height:70px;background:#fff;padding:0 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 5px #ddd}.content{padding:24px;min-height:calc(100vh - 120px)}footer{text-align:center;color:#64748b;padding:15px}.card{border:0;border-radius:12px;box-shadow:0 2px 10px #0000000d}.stat{border-left:4px solid var(--accent)}.table thead th{background:#f8fafc}.food-thumb{width:55px;height:45px;object-fit:cover;border-radius:6px}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.show{transform:none}.main{margin-left:0}}

.sidebar{overflow-y:auto}.sidebar nav{padding-bottom:24px}