:root{--bg-primary: #0a0a0b;--bg-secondary: #141416;--bg-tertiary: #1c1c1f;--glass-bg: rgba(30, 30, 32, .4);--glass-border: rgba(255, 255, 255, .08);--text-primary: #ececf1;--text-secondary: #8e8e93;--text-muted: #636366;--accent-color: #d4af37;--accent-hover: #f1c40f;--accent-light: rgba(212, 175, 55, .15);--danger-color: #ff453a;--danger-bg: rgba(255, 69, 58, .1);--success-color: #32d74b;--success-bg: rgba(50, 215, 75, .1);--info-color: #0a84ff;--border-radius-sm: 6px;--border-radius: 12px;--border-radius-lg: 16px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 15px rgba(212, 175, 55, .3);--font-base: "Outfit", "Inter", system-ui, -apple-system, sans-serif}body{margin:0;font-family:var(--font-base);background-color:var(--bg-primary);background-image:radial-gradient(circle at 50% 0%,#1e1e23,#0a0a0b 80%);background-attachment:fixed;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#root{display:flex;flex-direction:column;min-height:100vh}.container{max-width:100%;margin:0 auto;padding:1.5rem 2rem;width:100%;box-sizing:border-box}.card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--glass-border);transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;border-radius:var(--border-radius);border:1px solid transparent;cursor:pointer;font-weight:600;font-family:var(--font-base);letter-spacing:.3px;transition:all .25s cubic-bezier(.4,0,.2,1);gap:.6rem;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--accent-color);color:#000;box-shadow:0 4px 12px #d4af3733}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background-color:#ffffff0d;color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-secondary:hover{background-color:#ffffff1a;border-color:#fff3}.btn-danger{background-color:var(--danger-color);color:#fff;box-shadow:0 4px 12px #ff453a33}.btn-danger:hover{background-color:#ff5e55;box-shadow:0 6px 16px #ff453a4d}.input{background-color:#0003;border:1px solid var(--glass-border);color:var(--text-primary);padding:.8rem 1rem;border-radius:var(--border-radius);width:100%;box-sizing:border-box;font-family:var(--font-base);font-size:.95rem;transition:all .2s ease}.input:focus{outline:none;border-color:var(--accent-color);background-color:#0006;box-shadow:0 0 0 2px var(--accent-light)}.input::placeholder{color:var(--text-muted)}h1,h2,h3,h4{margin-top:0;font-weight:600;letter-spacing:-.02em}@media print{body{background-color:#fff!important;background-image:none!important;color:#000!important}header,nav,.btn,button,.no-print{display:none!important}.container{padding:0!important;margin:0!important;max-width:100%!important}.card{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;box-shadow:none!important;padding:0!important;color:#000!important}.print-only{display:block!important}.receipt{width:80mm;margin:0 auto;font-size:10pt;font-family:Courier New,Courier,monospace}}.print-only{display:none}@media(max-width:768px){.container{padding:1rem!important}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{min-width:600px}