@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-main:#f5f6fa;--bg-white:#fff;--bg-card:#fff;--bg-sidebar:#fff;--bg-input:#f0f2f7;--bg-hover:#f7f8fc;--text-dark:#111827;--text-main:#1f2937;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-light:#d1d5db;--accent-primary:#6366f1;--accent-primary-light:#6366f114;--accent-primary-glow:#6366f133;--accent-green:#10b981;--accent-red:#ef4444;--accent-orange:#f97316;--accent-yellow:#eab308;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--border-color:#e5e7eb;--border-hover:#d1d5db;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px #0000000a;--shadow-lg:0 10px 25px -3px #00000014, 0 4px 6px #0000000a;--shadow-xl:0 20px 40px -5px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1);--orange-brand:#f60;--mtn-brand:#fc0;--wave-brand:#1ba4e6;--moov-brand:#f37021}[data-theme=dark]{--bg-main:#0f172a;--bg-white:#1e293b;--bg-card:#1e293b;--bg-sidebar:#1e293b;--bg-input:#334155;--bg-hover:#334155;--text-dark:#f8fafc;--text-main:#e2e8f0;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-light:#64748b;--accent-primary:#818cf8;--accent-primary-light:#818cf81a;--accent-primary-glow:#818cf84d;--border-color:#334155;--border-hover:#475569;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px #0003;--shadow-lg:0 10px 25px -3px #00000080, 0 4px 6px #0003;--shadow-xl:0 20px 40px -5px #0009}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);font-size:16px}body{background:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}button{cursor:pointer;color:inherit;transition:all var(--transition-fast);background:0 0;border:none;outline:none;font-family:inherit}button:active{transform:scale(.97)}input,select{background:var(--bg-input);border:1.5px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-sm);transition:all var(--transition-fast);width:100%;padding:12px 16px;font-family:inherit;font-size:15px}input:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow);background:var(--bg-white);outline:none}input::placeholder{color:var(--text-light)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent-primary-glow)}50%{box-shadow:0 0 20px var(--accent-primary-glow), 0 0 30px var(--accent-primary-glow)}}@keyframes breathe{0%,to{box-shadow:0 0 #6366f14d}50%{box-shadow:0 0 0 8px #6366f100}}@keyframes slideRight{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.animate-in{animation:slideUp .4s var(--transition-smooth) forwards;opacity:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.loading-screen{background:linear-gradient(135deg, var(--accent-primary), var(--accent-purple));z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-content{text-align:center;color:#fff;animation:.8s forwards bounceIn}.loading-logo .logo-icon{margin:0 auto 20px;animation:2s ease-in-out infinite alternate glow}.loading-logo h1{letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:800}.loading-logo p{opacity:.8;margin-bottom:32px;font-size:14px}.loading-progress{width:200px;margin:0 auto}.progress-bar{background:#fff3;border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:#fff;border-radius:2px;height:100%;animation:2s ease-in-out infinite shimmer}.app-container{background:var(--bg-main);height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-white);border-right:1px solid var(--border-color);width:250px;transition:width .28s var(--transition-smooth), transform .3s var(--transition-smooth);z-index:50;flex-direction:column;flex-shrink:0;padding:20px 14px;display:flex;overflow:hidden}.sidebar.collapsed{border:none;width:0;padding:0;overflow:hidden}.sidebar-top{flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:10px;min-height:36px;margin-bottom:28px;display:flex}.sidebar.collapsed .sidebar-top{flex-direction:column;justify-content:center;align-items:center;margin-bottom:24px}.sidebar-toggle-btn{background:var(--bg-main);border:1.5px solid var(--border-color);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-toggle-btn:hover{background:var(--accent-primary-light);border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.05)}.logo-area{color:var(--text-dark);letter-spacing:-.3px;white-space:nowrap;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex;overflow:hidden}.logo-area span{opacity:1;white-space:nowrap;transition:opacity .2s}.sidebar.collapsed .logo-area span{opacity:0;width:0;overflow:hidden}.desktop-logo{flex:1;margin-bottom:0}.sidebar.collapsed .nav-item{justify-content:center;gap:0;padding:10px;position:relative}.sidebar.collapsed .nav-item span{display:none}.agent-card--mini{flex-direction:column;align-items:center;gap:8px;padding:12px 8px}.agent-card--mini .avatar{margin:0}.logo-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-purple));width:34px;height:34px;box-shadow:0 3px 10px var(--accent-primary-glow);border-radius:10px;justify-content:center;align-items:center;display:flex}.nav-menu{flex-direction:column;flex-grow:1;gap:2px;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-secondary)}.nav-item.active{background:var(--accent-primary-light);color:var(--accent-primary);font-weight:600}.agent-card{background:var(--bg-main);border-radius:var(--radius-md);align-items:center;gap:10px;margin-top:auto;padding:14px;display:flex}.avatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-purple));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.agent-info h4{color:var(--text-dark);font-size:13px;font-weight:600}.agent-info p{color:var(--text-muted);font-size:11px}.mobile-header{background:var(--bg-white);border-bottom:1px solid var(--border-color);z-index:40;justify-content:space-between;align-items:center;padding:12px 16px;display:none}.menu-toggle{color:var(--text-secondary);padding:4px}.main-content{scroll-behavior:smooth;flex:1;min-width:0;padding:24px 28px;overflow-y:auto}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.header-left h1,.header-title h1{letter-spacing:-.5px;color:var(--text-dark);margin-bottom:3px;font-size:24px;font-weight:700}.header-left p,.header-title p{color:var(--text-muted);margin-bottom:10px;font-size:14px}.status-badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.status-pill{border-radius:var(--radius-full);letter-spacing:.2px;transition:all var(--transition-fast);align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-pill.gp-live{color:#059669;background:#10b9811f;border:1px solid #10b98140}.status-pill.gp-sandbox{color:var(--accent-primary);background:#6366f11a;border:1px solid #6366f133}.status-pill.gp-warn{color:#b45309;background:#eab3081a;border:1px solid #eab30840}.status-pill.gp-off{color:var(--accent-red);background:#ef444414;border:1px solid #ef44442e}.status-pill.account{background:var(--bg-main);color:var(--text-secondary);border:1px solid var(--border-color)}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s infinite breathe}.gp-off .status-dot{animation:none}.master-balance{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 60%,#a78bfa 100%);border-radius:16px;flex-shrink:0;min-width:230px;padding:18px 22px;box-shadow:0 8px 28px #6366f14d}.balance-header-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.balance-label{letter-spacing:1px;opacity:.75;text-transform:uppercase;font-size:10px;font-weight:700}.balance-eye-btn{color:#fff;cursor:pointer;width:24px;height:24px;transition:background var(--transition-fast);background:#ffffff26;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.balance-eye-btn:hover{background:#ffffff40}.balance-amount{letter-spacing:-1px;align-items:baseline;gap:5px;margin-bottom:8px;font-size:28px;font-weight:800;display:flex}.balance-masked{letter-spacing:4px;opacity:.8;font-size:22px;font-weight:700}.currency-label{opacity:.65;font-size:13px;font-weight:500}.balance-footer-row{opacity:.6;align-items:center;gap:5px;font-size:10px;font-weight:500;display:flex}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:24px;display:grid}.analytics-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border-left:3px solid #0000;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.analytics-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ac-green{border-left-color:var(--accent-green)}.ac-blue{border-left-color:#3b82f6}.ac-yellow{border-left-color:var(--accent-yellow)}.ac-purple{border-left-color:var(--accent-purple)}.ac-red{border-left-color:var(--accent-red)}.analytics-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ac-icon-green{color:var(--accent-green);background:#10b9811a}.ac-icon-blue{color:#3b82f6;background:#3b82f61a}.ac-icon-yellow{color:#b45309;background:#eab3081a}.ac-icon-purple{color:var(--accent-purple);background:#8b5cf61a}.ac-icon-red{color:var(--accent-red);background:#ef444414}.analytics-content{flex:1;min-width:0}.analytics-content p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:11px;font-weight:600;overflow:hidden}.analytics-content h3{color:var(--text-dark);letter-spacing:-.5px;margin-bottom:5px;font-size:22px;font-weight:800}.analytics-trend{border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.trend-up{color:var(--accent-green);background:#10b9811a}.trend-down{color:var(--accent-red);background:#ef444414}.trend-neutral{color:var(--accent-primary);background:#6366f114}.analytics-card--nav{cursor:pointer}.analytics-card--nav:hover .analytics-trend{text-underline-offset:2px;text-decoration:underline}.analytics-card--nav:active{transform:translateY(0)scale(.98)}.bundle-header-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.bundle-header-row label{margin-bottom:0}.bundle-updated{color:var(--text-muted);font-size:10px;font-style:italic;font-weight:500}.call-card .bundle-size{flex-direction:column;align-items:center;gap:2px;display:flex}.call-tag{color:var(--accent-yellow);background:#f59e0b1f}.bundle-note{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;overflow:hidden}.bundle-or-divider{text-align:center;color:var(--text-muted);margin:14px 0 4px;font-size:11px;font-weight:500}.action-tab{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);color:var(--text-muted);background:0 0;flex-direction:column;flex:1;align-items:center;gap:6px;padding:12px 8px;font-size:12px;font-weight:500;display:flex}.action-tab:hover{background:var(--bg-hover);color:var(--text-secondary)}.action-tab.active{background:var(--tab-color,var(--accent-primary));color:#fff;box-shadow:0 4px 12px var(--tab-glow,var(--accent-primary-glow))}.action-tab .tab-icon{border-radius:var(--radius-sm);width:36px;height:36px;transition:all var(--transition-normal);justify-content:center;align-items:center;display:flex}.action-tab.active .tab-icon{background:#fff3}.working-area{grid-template-columns:1fr 360px;gap:20px;padding-bottom:40px;display:grid}.card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid var(--border-color);color:var(--text-dark);justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.card-body{padding:20px}.form-group{margin-bottom:18px}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.provider-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.provider-btn{border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);color:var(--text-secondary);transition:all var(--transition-normal);cursor:pointer;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.provider-btn:hover{border-color:var(--border-hover);background:var(--bg-hover)}.provider-logo-img{object-fit:contain;border-radius:8px;flex-shrink:0;width:32px;height:32px}.provider-btn.selected.orange{border-color:var(--orange-brand);background:#ff66000a}.provider-btn.selected.mtn{border-color:var(--mtn-brand);background:#ffcc000f}.provider-btn.selected.wave{border-color:var(--wave-brand);background:#1ba4e60a}.provider-btn.selected.moov{border-color:var(--moov-brand);background:#f370210a}.detected-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700;animation:.3s forwards scaleIn}.detected-badge.orange{color:var(--orange-brand);background:#ff66001a}.detected-badge.mtn{color:#b8960b;background:#ffcc0026}.detected-badge.wave{color:var(--wave-brand);background:#1ba4e61a}.detected-badge.moov{color:var(--moov-brand);background:#f370211a}.amount-input{position:relative}.amount-input input{letter-spacing:-.5px;height:56px;padding-right:60px;font-size:22px;font-weight:700}.amount-input .currency{color:var(--text-muted);font-size:14px;font-weight:600;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.phone-input{letter-spacing:.5px;height:48px;font-size:16px}.submit-btn{background:var(--op-color,var(--accent-primary));color:#fff;border-radius:var(--radius-md);width:100%;box-shadow:0 4px 14px var(--op-glow,var(--accent-primary-glow));transition:all var(--transition-normal);justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:14px;font-size:15px;font-weight:600;display:flex}.submit-btn:hover{filter:brightness(.9);box-shadow:0 6px 20px var(--op-glow,var(--accent-primary-glow));transform:translateY(-1px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;filter:none;transform:none}.tx-body{max-height:380px;overflow-y:auto}.tx-item{border-bottom:1px solid var(--bg-main);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.tx-item:last-child{border-bottom:none}.tx-info{align-items:center;gap:10px;display:flex}.tx-logo{object-fit:contain;border-radius:10px;flex-shrink:0;width:36px;height:36px}.tx-details p{color:var(--text-dark);font-size:13px;font-weight:500}.tx-details span{color:var(--text-muted);font-size:11px}.tx-amount{text-align:right}.tx-amount p{color:var(--text-dark);font-size:14px;font-weight:600}.tx-status{border-radius:var(--radius-full);align-items:center;gap:3px;margin-top:3px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.tx-status.success{color:var(--accent-green);background:#10b9811a}.tx-status.pending{color:var(--accent-yellow);background:#eab3081a}.tx-status.processing{color:var(--accent-primary);background:#6366f11a}.view-all-btn{border:1px dashed var(--border-color);width:100%;color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;margin-top:12px;padding:10px;font-size:13px;font-weight:500}.view-all-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.filter-panel{flex-direction:column;gap:14px;padding:0 20px 20px;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);min-width:180px;color:var(--text-main);flex:1;padding:12px 14px}.date-filter{flex-direction:column;gap:6px;min-width:140px;display:flex}.date-filter label{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.date-filter input{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-input);padding:10px 12px}.export-btn{border-radius:var(--radius-md);background:var(--accent-primary);color:#fff;cursor:pointer;transition:all var(--transition-normal);border:none;align-items:center;gap:8px;padding:11px 16px;font-weight:600;display:inline-flex}.export-btn:hover{background:#4f46e5;transform:translateY(-1px)}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.profile-info-row{border-bottom:1px solid var(--bg-main);justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;display:flex}.profile-info-row:last-child{border-bottom:none}.profile-info-row span{color:var(--text-muted);font-size:13px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0006;justify-content:center;align-items:center;animation:.2s forwards fadeIn;display:flex;position:fixed;inset:0}.pin-modal{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);text-align:center;width:92%;max-width:340px;box-shadow:var(--shadow-xl);animation:scaleIn .3s var(--transition-smooth) forwards;padding:28px}.pin-modal h3{color:var(--text-dark);margin-bottom:4px;font-size:18px;font-weight:700}.pin-modal p{color:var(--text-muted);margin-bottom:20px;font-size:13px}.pin-dots{justify-content:center;gap:14px;margin-bottom:24px;display:flex}.pin-dot{border:2px solid var(--border-color);width:14px;height:14px;transition:all var(--transition-fast);border-radius:50%}.pin-dot.filled{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary-glow);animation:.15s scaleIn}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.key-btn{background:var(--bg-main);border:1px solid var(--border-color);width:56px;height:56px;color:var(--text-dark);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:22px;font-weight:600;display:flex}.key-btn:hover{background:var(--bg-hover)}.key-btn:active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:scale(.92)}.key-btn.cancel{color:var(--accent-red);background:0 0;border:none;font-size:13px;font-weight:600}.key-btn.delete{color:var(--text-muted);background:0 0;border:none}.receipt-modal{animation:scaleIn .3s var(--transition-smooth) forwards;flex-direction:column;align-items:center;width:92%;max-width:380px;display:flex}.receipt-paper{color:#1f2937;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-xl);background:#fff;border:1px solid #e5e7eb;padding:32px 24px;position:relative}.receipt-paper:after{content:"";background:repeating-linear-gradient(90deg,#0000,#0000 4px,#e5e7eb 4px 8px);height:6px;position:absolute;bottom:0;left:0;right:0}.receipt-header{text-align:center;margin-bottom:20px}.receipt-header .receipt-brand{align-items:center;gap:6px;margin-bottom:10px;display:inline-flex}.receipt-header h2{color:#6b7280;letter-spacing:1px;text-transform:uppercase;font-size:13px;font-weight:600}.receipt-header p{color:#9ca3af;font-size:12px}.receipt-divider{border:none;border-top:1px dashed #d1d5db;margin:16px 0}.receipt-row{justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.receipt-row span:first-child{color:#9ca3af}.receipt-row span:last-child{color:#374151;font-weight:500}.receipt-total{text-align:center;border-radius:var(--radius-md);background:#f9fafb;margin:20px 0;padding:16px}.receipt-total span{color:#9ca3af;text-transform:uppercase;letter-spacing:1px;font-size:11px}.receipt-total h2{color:#111827;margin-top:4px;font-size:28px;font-weight:800}.receipt-status{color:#10b981;border-radius:var(--radius-full);background:#10b98114;align-items:center;gap:6px;margin-top:8px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.receipt-footer{text-align:center;color:#9ca3af;margin-top:16px;font-size:11px}.receipt-actions{gap:10px;width:100%;margin-top:16px;display:flex}.btn-primary,.btn-secondary{border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:14px;font-weight:600;display:flex}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:#4f46e5}.btn-secondary{background:var(--bg-main);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover)}.tx-actions-row{align-items:center;gap:10px;display:flex}.icon-btn{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);justify-content:center;align-items:center;padding:6px;display:flex}.icon-btn:hover{background:var(--accent-primary-light);border-color:var(--accent-primary);color:var(--accent-primary)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:100%;max-width:360px;display:flex;position:fixed;top:16px;right:16px}.toast{border-radius:var(--radius-md);background:var(--bg-white);pointer-events:auto;box-shadow:var(--shadow-lg);border:1px solid;align-items:flex-start;gap:10px;padding:12px 14px;animation:.3s ease-out forwards slideRight;display:flex}.toast-success{border-color:#10b9814d}.toast-success .toast-icon{color:var(--accent-green)}.toast-error{border-color:#ef44444d}.toast-error .toast-icon{color:var(--accent-red)}.toast-info{border-color:#6366f14d}.toast-info .toast-icon{color:var(--accent-primary)}.toast-warning{border-color:#eab3084d}.toast-warning .toast-icon{color:var(--accent-yellow)}.toast-icon{flex-shrink:0;margin-top:1px}.toast-content{flex:1}.toast-content strong{color:var(--text-dark);font-size:13px;display:block}.toast-content p{color:var(--text-muted);margin:0;font-size:12px}.toast-close{color:var(--text-light);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px}.toast-close:hover{color:var(--text-secondary)}.offline-banner,.connecting-banner{z-index:300;text-align:center;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;animation:.3s forwards slideDown;display:flex;position:fixed;top:0;left:0;right:0}.offline-banner{color:#fff;background:linear-gradient(90deg,#ef4444,#dc2626)}.connecting-banner{color:var(--accent-yellow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#eab30826;border-bottom:1px solid #eab30859}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.confirm-modal{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:92%;max-width:380px;box-shadow:var(--shadow-xl);animation:scaleIn .3s var(--transition-smooth) forwards;padding:28px}.confirm-modal h3{color:var(--text-dark);text-align:center;margin-bottom:20px;font-size:18px;font-weight:700}.confirm-summary{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.confirm-row{border-bottom:1px solid var(--bg-main);justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;display:flex}.confirm-row:last-child{border-bottom:none}.confirm-row span:first-child{color:var(--text-muted);font-size:13px}.confirm-value{color:var(--text-dark);align-items:center;font-weight:600;display:flex}.confirm-total{background:var(--bg-main)}.confirm-total .confirm-value{color:var(--accent-primary);font-size:16px;font-weight:700}.confirm-actions{gap:10px;margin-top:20px;display:flex}.bottom-nav{display:none}@media (width<=768px){.app-container{flex-direction:column;height:100dvh;overflow:hidden}.sidebar,.sidebar-float-btn{display:none!important}.mobile-header{display:none}.main-content{padding:16px 14px;padding-bottom:calc(72px + var(--safe-bottom,0px));flex:1;overflow:hidden auto}.dashboard-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}.header-left h1,.header-title h1{font-size:20px}.header-left p,.header-title p{font-size:13px}.status-badges{gap:5px}.status-pill{padding:3px 8px;font-size:10px}.master-balance{text-align:left;min-width:unset;border-radius:14px;padding:14px 16px}.balance-amount{font-size:24px}.analytics-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.analytics-card{gap:10px;padding:14px 12px}.analytics-icon{width:36px;height:36px}.analytics-content h3{font-size:18px}.analytics-content p{font-size:10px}.analytics-trend{font-size:9px}.action-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:3px;padding:4px;overflow-x:auto}.action-nav::-webkit-scrollbar{display:none}.action-tab{gap:4px;min-width:72px;padding:10px 8px}.action-tab .tab-icon{width:28px;height:28px}.action-tab span{white-space:nowrap;font-size:10px}.working-area{grid-template-columns:1fr;gap:12px}.card-header{padding:14px 16px;font-size:14px}.card-body{padding:16px}.provider-grid{grid-template-columns:1fr 1fr}.provider-btn{padding:10px;font-size:13px}input,select{padding:14px 16px;font-size:16px}.phone-input{height:52px;font-size:16px}.amount-input input{height:60px;font-size:24px}.quick-amounts{gap:6px}.quick-amount-btn{min-height:36px;padding:8px 12px;font-size:12px}.submit-btn{min-height:52px;padding:16px;font-size:16px}.tx-body{max-height:none}.tx-item{padding:14px 0}.tx-logo{width:40px;height:40px}.tx-details p{font-size:14px}.tx-details span{font-size:12px}.tx-amount p{font-size:15px}.settings-grid{grid-template-columns:1fr}.toast-container{top:auto;bottom:calc(80px + var(--safe-bottom,0px));max-width:none;left:8px;right:8px}.receipt-paper{padding:24px 16px}.bundle-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}.bundle-size{font-size:14px}.bundle-card{padding:10px 8px 8px}.analytics-kpi-row{grid-template-columns:1fr 1fr;gap:10px}.charts-row{grid-template-columns:1fr}.kpi-value{font-size:22px}.offline-banner,.connecting-banner{padding:6px 12px;font-size:12px}.bottom-nav{height:calc(60px + var(--safe-bottom,0px));padding-bottom:var(--safe-bottom,0px);background:var(--bg-white);border-top:1px solid var(--border-color);z-index:100;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000014}.bottom-nav-item{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 4px;font-size:10px;font-weight:600;display:flex}.bottom-nav-item.active{color:var(--accent-primary)}.bottom-nav-item.active .bnav-icon{background:var(--accent-primary-light);border-radius:10px}.bnav-icon{width:36px;height:28px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.bottom-nav-item.bnav-cta{flex:0 0 64px}.bottom-nav-item.bnav-cta .bnav-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-purple));width:46px;height:46px;box-shadow:0 4px 14px var(--accent-primary-glow);color:#fff;border-radius:14px;margin-top:-14px}.bottom-nav-item.bnav-cta.active .bnav-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-purple))}}@media (width<=380px){.analytics-grid,.provider-grid{grid-template-columns:1fr 1fr}.balance-amount{font-size:20px}.analytics-content h3{font-size:16px}}@media (width>=769px) and (width<=1024px){.sidebar{width:64px;padding:16px 8px}.sidebar .logo-area span,.sidebar .nav-item span,.sidebar .agent-info{display:none}.sidebar .nav-item{justify-content:center;padding:12px}.agent-card{justify-content:center;padding:10px 6px}.main-content{padding:20px 18px}.working-area{grid-template-columns:1fr 300px}.analytics-grid{grid-template-columns:repeat(2,1fr)}}html.kiosk body{-webkit-user-select:none;user-select:none;overflow:hidden}html.kiosk .app-container{height:100dvh;overflow:hidden}html.kiosk .bottom-nav{display:none}html.kiosk .kiosk-exit-btn{z-index:9999;opacity:.3;width:32px;height:32px;position:fixed;top:12px;right:12px}html.kiosk .kiosk-exit-btn:active{opacity:1}@media print{body>:not(.print-receipt){display:none!important}.print-receipt{width:58mm;margin:0;padding:0;display:block!important}.app-container,.sidebar,.bottom-nav,.toast-container,.modal-overlay{display:none!important}}.action-nav{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:stretch;gap:8px;margin-bottom:20px;padding:8px;display:flex}.analytics-kpi-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.analytics-kpi-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);padding:20px 22px}.analytics-kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.analytics-kpi-card.highlight{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000}.analytics-kpi-card.highlight .kpi-label,.analytics-kpi-card.highlight .kpi-value,.analytics-kpi-card.highlight .kpi-sub{color:#ffffffe6}.analytics-kpi-card.highlight .kpi-label{color:#ffffffb3}.kpi-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.kpi-value{color:var(--text-dark);letter-spacing:-1px;margin-bottom:4px;font-size:30px;font-weight:800;line-height:1}.kpi-sub{color:var(--text-muted);font-size:12px}.trend-badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.trend-badge.up{color:var(--accent-green);background:#10b9811f}.trend-badge.down{color:var(--accent-red);background:#ef44441f}.trend-badge.neutral{background:var(--bg-main);color:var(--text-muted)}.charts-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.chart-card{overflow:visible}.bar-chart-wrap{padding:4px 0 0}.bar-chart-svg{width:100%;height:120px;overflow:visible}.bar-chart-labels{margin-top:8px;display:flex}.bar-label-item{text-align:center;color:var(--text-muted);flex:1;font-size:11px;font-weight:500}.chart-empty{height:120px;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;padding:16px;font-size:13px;display:flex}.donut-wrap{flex-shrink:0}.donut-section{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.donut-legend{flex-direction:column;flex:1;gap:12px;min-width:100px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.legend-item strong{color:var(--text-dark);margin-left:auto;font-weight:700}.hourly-heatmap{flex-wrap:wrap;gap:4px;display:flex}.hour-cell{border-radius:var(--radius-sm);background:var(--bg-main);min-width:34px;max-width:54px;height:54px;transition:all var(--transition-fast);border:1px solid var(--border-color);cursor:default;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex}.hour-cell.active{background:rgba(99,102,241, calc(.06 + var(--intensity,0) * .5));border-color:rgba(99,102,241, calc(.15 + var(--intensity,0) * .6))}.hour-cell.current{box-shadow:0 0 0 2px var(--accent-primary-glow);border-color:var(--accent-primary)!important}.hour-label{color:var(--text-muted);font-size:9px;font-weight:600}.contacts-section{margin-bottom:16px}.contacts-section label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.contacts-chips{flex-wrap:wrap;gap:6px;display:flex}.contact-chip{border-radius:var(--radius-full);background:var(--bg-main);border:1.5px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;display:inline-flex}.contact-chip:hover{background:var(--accent-primary-light);border-color:var(--accent-primary);color:var(--accent-primary)}.phone-field-row{gap:8px;display:flex}.phone-field-row input{flex:1}.save-contact-btn{background:var(--bg-main);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;height:48px;padding:0 14px;display:flex}.save-contact-btn:hover:not(:disabled){border-color:var(--accent-yellow);color:var(--accent-yellow);background:#eab3081a}.save-contact-btn:disabled{opacity:.4;cursor:not-allowed}.op-info-banner{border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:12px;font-weight:500;display:flex}.op-info-banner--withdraw{color:var(--accent-green);background:#10b98114;border:1px solid #10b98133}.op-info-banner--airtime{color:var(--accent-yellow);background:#f59e0b14;border:1px solid #f59e0b33}.op-info-banner--internet{color:var(--accent-blue);background:#3b82f614;border:1px solid #3b82f633}.type-badge.airtime{color:var(--accent-yellow);background:#f59e0b1f}.type-badge.internet{color:var(--accent-blue);background:#3b82f61f}.bundle-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;display:grid}.bundle-card{background:var(--bg-main);border:1.5px solid var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;padding:12px 10px 10px;position:relative;overflow:hidden}.bundle-card:hover{box-shadow:var(--shadow-sm);background:#3b82f60a;border-color:#3b82f666;transform:translateY(-2px)}.bundle-card.selected{border-color:var(--bundle-color,#3b82f6);background:#3b82f612;box-shadow:0 0 0 3px #3b82f626}.bundle-card.selected:after{content:"✓";color:var(--bundle-color,#3b82f6);font-size:10px;font-weight:800;position:absolute;top:4px;right:6px}.bundle-tag{text-transform:uppercase;letter-spacing:.3px;border-radius:var(--radius-full);color:#3b82f6;background:#3b82f61f;margin-bottom:6px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-block}.bundle-size{color:var(--text-dark);letter-spacing:-.5px;margin-bottom:4px;font-size:18px;font-weight:800;line-height:1}.bundle-price{color:var(--accent-blue);margin-bottom:2px;font-size:12px;font-weight:700}.bundle-validity{color:var(--text-muted);font-size:10px;font-weight:500}.confirm-modal-icon{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;display:flex}.btn-confirm-op{border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:filter var(--transition-fast);border:none;flex:1;justify-content:center;align-items:center;padding:12px;font-size:14px;font-weight:600;display:flex}.btn-confirm-op:hover{filter:brightness(.9)}.pin-display{justify-content:center;gap:14px;margin-bottom:24px;display:flex}.submit-btn.retrait{background:var(--accent-green);box-shadow:0 4px 14px #10b98140}.submit-btn.retrait:hover{background:#059669;box-shadow:0 6px 20px #10b98159}.retrait-info-banner{border-radius:var(--radius-sm);color:var(--accent-green);background:#10b98114;border:1px solid #10b98133;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:12px;font-weight:500;display:flex}.btn-retrait{border-radius:var(--radius-md);cursor:pointer;background:var(--accent-green);color:#fff;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:14px;font-weight:600;display:flex;box-shadow:0 2px 8px #10b98133}.btn-retrait:hover{background:#059669}.type-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px;align-items:center;margin-right:6px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-flex}.type-badge.retrait{color:var(--accent-green);background:#10b9811f}.provider-btn.unavailable{opacity:.45;cursor:not-allowed;filter:grayscale(.6);position:relative}.provider-btn.unavailable:hover{box-shadow:none;transform:none}.unavailable-badge{letter-spacing:.3px;border-radius:var(--radius-full);color:var(--accent-red);background:#ef44441f;align-items:center;gap:3px;margin-left:2px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-flex}.tx-ref-copy{cursor:pointer;transition:all var(--transition-fast);border-radius:3px;align-items:center;gap:3px;padding:0 2px;font-family:Courier New,monospace;font-size:11px;display:inline-flex}.tx-ref-copy:hover{background:var(--accent-primary-light);color:var(--accent-primary)}.view-all-btn{justify-content:center;align-items:center;gap:8px;display:flex}.view-all-count{background:var(--accent-primary-light);color:var(--accent-primary);border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:20px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.reset-filters-btn{border-radius:var(--radius-sm);color:var(--accent-red);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#ef444414;border:1px solid #ef444433;align-items:center;gap:5px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.reset-filters-btn:hover{border-color:var(--accent-red);background:#ef444426}.sidebar-float-btn{z-index:60;background:var(--bg-white);border:1.5px solid var(--border-color);width:38px;height:38px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;display:flex;position:fixed;top:18px;left:16px;box-shadow:0 2px 10px #00000014}.sidebar-float-btn:hover{background:var(--accent-primary-light);border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.07)}@media (width<=768px){.sidebar-float-btn{display:none}}.bundle-category{margin-bottom:16px}.bundle-cat-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:8px;padding:0 2px;font-size:11px;font-weight:700}.quick-amounts{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.quick-amount-btn{background:var(--input-bg);border:1px solid var(--border-color);min-width:60px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex:1;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s}.quick-amount-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#6366f114;transform:translateY(-1px)}@media (width<=768px){.charts-row{grid-template-columns:1fr}.analytics-kpi-row{grid-template-columns:1fr 1fr}.hourly-heatmap{gap:2px}.hour-cell{min-width:26px;height:42px}.hour-label{font-size:8px}.donut-section{flex-direction:column;align-items:flex-start}}@media (width<=480px){.analytics-kpi-row{grid-template-columns:1fr}}