:root,[data-theme=dark]{--bg: #14100d;--surface: #1d1712;--card: #26211c;--elevated: #2f2820;--accent: #d6ad68;--accent-solid: #b88a44;--accent-deep: #d6ad68;--text: #f7f1e3;--muted: #b0a189;--border: #4a3d2a;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--coupon: #8b5cf6}[data-theme=light]{--bg: #faf7f2;--surface: #f6f0e2;--card: #ffffff;--elevated: #ffffff;--accent: #b88a44;--accent-solid: #b88a44;--accent-deep: #7c5a24;--text: #241b10;--muted: #857656;--border: #e3d5b8}*{box-sizing:border-box}html,body{overflow-x:hidden}img,video{max-width:100%}body{margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font:inherit}input,select,textarea{font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--border);font-size:14px}.btn{background:var(--accent-solid);color:#14100d;border:none;border-radius:8px;padding:8px 14px;font-weight:600}[data-theme=light] .btn{color:#fff}.btn.secondary{background:var(--elevated);color:var(--text);border:1px solid var(--border)}.btn.danger{background:var(--danger);color:#fff}.btn.small{padding:4px 10px;font-size:13px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.card>p{margin:0}.card>h2{margin:2px 0 0}.card>h3{margin:0 0 8px}.drawer-backdrop,.sidebar-close{display:none}.sidebar>.row{flex-wrap:nowrap}.sidebar>.row strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.sidebar-tools{display:none;margin-top:20px;padding-top:14px;border-top:1px solid var(--border)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:var(--elevated);border:1px solid var(--border)}.badge.success{color:var(--success)}.badge.warning{color:var(--warning)}.badge.danger{color:var(--danger)}.badge.info{color:var(--info)}.badge.coupon{color:var(--coupon)}.muted{color:var(--muted)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:60}.modal{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;width:min(560px,94vw);max-height:90vh;overflow:auto}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:14px}.shell{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border);padding:16px;position:sticky;top:0;height:100vh;overflow:auto;flex-shrink:0}.sidebar a{display:block;color:var(--text);padding:7px 10px;border-radius:8px;font-size:14px}.sidebar a.active,.sidebar a:hover{background:var(--elevated);color:var(--accent)}.main{flex:1;min-width:0}.topbar{display:flex;gap:10px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:20}.content{padding:20px}.drawer-btn{display:none}.brand-logo{height:36px;width:auto}.public-nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.public-nav a{color:var(--text)}.public-toggles{gap:8px}.menu-btn{display:none}@media(max-width:860px){.sidebar{position:fixed;z-index:50;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:none}.drawer-btn{display:inline-block}.topbar{flex-wrap:wrap;padding:8px 12px;gap:8px}.topbar strong{font-size:15px}.topbar-user,.topbar-toggles,.logout-btn{display:none}.sidebar-tools{display:block}.grid{gap:10px}.drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:40}.sidebar-close{display:inline-block}.content{padding:14px}.brand-logo{height:30px}.menu-btn{display:inline-block}.public-topbar{row-gap:6px}.public-nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:2px;padding-top:6px}.public-nav.open{display:flex}.public-nav a{padding:9px 6px;border-radius:8px}.public-nav a:hover{background:var(--elevated)}.public-toggles{padding:6px}h1{font-size:26px}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}th,td{padding:6px;font-size:13px}}@media(max-width:480px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.content,.card{padding:12px}}.pos-layout{display:grid;grid-template-columns:1fr 380px;gap:12px;padding:12px}.pos-layout.flip{grid-template-columns:380px 1fr}@media(max-width:900px){.pos-layout,.pos-layout.flip{display:flex;flex-direction:column}.pos-products{order:1}.pos-cart{order:2}}.print-a4,.print-78{display:none}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;top:0;right:0;bottom:0;left:0;padding:24px;background:#fff;color:#000}.print-78{width:78mm;font-size:12px}.no-print{display:none!important}}