*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--bg-base: #eef2f7;--bg-panel: #ffffff;--bg-card: #ffffff;--bg-input: #ffffff;--bg-hover: #e8eef5;--green: #7ac143;--green-dim: rgba(122,193,67,.15);--green-border: rgba(122,193,67,.35);--red: #e03f3f;--red-dim: rgba(224,63,63,.15);--amber: #f59e0b;--amber-dim: rgba(245,158,11,.15);--blue: #3b82f6;--blue-dim: rgba(59,130,246,.15);--purple: #8b5cf6;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-deposit: #0284c7;--border: rgba(15,23,42,.12);--border-light: rgba(15,23,42,.18);--statusbar-bg: #1e293b;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--touch: 52px;--touch-sm:44px;--z-panel: 6000;--z-alert: 9000;--z-modal: 10000;--modal-anchor-top: clamp(16px, 7vh, 80px);--z-modal-top: 10100;--z-overlay: 10200;--z-popover: 100000;--z-keyboard: 200000;font-family:Inter,system-ui,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}html,body,#root{height:100%;overflow:hidden;background:var(--bg-base);color:var(--text-primary);touch-action:manipulation}.scroll{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y}.modal-backdrop{touch-action:pan-y}.modal-box{touch-action:pan-y;overflow-y:auto;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0f172a33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0f172a52}*{scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.2) transparent}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:active{transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}input,select{font-family:inherit;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--r-md);padding:.75rem 1rem;font-size:.95rem;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--green)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal, 100);background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-xl);width:100%;max-width:480px;box-shadow:0 32px 80px #0f172a38;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideDown{0%{transform:translate(-50%) translateY(-12px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}@media print{body{background:#fff;color:#000;font-family:var(--font-mono)}.no-print{display:none!important}.receipt-print,.shift-report-print{display:block!important}body:has(.shift-report-print)>*:not(:has(.shift-report-print)){display:none!important}}