:root{--bg: #0a0a0a;--bg-elev: #131313;--bg-card: #181818;--bg-card-2: #1f1f1f;--border: #2a2a2a;--border-soft: #1f1f1f;--fg: #f5f5f5;--fg-muted: #9a9a9a;--fg-dim: #666;--accent: #f3c623;--accent-glow: #ffe24a;--accent-dim: #8a6f10;--danger: #e54848;--danger-bg: #2a0f0f;--warn: #ff9d2a;--warn-bg: #2a1808;--success: #38d65f;--success-bg: #0e2415;--info: #5fa8ff;--info-bg: #0e1c2c;--f-display: "Black Ops One", "Oswald", system-ui, sans-serif;--f-head: "Oswald", "Black Ops One", system-ui, sans-serif;--f-body: "Oswald", system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--f-body);letter-spacing:.02em}body{background:radial-gradient(1200px 800px at 80% -10%,rgba(243,198,35,.06),transparent 60%),radial-gradient(900px 700px at -10% 110%,rgba(243,198,35,.04),transparent 60%),linear-gradient(180deg,#0a0a0a,#060606);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(243,198,35,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(243,198,35,.025) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}button,input,select,textarea{font-family:inherit;font-size:1rem;color:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--bg-elev);color:var(--fg);padding:10px 16px;border-radius:8px;transition:.12s;font-weight:600;letter-spacing:.05em;text-transform:uppercase}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#111;border-color:var(--accent);box-shadow:0 0 #f3c62399}.btn-primary:hover:not(:disabled){background:var(--accent-glow);color:#000;box-shadow:0 0 18px -2px #f3c62373}.btn-ghost{background:transparent}.btn-danger{border-color:var(--danger);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}input,select,textarea{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;outline:none;width:100%;transition:.12s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f3c62326}a{color:var(--accent);text-decoration:none}.font-display{font-family:var(--f-display)}.font-head{font-family:var(--f-head)}.font-mono{font-family:var(--f-mono)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-size:11px;border-radius:999px;border:1px solid;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.divider{height:1px;background:var(--border);margin:16px 0}.status-antrian{color:var(--warn);border-color:var(--warn);background:var(--warn-bg)}.status-diproses{color:var(--info);border-color:var(--info);background:var(--info-bg)}.status-siap{color:var(--accent);border-color:var(--accent);background:#f3c62314}.status-selesai{color:var(--success);border-color:var(--success);background:var(--success-bg)}.status-dibatalkan{color:var(--danger);border-color:var(--danger);background:var(--danger-bg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#222;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#333}@keyframes pulse-glow{0%,to{box-shadow:0 0 #f3c62300}50%{box-shadow:0 0 0 4px #f3c62340}}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.animate-in{animation:slide-in .24s ease-out both}@media (max-width: 860px){.hide-mobile{display:none!important}aside.app-sidebar{position:fixed!important;left:0;top:0;height:100vh!important;width:280px!important;z-index:100;transform:translate(-100%);transition:transform .28s ease-out;box-shadow:4px 0 32px #0009}aside.app-sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:99;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-backdrop.show{opacity:1;pointer-events:auto}.mobile-menu-btn{display:flex!important}main.app-main{padding:64px 14px 20px!important;max-width:100%!important}.receipt-grid{grid-template-columns:1fr!important;gap:12px!important}.receipt-print-area>div[style*="padding: 28px"]{padding:16px!important}.page-header{flex-direction:column;align-items:flex-start!important;gap:10px}.page-header h1{font-size:20px!important}table{font-size:11px!important}table th,table td{padding:6px 4px!important}.card{padding:12px!important}.receipt-print-area [style*="repeat(2, 1fr)"]{grid-template-columns:1fr!important}.card[style*="maxWidth: 460"],.card[style*="maxWidth: 720"]{max-width:100%!important}aside.app-sidebar{border-right:none!important}}.mobile-menu-btn{display:none}@media print{html,body{background:#fff!important;color:#000!important;margin:0!important;padding:0!important}body:before{display:none!important}body *{visibility:hidden!important}.receipt-print-area,.receipt-print-area *{visibility:visible!important}.receipt-print-area{position:absolute!important;left:0!important;top:0!important;width:100%!important;max-width:100%!important;background:#fff!important;color:#000!important;border:1px solid #000!important;border-radius:0!important;box-shadow:none!important;page-break-inside:auto}.receipt-print-area *{color:#000!important;background-color:transparent!important;background-image:none!important;border-color:#444!important;box-shadow:none!important}.receipt-print-area>div[style*=repeating-linear-gradient]:first-child,.receipt-print-area>div[style*=repeating-linear-gradient]:last-child{display:none!important}details{display:block!important}details>*{display:block!important;visibility:visible!important}details summary{display:none!important}table,tr,td,th{page-break-inside:avoid}*,*:before,*:after{animation:none!important;transition:none!important}@page{margin:1.5cm;size:A4}}