@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#6366f1;--primary-hover:#4f46e5;--bg-dark:#0f172a;--bg-card:#1e293bb3;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#10b981;--danger:#ef4444;--glass-border:#ffffff1a;--glass-bg:#0f172acc;--body-bg:#0f172a;--body-gradient:radial-gradient(circle at top right, #1e1b4b, #0f172a);--input-bg:#ffffff0d;--input-bg-focus:#ffffff1a;--table-hover:#ffffff05;--nav-hover:#ffffff0f;--nav-active:#6366f126;--scrollbar-thumb:#6366f14d}[data-theme=light]{--bg-dark:#f1f5f9;--bg-card:#ffffffd9;--text-main:#0f172a;--text-muted:#64748b;--glass-border:#0000001a;--glass-bg:#f1f5f9f2;--body-bg:#f1f5f9;--body-gradient:radial-gradient(circle at top right, #e0e7ff, #f1f5f9);--input-bg:#0000000a;--input-bg-focus:#6366f114;--table-hover:#00000005;--nav-hover:#0000000a;--nav-active:#6366f11f;--scrollbar-thumb:#6366f133}[data-theme=light] .btn{color:var(--text-main);background:#0000000f}[data-theme=light] .btn:hover{background:#0000001a}[data-theme=light] .sidebar{border-right:1px solid var(--glass-border);background:#ffffffe6}[data-theme=light] .input-group input,[data-theme=light] .search-bar input,[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{color:var(--text-main)!important;background:var(--input-bg)!important;border-color:var(--glass-border)!important}[data-theme=light] .modal.glass{background:#fffffff7;box-shadow:0 20px 60px #00000026}[data-theme=light] tr:hover td{background:var(--table-hover)}[data-theme=light] .nav-child.active,[data-theme=light] .nav-standalone.active{background:var(--nav-active)!important}[data-theme=light] .nav-group-header:hover,[data-theme=light] .nav-child:hover,[data-theme=light] .nav-standalone:hover{background:var(--nav-hover)!important}#theme-toggle-btn{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:1rem;transition:all .2s}#theme-toggle-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--nav-active)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--body-bg);color:var(--text-main);background:var(--body-gradient);min-height:100vh;font-family:Outfit,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}#app{flex-direction:column;min-height:100vh;display:flex}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}.btn{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-weight:600;transition:all .3s;display:flex}.btn:hover{background:#ffffff26}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 20px #6366f166}.nav-btn{color:var(--text-main);transition:all .2s}.nav-btn:hover{color:var(--primary);background:#ffffff0d!important}.input-group{margin-bottom:20px}.input-group label{color:var(--text-muted);margin-bottom:8px;font-size:.9rem;display:block}.input-group input{background:var(--input-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-main);border-radius:12px;outline:none;padding:12px 16px;transition:all .3s}.input-group input:focus{border-color:var(--primary);background:var(--input-bg-focus)}.auth-container{justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.auth-card{width:100%;max-width:400px;padding:40px}.main-layout{grid-template-columns:260px 1fr;height:100vh;display:grid;overflow:hidden}.main-layout.sidebar-minimized{grid-template-columns:60px 1fr}.main-layout.sidebar-minimized .sidebar{padding:16px 8px;overflow:hidden}.main-layout.sidebar-minimized .nav-group,.main-layout.sidebar-minimized .nav-group-header,.main-layout.sidebar-minimized .nav-group-items{display:none}.sidebar{border-right:1px solid var(--glass-border);box-sizing:border-box;height:100vh;padding:30px 20px;transition:width .2s;overflow-y:auto}.content{box-sizing:border-box;height:100vh;padding:40px;overflow-y:auto}.content-dashboard{padding:12px 16px;overflow:hidden}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px;display:grid}.stat-card{padding:24px}.stat-card .label{color:var(--text-muted);margin-bottom:10px;font-size:.9rem}.stat-card .value{font-size:1.8rem;font-weight:700}.table-container{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;margin-top:20px}th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--glass-border);padding:16px;font-weight:500}td{border-bottom:1px solid var(--glass-border);padding:16px}tr:hover td{background:var(--table-hover)}.badge{color:var(--accent);background:#10b9811a;border-radius:8px;padding:4px 10px;font-size:.8rem;font-weight:600}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:500px;padding:30px}.cashier-layout{grid-template-columns:1fr 400px;gap:24px;height:calc(100vh - 180px);display:grid}.product-picker{padding-right:10px;overflow-y:auto}.product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.product-card{cursor:pointer;text-align:center;padding:16px;transition:all .2s}.product-card:hover{border-color:var(--primary);transform:translateY(-4px)}.cart-panel{flex-direction:column;height:100%;display:flex}.cart-items{flex:1;margin:20px 0;overflow-y:auto}.cart-item{border-bottom:1px solid var(--glass-border);flex-direction:column;align-items:stretch;padding:8px 0;display:flex}.cart-item-info{flex:1}.cart-item-qty{align-items:center;gap:10px;display:flex}.search-bar{width:100%;margin-bottom:24px;position:relative}.search-bar input{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-main);border-radius:12px;padding:14px 20px}#receipt-area{display:none}@media print{body{margin:0;padding:0;color:#000!important;background:#fff!important}#app,.modal-overlay,.no-print{display:none!important}#receipt-area,#print-area-temp{width:100%;position:absolute;top:0;left:0;display:block!important}#receipt-area{width:300px;margin:0 auto;font-family:Courier New,Courier,monospace;font-size:12px}#print-area-temp{color:#000;background:#fff;padding:0}}.receipt{text-align:center;padding:20px}.receipt-header{border-bottom:1px dashed #ccc;margin-bottom:10px;padding-bottom:10px}.receipt-items{text-align:left;margin-bottom:10px}.receipt-item{justify-content:space-between;margin-bottom:5px;display:flex}.receipt-total{border-top:1px dashed #ccc;padding-top:10px;font-size:14px;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s forwards fadeIn}.pricing-tabs{border-bottom:2px solid var(--glass-border);gap:12px;padding-bottom:0;display:flex}.pricing-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s;position:relative;bottom:-2px}.pricing-tab:hover{color:var(--primary);background:#6366f10d}.pricing-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:#6366f11a}.report-tabs{flex-wrap:wrap;gap:8px;display:flex}.report-tab{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:10px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s}.report-tab:hover{color:var(--primary);border-color:var(--primary);background:#6366f11a}.report-tab.active{color:#fff;background:var(--primary);border-color:var(--primary)}@keyframes pulse-amber{0%,to{box-shadow:0 0 8px #f59e0b66}50%{box-shadow:0 0 18px #f59e0bcc,0 0 6px #f59e0b80}}.sidebar{border-right:1px solid var(--glass-border);border-radius:0;flex-direction:column;padding:24px 16px;display:flex;overflow-y:auto}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-group{margin-bottom:2px}.nav-group-header{width:100%;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 10px;font-family:inherit;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.nav-group-header:hover{color:var(--text-main);background:#ffffff0a}.nav-group-header.has-active{color:var(--primary)}.nav-group-label{text-align:left;flex:1}.nav-group-arrow{color:var(--text-muted);font-size:1rem;transition:transform .25s;display:inline-block;transform:rotate(0)}.nav-group-arrow.open{transform:rotate(90deg)}.nav-group-items{opacity:1;flex-direction:column;gap:2px;max-height:500px;padding-left:8px;transition:max-height .3s,opacity .2s;display:flex;overflow:hidden}.nav-group-items.collapsed{opacity:0;max-height:0}.nav-child{text-align:left;color:var(--text-muted);background:0 0;border:none;border-radius:10px;justify-content:flex-start;padding:8px 12px;font-size:.875rem;font-weight:500;transition:all .2s}.nav-child:hover{color:var(--text-main);background:#ffffff0f!important}.nav-child.active{color:var(--primary);border-left:2px solid var(--primary);font-weight:600;background:#6366f126!important}.sidebar-footer{border-top:1px solid var(--glass-border);margin-top:auto;padding-top:16px}.content-dashboard{box-sizing:border-box;flex-direction:column;height:100vh;padding:12px 16px;display:flex;overflow:hidden}.nav-standalone{text-align:left;color:var(--text-muted);background:0 0;border:none;border-radius:10px;justify-content:flex-start;margin-bottom:8px;padding:9px 12px;font-size:.875rem;font-weight:600}.nav-standalone:hover{color:var(--text-main);background:#ffffff0f!important}.nav-standalone.active{color:var(--primary);border-left:2px solid var(--primary);font-weight:700;background:#6366f126!important}select option{color:#f8fafc;background:#1e293b}[data-theme=light] select option{color:#0f172a;background:#fff}.numpad-btn{background:var(--input-bg)!important;color:var(--text-main)!important;border:1px solid var(--glass-border)!important}.numpad-btn:hover{background:var(--input-bg-focus)!important}[data-theme=light] .numpad-btn{background:#00000014!important}.pin-key-btn{background:var(--input-bg)!important;color:var(--text-main)!important;border:1px solid var(--glass-border)!important}.pin-key-btn:hover{background:var(--input-bg-focus)!important}[data-theme=light] .pin-key-btn{background:#00000014!important}#supervisor-pin-overlay .modal div[style*="color:#e2e8f0"]{color:var(--text-main)!important}.ss-wrapper .ss-item{color:var(--text-main)}[data-theme=light] .ss-wrapper .ss-item{color:#0f172a!important}[data-theme=light] div[id$=-dropdown]{background:#fff!important}[data-theme=light] #audit-supervisor,[data-theme=light] select option{color:#0f172a!important}