@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-app:#090d16;--bg-surface:#0f172a;--bg-surface-elevated:#1e293b;--bg-surface-glass:#0f172ad9;--bg-hover:#334155;--border-color:#ffffff14;--border-focus:#3b82f6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#2563eb;--primary-glow:#2563eb59;--primary-hover:#1d4ed8;--primary-content:#fff;--success:#10b981;--success-glow:#10b9814d;--warning:#f59e0b;--warning-glow:#f59e0b4d;--danger:#ef4444;--danger-glow:#ef44444d;--info:#06b6d4;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 32px #0009;--shadow-glow:0 0 20px var(--primary-glow)}[data-theme=light]{--bg-app:#f1f5f9;--bg-surface:#fff;--bg-surface-elevated:#f8fafc;--bg-surface-glass:#ffffffe6;--bg-hover:#e2e8f0;--border-color:#00000014;--border-focus:#2563eb;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary:#2563eb;--primary-glow:#2563eb33;--primary-hover:#1d4ed8;--primary-content:#fff;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 14px #00000014;--shadow-lg:0 12px 28px #0000001f}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh;overflow-x:hidden}body{font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.btn{border-radius:var(--radius-md);cursor:pointer;min-height:40px;font-size:14px;font-weight:600;font-family:var(--font-main);-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 16px;transition:all .18s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;box-shadow:0 4px 14px var(--primary-glow);background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);background:linear-gradient(135deg,#60a5fa 0%,#2563eb 100%)}.btn-success{color:#fff;box-shadow:0 4px 14px var(--success-glow);background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.btn-success:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.btn-danger:hover{background:linear-gradient(135deg,#f87171 0%,#ef4444 100%)}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-sm{min-height:34px;padding:5px 10px;font-size:12px}.btn-lg{border-radius:var(--radius-lg);min-height:48px;padding:12px 24px;font-size:16px}.badge{border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.badge-primary{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.badge-success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-warning{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-danger{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#000000c7;justify-content:center;align-items:center;padding:16px;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:540px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);background:var(--bg-surface-elevated);justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}@media (width<=767px){.modal-backdrop{align-items:flex-end;padding:0}.modal-content{border-radius:20px 20px 0 0;max-width:100%;max-height:92vh;animation:.25s cubic-bezier(.16,1,.3,1) slideUpBottom}}.form-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:600}.form-input,.form-select,.form-textarea,.input,.select,input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--border-color);min-height:40px;color:var(--text-primary);font-size:13px;font-family:var(--font-main);outline:none;padding:8px 14px;transition:all .18s}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option{background:var(--bg-surface-elevated);color:var(--text-primary)}.form-input:focus,.form-select:focus,.form-textarea:focus,.input:focus,.select:focus,input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-glow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideUpBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-drawer-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:990;background:#000000b3;animation:.2s fadeIn;position:fixed;inset:0}.sidebar-drawer{background:var(--bg-surface);border-right:1px solid var(--border-color);z-index:995;width:280px;max-width:85vw;box-shadow:var(--shadow-lg);flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) slideInLeft;display:flex;position:fixed;top:0;bottom:0;left:0}.mobile-cart-bar{display:none}.pos-container{height:calc(100vh - 60px);display:flex;position:relative;overflow:hidden}.pos-catalog-area{flex-direction:column;flex:1;min-width:0;padding:16px;display:flex;overflow:hidden}.pos-cart-desktop{flex-direction:column;flex-shrink:0;width:380px;display:flex}@media (width<=1023px){.pos-cart-desktop{display:none!important}.pos-catalog-area{padding:12px 12px 80px}.header-branch-pill{max-width:120px}.header-clock-pill,.header-status-text,.header-logout-text,.header-shift-badge,.desktop-sidebar{display:none!important}.mobile-cart-bar{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-color);z-index:80;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0006}}@media (width>=1024px){.mobile-menu-btn,.mobile-close-btn{display:none!important}}.products-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-content:start;gap:12px;padding-right:4px;display:grid;overflow-y:auto}@media (width<=640px){.products-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1024px){.kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=640px){.kpi-grid{grid-template-columns:1fr;gap:10px}}.form-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-responsive-grid{grid-template-columns:1fr 400px;align-items:start;gap:24px;display:grid}@media (width<=960px){.settings-responsive-grid{grid-template-columns:1fr!important;gap:16px!important}}@media (width<=540px){.form-grid-2{grid-template-columns:1fr!important;gap:8px!important}}.thermal-receipt-paper{color:#000;background:#fff;border:1px solid #ddd;border-radius:4px;margin:0 auto;padding:16px;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.35;box-shadow:0 10px 25px #0006}.thermal-receipt-paper.w-58mm{width:300px;max-width:100%}.thermal-receipt-paper.w-80mm{width:400px;max-width:100%}.thermal-receipt-logo{object-fit:contain;filter:grayscale()contrast(150%);max-width:130px;max-height:52px;margin:0 auto 6px;display:block}.receipt-hr{border-top:1px dashed #444;margin:8px 0}.receipt-hr-double{border-top:1px double #222;margin:8px 0}@media print{body *{visibility:hidden}.printable-area,.printable-area *{visibility:visible}.printable-area{width:100%;box-shadow:none;border:none;margin:0;padding:0;position:absolute;top:0;left:0}@page{margin:0}}