:root{--font-primary:"Plus Jakarta Sans", sans-serif;--font-heading:"Outfit", sans-serif;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--primary:#4f46e5;--primary-hover:#4338ca;--primary-glow:#4f46e526;--emerald:#10b981;--emerald-hover:#059669;--emerald-glow:#10b98126;--rose:#f43f5e;--rose-hover:#e11d48;--rose-glow:#f43f5e26;--amber:#f59e0b;--amber-hover:#d97706;--amber-glow:#f59e0b26;--indigo:#6366f1;--indigo-glow:#6366f126;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-light:#f1f5f9;--card-shadow:0 1px 3px 0 #0000000d, 0 1px 2px -1px #0000000d;--modal-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--glass-blur:12px;--hover-bg:var(--bg-tertiary);--sidebar-width:260px;--header-height:70px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:18px;--border-radius-full:9999px;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary:#020617;--bg-secondary:#0b1329;--bg-tertiary:#1e293b;--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f140;--emerald:#34d399;--emerald-hover:#10b981;--emerald-glow:#34d39933;--rose:#fb7185;--rose-hover:#f43f5e;--rose-glow:#fb718533;--amber:#fbbf24;--amber-hover:#f59e0b;--amber-glow:#fbbf2433;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--border-color:#1e293b;--border-light:#0f172a;--card-shadow:0 4px 6px -1px #0003, 0 2px 4px -2px #0003;--modal-shadow:0 25px 50px -12px #00000080;--glass-bg:#0b1329b3;--glass-border:#1e293b80;--glass-blur:16px}*{box-sizing:border-box;font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:0;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.dukaan-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.dukaan-container{min-height:100vh;display:flex;position:relative}.dukaan-main-viewport{margin-left:var(--sidebar-width);margin-top:var(--header-height);min-height:100vh;transition:var(--transition-smooth);flex-direction:column;flex-grow:1;padding:24px;display:flex}@media (width<=1024px){.dukaan-main-viewport{padding:16px;padding-top:calc(var(--header-height) + 16px);margin-top:0;margin-left:0;padding-bottom:80px}}@media (width<=480px){.dukaan-main-viewport{padding:12px;padding-top:calc(var(--header-height) + 12px)}}.dukaan-btn{border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;font-size:14px;font-weight:600;font-family:var(--font-heading);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.dukaan-btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px 0 var(--primary-glow)}.dukaan-btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.dukaan-btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.dukaan-btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.dukaan-btn-emerald{background:var(--emerald);color:#fff;box-shadow:0 4px 14px 0 var(--emerald-glow)}.dukaan-btn-emerald:hover{background:var(--emerald-hover);transform:translateY(-1px)}.dukaan-btn-rose{background:var(--rose);color:#fff;box-shadow:0 4px 14px 0 var(--rose-glow)}.dukaan-btn-rose:hover{background:var(--rose-hover);transform:translateY(-1px)}.dukaan-btn-text{color:var(--text-secondary);background:0 0;padding:8px 12px}.dukaan-btn-text:hover{color:var(--text-primary);background:var(--bg-tertiary)}.dukaan-btn-sm{border-radius:var(--border-radius-sm);padding:6px 12px;font-size:12px}.dukaan-btn-lg{border-radius:var(--border-radius-lg);padding:14px 28px;font-size:16px}.dukaan-btn-icon-only{border-radius:var(--border-radius-md);width:40px;height:40px;padding:0}.dukaan-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.dukaan-card{background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);transition:var(--transition-smooth);padding:24px}.dukaan-card-hover:hover{border-color:var(--text-muted);transform:translateY(-4px);box-shadow:0 12px 20px -8px #00000014}.dukaan-form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.dukaan-label{color:var(--text-secondary);font-size:13px;font-weight:600;font-family:var(--font-heading)}.dukaan-input,.dukaan-textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);transition:var(--transition-smooth);outline:none;width:100%;padding:10px 14px;font-size:14px}.dukaan-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);transition:var(--transition-smooth);outline:none;width:100%;font-size:14px;appearance:none!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:16px!important;height:40px!important;padding:8px 36px 8px 12px!important;line-height:1.5!important}.dukaan-input:focus,.dukaan-select:focus,.dukaan-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.dukaan-input::placeholder{color:var(--text-muted)}.dukaan-table-wrapper{border-radius:var(--border-radius-lg);border:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:var(--card-shadow);overflow-x:auto}.dukaan-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.dukaan-table th{background:var(--bg-tertiary);color:var(--text-secondary);border-bottom:1px solid var(--border-color);font-weight:600;font-family:var(--font-heading);white-space:nowrap;padding:14px 18px}.dukaan-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);white-space:nowrap;padding:14px 18px}.dukaan-table tr:last-child td{border-bottom:none}.dukaan-table tr:hover td{background:var(--border-light)}.dukaan-badge{border-radius:var(--border-radius-full);align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.dukaan-badge-primary{background:var(--primary-glow);color:var(--primary)}.dukaan-badge-emerald{background:var(--emerald-glow);color:var(--emerald)}.dukaan-badge-rose{background:var(--rose-glow);color:var(--rose)}.dukaan-badge-amber{background:var(--amber-glow);color:var(--amber)}.dukaan-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;right:24px}.dukaan-toast{pointer-events:auto;border-radius:var(--border-radius-md);min-width:300px;max-width:400px;box-shadow:var(--modal-shadow);align-items:center;gap:12px;padding:16px 20px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.chart-grid line{stroke:var(--border-color);stroke-dasharray:4 4}.chart-line{stroke:var(--primary);stroke-width:3px;fill:none;stroke-linecap:round;filter:drop-shadow(0px 6px 8px var(--primary-glow))}.chart-area{fill:url(#chart-gradient)}.chart-bar{fill:var(--primary);rx:4;transition:height .5s}.chart-bar-alt{fill:var(--emerald);rx:4}.pos-grid{height:calc(100vh - var(--header-height) - 48px);grid-template-columns:1fr 380px;gap:20px;display:grid}@media (width<=1200px){.pos-grid{grid-template-columns:1fr;height:auto}}@media print{html,body{color:#000!important;background:#fff!important;height:auto!important;overflow:visible!important}body.print-receipt-mode *{visibility:hidden!important}body.print-receipt-mode #printable-receipt-area,body.print-receipt-mode #printable-receipt-area *{visibility:visible!important;color:#000!important;background:#fff!important}body.print-receipt-mode #printable-receipt-area{border:none!important;margin:0!important;padding:10px!important;position:absolute!important;top:0!important;left:0!important}body.print-receipt-mode #printable-receipt-area.receipt-58mm{width:54mm!important}body.print-receipt-mode #printable-receipt-area.receipt-80mm{width:76mm!important}body:not(.print-receipt-mode) aside,body:not(.print-receipt-mode) header,body:not(.print-receipt-mode) .dukaan-btn,body:not(.print-receipt-mode) .hide-on-print{display:none!important}body:not(.print-receipt-mode) .dukaan-main-viewport{width:100%!important;height:auto!important;margin-top:0!important;margin-left:0!important;padding:0!important;position:static!important;overflow:visible!important}body:not(.print-receipt-mode) .dukaan-container{height:auto!important;min-height:0!important;display:block!important;overflow:visible!important}body:not(.print-receipt-mode) .dukaan-card{page-break-inside:avoid;box-shadow:none!important;background:#fff!important;border:1px solid #e2e8f0!important}body:not(.print-receipt-mode) .dukaan-table-wrapper{box-shadow:none!important;border:1px solid #e2e8f0!important;overflow:visible!important}body:not(.print-receipt-mode) .dukaan-table{width:100%!important}body:not(.print-receipt-mode) .dukaan-table th,body:not(.print-receipt-mode) .dukaan-table td{white-space:normal!important;border-bottom:1px solid #e2e8f0!important;padding:8px 12px!important}}.animate-spin-slow{animation:8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.db-hydration-loader-overlay{background:radial-gradient(circle at center, #6366f114, transparent), var(--bg-primary);z-index:99999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.db-hydration-loader-card{border-radius:var(--border-radius-lg);width:100%;max-width:380px;box-shadow:var(--modal-shadow);border:1px solid var(--border-color);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.premium-glow-ring{background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);z-index:1;pointer-events:none;border-radius:50%;width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.db-hydration-loader-spinner{border:3px dashed var(--primary);z-index:2;width:50px;height:50px;box-shadow:0 0 15px var(--primary-glow);border-radius:50%;position:relative}input[type=date]{min-width:140px;padding-right:8px;background-image:none!important}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;margin-left:8px;padding:4px}[data-theme=dark] input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8)brightness(1.5);opacity:.9}