:root{--primary:#2563eb;--ink:#172033;--muted:#64748b;--bg:#f4f7fb;--side:#101827}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:linear-gradient(180deg,#111827,#172554);padding:18px 12px;overflow:auto;z-index:1040}.sidebar a{display:flex;align-items:center;gap:12px;color:#cbd5e1;text-decoration:none;padding:10px 13px;border-radius:10px;margin:2px 0}.sidebar a:hover{background:#ffffff15;color:#fff}.sidebar .brand{font-size:19px;font-weight:800;color:#fff;margin-bottom:18px}.sidebar i{width:22px;text-align:center}.content{margin-left:245px;padding:18px 24px 40px;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.topbar h1{font-size:25px;margin:0;font-weight:750}.topbar small{color:var(--muted)}.card{border:0;border-radius:16px;box-shadow:0 4px 18px #1720330a}.stat{color:white;overflow:hidden}.stat i{font-size:36px;opacity:.3}.bg-blue{background:linear-gradient(135deg,#2563eb,#60a5fa)}.bg-green{background:linear-gradient(135deg,#059669,#34d399)}.bg-orange{background:linear-gradient(135deg,#ea580c,#fb923c)}.bg-purple{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.table>:not(caption)>*>*{padding:.72rem}.btn,.form-control,.form-select{border-radius:10px}.bottom-nav{display:none}.receipt{max-width:360px;margin:auto;font:13px monospace;background:white;padding:18px}.skeleton{animation:pulse 1.5s infinite;background:#e2e8f0;border-radius:8px}@keyframes pulse{50%{opacity:.45}}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.content{margin:0;padding:14px 14px 82px}.bottom-nav{position:fixed;display:flex;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -5px 18px #0001;z-index:1030;justify-content:space-around;padding:9px}.bottom-nav a{display:flex;flex-direction:column;align-items:center;color:#475569;text-decoration:none;font-size:18px}.bottom-nav small{font-size:11px}.table-responsive{font-size:13px}.topbar h1{font-size:20px}}
@media print{.sidebar,.topbar,.bottom-nav,.no-print{display:none!important}.content{margin:0;padding:0}.card{box-shadow:none}}