:root{--bg-dark: #121214;--bg-card: #1A1A1E;--bg-card-hover: #26262E;--bg-border: #2E2E38;--accent-cyan: #4CC9F0;--accent-blue: #3A86C8;--accent-green: #47B881;--accent-orange: #FF9F1C;--accent-red: #E63946;--accent-purple: #7209B7;--accent-pos: #2A6F97;--text-main: #FFFFFF;--text-muted: #8E8E9F;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-family);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{display:flex;min-height:100vh}.sidebar{width:240px;background-color:var(--bg-card);border-right:1px solid var(--bg-border);display:flex;flex-direction:column;padding:20px 15px;flex-shrink:0}.brand-header{text-align:center;margin-bottom:30px}.brand-title{font-family:var(--font-heading);font-size:22px;font-weight:800;color:var(--accent-cyan);letter-spacing:.5px}.brand-subtitle{font-size:11px;color:var(--text-muted);margin-top:3px}.nav-list{display:flex;flex-direction:column;gap:10px;list-style:none;flex-grow:1}.nav-item-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px 15px;background:var(--bg-card);border:1px solid var(--bg-border);border-radius:10px;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left}.nav-item-btn:hover{background:var(--bg-card-hover);color:#fff}.nav-item-btn.active{background:#3a86c826;border-color:var(--accent-blue);color:var(--accent-cyan);font-weight:700}.main-content{flex-grow:1;padding:20px;overflow-y:auto;max-width:1400px;margin:0 auto;width:100%}.pos-card{background:var(--bg-card);border:1px solid var(--bg-border);border-radius:14px;padding:20px}.page-header{margin-bottom:20px}.page-title{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--accent-cyan)}.page-subtitle{font-size:13px;color:var(--text-muted);margin-top:4px}.btn{padding:10px 16px;border-radius:8px;font-weight:600;font-size:14px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s ease,transform .1s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent-blue);color:#fff}.btn-success{background:var(--accent-green);color:#fff}.btn-warning{background:var(--accent-orange);color:#fff}.btn-danger{background:var(--accent-red);color:#fff}.btn-purple{background:var(--accent-purple);color:#fff}.btn-pos{background:var(--accent-pos);color:#fff}.btn-cyan{background:var(--accent-cyan);color:#121214}.btn:disabled{opacity:.4;cursor:not-allowed}.input-field{width:100%;background:#121214;border:1px solid var(--bg-border);border-radius:8px;padding:10px 14px;color:#fff;font-size:14px;outline:none}.input-field:focus{border-color:var(--accent-cyan)}@media (max-width: 900px){.app-container{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--bg-border);padding:12px 15px}.nav-list{flex-direction:row;overflow-x:auto;padding-bottom:5px}.nav-item-btn{white-space:nowrap;padding:8px 12px;font-size:13px}.main-content{padding:12px}}.receipt-paper{width:360px;max-width:100%;background:#fffdf3;color:#111;font-family:Consolas,Courier New,monospace;font-size:13px;padding:20px;border-radius:4px;box-shadow:0 5px 20px #00000080;margin:0 auto;line-height:1.4;white-space:pre-wrap}@media print{body *{visibility:hidden}.printable-receipt,.printable-receipt *{visibility:visible}.printable-receipt{position:absolute;left:0;top:0;width:80mm;font-family:Consolas,monospace;color:#000}}