:root{--brand:#7b3f20;--brand-dark:#2c211b;--gold:#d89a2b;--cream:#fffaf1;--surface:#fff;--muted:#756b65;--danger:#b42318;--success:#18794e;--sidebar:248px}*{box-sizing:border-box}body{margin:0;background:#f5f3ef;color:#302823;padding-bottom:78px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}.top{background:var(--brand-dark);color:#fff;position:sticky;top:0;z-index:1020}.brand-header{height:40px;max-width:210px;object-fit:contain}.card{border:0;box-shadow:0 5px 18px #2c211b12;border-radius:18px}.btn-brand{background:var(--brand);border-color:var(--brand);color:#fff}.btn-brand:hover,.btn-brand:focus{background:#63321a;border-color:#63321a;color:#fff}.money{font-size:1.42rem;font-weight:780}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#fffaf1,#e9e2da)}.login-card{width:min(420px,100%);background:#fff;padding:30px;border-radius:24px;box-shadow:0 16px 45px #2c211b22}.login-logo{display:block;width:min(310px,100%);margin:0 auto 24px}.app-content{min-height:100vh}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e8e1d9;z-index:1030;padding:6px 0 calc(6px + env(safe-area-inset-bottom))}.mobile-bottom a,.mobile-bottom button{border:0;background:transparent;color:#574a42;text-decoration:none;width:78px;padding:7px;font-size:1.45rem}.mobile-bottom .active{color:var(--brand)}.desktop-sidebar{display:none}.menu-list a{display:flex;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;color:var(--brand-dark);border-radius:14px}.menu-list a:hover{background:#f4eee8}.menu-list i{font-size:1.3rem;width:28px;text-align:center}.shortcut-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.shortcut{aspect-ratio:1;display:grid;place-items:center;text-decoration:none;background:#fff;border-radius:22px;box-shadow:0 7px 24px #2c211b14;color:var(--brand-dark);font-size:2.3rem;position:relative}.shortcut.disabled{opacity:.45;pointer-events:none}.shortcut .badge{position:absolute;right:8px;top:8px;font-size:.7rem}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chart-card{min-height:310px}.chart-wrap{position:relative;height:235px}.table-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.table-card{min-height:148px;text-decoration:none;color:inherit;padding:14px;position:relative}.table-card.open{border:2px solid #d89a2b;background:#fff9e9}.table-card.free{border:2px solid #dce6df}.table-icon{font-size:2rem}.table-total{font-size:1.25rem;font-weight:780}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{background:#fff;border-radius:16px;padding:12px;box-shadow:0 4px 16px #2c211b10}.qty-control{display:grid;grid-template-columns:42px 1fr 42px;gap:6px;align-items:center}.qty-control input{text-align:center;font-weight:700}.order-total-bar{position:sticky;bottom:76px;z-index:20}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:650}.status-open{background:#fff1bf;color:#6f5100}.status-closed{background:#dff5e9;color:#12603c}.report-stat{padding:16px;height:100%}.reconcile-ok{border-left:5px solid var(--success)}.reconcile-bad{border-left:5px solid var(--danger)}.desktop-table{display:none}.mobile-card-list{display:block}.muted{color:var(--muted)}.safe-bottom{padding-bottom:90px}.install-button{display:none}.offcanvas-logo{width:200px;max-width:100%}@media(min-width:768px){.table-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shortcut-grid{max-width:560px}.shortcut{font-size:2.8rem}.desktop-table{display:table}.mobile-card-list{display:none}}@media(min-width:992px){body{padding-bottom:0}.top{margin-left:var(--sidebar)}.desktop-sidebar{display:block;position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:#fff;border-right:1px solid #e8e1d9;z-index:1040;padding:20px 14px;overflow:auto}.desktop-sidebar .logo{width:205px;display:block;margin:0 auto 22px}.app-content{margin-left:var(--sidebar)}.mobile-bottom{display:none}.main-container{max-width:1440px;padding:24px 30px}.order-total-bar{bottom:18px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.table-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media print{.top,.desktop-sidebar,.mobile-bottom,.no-print,.btn{display:none!important}.app-content{margin:0}.card{box-shadow:none;border:1px solid #ddd}body{background:#fff;padding:0}}