/*kits-b18-look-fonts: Noto Sans Arabic ships with the app (assets/fonts, SIL Open Font License 1.1, The Noto Project Authors), so a shop without internet keeps its font. Variable font: one file per script covers weights 300-800.*/@font-face{font-family:"Noto Sans Arabic";font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(/assets/noto-sans-arabic-v33-arabic-BhzieyvS.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF0-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:"Noto Sans Arabic";font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(/assets/noto-sans-arabic-v33-latin-BQEJrIpl.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#111827cc;--bg-card-hover:#1e293be6;--bg-glass:#ffffff08;--bg-input:#ffffff0d;--bg-input-focus:#ffffff14;--border-primary:#ffffff0f;--border-focus:#6366f180;--border-subtle:#ffffff0a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-accent:#818cf8;--accent-indigo:#6366f1;--accent-indigo-light:#818cf8;--accent-emerald:#10b981;--accent-emerald-light:#34d399;--accent-rose:#f43f5e;--accent-rose-light:#fb7185;--accent-amber:#f59e0b;--accent-amber-light:#fbbf24;--accent-cyan:#06b6d4;--accent-purple:#a855f7;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--gradient-success:linear-gradient(135deg, #10b981 0%, #34d399 100%);--gradient-danger:linear-gradient(135deg, #f43f5e 0%, #fb7185 100%);--gradient-amber:linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--gradient-bg:linear-gradient(135deg, #0a0e1a 0%, #111827 50%, #0f172a 100%);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow-indigo:0 0 20px #6366f126;--shadow-glow-emerald:0 0 20px #10b98126;--shadow-glow-rose:0 0 20px #f43f5e26;--sidebar-width:260px;--header-height:70px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#ffffffe6;--bg-card-hover:#fff;--bg-glass:#00000008;--bg-input:#0000000d;--bg-input-focus:#00000014;--border-primary:#00000014;--border-focus:#6366f180;--border-subtle:#0000000a;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-accent:#4f46e5;--gradient-bg:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 32px #0000001f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;overflow-x:hidden}body{background:var(--gradient-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:"Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;overflow-x:hidden}#root{min-height:100vh;display:flex}.app-layout{width:100%;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-left:1px solid var(--border-primary);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;right:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--border-primary);text-align:center;padding:24px 20px}.sidebar-logo h1{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700;line-height:1.6}.sidebar-logo .logo-sub{color:var(--text-tertiary);margin-top:2px;font-size:.7rem;font-weight:400}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition-base);border:1px solid #0000;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background:var(--bg-glass);color:var(--text-primary);border-color:var(--border-subtle)}.nav-link.active{color:var(--accent-indigo-light);box-shadow:var(--shadow-glow-indigo);background:#6366f11a;border-color:#6366f133}.nav-link svg{flex-shrink:0;width:20px;height:20px}.main-content{margin-right:var(--sidebar-width);flex:1;min-height:100vh;max-height:100vh;padding:32px;overflow-y:auto}.page-header{margin-bottom:32px}.page-header h2{color:var(--text-primary);margin-bottom:4px;font-size:1.6rem;font-weight:700}.page-header p{color:var(--text-secondary);font-size:.85rem}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-base);padding:24px}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-2px)}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{color:var(--text-primary);font-size:1rem;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:var(--transition-base);padding:20px 24px;position:relative;overflow:hidden}.stat-card:before{content:"";opacity:.08;width:80px;height:80px;transition:var(--transition-base);border-radius:0 0 0 80px;position:absolute;top:0;right:0}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:#ffffff1a;transform:translateY(-2px)}.stat-card:hover:before{opacity:.15}.stat-card.sales:before{background:var(--accent-emerald)}.stat-card.expenses:before{background:var(--accent-rose)}.stat-card.profit:before{background:var(--accent-indigo)}.stat-card.profit-positive:before{background:var(--accent-emerald)}.stat-card.profit-negative:before{background:var(--accent-rose)}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;display:flex}.stat-icon.sales{color:var(--accent-emerald);background:#10b9811f}.stat-icon.expenses{color:var(--accent-rose);background:#f43f5e1f}.stat-icon.profit{color:var(--accent-indigo);background:#6366f11f}.stat-icon.count{color:var(--accent-amber);background:#f59e0b1f}.stat-label{color:var(--text-tertiary);margin-bottom:6px;font-size:.78rem;font-weight:500}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.2}.stat-value.positive{color:var(--accent-emerald)}.stat-value.negative{color:var(--accent-rose)}.stat-currency{color:var(--text-tertiary);margin-top:4px;font-size:.7rem;font-weight:400}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);transition:var(--transition-base);direction:rtl;outline:none;padding:10px 14px;font-family:inherit;font-size:.88rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);background:var(--bg-input-focus);box-shadow:0 0 0 3px #6366f11a}.form-input::placeholder{color:var(--text-tertiary)}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;padding-left:32px}.form-select option{background:var(--bg-secondary);color:var(--text-primary)}.form-textarea{resize:vertical;min-height:80px}.form-actions{align-items:flex-end;gap:12px;padding-top:6px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.85rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow-indigo)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 30px #6366f14d}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:var(--shadow-glow-emerald)}.btn-success:hover{transform:translateY(-1px);box-shadow:0 0 30px #10b9814d}.btn-danger{background:var(--gradient-danger);color:#fff}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 0 30px #f43f5e4d}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-primary);background:0 0}.btn-ghost:hover{background:var(--bg-glass);color:var(--text-primary);border-color:#ffffff1f}.btn-sm{padding:6px 12px;font-size:.78rem}.btn-icon{border-radius:var(--radius-sm);width:34px;height:34px;padding:0}.table-container{border-radius:var(--radius-md);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.85rem}.data-table thead{background:#ffffff08}.data-table th{text-align:right;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-primary);padding:12px 16px;font-size:.78rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:12px 16px}.data-table tbody tr{transition:var(--transition-fast)}.data-table tbody tr:hover{background:#ffffff05}.data-table .amount{font-variant-numeric:tabular-nums;font-weight:600}.data-table .amount.income{color:var(--accent-emerald)}.data-table .amount.expense{color:var(--accent-rose)}.category-badge{background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:500;display:inline-flex}.category-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.actions-cell{justify-content:flex-start;gap:6px;display:flex}.filter-bar{background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-md);flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.filter-bar .form-group{min-width:160px}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:2000;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:100%;max-width:680px;max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg), 0 24px 48px #00000080;flex-direction:column;padding:0;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:0;padding:18px 24px;display:flex}.modal-title{color:var(--text-primary);align-items:center;gap:8px;font-size:1.15rem;font-weight:800;display:flex}.modal-content-scroll,.modal-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:22px 24px;overflow-y:auto}.modal>form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal>form>.modal-body,.modal>form>.modal-content-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:22px 24px;overflow-y:auto}.modal>form:not(:has(.modal-body)){padding:22px 24px;overflow-y:auto}.modal-actions{border-top:1px solid var(--border-primary);background:var(--bg-secondary);z-index:10;flex-shrink:0;justify-content:flex-start;align-items:center;gap:12px;margin:0;padding:16px 24px;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=600px){.form-grid-2{grid-template-columns:1fr;gap:12px}}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=768px){.form-grid-3{grid-template-columns:1fr;gap:12px}}.empty-state{text-align:center;color:var(--text-tertiary);padding:48px 24px}.empty-state svg{opacity:.4;width:48px;height:48px;margin-bottom:16px}.empty-state p{font-size:.9rem}.tabs{background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-primary);gap:4px;width:fit-content;margin-bottom:20px;padding:4px;display:flex}.tab{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-base);background:0 0;border:none;padding:8px 18px;font-family:inherit;font-size:.82rem;font-weight:500}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--accent-indigo);color:#fff}.currency-toggle{background:var(--bg-glass);border-radius:var(--radius-sm);border:1px solid var(--border-primary);gap:2px;padding:3px;display:flex}.currency-btn{cursor:pointer;transition:var(--transition-base);color:var(--text-secondary);background:0 0;border:none;border-radius:6px;padding:5px 14px;font-family:inherit;font-size:.75rem;font-weight:600}.currency-btn.active{background:var(--accent-indigo);color:#fff}.toast-container{z-index:10000;flex-direction:column;gap:8px;display:flex;position:fixed;top:50px;left:20px}.toast{border-radius:var(--radius-md);min-width:280px;box-shadow:var(--shadow-lg);align-items:center;gap:10px;padding:12px 20px;font-size:.85rem;font-weight:500;animation:.3s slideInLeft;display:flex}.toast.success{color:var(--accent-emerald-light);background:#10b98126;border:1px solid #10b9814d}.toast.error{color:var(--accent-rose-light);background:#f43f5e26;border:1px solid #f43f5e4d}.toast.info{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.chart-container{width:100%;height:320px}.recharts-cartesian-axis-tick-value{fill:var(--text-tertiary)!important;font-size:.72rem!important}.recharts-legend-item-text{color:var(--text-secondary)!important;font-size:.78rem!important}@media print{@page{size:A4;margin:15mm}body{color:#1a1a1a!important;background:#fff!important;font-size:11pt!important}.sidebar,.filter-bar,.btn,.actions-cell,.toast-container,.no-print{display:none!important}.main-content{margin:0!important;padding:0!important}.card{break-inside:avoid;page-break-inside:avoid;box-shadow:none!important;background:#fff!important;border:1px solid #ddd!important}.stat-card{background:#f8f9fa!important;border:1px solid #ddd!important}.stat-value{color:#1a1a1a!important}.stat-value.positive{color:#059669!important}.stat-value.negative{color:#dc2626!important}.data-table th{color:#374151!important;background:#f1f5f9!important;border-bottom:2px solid #374151!important}.data-table td{color:#1a1a1a!important;border-bottom:1px solid #e5e7eb!important}.amount.income{color:#059669!important}.amount.expense{color:#dc2626!important}.print-header{text-align:center;border-bottom:2px solid #374151;margin-bottom:24px;padding-bottom:16px;display:block!important}.print-header h1{color:#1a1a1a;margin-bottom:4px;font-size:18pt}.print-header p{color:#666;font-size:10pt}.print-footer{text-align:center;color:#999;border-top:1px solid #ddd;margin-top:24px;padding-top:12px;font-size:9pt;display:block!important}}.print-header,.print-footer{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:.4s fadeIn}.animate-slide-up{animation:.4s slideUp}.skeleton{background:linear-gradient(90deg, var(--bg-glass) 25%, #ffffff14 50%, var(--bg-glass) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (width<=768px){.sidebar{flex-direction:row;width:100%;height:auto;position:relative;overflow-x:auto}.sidebar-logo{display:none}.sidebar-nav{flex-direction:row;gap:4px;padding:8px}.nav-link span{display:none}.main-content{margin-right:0;padding:16px}#root,.app-layout{flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}}.text-center{text-align:center}.text-start{text-align:right}.text-end{text-align:left}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.w-full{width:100%}.login-page{background:var(--gradient-bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-orb{filter:blur(80px);opacity:.15;border-radius:50%;animation:12s ease-in-out infinite orbFloat;position:absolute}.login-orb-1{background:var(--accent-indigo);width:400px;height:400px;animation-delay:0s;top:-100px;right:-100px}.login-orb-2{background:var(--accent-purple);width:300px;height:300px;animation-delay:-4s;bottom:-80px;left:-80px}.login-orb-3{background:var(--accent-emerald);width:200px;height:200px;animation-delay:-8s;top:50%;left:50%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(20px,10px)scale(1.02)}}.login-container{z-index:1;width:100%;max-width:420px;padding:20px;position:relative}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);background:#111827d9;border:1px solid #ffffff14;padding:40px 32px;animation:.5s slideUp;box-shadow:0 20px 60px #00000080}.login-header{text-align:center;margin-bottom:32px}.login-icon{border-radius:var(--radius-lg);background:var(--gradient-primary);color:#fff;width:64px;height:64px;box-shadow:var(--shadow-glow-indigo);justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.login-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:1.5rem;font-weight:800}.login-subtitle{color:var(--text-tertiary);font-size:.82rem}.login-error{border-radius:var(--radius-sm);color:var(--accent-rose-light);background:#f43f5e1a;border:1px solid #f43f5e40;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;font-size:.82rem;animation:.3s fadeIn;display:flex}.login-form{flex-direction:column;gap:18px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--text-tertiary);pointer-events:none;z-index:1;position:absolute;right:14px}.login-input{width:100%;padding-right:42px!important}.login-eye-btn{color:var(--text-tertiary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:4px;display:flex;position:absolute;left:10px}.login-eye-btn:hover{color:var(--text-secondary)}.login-btn{width:100%;margin-top:4px;padding:12px;font-size:.95rem}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.login-footer{text-align:center;border-top:1px solid var(--border-primary);margin-top:24px;padding-top:16px}.login-footer p{color:var(--text-tertiary);font-size:.7rem}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-user{border-top:1px solid var(--border-primary);margin-top:auto;padding:16px 12px}.sidebar-user-info{align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;display:flex}.sidebar-user-avatar{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--accent-indigo-light);background:#6366f126;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-user-details{flex-direction:column;min-width:0;display:flex}.sidebar-user-name{color:var(--text-primary);font-size:.82rem;font-weight:600}.sidebar-user-role{color:var(--text-tertiary);font-size:.7rem}.sidebar-user-actions{flex-direction:column;gap:2px;display:flex}.sidebar-user-actions .nav-link{text-align:right;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 12px;font-family:inherit;font-size:.82rem}.logout-link:hover{color:var(--accent-rose-light)!important;background:#f43f5e1a!important}.loading-screen{background:var(--gradient-bg);min-height:100vh;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:.9rem;display:flex}.loading-spinner{border:3px solid #6366f133;border-top-color:var(--accent-indigo);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}html[dir=ltr] .sidebar{border-left:none;border-right:1px solid var(--border-primary);left:0;right:auto}html[dir=ltr] .main-content{margin-right:0;margin-left:var(--sidebar-width)}html[dir=ltr] .data-table th,html[dir=ltr] .data-table td{text-align:left}.pos-wrapper{z-index:1000;background:var(--bg-primary);color:var(--text-primary);-webkit-user-select:none;user-select:none;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.pos-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 20px;display:flex;box-shadow:0 2px 12px #0003}.pos-brand-group{align-items:center;gap:12px;display:flex}.pos-back-btn{border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-primary);color:var(--text-secondary);transition:var(--transition-fast);align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.pos-back-btn:hover{color:var(--accent-indigo-light);border-color:var(--accent-indigo);background:#6366f126}.pos-title-badge{color:var(--text-primary);align-items:center;gap:8px;font-size:1.15rem;font-weight:800;display:flex}.pos-status-indicator{background:var(--accent-emerald);width:8px;height:8px;box-shadow:0 0 10px var(--accent-emerald);border-radius:50%;display:inline-block}.pos-search-wrapper{flex:1;max-width:480px;position:relative}.pos-search-input{background:var(--bg-input);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);width:100%;height:42px;color:var(--text-primary);transition:var(--transition-fast);outline:none;padding:0 42px;font-family:inherit;font-size:.95rem}.pos-search-input:focus{background:var(--bg-input-focus);border-color:var(--accent-indigo);box-shadow:var(--shadow-glow-indigo)}.pos-search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.pos-search-clear{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.pos-search-clear:hover{color:var(--text-primary)}.pos-header-actions{align-items:center;gap:10px;display:flex}.pos-action-btn{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:6px;padding:7px 12px;font-size:.85rem;font-weight:600;display:flex}.pos-action-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-focus)}.pos-action-btn.active{border-color:var(--accent-indigo);color:var(--accent-indigo-light);background:#6366f133}.pos-action-badge{background:var(--accent-amber);color:#000;border-radius:99px;padding:1px 6px;font-size:.72rem;font-weight:800}.pos-body{flex:1;height:calc(100vh - 64px);display:flex;overflow:hidden}.pos-catalog-panel{background:var(--bg-primary);flex-direction:column;flex:1;display:flex;overflow:hidden}.pos-categories-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.pos-category-chip{border:1px solid var(--border-primary);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:var(--transition-fast);border-radius:99px;align-items:center;gap:6px;padding:7px 16px;font-size:.85rem;font-weight:600;display:flex}.pos-category-chip:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-focus)}.pos-category-chip.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow-indigo);border-color:#0000}.pos-products-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-content:start;gap:14px;padding:16px;display:grid;overflow-y:auto}.pos-product-card:hover{background:var(--bg-card-hover);border-color:var(--accent-indigo);box-shadow:0 6px 20px #0000004d, var(--shadow-glow-indigo);transform:translateY(-2px)}.pos-product-card:active{transform:scale(.96)}.pos-product-name{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:.95rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.pos-product-barcode{color:var(--text-tertiary);margin-bottom:8px;font-family:monospace;font-size:.72rem}.pos-product-footer{justify-content:space-between;align-items:flex-end;margin-top:auto;display:flex}.pos-product-price{color:var(--accent-emerald-light);font-size:1.05rem;font-weight:800}.pos-product-stock{color:var(--accent-emerald);background:#10b9811f;border:1px solid #10b98140;border-radius:99px;padding:2px 7px;font-size:.72rem;font-weight:600}.pos-product-card-badge{background:var(--gradient-primary);color:#fff;border-radius:99px;padding:2px 7px;font-size:.72rem;font-weight:800;position:absolute;top:8px;left:8px;box-shadow:0 2px 6px #0000004d}.pos-cart-panel{background:var(--bg-secondary);border-right:1px solid var(--border-primary);z-index:10;flex-direction:column;flex-shrink:0;width:420px;height:100%;max-height:calc(100vh - 64px);display:flex;position:relative;overflow:hidden;box-shadow:-4px 0 20px #00000040}.pos-cart-header{background:var(--bg-card);border-bottom:1px solid var(--border-primary);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pos-cart-title{align-items:center;gap:8px;font-size:1.05rem;font-weight:800;display:flex}.pos-cart-count-pill{color:var(--accent-indigo-light);background:#6366f126;border:1px solid #6366f14d;border-radius:99px;padding:2px 8px;font-size:.76rem;font-weight:700}.pos-cart-clear-btn{color:var(--accent-rose);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:4px;padding:5px 8px;font-size:.8rem;font-weight:600;display:flex}.pos-cart-clear-btn:hover{background:#f43f5e1a;border-color:#f43f5e4d}.pos-cart-settings{background:var(--bg-glass);border-bottom:1px solid var(--border-primary);flex-shrink:0;gap:8px;padding:8px 14px;display:flex}.pos-select-compact{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);height:36px;color:var(--text-primary);outline:none;flex:1;padding:0 10px;font-family:inherit;font-size:.82rem}.pos-select-compact:focus{border-color:var(--accent-indigo)}.pos-cart-list{flex-direction:column;flex:1 1 0;gap:8px;min-height:0;padding:10px 14px;display:flex;overflow-y:auto}.pos-cart-empty{color:var(--text-tertiary);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:30px 20px;display:flex}.pos-cart-item{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:var(--transition-fast);align-items:center;gap:10px;padding:8px 10px;display:flex}.pos-cart-item:hover{border-color:var(--border-focus);background:var(--bg-card-hover)}.pos-cart-item-info{flex:1;min-width:0}.pos-cart-item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.pos-cart-item-meta{color:var(--text-secondary);align-items:center;gap:6px;margin-top:2px;font-size:.78rem;display:flex}.pos-qty-stepper{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);align-items:center;display:flex;overflow:hidden}.pos-qty-btn{width:26px;height:26px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.pos-qty-btn:hover{background:var(--bg-glass);color:var(--accent-indigo-light)}.pos-qty-display{text-align:center;min-width:26px;color:var(--text-primary);font-size:.85rem;font-weight:800}.pos-cart-item-total{color:var(--accent-emerald-light);text-align:left;min-width:65px;font-size:.95rem;font-weight:800}.pos-cart-item-del{color:var(--text-tertiary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.pos-cart-item-del:hover{color:var(--accent-rose)}.pos-cart-footer{background:var(--bg-card);border-top:1.5px solid var(--border-primary);flex-direction:column;flex-shrink:0;gap:8px;padding:12px 14px;display:flex;box-shadow:0 -4px 15px #0003}.pos-summary-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.pos-summary-total{border-top:1px dashed var(--border-primary);justify-content:space-between;align-items:baseline;padding:6px 0 2px;display:flex}.pos-summary-total-label{color:var(--text-primary);font-size:1.05rem;font-weight:800}.pos-summary-total-value{color:var(--accent-emerald-light);text-shadow:0 0 15px #10b98140;font-size:1.55rem;font-weight:900}.pos-cash-presets{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.pos-cash-pill{background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;text-align:center;transition:var(--transition-fast);padding:5px 2px;font-size:.76rem;font-weight:700}.pos-cash-pill:hover{border-color:var(--accent-indigo);color:var(--accent-indigo-light);background:#6366f126}.pos-cash-pill.active{background:var(--gradient-primary);color:#fff;border-color:#0000}.pos-change-banner{border-radius:var(--radius-md);color:var(--accent-emerald-light);background:#10b9811f;border:1px solid #10b9814d;justify-content:space-between;align-items:center;padding:6px 10px;font-size:.88rem;font-weight:800;display:flex}.pos-change-banner.debt{color:var(--accent-amber-light);background:#f59e0b1f;border-color:#f59e0b4d}.pos-pay-btn{background:var(--gradient-success);border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:1.05rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 16px #10b9814d}.pos-pay-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #10b98173}.pos-pay-btn:active:not(:disabled){transform:scale(.98)}.pos-pay-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.pos-product-card{background:var(--bg-card);border:1.5px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;justify-content:space-between;min-height:145px;padding:14px 12px 12px;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.pos-product-card.in-cart{border-color:var(--accent-indigo);background:#6366f10f}.pos-product-icon-wrap{border-radius:var(--radius-md);width:38px;height:38px;color:var(--accent-indigo-light);background:#6366f11f;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.pos-product-card.in-cart .pos-product-icon-wrap{background:var(--gradient-primary);color:#fff}.pos-mode-switcher{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);gap:2px;padding:2px;display:flex}.pos-mode-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:700;display:flex}.pos-mode-btn:hover{color:var(--text-primary)}.pos-mode-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.pos-dining-tabs{background:var(--bg-glass);border-bottom:1px solid var(--border-primary);flex-shrink:0;gap:6px;padding:6px 12px;display:flex}.pos-dining-pill{border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 8px;font-size:.78rem;font-weight:700;display:flex}.pos-dining-pill:hover{background:var(--bg-card-hover);color:var(--text-primary)}.pos-dining-pill.active{background:var(--gradient-primary);color:#fff;border-color:#0000}.pos-numpad-container{background:var(--bg-secondary);border-top:1px solid var(--border-primary);flex-shrink:0;padding:8px 14px}.pos-numpad-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.pos-numpad-btn{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);height:38px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;font-size:1.05rem;font-weight:700;display:flex}.pos-numpad-btn:hover{background:var(--bg-card-hover);border-color:var(--accent-indigo);color:var(--accent-indigo-light)}.pos-numpad-btn:active{transform:scale(.95)}.pos-numpad-btn.action{color:var(--accent-indigo-light);background:#6366f126;font-size:.85rem}.pos-numpad-btn.danger{color:var(--accent-rose);background:#f43f5e1f}.pos-table-view{flex:1;padding:12px 16px;overflow-y:auto}.pos-data-table{border-collapse:separate;border-spacing:0 4px;width:100%}.pos-data-table th{color:var(--text-tertiary);border-bottom:1px solid var(--border-primary);text-align:right;padding:8px 12px;font-size:.78rem;font-weight:700}html[dir=ltr] .pos-data-table th{text-align:left}.pos-data-table tr.product-row{background:var(--bg-card);transition:var(--transition-fast);cursor:pointer}.pos-data-table tr.product-row:hover{background:var(--bg-card-hover);box-shadow:0 2px 8px #0003}.pos-data-table tr.product-row.in-cart{background:#6366f114}.pos-data-table td{color:var(--text-primary);border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);padding:10px 12px;font-size:.88rem}.pos-data-table td:first-child{border-right:1px solid var(--border-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.pos-data-table td:last-child{border-left:1px solid var(--border-primary);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}html[dir=ltr] .pos-data-table td:first-child{border-right:none;border-left:1px solid var(--border-primary);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}html[dir=ltr] .pos-data-table td:last-child{border-left:none;border-right:1px solid var(--border-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.pos-wrapper[data-pos-theme=emerald]{--accent-indigo:#10b981;--accent-indigo-light:#34d399;--gradient-primary:linear-gradient(135deg, #10b981 0%, #059669 100%)}.pos-wrapper[data-pos-theme=amber]{--accent-indigo:#f59e0b;--accent-indigo-light:#fbbf24;--gradient-primary:linear-gradient(135deg, #f59e0b 0%, #d97706 100%)}.pos-wrapper[data-pos-theme=purple]{--accent-indigo:#a855f7;--accent-indigo-light:#c084fc;--gradient-primary:linear-gradient(135deg, #a855f7 0%, #7e22ce 100%)}html[dir=ltr] .pos-search-icon{left:14px;right:auto}html[dir=ltr] .pos-search-clear{left:auto;right:14px}html[dir=ltr] .pos-cart-item-total{text-align:right}.pos-receipt-print{visibility:hidden!important;width:0!important;height:0!important;display:none!important;position:absolute!important;left:-9999px!important;overflow:hidden!important}@media print{.pos-receipt-print,.pos-receipt-print *{visibility:visible!important;display:block!important}.pos-receipt-print{color:#000!important;background:#fff!important;width:80mm!important;height:auto!important;margin:0 auto!important;padding:10px!important;font-family:monospace!important;font-size:12px!important;line-height:1.4!important;display:block!important;position:absolute!important;top:0!important;left:0!important}}.barcode-print-sheet{display:none!important}@media print{.barcode-print-sheet{background:#fff!important;flex-wrap:wrap!important;gap:2mm!important;width:100%!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;top:0!important;left:0!important}.barcode-sticker{color:#000!important;page-break-inside:avoid!important;text-align:center!important;box-sizing:border-box!important;background:#fff!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;display:flex!important}.barcode-sticker.size-50x25{width:50mm!important;height:25mm!important;padding:1mm!important}.barcode-sticker.size-40x30{width:40mm!important;height:30mm!important;padding:1mm!important}.barcode-sticker.size-a4{border:1px dotted #ccc!important;width:65mm!important;height:35mm!important;padding:2mm!important}.sticker-store{margin-bottom:1px!important;font-size:8px!important;font-weight:700!important;line-height:1!important}.sticker-title{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:95%!important;font-size:10px!important;font-weight:900!important;line-height:1.1!important;overflow:hidden!important}.sticker-barcode{width:85%!important;height:26px!important;margin:1px 0!important}.sticker-code{letter-spacing:1px!important;font-family:monospace!important;font-size:8px!important;font-weight:700!important}.sticker-price{margin-top:1px!important;font-size:11px!important;font-weight:900!important;line-height:1!important}body:has(.a4-statement-sheet){color:#0f172a!important;background:#fff!important;margin:0!important;padding:0!important}body:has(.a4-statement-sheet) .sidebar{display:none!important}body:has(.a4-statement-sheet) .navbar{display:none!important}body:has(.a4-statement-sheet) .no-print{display:none!important}body:has(.a4-statement-sheet) header{display:none!important}body:has(.a4-statement-sheet) nav{display:none!important}.a4-statement-sheet{box-shadow:none!important;border:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10mm 12mm!important}@page{size:A4 portrait;margin:10mm 8mm}}.mobile-header,.mobile-sidebar-close,.sidebar-backdrop{display:none}.pos-main-content{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}.table-container,.table-responsive{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:640px}.stats-grid,.summary-cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.toolbar,.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (width<=1024px){.app-layout{flex-direction:column}.mobile-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);z-index:1100;flex-shrink:0;justify-content:space-between;align-items:center;height:58px;padding:0 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000040}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.mobile-menu-btn:hover{background:var(--bg-glass)}.mobile-header-brand h1{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:800;line-height:1.3}.mobile-header-badge{cursor:pointer;transition:var(--transition-fast);border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:.76rem;font-weight:800;display:inline-flex}.mobile-icon-btn{background:var(--bg-glass);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:6px;display:flex}.mobile-icon-btn:hover{color:var(--text-primary)}.mobile-sidebar-close{background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:4px;display:flex}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1190;background:#000000a6;animation:.2s fadeIn;display:block;position:fixed;inset:0}.sidebar{z-index:1200;width:280px;max-width:85vw;height:100vh;box-shadow:none;visibility:hidden;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility .3s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.sidebar.open{visibility:visible;pointer-events:auto;transform:translate(0);box-shadow:-10px 0 35px #00000080}html[dir=ltr] .sidebar{left:0;right:auto;transform:translate(-100%)}html[dir=ltr] .sidebar.open{transform:translate(0);box-shadow:10px 0 35px #00000080}.main-content{min-height:calc(100vh - 58px);max-height:none;overflow-y:visible;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:16px!important}.page-header{flex-wrap:wrap;gap:12px;margin-bottom:18px}.page-header h2{font-size:1.35rem}.pos-header{flex-shrink:0;gap:8px;height:56px;padding:0 10px}.pos-search-wrapper{flex:1;min-width:140px;max-width:280px}.pos-header-actions{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:1;align-items:center;gap:6px;display:flex;overflow-x:auto}.pos-header-actions::-webkit-scrollbar{display:none}.pos-action-btn{white-space:nowrap;flex-shrink:0;padding:6px 8px;font-size:.78rem}.pos-cart-panel{width:340px}.pos-products-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;padding:12px}.pos-product-card{min-height:115px;padding:10px}.pos-product-name{font-size:.88rem}}@media (width<=800px){.pos-header{gap:6px;height:54px;padding:0 8px}.pos-brand-group{gap:6px}.pos-back-btn span,.pos-mode-btn span{display:none}.pos-search-wrapper{flex:1;min-width:120px;max-width:none}.pos-search-input{height:38px;padding:0 34px;font-size:.85rem}.pos-action-btn span{display:none}.pos-action-btn{padding:6px 8px}}@media (width<=768px){.pos-body{flex-direction:column;height:calc(100vh - 56px)}.pos-cart-panel{border-right:none;border-top:2px solid var(--border-primary);width:100%;height:48%;max-height:48%;box-shadow:0 -4px 20px #0000004d}.pos-catalog-panel{height:52%}.pos-search-wrapper{flex:1;max-width:none}.pos-action-btn span{display:none}.pos-action-btn{padding:6px 8px}.stats-grid,.summary-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.modal-overlay{padding:8px}.modal{border-radius:var(--radius-lg);max-height:calc(100dvh - 16px)}.modal-header{padding:14px 18px}.modal-content-scroll,.modal-body,.modal>form{padding:16px 18px}.modal-actions{gap:8px;margin-top:14px;padding-top:12px}}@media (width>=1920px){.main-content{padding:36px 48px}.modal{max-width:760px}}.installments-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.installments-desktop-table{display:block}.installments-mobile-list{display:none}.installment-mobile-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-fast);flex-direction:column;gap:.85rem;padding:1rem;display:flex}.installment-mobile-card:hover{border-color:var(--border-focus)}.installment-mobile-card.status-active{border-right:4px solid #6366f1}.installment-mobile-card.status-late{border-right:4px solid #ef4444}.installment-mobile-card.status-completed{border-right:4px solid #10b981}html[dir=ltr] .installment-mobile-card.status-active{border-right:1px solid var(--border-primary);border-left:4px solid #6366f1}html[dir=ltr] .installment-mobile-card.status-late{border-right:1px solid var(--border-primary);border-left:4px solid #ef4444}html[dir=ltr] .installment-mobile-card.status-completed{border-right:1px solid var(--border-primary);border-left:4px solid #10b981}.installment-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.installment-card-title{color:var(--text-primary);font-size:1.05rem;font-weight:800}.installment-card-phone{color:var(--accent-indigo-light);direction:ltr;margin-top:2px;font-family:monospace;font-size:.82rem;text-decoration:none;display:inline-block}.installment-card-phone:hover{text-decoration:underline}.installment-card-stats{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);text-align:center;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.75rem;display:grid}.installment-card-stat-label{color:var(--text-tertiary);margin-bottom:2px;font-size:.72rem}.installment-card-stat-val{color:var(--text-primary);font-size:.88rem;font-weight:800}.installment-card-progress{flex-direction:column;gap:4px;display:flex}.installment-card-actions{border-top:1px dashed var(--border-primary);grid-template-columns:2fr 1fr 1fr;gap:.5rem;margin-top:.25rem;padding-top:.75rem;display:grid}@media (width<=768px){.installments-desktop-table{display:none!important}.installments-mobile-list{flex-direction:column;gap:12px;display:flex!important}.installments-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:1rem!important}.installments-kpi-grid .card{padding:.75rem .85rem!important}.installments-header-btns{gap:.5rem;width:100%;display:flex}.installments-header-btns .btn{flex:1;justify-content:center;padding:8px 10px!important;font-size:.82rem!important}.installments-filter-container{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.installments-filter-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding-bottom:2px;flex-wrap:nowrap!important;overflow-x:auto!important}.installments-filter-pills::-webkit-scrollbar{display:none}.installments-filter-pills .btn{flex-shrink:0;white-space:nowrap!important}.installments-search-box{width:100%!important;min-width:100%!important}}@media (width<=480px){.installment-card-actions{grid-template-columns:1fr;gap:6px}}
/*kits-b15b-profile-utilities*/.max-w-5xl.mx-auto{max-width:64rem;margin-left:auto;margin-right:auto}.max-w-5xl .block{display:block}.max-w-5xl .grid{display:grid}.max-w-5xl .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-w-5xl .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-w-5xl .justify-center{justify-content:center}.max-w-5xl .justify-end{justify-content:flex-end}.max-w-5xl .gap-6{gap:1.5rem}.max-w-5xl .space-y-4>*+*{margin-top:1rem}.max-w-5xl .max-w-2xl{max-width:42rem}.max-w-5xl .mt-1{margin-top:.25rem}.max-w-5xl .mb-2{margin-bottom:.5rem}.max-w-5xl .mb-6{margin-bottom:1.5rem}.max-w-5xl .mb-8{margin-bottom:2rem}.max-w-5xl .ml-2{margin-inline-start:.5rem}.max-w-5xl .p-4{padding:1rem}.max-w-5xl .p-6{padding:1.5rem}.max-w-5xl .p-8{padding:2rem}.max-w-5xl .px-1{padding-left:.25rem;padding-right:.25rem}.max-w-5xl .px-2{padding-left:.5rem;padding-right:.5rem}.max-w-5xl .py-1{padding-top:.25rem;padding-bottom:.25rem}.max-w-5xl .pb-2{padding-bottom:.5rem}.max-w-5xl .pb-4{padding-bottom:1rem}.max-w-5xl .rounded{border-radius:.25rem}.max-w-5xl .rounded-xl{border-radius:.75rem}.max-w-5xl .shadow-sm{box-shadow:var(--shadow-sm)}.max-w-5xl .rotate-180{transform:rotate(180deg)}.max-w-5xl .text-xs{font-size:.75rem;line-height:1rem}.max-w-5xl .text-sm{font-size:.875rem;line-height:1.25rem}.max-w-5xl .text-2xl{font-size:1.5rem;line-height:2rem}.max-w-5xl .text-3xl{font-size:1.875rem;line-height:2.25rem}.max-w-5xl .text-right{text-align:right}.max-w-5xl .font-medium{font-weight:500}.max-w-5xl .font-bold{font-weight:700}.max-w-5xl .border{border:1px solid var(--border-primary)}.max-w-5xl .border-b{border-bottom:1px solid var(--border-primary)}.max-w-5xl .border-b-2{border-bottom:2px solid var(--border-primary)}.max-w-5xl .btn-outline{color:var(--text-secondary);background:0 0;border:1px solid var(--border-primary);text-decoration:none}.max-w-5xl .btn-outline:hover{background:var(--bg-glass)}:where(.max-w-5xl button:not(.btn)){color:inherit;font-family:inherit;font-size:1rem;cursor:pointer;background:0 0;border:0}.max-w-5xl .text-gray-400,.max-w-5xl .text-gray-500{color:var(--text-secondary)}.max-w-5xl .text-gray-800{color:var(--text-primary)}.max-w-5xl .hover\:text-gray-700:hover{color:var(--text-primary)}.max-w-5xl .text-indigo-600{color:var(--text-accent)}.max-w-5xl .text-indigo-700{color:#a5b4fc}.max-w-5xl .text-green-600,.max-w-5xl .text-green-800{color:var(--accent-emerald-light)}.max-w-5xl .text-red-500,.max-w-5xl .text-red-600,.max-w-5xl .text-red-800{color:var(--accent-rose-light)}.max-w-5xl .text-yellow-800{color:var(--accent-amber-light)}.max-w-5xl .text-purple-600{color:#c084fc}.max-w-5xl .text-white{color:#fff}.max-w-5xl .bg-white{background:var(--bg-card)}.max-w-5xl .bg-indigo-50,.max-w-5xl .hover\:bg-indigo-50:hover{background:#6366f11f}.max-w-5xl .bg-green-100{background:#10b9811f}.max-w-5xl .bg-yellow-100{background:#f59e0b1f}.max-w-5xl .bg-red-100{background:#f43f5e1f}.max-w-5xl .bg-red-500{background:#dc2626}.max-w-5xl .border-gray-100{border-color:var(--border-primary)}.max-w-5xl .border-indigo-100{border-color:#6366f133}.max-w-5xl .border-indigo-600{border-color:var(--accent-indigo)}.max-w-5xl .border-green-600{border-color:var(--accent-emerald)}:root[data-theme=light] .max-w-5xl .text-indigo-700{color:#4338ca}:root[data-theme=light] .max-w-5xl .text-green-600{color:#047857}:root[data-theme=light] .max-w-5xl .text-green-800{color:#166534}:root[data-theme=light] .max-w-5xl .text-red-500{color:#b91c1c}:root[data-theme=light] .max-w-5xl .text-red-600{color:#dc2626}:root[data-theme=light] .max-w-5xl .text-red-800{color:#991b1b}:root[data-theme=light] .max-w-5xl .text-yellow-800{color:#854d0e}:root[data-theme=light] .max-w-5xl .text-purple-600{color:#9333ea}:root[data-theme=light] .max-w-5xl .bg-indigo-50,:root[data-theme=light] .max-w-5xl .hover\:bg-indigo-50:hover{background:#eef2ff}:root[data-theme=light] .max-w-5xl .bg-green-100{background:#dcfce7}:root[data-theme=light] .max-w-5xl .bg-yellow-100{background:#fef9c3}:root[data-theme=light] .max-w-5xl .bg-red-100{background:#fee2e2}:root[data-theme=light] .max-w-5xl .border-indigo-100{border-color:#e0e7ff}:root[data-theme=light] .max-w-5xl .border-indigo-600{border-color:#4f46e5}:root[data-theme=light] .max-w-5xl .border-green-600{border-color:#047857}@media (min-width:768px){.max-w-5xl .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-w-5xl .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.max-w-5xl .flex{flex-wrap:wrap}}
/*kits-b18-look-utilities: Tailwind v3 utilities for the Safes, safe ledger and Reports screens (their roots below); dark: = the app dark theme*/:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) :where(*,::before,::after){border-width:0;border-style:solid;border-color:#e5e7eb}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) :where(button:not(.btn),input:not(.form-input),select:not(.form-select),textarea:not(.form-textarea)){font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) :where(button:not(.btn)){background-color:transparent;background-image:none;cursor:pointer}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) :where(button:disabled){cursor:default}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) :where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) :where(a){color:inherit;text-decoration:inherit}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) :where(table){text-indent:0;border-color:inherit;border-collapse:collapse}@keyframes kitsB18Spin{to{transform:rotate(360deg)}}@keyframes kitsB18Pulse{50%{opacity:.5}}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .animate-pulse{animation:kitsB18Pulse 2s cubic-bezier(.4,0,.6,1) infinite}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .animate-spin{animation:kitsB18Spin 1s linear infinite}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .bg-amber-100{background-color:#fef3c7}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .bg-black\/50{background-color:rgb(0 0 0 / .5)}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .bg-blue-100{background-color:#dbeafe}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .bg-emerald-100{background-color:#d1fae5}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .bg-gray-100{background-color:#f3f4f6}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .bg-gray-50{background-color:#f9fafb}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .bg-gray-50\/50{background-color:rgb(249 250 251 / .5)}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .bg-green-100{background-color:#dcfce7}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .bg-indigo-100{background-color:#e0e7ff}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .bg-indigo-50{background-color:#eef2ff}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .bg-indigo-600{background-color:#4f46e5}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .bg-purple-100{background-color:#f3e8ff}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .bg-purple-600{background-color:#9333ea}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .bg-red-100{background-color:#fee2e2}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .bg-rose-100{background-color:#ffe4e6}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .bg-white{background-color:#ffffff}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .block{display:block}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .border{border-width:1px}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .border-b{border-bottom-width:1px}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .border-collapse{border-collapse:collapse}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .border-gray-100{border-color:#f3f4f6}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .border-gray-200{border-color:#e5e7eb}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .border-gray-300{border-color:#d1d5db}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .border-indigo-200{border-color:#c7d2fe}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .border-l-4{border-left-width:4px}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .border-l-amber-500{border-left-color:#f59e0b}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .border-l-blue-500{border-left-color:#3b82f6}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .border-l-emerald-500{border-left-color:#10b981}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .border-l-indigo-500{border-left-color:#6366f1}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .border-l-red-500{border-left-color:#ef4444}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .border-l-rose-600{border-left-color:#e11d48}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .border-slate-700{border-color:#334155}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .border-t{border-top-width:1px}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .capitalize{text-transform:capitalize}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .divide-gray-100>:not([hidden])~:not([hidden]){border-color:#f3f4f6}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .divide-y>:not([hidden])~:not([hidden]){border-top-width:1px;border-bottom-width:0px}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .fixed{position:fixed}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .flex{display:flex}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .flex-1{flex:1 1 0%}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .flex-col{flex-direction:column}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .flex-wrap{flex-wrap:wrap}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .font-bold{font-weight:700}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .font-extrabold{font-weight:800}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .font-medium{font-weight:500}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .font-semibold{font-weight:600}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .gap-1{gap:.25rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .gap-1\.5{gap:.375rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .gap-2{gap:.5rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .gap-3{gap:.75rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .gap-4{gap:1rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .gap-6{gap:1.5rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .grid{display:grid}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .h-4{height:1rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .h-40{height:10rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .h-5{height:1.25rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .h-6{height:1.5rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .h-96{height:24rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .inline-flex{display:inline-flex}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .inset-0{inset:0px}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .items-center{align-items:center}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .items-start{align-items:flex-start}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .justify-between{justify-content:space-between}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .justify-center{justify-content:center}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .justify-end{justify-content:flex-end}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .max-w-md{max-width:28rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .mb-1{margin-bottom:.25rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .mb-2{margin-bottom:.5rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .mb-4{margin-bottom:1rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .mb-6{margin-bottom:1.5rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .mt-1{margin-top:.25rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .mt-6{margin-top:1.5rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .my-2{margin-top:.5rem;margin-bottom:.5rem}@media (hover:hover){:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .opacity-0{opacity:0}}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .overflow-hidden{overflow:hidden}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .overflow-x-auto{overflow-x:auto}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .p-2{padding:.5rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .p-3{padding:.75rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .p-4{padding:1rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .p-6{padding:1.5rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .pt-4{padding-top:1rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .px-2\.5{padding-left:.625rem;padding-right:.625rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .px-4{padding-left:1rem;padding-right:1rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .px-6{padding-left:1.5rem;padding-right:1.5rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .py-1{padding-top:.25rem;padding-bottom:.25rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .py-2{padding-top:.5rem;padding-bottom:.5rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .py-4{padding-top:1rem;padding-bottom:1rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .py-8{padding-top:2rem;padding-bottom:2rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .relative{position:relative}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .rounded-2xl{border-radius:1rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .rounded-full{border-radius:9999px}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .rounded-lg{border-radius:.5rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .rounded-md{border-radius:.375rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .rounded-xl{border-radius:.75rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .shadow-sm{box-shadow:0 1px 2px 0 rgb(0 0 0 / .05)}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .shadow-xl{box-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1)}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .space-y-3>:not([hidden])~:not([hidden]),.space-y-3.animate-fade-in>:not([hidden])~:not([hidden]){margin-top:.75rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .space-y-4>:not([hidden])~:not([hidden]),.space-y-4.animate-fade-in>:not([hidden])~:not([hidden]){margin-top:1rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .space-y-6>:not([hidden])~:not([hidden]),.space-y-6.animate-fade-in>:not([hidden])~:not([hidden]){margin-top:1.5rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .table{display:table}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-2xl{font-size:1.5rem;line-height:2rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-amber-500{color:#f59e0b}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-amber-500\/80{color:rgb(245 158 11 / .8)}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-blue-600{color:#2563eb}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-blue-600\/80{color:rgb(37 99 235 / .8)}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-center{text-align:center}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-emerald-500{color:#10b981}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-emerald-500\/80{color:rgb(16 185 129 / .8)}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-emerald-800{color:#065f46}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-gray-400{color:#9ca3af}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-gray-500{color:#6b7280}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-gray-600{color:#4b5563}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-gray-700{color:#374151}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-gray-900{color:#111827}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-green-500{color:#22c55e}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-green-600{color:#16a34a}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-indigo-400{color:#818cf8}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-indigo-500{color:#6366f1}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-indigo-600{color:#4f46e5}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-indigo-700{color:#4338ca}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-left{text-align:left}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-lg{font-size:1.125rem;line-height:1.75rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-purple-600{color:#9333ea}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-red-500{color:#ef4444}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-red-600{color:#dc2626}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-red-600\/80{color:rgb(220 38 38 / .8)}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-right{text-align:right}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-rose-500\/80{color:rgb(244 63 94 / .8)}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-rose-600{color:#e11d48}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-rose-800{color:#9f1239}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-sm{font-size:.875rem;line-height:1.25rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-white{color:#ffffff}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-xl{font-size:1.25rem;line-height:1.75rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .text-xs{font-size:.75rem;line-height:1rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .w-4{width:1rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .w-5{width:1.25rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .w-6{width:1.5rem}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .w-full{width:100%}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .whitespace-nowrap{white-space:nowrap}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .z-50{z-index:2000}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .disabled\:opacity-50:disabled{opacity:.5}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .focus\:ring-2:focus{box-shadow:0 0 0 2px var(--kits-ring,rgb(59 130 246 / .5));outline:2px solid transparent;outline-offset:2px}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .focus\:ring-indigo-500:focus{--kits-ring:#6366f1}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .group:hover .group-hover\:opacity-100{opacity:1}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .hover\:bg-gray-100:hover{background-color:#f3f4f6}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .hover\:bg-gray-50:hover{background-color:#f9fafb}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .hover\:bg-indigo-700:hover{background-color:#4338ca}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .hover\:bg-purple-700:hover{background-color:#7e22ce}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1)}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .hover\:text-indigo-600:hover{color:#4f46e5}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .hover\:text-red-600:hover{color:#dc2626}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:bg-amber-900\/30{background-color:rgb(120 53 15 / .3)}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:bg-blue-900\/30{background-color:rgb(30 58 138 / .3)}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:bg-emerald-900\/30{background-color:rgb(6 78 59 / .3)}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:bg-emerald-950\/40{background-color:rgb(2 44 34 / .4)}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:bg-gray-700{background-color:#374151}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:bg-gray-800{background-color:#1f2937}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:bg-gray-800\/50{background-color:rgb(31 41 55 / .5)}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:bg-green-900\/30{background-color:rgb(20 83 45 / .3)}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:bg-indigo-900\/30{background-color:rgb(49 46 129 / .3)}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:bg-indigo-950\/30{background-color:rgb(30 27 75 / .3)}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:bg-purple-900\/30{background-color:rgb(88 28 135 / .3)}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:bg-red-900\/30{background-color:rgb(127 29 29 / .3)}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:bg-rose-900\/30{background-color:rgb(136 19 55 / .3)}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:bg-rose-950\/40{background-color:rgb(76 5 25 / .4)}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:bg-slate-700\/50{background-color:rgb(51 65 85 / .5)}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:bg-slate-800{background-color:#1e293b}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:border-gray-600{border-color:#4b5563}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:border-gray-700{border-color:#374151}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:border-indigo-800{border-color:#3730a3}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:divide-gray-700>:not([hidden])~:not([hidden]){border-color:#374151}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:text-amber-400{color:#fbbf24}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:text-amber-400\/80{color:rgb(251 191 36 / .8)}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:text-blue-400{color:#60a5fa}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:text-blue-400\/80{color:rgb(96 165 250 / .8)}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:text-emerald-300{color:#6ee7b7}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:text-emerald-400{color:#34d399}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:text-gray-300{color:#d1d5db}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:text-gray-400{color:#9ca3af}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:text-green-400{color:#4ade80}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:text-indigo-300{color:#a5b4fc}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:text-indigo-400{color:#818cf8}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:text-purple-400{color:#c084fc}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:text-red-400{color:#f87171}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:text-red-400\/80{color:rgb(248 113 113 / .8)}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:text-rose-300{color:#fda4af}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:text-rose-500{color:#f43f5e}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:text-white{color:#ffffff}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:hover\:bg-gray-700:hover{background-color:#374151}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:hover\:bg-gray-700\/50:hover{background-color:rgb(55 65 81 / .5)}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:hover\:bg-gray-800:hover{background-color:#1f2937}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:hover\:text-indigo-400:hover{color:#818cf8}:where(:root:not([data-theme=light]) :is(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5))) .dark\:hover\:text-red-400:hover{color:#f87171}@media (min-width:640px){:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .sm\:flex-none{flex:none}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .sm\:flex-row{flex-direction:row}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .sm\:items-center{align-items:center}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .sm\:w-auto{width:auto}}@media (min-width:768px){:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}:where(.space-y-6.animate-fade-in,.animate-fade-in:has(>.lg\:grid-cols-5)) .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}/*kits-b18-look-dashboard: the two recent-transaction tables share a two-column grid (inline style); the cards may shrink so each table scrolls inside its card, and below 1024px they stack*/.main-content div[style*="grid-template-columns: 1fr 1fr"]>.card{min-width:0}@media (max-width:1024px){.main-content div[style*="grid-template-columns: 1fr 1fr"]:has(>.card .table-container){grid-template-columns:minmax(0,1fr)!important}}
/*kits-b18-pos-cart-header*/@media (max-width:1100px){.pos-cart-header{padding:8px 10px!important;gap:6px!important;flex-wrap:nowrap!important}.pos-cart-title{font-size:.9rem!important;gap:6px!important;white-space:nowrap!important}.pos-cart-header button{white-space:nowrap!important;padding:4px 8px!important;font-size:.78rem!important}}