.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:400px}.login-card h1{font-size:1.5rem;margin-bottom:.5rem}.login-card .subtitle{color:var(--text-secondary);margin-bottom:2rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem}.form-group input{width:100%}.error-message{background:#fee2e2;color:#991b1b;padding:.75rem;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem}form button{width:100%;margin-top:1rem}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--text-secondary);font-size:.875rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.divider span{padding:0 1rem}.google-signin-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--border);background:#fff;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.google-signin-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 1px 2px #0000000d}.google-signin-btn:disabled{opacity:.5;cursor:not-allowed}.google-icon{flex-shrink:0}.admin-note{margin-top:1.5rem;text-align:center;font-size:.75rem;color:var(--text-secondary);font-style:italic}.stats-card{background:var(--card-bg);border-radius:.5rem;padding:1.5rem;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.stats-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stats-card.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:var(--shadow)}50%{box-shadow:0 0 20px #3b82f64d}}.stats-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stats-card-header h3{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.stats-icon{width:40px;height:40px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff}.stats-icon.primary{background:var(--primary)}.stats-icon.success{background:var(--success)}.stats-icon.warning{background:var(--warning)}.stats-icon.danger{background:var(--danger)}.stats-value{font-size:2rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.stats-change{font-size:.875rem;font-weight:500}.stats-change.positive{color:var(--success)}.stats-change.negative{color:var(--danger)}.stats-subtitle{font-size:.75rem;color:var(--text-secondary);margin-top:.5rem}.table-container{background:var(--card-bg);border-radius:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow)}.empty-state{padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;color:var(--text-secondary)}.empty-state p{margin-top:var(--spacing-md);font-size:var(--font-size-lg)}.user-cell{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:500}.user-phone{font-size:var(--font-size-sm);color:var(--text-secondary)}.destination-cell{display:flex;flex-direction:column;gap:.25rem}.country-badge{font-size:var(--font-size-xs);color:var(--text-secondary)}@media (max-width: 1200px){.table-container table th,.table-container table td{padding:10px 8px;font-size:.85rem}}@media (max-width: 1024px){.table-container{position:relative}.table-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:30px;background:linear-gradient(to left,rgba(255,255,255,.9),transparent);pointer-events:none}.table-container table{min-width:600px}.table-container table th,.table-container table td{padding:8px 6px;font-size:.8rem}.user-name{font-size:.85rem}.user-phone{font-size:.75rem}}@media (max-width: 768px){.table-container{margin:0 -1rem;padding:0 1rem}.table-container:after{display:none}.table-container table{min-width:550px}.empty-state{padding:var(--spacing-xl) var(--spacing-lg)}.empty-state p{font-size:var(--font-size-base)}}@media (max-width: 480px){.empty-state{padding:var(--spacing-lg) var(--spacing-md)}}.dashboard{max-width:1400px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h1{font-size:var(--font-size-2xl);margin-bottom:.5rem}.subtitle{color:var(--text-secondary);font-size:.875rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:var(--spacing-lg);margin-bottom:2rem}.system-status-card{background:var(--card-bg);padding:1.5rem;border-radius:.5rem;box-shadow:var(--shadow);margin-bottom:2rem}.system-status-card h2{margin-bottom:1rem}.system-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--spacing-md)}.status-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg);border-radius:.375rem}.status-badge{margin-left:auto;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.today-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--spacing-md);margin-bottom:2rem}.stat-box{background:var(--card-bg);padding:1.5rem;border-radius:.5rem;box-shadow:var(--shadow)}.stat-box h3{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.big-number{font-size:var(--font-size-2xl);font-weight:700;color:var(--primary);margin-bottom:.5rem}.stat-detail{font-size:.75rem;color:var(--text-secondary)}.active-calls-section,.twilio-stats-section{margin-bottom:2rem}.twilio-stats-section h2{display:flex;align-items:center;margin-bottom:1rem;font-size:1.125rem;color:var(--text)}.stat-box.twilio{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #0ea5e9}.stat-box.twilio h3{color:#0369a1}.stat-box.twilio .big-number{color:#0284c7}.stat-box.twilio .stat-detail{color:#0369a1}.recent-calls-section{margin-bottom:2rem}.recent-calls-section h2{display:flex;align-items:center}.recent-calls-table-container{background:var(--card-bg);border-radius:.5rem;box-shadow:var(--shadow);overflow-x:auto}.recent-calls-table{width:100%;border-collapse:collapse}.recent-calls-table thead{background:#f8f9fa}.recent-calls-table th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;border-bottom:1px solid #e9ecef}.recent-calls-table td{padding:12px 16px;font-size:.875rem;border-bottom:1px solid #f1f3f5}.recent-calls-table tbody tr:hover{background:#f8f9fa}.recent-calls-table tbody tr:last-child td{border-bottom:none}.call-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.call-status-badge.completed{background:#d1fae5;color:#065f46}.call-status-badge.failed{background:#fee2e2;color:#991b1b}.call-status-badge.ended{background:#e0e7ff;color:#3730a3}.caller-info,.destination-info{display:flex;flex-direction:column;gap:2px}.caller-name{font-weight:500}.caller-phone,.destination-country{font-size:.75rem;color:var(--text-secondary)}.destination-number{font-family:monospace}.call-cost{font-weight:600;color:var(--primary)}.call-time{color:var(--text-secondary);font-size:.8125rem}.no-recent-calls{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:var(--card-bg);border-radius:.5rem;box-shadow:var(--shadow);color:var(--text-secondary);gap:1rem}.no-recent-calls p{margin:0;font-size:.875rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.countries-section{margin-top:2rem}.countries-section h2{margin-bottom:1rem}.countries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:var(--spacing-md)}.country-card{background:var(--card-bg);padding:1rem;border-radius:.5rem;box-shadow:var(--shadow)}.country-card h3{font-size:1.125rem;margin-bottom:.5rem}.country-users{font-size:.875rem;color:var(--text-secondary)}.country-balance{font-size:1rem;font-weight:600;color:var(--primary)}.country-avg{font-size:.75rem;color:var(--text-secondary)}.clickable-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.clickable-card:hover{transform:translateY(-2px)}.clickable-card:hover>*{box-shadow:0 4px 12px #00000026}.quick-access-section{margin-bottom:2rem}.quick-access-section h2{margin-bottom:1rem;font-size:1.125rem}.quick-access-grid{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.quick-access-grid::-webkit-scrollbar{height:6px}.quick-access-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.quick-access-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.quick-access-grid::-webkit-scrollbar-thumb:hover{background:#aaa}.quick-access-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-width:120px;padding:1.25rem 1rem;background:var(--card-bg);border-radius:.75rem;box-shadow:var(--shadow);cursor:pointer;transition:all .2s ease;flex-shrink:0}.quick-access-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001f;background:linear-gradient(135deg,var(--primary) 0%,#4f46e5 100%);color:#fff}.quick-access-card svg{color:var(--primary);transition:color .2s ease}.quick-access-card:hover svg{color:#fff}.quick-access-card span{font-size:.875rem;font-weight:500;text-align:center;white-space:nowrap}.dashboard-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border)}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:.9375rem;font-weight:500;margin-bottom:-2px;transition:all .2s}.tab-button:hover{color:var(--text);background:#00000005}.tab-button.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-content{animation:fadeIn .3s ease-in}.sessions-tab .stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000001a}.sessions-tab .stat-icon,.sessions-tab .stat-content,.sessions-tab .stat-value,.sessions-tab .stat-label{color:inherit}.platform-breakdown{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.platform-stats{display:flex;gap:24px;flex-wrap:wrap}.platform-item{display:flex;gap:12px;padding:8px 16px;background:#f8f9fa;border-radius:8px}.filters-bar{display:flex;gap:16px;margin-bottom:20px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap}.filter-group select,.filter-group input[type=text]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.sessions-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow-x:auto;-webkit-overflow-scrolling:touch}.sessions-table{width:100%;border-collapse:collapse}.sessions-table thead{background:#f8f9fa}.sessions-table th{padding:14px 16px;text-align:left;font-size:13px;font-weight:600;color:#666;text-transform:uppercase}.sessions-table td{padding:16px;font-size:14px}.online-row{background:#f8fff9}.device-count{display:flex;gap:8px}.count-badge{padding:0 8px;background:var(--primary);color:#fff;border-radius:12px;font-size:12px}.multi-device-badge{padding:2px 8px;background:#ffc107;border-radius:4px;font-size:11px}.btn-view-details{padding:6px 14px;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer}.modal-content{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column}.modal-header{padding:24px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between}.modal-close{background:none;border:none;font-size:32px;cursor:pointer}.modal-body{padding:24px;overflow-y:auto}.detail-section{margin-bottom:24px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:var(--spacing-md)}.detail-item .label{font-size:12px;color:#999}.devices-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--spacing-md)}.device-card{border:2px solid #e9ecef;border-radius:12px;padding:16px}.device-card.active{border-color:#28a745;background:#f8fff9}.device-header{display:flex;justify-content:space-between;margin-bottom:12px}.device-status.active{background:#d4edda;color:#155724;padding:4px 12px;border-radius:12px;font-size:11px}.btn-revoke{width:100%;padding:8px;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer}.modal-footer{padding:24px;border-top:1px solid #e9ecef;display:flex;justify-content:space-between}.btn-force-logout{padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer}.metrics-tab{padding-bottom:2rem}.metrics-header{margin-bottom:2rem}.metrics-header h2{font-size:1.75rem;margin-bottom:.5rem}.metrics-description{color:var(--text-secondary);font-size:.9375rem}.metrics-quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:var(--spacing-lg);margin-bottom:2rem}.metric-stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .2s,box-shadow .2s}.metric-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.metric-stat-icon{font-size:2rem}.metric-stat-content{flex:1}.metric-stat-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.metric-stat-link{color:var(--primary);text-decoration:none;font-weight:500;font-size:.9375rem;transition:color .2s}.metric-stat-link:hover{color:#1e40af;text-decoration:underline}.grafana-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;overflow:hidden}.grafana-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef;background:#f8f9fa}.grafana-header h3{font-size:1.125rem;margin:0}.grafana-actions{display:flex;gap:1rem}.grafana-fullscreen-btn{padding:.5rem 1rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:6px;font-size:.875rem;font-weight:500;transition:background .2s}.grafana-fullscreen-btn:hover{background:#1e40af}.grafana-iframe-wrapper{width:100%;height:800px;position:relative;background:#f8f9fa}.metrics-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--spacing-lg);margin-bottom:2rem}.metrics-info-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.metrics-info-card h4{font-size:1rem;margin-bottom:1rem;color:var(--text)}.metrics-info-card ul{list-style:none;padding:0;margin:0}.metrics-info-card li{padding:.5rem 0;color:var(--text-secondary);font-size:.875rem;border-bottom:1px solid #f1f3f5}.metrics-info-card li:last-child{border-bottom:none}.metrics-info-card li:before{content:"✓ ";color:var(--success);margin-right:.5rem}.monitoring-stack-status{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.monitoring-stack-status h3{font-size:1.125rem;margin-bottom:1.5rem}.stack-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:var(--spacing-md)}.stack-status-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;transition:background .2s}.stack-status-item:hover{background:#e9ecef}.stack-icon{font-size:1.75rem}.stack-info{flex:1}.stack-name{font-weight:600;font-size:.9375rem;margin-bottom:.25rem}.stack-port{font-size:.75rem;color:var(--text-secondary)}.stack-link{padding:.5rem 1rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:6px;font-size:.75rem;font-weight:500;white-space:nowrap;transition:background .2s}.stack-link:hover{background:#1e40af}.metrics-commands{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.metrics-commands h3{font-size:1.125rem;margin-bottom:1rem}.command-list{display:grid;gap:1rem}.command-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;gap:1rem}.command-item code{background:#212529;color:#0ef;padding:.5rem 1rem;border-radius:6px;font-family:Courier New,monospace;font-size:.875rem;flex:0 0 auto}.command-item span{color:var(--text-secondary);font-size:.875rem;flex:1;text-align:right}@media (max-width: 1200px){.dashboard{max-width:100%}.stats-grid,.today-stats{grid-template-columns:repeat(2,1fr)}.sessions-table th,.sessions-table td{padding:10px 8px;font-size:.85rem}.sessions-table th{font-size:.75rem}}@media (max-width: 1024px){.dashboard-header h1{font-size:1.5rem}.sessions-table-container{position:relative}.sessions-table-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:30px;background:linear-gradient(to left,rgba(255,255,255,.9),transparent);pointer-events:none}.sessions-table{min-width:750px}.sessions-table th,.sessions-table td{padding:8px 6px;font-size:.8rem}.tab-button{padding:.5rem 1rem;font-size:.85rem}.grafana-iframe-wrapper{height:600px}}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.dashboard-header h1{font-size:var(--font-size-xl)}.stats-grid,.today-stats{grid-template-columns:1fr}.quick-access-card{min-width:100px;padding:1rem .75rem}.quick-access-card span{font-size:.75rem}.sessions-table-container{margin:0 -1rem;padding:0 1rem}.sessions-table-container:after{display:none}.sessions-table{min-width:650px}.sessions-table th,.sessions-table td{padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-xs)}.grafana-iframe-wrapper{height:500px}.metrics-quick-stats,.metrics-info-grid,.stack-status-grid{grid-template-columns:1fr}.command-item{flex-direction:column;align-items:flex-start}.command-item span{text-align:left}.grafana-header{flex-direction:column;align-items:flex-start;gap:1rem}.modal-content{width:calc(100% - 2rem);margin:1rem;max-height:calc(100vh - 2rem)}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-lg)}.detail-grid,.devices-list{grid-template-columns:1fr}.filters-bar{flex-direction:column}.filter-group{width:100%}.filter-group select,.filter-group input[type=text]{width:100%;min-height:var(--touch-target-min)}}@media (max-width: 480px){.dashboard-header h1{font-size:var(--font-size-lg)}.big-number{font-size:var(--font-size-xl)}.stat-box{padding:var(--spacing-md)}.modal-content{width:calc(100% - 1rem);margin:.5rem;max-height:calc(100vh - 1rem);border-radius:12px}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-md)}.grafana-iframe-wrapper{height:400px}.tab-button{min-width:100px;padding:var(--spacing-xs) var(--spacing-sm)}}.recent-calls-page{padding:24px;max-width:1600px;margin:0 auto;min-height:calc(100vh - 80px)}.recent-calls-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-wrap:wrap}.recent-calls-header .header-icon{width:56px;height:56px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #3b82f64d;flex-shrink:0}.recent-calls-header .header-text{flex:1;min-width:200px}.recent-calls-header .header-text h1{margin:0;font-size:26px;font-weight:700;color:var(--text-primary, #111827)}.recent-calls-header .header-text p{margin:4px 0 0;font-size:14px;color:var(--text-secondary, #6b7280)}.recent-calls-header .header-actions{display:flex;gap:10px;flex-shrink:0}.recent-calls-header .refresh-toggle,.recent-calls-header .refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-primary, white);color:var(--text-primary, #374151);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.recent-calls-header .refresh-toggle:hover,.recent-calls-header .refresh-btn:hover{background:var(--bg-secondary, #f9fafb);border-color:#d1d5db}.recent-calls-header .refresh-toggle.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:transparent}.recent-calls-header .refresh-toggle.active:hover{opacity:.9}.recent-calls-page .summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.recent-calls-page .summary-card{background:var(--bg-primary, white);border-radius:14px;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 3px #00000014;border:1px solid var(--border-color, #e5e7eb);transition:all .2s}.recent-calls-page .summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.recent-calls-page .card-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recent-calls-page .summary-card.total .card-icon-wrapper{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5}.recent-calls-page .summary-card.active .card-icon-wrapper{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.recent-calls-page .summary-card.completed .card-icon-wrapper{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.recent-calls-page .summary-card.failed .card-icon-wrapper{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.recent-calls-page .summary-card.duration .card-icon-wrapper{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.recent-calls-page .summary-card.cost .card-icon-wrapper{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.recent-calls-page .card-content{display:flex;flex-direction:column;min-width:0}.recent-calls-page .card-value{font-size:24px;font-weight:700;color:var(--text-primary, #111827);line-height:1.2}.recent-calls-page .card-label{font-size:13px;color:var(--text-secondary, #6b7280);font-weight:500}.recent-calls-page .filters-panel{display:flex;gap:16px;padding:20px;background:var(--bg-primary, white);border-radius:14px;margin-bottom:24px;border:1px solid var(--border-color, #e5e7eb);box-shadow:0 1px 3px #00000014;flex-wrap:wrap;align-items:center}.status-tabs{display:flex;gap:8px;flex-wrap:wrap}.status-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid var(--border-color, #e5e7eb);border-radius:10px;background:var(--bg-primary, white);color:var(--text-secondary, #6b7280);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.status-tab:hover{border-color:#d1d5db;background:var(--bg-secondary, #f9fafb)}.status-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:transparent}.status-tab.active-tab.active{background:linear-gradient(135deg,#10b981,#059669)}.status-tab.completed-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb)}.status-tab.failed-tab.active{background:linear-gradient(135deg,#ef4444,#dc2626)}.tab-count{background:#fff3;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.status-tab:not(.active) .tab-count{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #6b7280)}.recent-calls-page .filter-item.search{flex:1;min-width:250px}.recent-calls-page .search-wrapper{position:relative;display:flex;align-items:center}.recent-calls-page .search-wrapper .search-icon{position:absolute;left:14px;color:var(--text-secondary, #9ca3af)}.recent-calls-page .search-wrapper input{width:100%;padding:10px 40px 10px 42px;border:2px solid var(--border-color, #e5e7eb);border-radius:10px;font-size:14px;background:var(--bg-primary, white);color:var(--text-primary, #111827);transition:all .2s}.recent-calls-page .search-wrapper input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.recent-calls-page .search-wrapper input::placeholder{color:var(--text-secondary, #9ca3af)}.recent-calls-page .clear-search{position:absolute;right:10px;background:var(--bg-secondary, #f3f4f6);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #6b7280);transition:all .2s}.recent-calls-page .clear-search:hover{background:var(--border-color, #e5e7eb);color:var(--text-primary, #111827)}.recent-calls-page .error-banner{display:flex;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:10px;margin-bottom:20px;color:#991b1b;font-weight:500}.recent-calls-page .error-banner button{margin-left:auto;background:none;border:none;color:#991b1b;cursor:pointer;opacity:.7;transition:opacity .2s}.recent-calls-page .error-banner button:hover{opacity:1}.calls-table-wrapper{background:var(--bg-primary, white);border-radius:14px;border:1px solid var(--border-color, #e5e7eb);box-shadow:0 1px 3px #00000014;margin-bottom:24px;overflow:hidden}.calls-table{width:100%;border-collapse:collapse;min-width:900px}.calls-table thead{background:var(--bg-secondary, #f9fafb)}.calls-table th{padding:14px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color, #e5e7eb);white-space:nowrap}.calls-table tbody tr{border-bottom:1px solid var(--border-color, #f3f4f6);transition:background .2s}.calls-table tbody tr:hover{background:var(--bg-secondary, #f9fafb)}.calls-table tbody tr.active-row{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.calls-table tbody tr.active-row:hover{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.calls-table td{padding:14px 16px;font-size:14px;vertical-align:middle}.status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge.completed{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.status-badge.failed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.status-badge.unknown{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563}.status-badge .pulse{animation:pulse 1.5s ease-in-out infinite}.caller-cell{display:flex;align-items:center;gap:12px}.caller-avatar{width:42px;height:42px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.caller-info{display:flex;flex-direction:column;gap:2px;min-width:0}.caller-name{font-weight:600;color:var(--text-primary, #111827);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caller-phone{font-size:12px;color:var(--text-secondary, #6b7280)}.destination-cell{display:flex;flex-direction:column;gap:4px}.destination-number{font-weight:500;color:var(--text-primary, #111827);font-size:14px}.destination-country{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary, #6b7280)}.time-value,.duration-value,.cost-value{font-size:13px;font-weight:500;color:var(--text-primary, #111827)}.cost-value{font-weight:600;color:#059669}.end-reason{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary, #6b7280);text-transform:capitalize}.end-reason.normal,.end-reason.completed{color:#059669}.end-reason.busy,.end-reason.no-answer,.end-reason.failed,.end-reason.error{color:#dc2626}.admin-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.in-progress{color:#059669;font-style:italic;font-size:12px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px;background:var(--bg-primary, white);border-radius:14px;border:1px solid var(--border-color, #e5e7eb);box-shadow:0 1px 3px #00000014;flex-wrap:wrap}.load-more-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.load-more-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 14px #3b82f64d}.load-more-btn:disabled{opacity:.7;cursor:not-allowed}.pagination-info{font-size:14px;color:var(--text-secondary, #6b7280)}@media (max-width: 1400px){.recent-calls-page .summary-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.recent-calls-page .summary-grid{grid-template-columns:repeat(2,1fr)}.status-tabs{width:100%;justify-content:flex-start}}@media (max-width: 768px){.recent-calls-page{padding:16px}.recent-calls-header{flex-direction:column;align-items:flex-start;gap:12px}.recent-calls-header .header-actions{width:100%}.recent-calls-header .header-actions button{flex:1;justify-content:center}.recent-calls-header .header-icon{width:48px;height:48px}.recent-calls-header .header-text h1{font-size:22px}.recent-calls-page .summary-grid{grid-template-columns:1fr 1fr}.recent-calls-page .filters-panel{flex-direction:column;align-items:stretch}.status-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.recent-calls-page .filter-item.search{min-width:100%}.calls-table{min-width:800px}.pagination{flex-direction:column;gap:12px}.load-more-btn{width:100%;justify-content:center}}@media (max-width: 480px){.recent-calls-page .summary-grid{grid-template-columns:1fr}.status-tab{padding:8px 12px;font-size:12px}}.user-card{background:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:0 2px 8px #0000000f;border:1px solid var(--border-color, #e5e7eb);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);animation:cardEntrance .4s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes cardEntrance{to{opacity:1;transform:translateY(0)}}.user-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.user-card.online:hover{box-shadow:0 8px 24px #10b98133;border-color:#a7f3d0}.user-card.in-call:hover{box-shadow:0 8px 24px #2563eb33;border-color:#bfdbfe}.user-card.offline:hover{box-shadow:0 8px 24px #6b728026;border-color:#d1d5db}.user-card.low-balance:hover{box-shadow:0 8px 24px #ef444426}.card-status-strip{height:4px;position:relative;overflow:hidden}.card-status-strip.online{background:linear-gradient(90deg,#10b981,#34d399,#10b981)}.card-status-strip.in-call{background:linear-gradient(90deg,#3b82f6,#60a5fa,#3b82f6)}.card-status-strip.offline{background:linear-gradient(90deg,#9ca3af,#d1d5db,#9ca3af)}.status-strip-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%)}.card-status-strip.online .status-strip-shimmer,.card-status-strip.in-call .status-strip-shimmer{animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.card-body{padding:16px;display:flex;flex-direction:column;gap:14px}.card-user-header{display:flex;align-items:flex-start;gap:12px}.card-avatar{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0;transition:all .3s}.card-avatar.online{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.card-avatar.in-call{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.card-avatar.offline{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563}.card-avatar{position:relative}.avatar-flag{position:absolute;bottom:-4px;right:-4px;font-size:14px;line-height:1;background:#fff;border-radius:4px;padding:1px 2px;box-shadow:0 1px 3px #00000026}.platform-icon{display:inline-flex;align-items:center;justify-content:center;font-size:12px;margin-left:4px;vertical-align:middle}.platform-icon.ios{color:#000}.platform-icon.android{color:#3ddc84}.card-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.card-user-name{font-size:15px;font-weight:600;color:var(--text-primary, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-user-phone{font-size:12px;color:var(--text-secondary, #6b7280);font-family:Monaco,Consolas,monospace}.card-user-devices{display:flex;align-items:center;gap:4px;font-size:11px;color:#7c3aed;font-weight:500;margin-top:2px}.card-status-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.card-status-badge.online{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.card-status-badge.in-call{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.card-status-badge.offline{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563}.card-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.card-stat{display:flex;align-items:center;gap:8px;padding:10px;background:var(--bg-secondary, #f9fafb);border-radius:10px;border:1px solid var(--border-color, #e5e7eb)}.card-stat svg{color:var(--text-secondary, #9ca3af);flex-shrink:0}.card-stat.good svg{color:#10b981}.card-stat.medium svg{color:#f59e0b}.card-stat.low svg{color:#ef4444}.card-stat-content{display:flex;flex-direction:column;min-width:0}.card-stat-value{font-size:13px;font-weight:700;color:var(--text-primary, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-stat.good .card-stat-value{color:#059669}.card-stat.medium .card-stat-value{color:#d97706}.card-stat.low .card-stat-value{color:#dc2626}.card-stat-label{font-size:11px;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.card-active-call{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;padding:12px;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 #ef444433}50%{box-shadow:0 0 12px 4px #ef444426}}.active-call-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#991b1b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.pulse-icon{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.active-call-info{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.active-call-row{display:flex;justify-content:space-between;font-size:12px}.call-label{color:#991b1b;font-weight:500}.call-value{color:#7f1d1d;font-weight:600}.btn-terminate-card{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-terminate-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.card-period-stats{display:flex;justify-content:space-between;padding:10px 12px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:10px}.period-stat{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#0369a1}.period-stat svg{color:#0284c7}.card-action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #6366f140}.card-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6366f159}.card-action-btn:active{transform:translateY(0)}@media (max-width: 640px){.card-body{padding:14px;gap:12px}.card-avatar{width:42px;height:42px;font-size:16px}.card-user-name{font-size:14px}.card-stats-grid{gap:6px}.card-stat{padding:8px;flex-direction:column;align-items:flex-start;gap:4px}.card-stat-value{font-size:12px}.card-stat-label{font-size:9px}.card-action-btn{padding:10px 14px;font-size:13px}.period-stat{font-size:10px}.period-stat svg{width:10px;height:10px}}@media (max-width: 480px){.card-user-header{flex-wrap:wrap}.card-status-badge{width:100%;justify-content:center;margin-top:8px;order:3}.card-period-stats{flex-direction:column;gap:6px}.period-stat{justify-content:space-between}}.users-page{padding:24px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 80px)}.users-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-wrap:wrap}.header-icon{width:56px;height:56px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #6366f14d;flex-shrink:0}.header-stats{display:flex;gap:12px}.stat-pill{display:flex;flex-direction:column;align-items:center;padding:12px 24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px}.stat-pill .stat-number{font-size:24px;font-weight:700;color:#0284c7}.stat-pill .stat-label{font-size:12px;color:#0369a1;font-weight:500}.search-toolbar{display:flex;gap:16px;margin-bottom:24px;align-items:center}.search-container{position:relative;flex:1}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary, #9ca3af)}.search-input{width:100%;padding:14px 48px;border:2px solid var(--border-color, #e5e7eb);border-radius:12px;font-size:15px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #111827);transition:all .2s}.clear-search{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:#f3f4f6;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.clear-search:hover{background:#e5e7eb;color:#374151}.view-toggle-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 6px #6366f14d}.users-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}@media (max-width: 1400px){.users-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.users-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.users-grid{grid-template-columns:1fr;gap:16px}}.users-table-wrapper{background:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000a;border:1px solid var(--border-color, #e5e7eb);overflow:hidden;margin-bottom:24px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.users-table{width:100%;border-collapse:collapse;min-width:800px}.users-table thead{background:var(--bg-secondary, #f9fafb)}.users-table th{padding:16px 20px;text-align:left;font-weight:600;font-size:12px;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color, #e5e7eb)}.users-table tbody tr{border-bottom:1px solid var(--border-color, #f3f4f6);transition:background-color .15s}.users-table tbody tr:hover{background-color:var(--bg-secondary, #f9fafb)}.users-table tbody tr:last-child{border-bottom:none}.users-table td{padding:16px 20px;font-size:14px;color:var(--text-primary, #111827)}.user-phone{font-weight:600;color:var(--text-primary, #111827);font-family:Monaco,Consolas,monospace;font-size:13px}.user-name{font-size:12px;color:var(--text-secondary, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.balance-badge{display:inline-flex;padding:6px 12px;border-radius:8px;font-weight:600;font-size:14px}.balance-badge.normal{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46}.balance-badge.low{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b}.calls-count{font-weight:600;color:var(--text-primary, #374151)}.duration{color:var(--text-secondary, #6b7280);font-size:13px}.date{font-size:13px;color:var(--text-secondary, #6b7280)}.status-container{display:flex;gap:6px;flex-wrap:wrap}.status-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-tag.online{background:#d1fae5;color:#065f46}.status-tag.calling{background:#dbeafe;color:#1e40af}.status-tag.offline{background:#f3f4f6;color:#6b7280}.btn-view{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #6366f133}.btn-view:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;color:var(--text-secondary, #6b7280)}.loading-state svg,.empty-state svg{color:#d1d5db;margin-bottom:16px}.loading-state p,.empty-state p{margin:0;font-size:14px}.empty-state h3{margin:0 0 8px;font-size:18px;color:var(--text-primary, #374151)}.btn-clear{margin-top:16px;padding:10px 20px;background:#f3f4f6;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}.btn-clear:hover{background:#e5e7eb}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px;background:var(--bg-primary, #ffffff);border-radius:12px;border:1px solid var(--border-color, #e5e7eb)}.page-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background:var(--bg-primary, #ffffff);border:2px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary, #374151);cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:var(--bg-secondary, #f3f4f6);border-color:#6366f1;color:#6366f1}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info .current{font-weight:600;color:#6366f1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-primary, #ffffff);border-radius:20px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.modal-header h2{display:flex;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;color:var(--text-primary, #111827)}.modal-close{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #6b7280);transition:all .2s}.modal-close:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444}.modal-body{overflow-y:auto;padding:24px}.modal-loading,.modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;color:var(--text-secondary, #6b7280)}.modal-loading p,.modal-error p{margin-top:16px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:20px}.stat-card{display:flex;align-items:center;gap:14px;padding:18px;background:linear-gradient(135deg,#f9fafb,#fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;transition:all .2s}.stat-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f11a}.stat-card svg{color:#6366f1;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:2px;min-width:0}.stat-content .label{font-size:11px;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.stat-content .value{font-size:22px;font-weight:700;color:var(--text-primary, #111827)}.stat-content .value.small{font-size:13px;font-weight:600}.stat-content .value.low{color:#dc2626}.btn-edit-balance{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #10b9814d;margin-bottom:24px}.btn-edit-balance:hover{transform:translateY(-2px);box-shadow:0 4px 16px #10b98166}.info-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color, #e5e7eb)}.info-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.info-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary, #111827)}.info-section.collapsible{background:var(--bg-secondary, #f9fafb);border-radius:12px;padding:0;border:1px solid var(--border-color, #e5e7eb);border-bottom:1px solid var(--border-color, #e5e7eb);margin-bottom:24px}.section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:transparent;border:none;cursor:pointer;transition:background .2s}.section-toggle:hover{background:#00000008}.section-toggle h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary, #374151)}.section-toggle svg{color:var(--text-secondary, #6b7280)}.info-section.collapsible .info-grid{padding:16px 20px 20px;border-top:1px solid var(--border-color, #e5e7eb);margin-top:0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.info-item span{font-size:15px;color:var(--text-primary, #111827);font-weight:500}.info-item span.phone{font-family:Monaco,Consolas,monospace;font-size:14px}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:16px;background:var(--bg-secondary, #f9fafb);border-radius:12px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-primary, #ffffff);border-radius:8px;border:1px solid var(--border-color, #e5e7eb)}.status-label{font-size:13px;color:var(--text-secondary, #6b7280);font-weight:500}.status-value{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:4px 10px;border-radius:6px}.status-value.online{background:#d1fae5;color:#065f46}.status-value.offline{background:#f3f4f6;color:#6b7280}.status-value.active{background:#dbeafe;color:#1e40af}.status-value.inactive{background:#f3f4f6;color:#6b7280}.status-value.blocked{background:#fee2e2;color:#991b1b}.status-value.neutral{background:transparent;padding:0;font-weight:500;color:var(--text-primary, #374151)}.action-buttons{display:flex;gap:12px;margin-bottom:12px}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.block{background:#fef3c7;color:#92400e}.action-btn.block:hover:not(:disabled){background:#fde68a;transform:translateY(-1px)}.action-btn.unblock{background:#d1fae5;color:#065f46}.action-btn.unblock:hover:not(:disabled){background:#a7f3d0;transform:translateY(-1px)}.action-btn.delete{background:#fee2e2;color:#991b1b}.action-btn.delete:hover:not(:disabled){background:#fecaca;transform:translateY(-1px)}.action-warning{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef3c7;border-radius:8px;font-size:13px;color:#92400e;margin:0}.action-warning svg{flex-shrink:0}.calls-list{display:flex;flex-direction:column;gap:8px}.call-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;transition:all .2s}.call-item:hover{background:var(--bg-primary, #ffffff);box-shadow:0 2px 8px #0000000f}.call-item svg{color:#6366f1;flex-shrink:0}.call-info{flex:1;min-width:0}.call-number{font-weight:600;font-size:14px;color:var(--text-primary, #111827)}.call-meta{font-size:12px;color:var(--text-secondary, #6b7280);margin-top:2px}.transactions-list{display:flex;flex-direction:column;gap:8px}.transaction-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;transition:all .2s}.transaction-item:hover{background:var(--bg-primary, #ffffff);box-shadow:0 2px 8px #0000000f}.transaction-item svg{color:#6366f1;flex-shrink:0}.transaction-info{flex:1;min-width:0}.transaction-type{font-weight:600;font-size:14px;color:var(--text-primary, #111827);text-transform:capitalize}.transaction-date{font-size:12px;color:var(--text-secondary, #6b7280)}.transaction-amount{font-size:15px;font-weight:700;margin-right:12px}.transaction-amount.credit{color:#059669}.transaction-amount.debit{color:#dc2626}.transaction-status{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.transaction-status.completed{background:#d1fae5;color:#065f46}.transaction-status.pending{background:#fef3c7;color:#92400e}.transaction-status.failed{background:#fee2e2;color:#991b1b}.no-data{text-align:center;padding:32px;color:var(--text-secondary, #9ca3af);font-style:italic}.confirm-modal{background:var(--bg-primary, #ffffff);border-radius:20px;width:100%;max-width:500px;max-height:90vh;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:slideUp .3s ease-out;display:flex;flex-direction:column}.confirm-header{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;color:#fff;text-align:center;flex-shrink:0}.confirm-header.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.confirm-header.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.confirm-header.success{background:linear-gradient(135deg,#10b981,#059669)}.confirm-header h2{margin:0;font-size:22px;font-weight:700}.confirm-body{padding:24px;overflow-y:auto;flex:1;max-height:calc(90vh - 200px)}.confirm-body p{margin:0 0 16px;line-height:1.6;color:var(--text-secondary, #4b5563)}.warning-box{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fef3c7;border-radius:10px;color:#92400e;font-weight:500}.warning-box svg{flex-shrink:0}.info-box{padding:14px 16px;background:#dbeafe;border-radius:10px;color:#1e40af;font-weight:500}.delete-list{list-style:none;padding:0;margin:16px 0}.delete-list li{padding:10px 0 10px 28px;position:relative;color:var(--text-secondary, #4b5563);border-bottom:1px solid var(--border-color, #f3f4f6)}.delete-list li:last-child{border-bottom:none}.delete-list li:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#ef4444;border-radius:50%}.form-field{margin-bottom:20px}.form-field label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary, #374151);font-size:14px}.form-field input,.form-field select,.form-field textarea{width:100%;padding:12px 16px;border:2px solid var(--border-color, #e5e7eb);border-radius:10px;font-size:14px;font-family:inherit;transition:all .2s;box-sizing:border-box;background:var(--bg-primary, #ffffff);color:var(--text-primary, #111827)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-field textarea{resize:vertical;min-height:80px}.confirm-footer{display:flex;gap:12px;padding:16px 24px;background:var(--bg-secondary, #f9fafb);border-top:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.btn-cancel,.btn-danger,.btn-warning,.btn-success,.btn-primary{flex:1;padding:14px 20px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover:not(:disabled){background:#e5e7eb}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.btn-warning:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-cancel:disabled,.btn-danger:disabled,.btn-warning:disabled,.btn-success:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.balance-overlay{z-index:1100}.balance-modal-centered{max-width:500px;max-height:90vh;display:flex;flex-direction:column}.balance-modal-centered .modal-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;flex-shrink:0}.balance-modal-centered .modal-header h2{color:#fff}.balance-modal-centered .modal-close{background:#fff3;border-color:transparent;color:#fff}.balance-modal-centered .modal-close:hover{background:#ffffff4d}.balance-modal-centered .modal-body{flex:1;overflow-y:auto;padding:20px}.balance-modal-centered .modal-footer{flex-shrink:0}.balance-user-banner{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-secondary, #f8fafc);border-radius:12px;margin-bottom:20px;border:1px solid var(--border-color, #e5e7eb)}.balance-user-banner .user-info-left{display:flex;flex-direction:column;gap:4px}.balance-user-banner .user-info-left strong{font-size:15px;color:var(--text-primary, #111827)}.balance-user-banner .user-info-left span{font-size:13px;color:var(--text-secondary, #6b7280)}.current-balance-display{text-align:right}.current-balance-display .label{display:block;font-size:11px;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.current-balance-display .amount{font-size:24px;font-weight:700;color:#10b981}.reason-input{width:100%;padding:12px 14px;border:2px solid var(--border-color, #e5e7eb);border-radius:10px;font-size:14px;transition:border-color .2s}.reason-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.balance-modal{background:var(--bg-primary, #ffffff);border-radius:20px;width:100%;max-width:480px;max-height:80vh;box-shadow:0 20px 60px #0000004d;overflow-y:auto;animation:slideUp .3s ease-out;display:flex;flex-direction:column}.balance-user-info{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-secondary, #f8fafc);border-radius:12px;margin-bottom:20px}.type-buttons{display:flex;gap:8px}.type-btn{flex:1;padding:12px;border:2px solid var(--border-color, #e5e7eb);background:var(--bg-primary, #ffffff);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;color:var(--text-primary, #374151)}.type-btn:hover{border-color:#6366f1}.type-btn.active{border-color:#6366f1;background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5}.amount-input-group{position:relative;display:flex;align-items:center}.amount-input-group .currency{position:absolute;left:16px;font-weight:600;color:var(--text-secondary, #6b7280);font-size:16px}.amount-input-group input{padding-left:36px;font-size:18px;font-weight:600}.balance-preview{margin-top:12px;padding:12px 16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:10px;color:#166534;font-size:14px}.balance-preview strong{font-size:16px}@media (max-width: 900px){.balance-modal-compact{max-width:95%;margin:10px}.balance-form-row{gap:12px;padding:16px}.balance-reason-col{min-width:150px}}@media (max-width: 700px){.balance-header-row{padding:12px 16px;flex-wrap:wrap;gap:10px}.balance-current{margin-left:0;margin-right:auto}.close-x{position:absolute;right:16px;top:12px}.balance-modal-compact{position:relative}.balance-form-row{flex-direction:column;align-items:stretch;gap:14px;padding:16px}.balance-type-col,.balance-amount-col,.balance-reason-col{width:100%;min-width:unset}.type-toggle{width:100%}.type-toggle button{flex:1}.amount-input-compact{width:100%}.amount-input-compact input{flex:1;width:100%}.balance-actions-col{flex-direction:row;width:100%;margin-top:4px}.btn-cancel-sm,.btn-update-sm{flex:1;padding:12px}.preview-text{position:static;margin-top:6px;display:block}}@media (max-width: 1024px){.users-page{padding:16px}.users-header{flex-direction:column;align-items:flex-start;gap:16px}.header-stats{width:100%}.stat-pill{flex:1}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.users-header{gap:12px}.header-icon{width:48px;height:48px}.header-text h1{font-size:22px}.search-toolbar{flex-direction:column;align-items:stretch}.view-toggle{align-self:flex-end}.users-table{min-width:700px}.users-table th,.users-table td{padding:12px 16px;font-size:13px}.user-avatar{width:36px;height:36px;font-size:14px}.modal-content{max-height:95vh;border-radius:16px}.modal-header{padding:16px 20px}.modal-body{padding:20px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:14px;gap:10px}.stat-card svg{width:20px;height:20px}.stat-content .value{font-size:18px}.status-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.pagination{flex-wrap:wrap;gap:12px}.page-info{order:-1;width:100%;text-align:center}.balance-modal{max-height:88vh}.balance-modal .modal-body{padding:20px}.balance-modal .modal-footer{padding:14px 20px}}@media (max-width: 480px){.users-page{padding:12px}.header-icon{width:44px;height:44px}.header-icon svg{width:22px;height:22px}.header-text h1{font-size:20px}.header-text p{font-size:13px}.search-input{padding:12px 44px;font-size:14px}.users-table th,.users-table td{padding:10px 12px;font-size:12px}.btn-view{padding:6px 12px;font-size:12px}.modal-content{border-radius:12px}.modal-header{padding:14px 16px}.modal-header h2{font-size:18px}.modal-body{padding:16px}.stats-grid{grid-template-columns:1fr;gap:10px}.stat-card{padding:12px}.btn-edit-balance{padding:12px 16px;font-size:14px}.info-section h3{font-size:15px}.status-item{flex-direction:column;align-items:flex-start;gap:8px}.confirm-modal{border-radius:16px}.confirm-header{padding:24px 20px}.confirm-header h2{font-size:20px}.confirm-body{padding:20px}.confirm-footer{flex-direction:column}.balance-modal{border-radius:16px;max-height:85vh;margin:10px}.balance-modal .modal-body{padding:16px}.balance-modal .modal-footer{padding:12px 16px;flex-direction:column;gap:8px}.balance-modal .modal-footer button{width:100%}.balance-user-info{flex-direction:column;gap:12px;text-align:center}.type-buttons{flex-direction:column}.transaction-item{flex-wrap:wrap;gap:8px}.transaction-amount{margin-right:0;order:3}.transaction-status{order:4}}.deleted-users-page{padding:2rem;max-width:1600px;margin:0 auto}.page-header h1{display:flex;align-items:center;gap:1rem;font-size:2rem;color:var(--text);margin-bottom:.5rem}.subtitle{color:var(--text-secondary);font-size:.95rem;margin:0}.filters-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-box{flex:1;min-width:300px;position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:1rem;color:var(--text-secondary)}.search-box input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;transition:border-color .2s}.search-box input:focus{outline:none;border-color:var(--primary)}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-group svg{color:var(--text-secondary)}.filter-group select{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;background:#fff;cursor:pointer;transition:border-color .2s}.filter-group select:focus{outline:none;border-color:var(--primary)}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,px),1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.total{background:#dbeafe;color:#1e40af}.stat-icon.restorable{background:#d1fae5;color:#065f46}.stat-icon.expired{background:#fee2e2;color:#991b1b}.stat-icon.urgent{background:#fef3c7;color:#92400e}.stat-value{font-size:2rem;font-weight:700;color:var(--text);line-height:1;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow-x:auto;margin-bottom:2rem}.deleted-users-table{width:100%;border-collapse:collapse;font-size:.875rem}.deleted-users-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.deleted-users-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text);white-space:nowrap}.deleted-users-table td{padding:1rem;border-bottom:1px solid #f1f3f5}.deleted-users-table tbody tr{transition:background-color .2s}.deleted-users-table tbody tr:hover{background-color:#f8f9fa}.deleted-users-table tbody tr.non-restorable{opacity:.6}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:600;color:var(--text)}.user-phone{color:var(--text-secondary);font-size:.875rem}.user-id{color:var(--text-secondary);font-size:.75rem;font-family:Courier New,monospace}.contact-info{display:flex;flex-direction:column;gap:.5rem}.contact-item{display:flex;flex-direction:column;gap:.125rem}.contact-item .label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.contact-item .value{color:var(--text)}.account-stats{display:flex;flex-direction:column;gap:.5rem}.stat-item{display:flex;justify-content:space-between;gap:1rem}.stat-item .label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.stat-item .value{font-weight:600;color:var(--text)}.stat-item .balance{color:#059669}.deletion-info{display:flex;flex-direction:column;gap:.5rem}.info-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.info-item svg{flex-shrink:0}.info-item.notes{font-size:.75rem;font-style:italic}.reason-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.reason-badge.blue{background:#dbeafe;color:#1e40af}.reason-badge.orange{background:#fed7aa;color:#c2410c}.reason-badge.red{background:#fee2e2;color:#991b1b}.reason-badge.gray{background:#f3f4f6;color:#4b5563}.reason-badge.purple{background:#e9d5ff;color:#6b21a8}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.status-badge.permanent{background:#fee2e2;color:#991b1b}.status-badge.expired{background:#fef3c7;color:#92400e}.status-badge.urgent{background:#fed7aa;color:#c2410c}.status-badge.restorable{background:#d1fae5;color:#065f46}.restoration-info{display:flex;flex-direction:column;gap:.5rem}.deadline-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.deadline{font-weight:500;color:var(--text)}.days-left{font-size:.75rem;color:var(--text-secondary);font-weight:500}.not-restorable{display:flex;align-items:center;gap:.5rem;color:#991b1b;font-weight:500}.no-data{padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.no-data svg{margin:0 auto 1rem;color:var(--text-secondary);opacity:.5}.no-data p{font-size:1.125rem;margin-bottom:1rem}.clear-filters-btn{padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s}.clear-filters-btn:hover{background:#1e40af}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#1e40af;transform:translateY(-1px)}.pagination-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.pagination-info{color:var(--text-secondary);font-weight:500}.info-box{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #667eea4d}.info-box h3{font-size:1.25rem;margin-bottom:1rem}.info-box ul{list-style:none;padding:0;margin:0}.info-box li{padding:.5rem 0 .5rem 1.5rem;position:relative}.info-box li:before{content:"•";position:absolute;left:0;font-size:1.5rem;line-height:1}.info-box strong{font-weight:700}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-container p{color:var(--text-secondary);font-weight:500}@media (max-width: 1200px){.deleted-users-table{font-size:.8125rem}.deleted-users-table th,.deleted-users-table td{padding:.75rem}}@media (max-width: 768px){.deleted-users-page{padding:1rem}.page-header h1{font-size:1.5rem}.filters-section{flex-direction:column}.search-box{min-width:100%}.filter-group{width:100%;flex-direction:column;align-items:stretch}.filter-group select{width:100%}.stats-cards{grid-template-columns:1fr}.table-container{overflow-x:scroll}.pagination{flex-direction:column;gap:1rem}.pagination-btn{width:100%;justify-content:center}}.blacklisted-devices-page{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-header h1{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#1a1a2e;margin:0}.page-header h1 svg{color:#dc2626}.subtitle{color:#6b7280;margin-top:8px;font-size:14px}.add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.filters-section{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;min-width:300px}.search-box svg{color:#9ca3af}.search-box input{flex:1;border:none;outline:none;font-size:14px}.filter-group{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.filter-group svg{color:#6b7280}.filter-group select{border:none;outline:none;font-size:14px;background:transparent;cursor:pointer;padding:4px 8px}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.stat-icon.blocked{background:#fee2e2;color:#dc2626}.stat-icon.attempts{background:#fef3c7;color:#d97706}.stat-icon.total{background:#e0e7ff;color:#4f46e5}.stat-label{font-size:13px;color:#6b7280}.table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:24px}.devices-table{width:100%;border-collapse:collapse}.devices-table th{padding:16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.devices-table td{padding:16px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.devices-table tr:hover{background:#f9fafb}.devices-table tr.inactive{opacity:.6;background:#f9fafb}.device-id-cell{display:flex;align-items:center;gap:8px}.device-id-cell svg{color:#6b7280}.device-id{font-family:Monaco,Menlo,monospace;font-size:12px;color:#374151}.user-phone,.user-name{display:flex;align-items:center;gap:6px;font-size:13px}.user-phone{color:#1a1a2e;font-weight:500}.user-name{color:#6b7280}.user-phone svg,.user-name svg{color:#9ca3af}.reason-cell{font-size:13px;color:#4b5563;max-width:200px}.device-info{display:flex;flex-direction:column;gap:4px}.platform-badge{display:inline-flex;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.platform-badge.ios{background:#e0e7ff;color:#4f46e5}.platform-badge.android{background:#d1fae5;color:#059669}.platform-badge.web{background:#fef3c7;color:#d97706}.model{font-size:12px;color:#6b7280}.attempts-cell{display:flex;align-items:center}.attempts-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.attempts-badge.danger{background:#fee2e2;color:#dc2626}.attempts-badge.none{background:#f3f4f6;color:#6b7280}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.active{background:#fee2e2;color:#dc2626}.status-badge.removed{background:#d1fae5;color:#059669}.action-btn{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn.view{background:#e0e7ff;color:#4f46e5}.action-btn.view:hover{background:#c7d2fe}.action-btn.remove{background:#fef3c7;color:#d97706}.action-btn.remove:hover{background:#fde68a}.no-data{text-align:center;padding:60px 20px!important;color:#6b7280}.no-data svg{color:#d1d5db;margin-bottom:16px}.no-data p{font-size:16px;margin-bottom:16px}.clear-filters-btn{padding:8px 16px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;transition:all .2s}.clear-filters-btn:hover{background:#e5e7eb}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:24px}.pagination-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#6b7280;font-size:14px}.info-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:20px}.info-box h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#0369a1;margin:0 0 12px}.info-box ul{margin:0;padding-left:20px;color:#0c4a6e;font-size:14px;line-height:1.8}.info-box li strong{color:#0369a1}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-content.details-modal{max-width:600px}.modal-header{display:flex;flex-direction:column;align-items:center;padding:24px;color:#fff;position:relative}.modal-header.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.modal-header.danger{background:linear-gradient(135deg,#dc2626,#b91c1c)}.modal-header.info{background:linear-gradient(135deg,#4f46e5,#4338ca)}.modal-header h2{margin:12px 0 0;font-size:20px;font-weight:600}.close-btn{position:absolute;top:16px;right:16px;background:#fff3;border:none;border-radius:8px;padding:8px;color:#fff;cursor:pointer;transition:all .2s}.close-btn:hover{background:#ffffff4d}.modal-body p{color:#4b5563;margin:0 0 16px}.device-summary{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:16px;font-size:14px}.device-summary>div{margin-bottom:8px}.device-summary>div:last-child{margin-bottom:0}.warning-text{display:flex;align-items:center;gap:8px;color:#d97706!important;background:#fef3c7;padding:12px;border-radius:8px}.form-field{margin-bottom:16px}.form-field label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-field input,.form-field textarea{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:#4f46e5}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb}.btn-cancel{padding:10px 20px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#e5e7eb}.btn-warning{padding:10px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.btn-warning:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.btn-danger{padding:10px 20px;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.btn-warning:disabled,.btn-danger:disabled{opacity:.6;cursor:not-allowed}.details-section{margin-bottom:24px}.details-section:last-child{margin-bottom:0}.details-section h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item .label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-item .value{font-size:14px;color:#1a1a2e;word-break:break-all}.detail-item .value.mono{font-family:Monaco,Menlo,monospace;font-size:12px;background:#f3f4f6;padding:8px;border-radius:4px}.detail-item .value.active{color:#dc2626;font-weight:600}.detail-item .value.removed{color:#059669;font-weight:600}.attempts-list{display:flex;flex-direction:column;gap:8px}.attempt-item{display:flex;align-items:center;gap:16px;padding:12px;background:#f9fafb;border-radius:8px;font-size:13px}.attempt-phone,.attempt-ip,.attempt-date{display:flex;align-items:center;gap:6px;color:#4b5563}.attempt-phone svg,.attempt-ip svg,.attempt-date svg{color:#9ca3af}.attempt-action{margin-left:auto;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.attempt-action.blocked{background:#fee2e2;color:#dc2626}.attempt-action.flagged{background:#fef3c7;color:#d97706}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.filters-section{flex-direction:column}.search-box{min-width:100%}.details-grid{grid-template-columns:1fr}}@media (max-width: 768px){.blacklisted-devices-page{padding:16px}.page-header{flex-direction:column;gap:16px}.page-header h1{font-size:22px}.add-btn{width:100%;justify-content:center}.table-container{overflow-x:auto}.devices-table{min-width:800px}.attempt-item{flex-wrap:wrap}}.activity-page{padding:24px;max-width:1600px;margin:0 auto;min-height:calc(100vh - 80px)}.activity-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-wrap:wrap}.header-icon{width:56px;height:56px;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #10b9814d;flex-shrink:0}.header-text{flex:1;min-width:200px}.header-actions{display:flex;gap:10px;flex-shrink:0;align-items:center}.last-updated{font-size:13px;color:var(--text-secondary, #6b7280);white-space:nowrap;padding:0 4px}.refresh-toggle,.refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-primary, white);color:var(--text-primary, #374151);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.refresh-toggle:hover,.refresh-btn:hover{background:var(--bg-secondary, #f9fafb);border-color:#d1d5db}.refresh-toggle.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:transparent}.refresh-toggle.active:hover{opacity:.9}.refresh-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:transparent}.refresh-btn.primary:hover{opacity:.92;background:linear-gradient(135deg,#3b82f6,#2563eb)}.refresh-btn.primary:disabled{opacity:.6;cursor:not-allowed}.summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.summary-card{background:var(--bg-primary, white);border-radius:14px;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 3px #00000014;border:1px solid var(--border-color, #e5e7eb);transition:all .2s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.card-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-card.total .card-icon-wrapper{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5}.summary-card.online .card-icon-wrapper{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.summary-card.in-call .card-icon-wrapper{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.summary-card.offline .card-icon-wrapper{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280}.summary-card.low-balance .card-icon-wrapper{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.summary-card.revenue .card-icon-wrapper{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.card-content{display:flex;flex-direction:column;min-width:0}.card-value{font-size:24px;font-weight:700;color:var(--text-primary, #111827);line-height:1.2}.card-label{font-size:13px;color:var(--text-secondary, #6b7280);font-weight:500}.card-sub{font-size:11px;color:var(--text-secondary, #9ca3af);margin-top:2px}.filters-panel{display:flex;gap:16px;padding:20px;background:var(--bg-primary, white);border-radius:14px;margin-bottom:24px;border:1px solid var(--border-color, #e5e7eb);box-shadow:0 1px 3px #00000014;flex-wrap:wrap;align-items:flex-end}.filter-item{display:flex;flex-direction:column;gap:6px;min-width:150px}.filter-item.search{flex:1;min-width:250px}.filter-item label{font-size:12px;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.filter-item select{padding:10px 14px;border:2px solid var(--border-color, #e5e7eb);border-radius:10px;font-size:14px;background:var(--bg-primary, white);color:var(--text-primary, #111827);cursor:pointer;transition:all .2s}.filter-item select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.search-wrapper{position:relative;display:flex;align-items:center}.search-wrapper .search-icon{position:absolute;left:14px;color:var(--text-secondary, #9ca3af)}.search-wrapper input{width:100%;padding:10px 40px 10px 42px;border:2px solid var(--border-color, #e5e7eb);border-radius:10px;font-size:14px;background:var(--bg-primary, white);color:var(--text-primary, #111827);transition:all .2s}.search-wrapper input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.search-wrapper input::placeholder{color:var(--text-secondary, #9ca3af)}.clear-search{position:absolute;right:10px;background:var(--bg-secondary, #f3f4f6);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #6b7280);transition:all .2s}.clear-search:hover{background:var(--border-color, #e5e7eb);color:var(--text-primary, #111827)}.view-toggle-wrapper{min-width:auto}.view-toggle{display:flex;background:var(--bg-secondary, #f3f4f6);border-radius:10px;padding:4px;border:1px solid var(--border-color, #e5e7eb)}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:36px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--text-secondary, #6b7280);transition:all .2s}.view-toggle-btn:hover{color:var(--text-primary, #374151);background:var(--bg-primary, #ffffff)}.view-toggle-btn.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 6px #10b9814d}.activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}@media (max-width: 1400px){.activity-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.activity-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.activity-grid{grid-template-columns:1fr;gap:16px}}.error-banner{display:flex;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:10px;margin-bottom:20px;color:#991b1b;font-weight:500}.error-banner button{margin-left:auto;background:none;border:none;color:#991b1b;cursor:pointer;opacity:.7;transition:opacity .2s}.error-banner button:hover{opacity:1}.activity-table-wrapper{background:var(--bg-primary, white);border-radius:14px;border:1px solid var(--border-color, #e5e7eb);box-shadow:0 1px 3px #00000014;margin-bottom:24px;overflow:hidden}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:var(--text-secondary, #6b7280)}.loading-state p,.empty-state p{margin:8px 0 0;font-size:14px}.empty-state h3{margin:16px 0 0;font-size:18px;color:var(--text-primary, #111827)}.activity-table{width:100%;border-collapse:collapse;min-width:1000px}.activity-table thead{background:var(--bg-secondary, #f9fafb)}.activity-table th{padding:14px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color, #e5e7eb);white-space:nowrap}.activity-table tbody tr{border-bottom:1px solid var(--border-color, #f3f4f6);transition:background .2s}.activity-table tbody tr:hover{background:var(--bg-secondary, #f9fafb)}.activity-table tbody tr.in-call-row{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.activity-table tbody tr.in-call-row:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.activity-table td{padding:14px 16px;font-size:14px;vertical-align:middle}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize;white-space:nowrap}.status-badge.online{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge.in-call{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.status-badge.offline{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:42px;height:42px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;position:relative}.avatar-flag-table{position:absolute;bottom:-3px;right:-3px;font-size:12px;line-height:1;background:#fff;border-radius:3px;padding:1px 2px;box-shadow:0 1px 2px #00000026}.platform-icon-inline{display:inline-flex;align-items:center;justify-content:center;font-size:11px;margin-left:4px;vertical-align:middle}.platform-icon-inline.ios{color:#000}.platform-icon-inline.android{color:#3ddc84}.platform-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 6px;border-radius:4px;font-weight:500}.platform-badge.ios{background:#f5f5f7;color:#1d1d1f}.platform-badge.android{background:#e8f5e9;color:#1b5e20}.user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.user-name{font-weight:600;color:var(--text-primary, #111827);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-phone{font-size:12px;color:var(--text-secondary, #6b7280)}.user-devices{display:flex;align-items:center;gap:4px;font-size:11px;color:#7c3aed;font-weight:500}.balance-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-weight:600;font-size:13px;white-space:nowrap}.balance-badge.good{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.balance-badge.medium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.balance-badge.low{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.active-call{display:flex;flex-direction:column;gap:6px}.call-indicator{display:flex;align-items:center;gap:6px;color:#dc2626;font-weight:600;font-size:12px}.call-indicator .pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.call-details{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--text-secondary, #6b7280)}.no-activity{color:var(--text-secondary, #9ca3af);font-style:italic;font-size:13px}.period-stats{display:flex;flex-direction:column;gap:4px}.stat-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary, #6b7280)}.stat-row svg{color:var(--text-secondary, #9ca3af);flex-shrink:0}.last-activity{display:flex;flex-direction:column;gap:4px}.activity-time{font-size:13px;font-weight:500;color:var(--text-primary, #111827)}.login-info{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary, #6b7280)}.login-count{font-size:11px;color:#2563eb;font-weight:500}.btn-view,.btn-terminate{width:36px;height:36px;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#fff}.btn-view{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.btn-view:hover{transform:scale(1.1);box-shadow:0 4px 12px #6366f14d}.btn-terminate{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-terminate:hover{transform:scale(1.1);box-shadow:0 4px 12px #ef44444d}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px;background:var(--bg-primary, white);border-radius:14px;border:1px solid var(--border-color, #e5e7eb);box-shadow:0 1px 3px #00000014}.page-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-primary, white);border-radius:10px;font-size:14px;font-weight:500;color:var(--text-primary, #374151);cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:transparent}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:14px;color:var(--text-secondary, #6b7280)}.page-info .current{font-weight:700;color:#10b981}.page-info .total{margin-left:8px;color:var(--text-secondary, #9ca3af)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal-content{background:var(--bg-primary, white);border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color, #e5e7eb)}.modal-title{display:flex;align-items:center;gap:14px}.title-avatar{width:52px;height:52px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.title-info h2{margin:0;font-size:20px;font-weight:700;color:var(--text-primary, #111827)}.title-info span{font-size:14px;color:var(--text-secondary, #6b7280)}.modal-close{width:40px;height:40px;border:none;background:var(--bg-secondary, #f3f4f6);border-radius:10px;cursor:pointer;color:var(--text-secondary, #6b7280);display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:var(--border-color, #e5e7eb);color:var(--text-primary, #111827)}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:var(--text-secondary, #6b7280)}.modal-loading p{margin:12px 0 0}.status-banner{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:12px;font-weight:600;margin-bottom:20px}.status-banner.online{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-banner.in-call{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.status-banner.offline{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary, #f9fafb);border-radius:12px;border:1px solid var(--border-color, #e5e7eb)}.stat-card svg{color:var(--text-secondary, #6b7280);flex-shrink:0}.stat-card.balance svg{color:#10b981}.stat-info{display:flex;flex-direction:column;min-width:0}.stat-label{font-size:11px;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:18px;font-weight:700;color:var(--text-primary, #111827)}.stat-value.good{color:#059669}.stat-value.medium{color:#d97706}.stat-value.low{color:#dc2626}.detail-section{margin-bottom:24px;padding:20px;background:var(--bg-secondary, #f9fafb);border-radius:12px;border:1px solid var(--border-color, #e5e7eb)}.detail-section:last-child{margin-bottom:0}.detail-section h3{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary, #111827)}.detail-section h3 svg{color:#10b981}.active-call-section{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.active-call-section h3{color:#991b1b}.active-call-section h3 svg{color:#dc2626}.active-call-details{display:flex;flex-direction:column;gap:16px}.call-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.call-info-item{display:flex;flex-direction:column;gap:2px}.call-info-item .label{font-size:11px;color:#991b1b;text-transform:uppercase;letter-spacing:.5px}.call-info-item .value{font-size:15px;font-weight:600;color:#7f1d1d}.btn-terminate-call{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-terminate-call:hover{transform:translateY(-2px);box-shadow:0 4px 14px #ef44444d}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-primary, white);border-radius:10px;border:1px solid var(--border-color, #e5e7eb)}.info-item svg{color:#10b981;flex-shrink:0;margin-top:2px}.info-content{display:flex;flex-direction:column;gap:2px;min-width:0}.info-content .label{font-size:11px;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.info-content .value{font-size:14px;font-weight:500;color:var(--text-primary, #111827);word-break:break-word}.session-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.session-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-primary, white);border-radius:10px;border:1px solid var(--border-color, #e5e7eb)}.session-item .label{font-size:11px;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.session-item .value{font-size:14px;font-weight:600;color:var(--text-primary, #111827)}.period-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.period-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-primary, white);border-radius:10px;border:1px solid var(--border-color, #e5e7eb);text-align:center}.period-item.highlight{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.period-item .label{font-size:11px;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.period-item .value{font-size:16px;font-weight:700;color:var(--text-primary, #111827)}.period-item.highlight .value{color:#059669}.recent-list{display:flex;flex-direction:column;gap:8px}.recent-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-primary, white);border-radius:10px;border:1px solid var(--border-color, #e5e7eb)}.recent-item .item-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recent-item.call .item-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.recent-item.transaction .item-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.recent-item.transaction .item-icon.debit{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.item-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.item-primary{font-size:14px;font-weight:600;color:var(--text-primary, #111827);text-transform:capitalize}.item-secondary{font-size:12px;color:var(--text-secondary, #6b7280)}.item-amount{font-size:14px;font-weight:700;color:var(--text-primary, #111827)}.item-amount.credit{color:#059669}.item-amount.debit{color:#dc2626}.tx-status{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:capitalize}.tx-status.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.tx-status.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.tx-status.failed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color, #e5e7eb);display:flex;justify-content:flex-end}.btn-close{padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-close:hover{transform:translateY(-2px);box-shadow:0 4px 14px #10b9814d}@media (max-width: 1400px){.summary-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.summary-grid,.detail-stats,.session-grid{grid-template-columns:repeat(2,1fr)}.period-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.activity-page{padding:16px}.activity-header{flex-direction:column;align-items:flex-start;gap:12px}.header-actions{width:100%;flex-wrap:wrap}.header-actions button{flex:1;justify-content:center}.last-updated{flex-basis:100%;text-align:center;font-size:12px}.header-icon{width:48px;height:48px}.header-text h1{font-size:22px}.summary-grid{grid-template-columns:1fr 1fr}.filters-panel{flex-direction:column;align-items:stretch}.filter-item{min-width:100%}.activity-table{min-width:900px}.detail-stats{grid-template-columns:1fr 1fr}.info-grid,.session-grid{grid-template-columns:1fr}.period-grid{grid-template-columns:repeat(2,1fr)}.call-info-grid{grid-template-columns:1fr}.pagination{flex-direction:column;gap:12px}.page-btn{width:100%;justify-content:center}.modal-content{margin:10px;max-height:calc(100vh - 20px)}}@media (max-width: 480px){.summary-grid,.detail-stats,.period-grid{grid-template-columns:1fr}}.family-badge{display:inline-flex;align-items:center;justify-content:center;font-size:12px;margin-left:4px;vertical-align:middle;cursor:help}.family-badge.family-master{filter:drop-shadow(0 0 1px rgba(217,119,6,.4))}.family-badge.family-member{filter:drop-shadow(0 0 1px rgba(59,130,246,.4))}.referrals-page{padding:20px;max-width:1600px;margin:0 auto}.page-header h1{margin:0;font-size:28px;color:#1a1a1a}.refresh-btn{padding:8px 16px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:14px;transition:all .2s}.refresh-btn:hover{background:#f5f5f5;transform:translateY(-1px)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,px),1fr));gap:16px;margin-bottom:24px}.summary-card{background:#fff;border-radius:8px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.summary-card.total{border-left:4px solid #3498db}.summary-card.pending{border-left:4px solid #f39c12}.summary-card.completed{border-left:4px solid #27ae60}.summary-card.expired{border-left:4px solid #95a5a6}.summary-card.rewards{border-left:4px solid #9b59b6}.card-icon{font-size:32px}.card-content h3{margin:0;font-size:28px;color:#1a1a1a}.card-content p{margin:4px 0 0;color:#666;font-size:14px}.card-content small{display:block;margin-top:4px;color:#999;font-size:12px}.top-referrers-section{background:#fff;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 2px 4px #0000001a}.top-referrers-section h2{margin:0 0 20px;font-size:20px;color:#1a1a1a}.top-referrers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,px),1fr));gap:16px}.top-referrer-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;padding:16px;display:flex;gap:16px;align-items:center;transition:transform .2s}.top-referrer-card:hover{transform:scale(1.02)}.top-referrer-card .rank{font-size:32px;font-weight:700;opacity:.7}.referrer-info{flex:1}.referrer-info strong{display:block;font-size:16px;margin-bottom:4px}.referrer-info small{display:block;opacity:.9;font-size:12px;margin-bottom:8px}.referrer-info .stats{display:flex;gap:12px;font-size:13px;margin-top:8px}.referrer-info .stats span{background:#fff3;padding:4px 8px;border-radius:4px}.filters-section{background:#fff;border-radius:8px;padding:20px;margin-bottom:24px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;flex-wrap:wrap;align-items:flex-end}.search-group{flex:1;min-width:250px}.filter-group label{font-weight:600;font-size:14px;color:#666}.filter-group select,.filter-group input{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.filter-group select:focus,.filter-group input:focus{border-color:#2196f3}.error-message{background:#ffebee;border:1px solid #ef5350;border-radius:6px;padding:16px;margin-bottom:20px;color:#c62828}.referrals-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;margin-bottom:24px}.loading-spinner{text-align:center;padding:60px 20px}.spinner{border:3px solid #f3f3f3;border-top:3px solid #2196F3;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 16px}.no-data{text-align:center;padding:60px 20px;color:#999;font-size:16px}.referrals-table{width:100%;border-collapse:collapse}.referrals-table thead{background:#f5f5f5;border-bottom:2px solid #ddd}.referrals-table th{padding:16px 12px;text-align:left;font-weight:600;font-size:13px;color:#666;text-transform:uppercase;letter-spacing:.5px}.referrals-table tbody tr{border-bottom:1px solid #eee;transition:background .2s}.referrals-table tbody tr:hover{background:#f9f9f9}.referrals-table tbody tr.status-completed{background:#f0f8f0}.referrals-table tbody tr.status-expired{background:#f8f8f8;opacity:.7}.referrals-table tbody tr.status-cancelled{background:#fff3f3;opacity:.8}.referrals-table td{padding:16px 12px;font-size:14px}.code-cell strong{font-size:16px;color:#2196f3;font-family:monospace}.user-cell{min-width:180px}.user-info{display:flex;flex-direction:column;gap:4px}.user-info strong{font-size:15px;color:#1a1a1a}.user-info small{color:#666;font-size:12px}.user-info .ref-code{color:#9c27b0;font-weight:500}.user-info .stats-small{color:#2196f3}.user-info .badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.user-info .active-user{background:#e8f5e9;color:#2e7d32}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.status-completed{background:#e8f5e9;color:#2e7d32}.status-badge.status-pending{background:#fff3e0;color:#e65100}.status-badge.status-expired{background:#f5f5f5;color:#757575}.status-badge.status-cancelled{background:#ffebee;color:#c62828}.expired-label{display:block;margin-top:4px;color:#f44336;font-weight:600}.rewards-cell{min-width:150px}.rewards-info{display:flex;flex-direction:column;gap:4px;font-size:13px}.rewards-info div{color:#666}.rewarded{color:#4caf50;font-weight:600;margin-left:4px}.date-cell{font-size:13px;color:#666}.date-cell .expiring-soon{color:#f57c00;font-weight:600}.date-cell .expired{color:#f44336;font-weight:600}.actions-cell{min-width:120px}.btn-view,.btn-complete,.btn-cancel{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s}.btn-view{background:#2196f3}.btn-view:hover{background:#1976d2;transform:scale(1.1)}.btn-complete{background:#4caf50}.btn-complete:hover:not(:disabled){background:#45a049;transform:scale(1.1)}.btn-cancel{background:#f44336}.btn-cancel:hover:not(:disabled){background:#d32f2f;transform:scale(1.1)}.btn-complete:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.pagination button{padding:10px 20px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.pagination button:hover:not(:disabled){background:#2196f3;color:#fff;border-color:#2196f3}.page-info{font-size:14px;color:#666}.modal-content{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:24px;color:#1a1a1a}.close-btn{font-size:32px;border:none;background:none;cursor:pointer;color:#999;line-height:1;padding:0;width:32px;height:32px;transition:color .2s}.close-btn:hover{color:#333}.detail-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #eee}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section h3{margin:0 0 16px;font-size:18px;color:#1a1a1a}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,px),1fr));gap:12px}.detail-grid div{font-size:14px;color:#666}.detail-grid strong{color:#1a1a1a;margin-right:8px}.modal-footer{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end}.btn-close{padding:10px 24px;background:#2196f3;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.btn-close:hover{background:#1976d2}@media (max-width: 1200px){.referrals-page{padding:15px}.summary-cards{grid-template-columns:repeat(3,1fr)}.top-referrers-grid{grid-template-columns:repeat(2,1fr)}.referrals-table th,.referrals-table td{padding:12px 8px;font-size:.85rem}.referrals-table th{font-size:.75rem}}@media (max-width: 1024px){.page-header h1{font-size:1.5rem}.referrals-table-container{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}.referrals-table-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:30px;background:linear-gradient(to left,rgba(255,255,255,.9),transparent);pointer-events:none}.referrals-table{min-width:900px}.referrals-table th,.referrals-table td{padding:10px 6px;font-size:.8rem}.summary-cards{grid-template-columns:repeat(2,1fr)}.card-content h3{font-size:1.5rem}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.filters-section{flex-direction:column;align-items:stretch}.filter-group{min-width:100%}.referrals-table-container{margin:0 -1rem;padding:0 1rem}.referrals-table-container:after{display:none}.referrals-table{min-width:800px}.top-referrers-grid{grid-template-columns:1fr}.pagination{flex-wrap:wrap;gap:10px}.page-info{width:100%;text-align:center;order:-1}}@media (max-width: 480px){.summary-cards{grid-template-columns:1fr}.pagination{flex-direction:column;gap:12px}}.vouchers-page{padding:20px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.page-header h1{display:flex;align-items:center;gap:12px;font-size:28px;margin-bottom:8px}.subtitle{color:#7f8c8d;font-size:14px;margin-bottom:0}.btn-primary{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#f5f7fa}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:var(--spacing-lg);margin-bottom:30px}.stat-card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 4px #0000001a;border-left:4px solid #667eea}.stat-card.active{border-left-color:#27ae60}.stat-card.used{border-left-color:#95a5a6}.stat-card.expired{border-left-color:#e74c3c}.stat-card.disabled{border-left-color:#f39c12}.stat-card h3{color:#7f8c8d;font-size:14px;text-transform:uppercase;margin-bottom:10px;font-weight:600}.stat-card .value{font-size:32px;font-weight:700;color:#2c3e50}.vouchers-controls{background:#fff;padding:20px;border-radius:10px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:#f5f7fa;padding:12px 16px;border-radius:8px}.search-box input{flex:1;border:none;background:transparent;font-size:14px;outline:none}.status-filter{padding:12px 16px;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;cursor:pointer;background:#fff}.vouchers-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;overflow-x:auto;-webkit-overflow-scrolling:touch}.vouchers-table{width:100%;border-collapse:collapse}.vouchers-table thead{background:#f5f7fa;border-bottom:2px solid #e1e8ed}.vouchers-table th{padding:16px;text-align:left;font-weight:600;color:#2c3e50;font-size:14px;text-transform:uppercase}.vouchers-table tbody tr{border-bottom:1px solid #e1e8ed;transition:background-color .2s}.vouchers-table tbody tr:hover{background-color:#f5f7fa}.vouchers-table td{padding:16px;color:#2c3e50;font-size:14px}.voucher-code{display:flex;align-items:center;gap:8px;font-family:Courier New,monospace}.voucher-description{font-size:12px;color:#7f8c8d;margin-top:4px}.voucher-amount{display:flex;align-items:center;gap:4px;font-weight:600;color:#27ae60}.usage-info{display:flex;align-items:center;gap:4px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#27ae60}.status-badge.used{background:#e2e3e5;color:#6c757d}.status-badge.expired{background:#f8d7da;color:#e74c3c}.status-badge.disabled{background:#fff3cd;color:#f39c12}.btn-icon{background:transparent;border:none;padding:8px;cursor:pointer;border-radius:6px;transition:all .2s;color:#667eea}.btn-icon:hover{background:#f5f7fa;transform:scale(1.1)}.btn-icon.danger{color:#e74c3c}.btn-icon.success{color:#27ae60}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;padding:20px}.pagination-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid #667eea;background:#fff;color:#667eea;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.pagination-btn:hover:not(:disabled){background:#667eea;color:#fff}.pagination-info{font-weight:600;color:#2c3e50}.empty-state{padding:60px 20px;text-align:center;color:#7f8c8d}.empty-state p{font-size:18px;margin-bottom:20px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s}.modal-content.large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid #e1e8ed}.modal-header h2{margin:0;font-size:24px;color:#2c3e50}.modal-close{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s}.modal-close:hover{background:#f5f7fa}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-loading{padding:60px 20px;text-align:center}.modal-error{padding:40px 20px;text-align:center;color:#e74c3c}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group small{display:block;margin-top:6px;color:#7f8c8d;font-size:12px}.details-section{margin-bottom:30px}.details-section h3{font-size:18px;margin-bottom:16px;color:#2c3e50;border-bottom:2px solid #e1e8ed;padding-bottom:8px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--spacing-lg)}.detail-item label{display:block;font-size:12px;color:#7f8c8d;text-transform:uppercase;margin-bottom:4px;font-weight:600}.detail-value{font-size:16px;color:#2c3e50;font-weight:500}.redemption-list,.audit-list{max-height:300px;overflow-y:auto}.redemption-item,.audit-item{display:flex;gap:12px;padding:12px;border-bottom:1px solid #e1e8ed;align-items:flex-start}.redemption-item:last-child,.audit-item:last-child{border-bottom:none}.redemption-details,.audit-details{flex:1}.redemption-user,.audit-action{font-weight:600;color:#2c3e50;margin-bottom:4px}.redemption-meta,.audit-meta{font-size:12px;color:#7f8c8d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.spinner{border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 1200px){.vouchers-table th,.vouchers-table td{padding:12px 8px;font-size:.85rem}.vouchers-table th{font-size:.75rem}.stat-card .value{font-size:1.75rem}}@media (max-width: 1024px){.vouchers-page{padding:15px}.page-header h1{font-size:1.5rem}.vouchers-table-container{position:relative}.vouchers-table-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:30px;background:linear-gradient(to left,rgba(255,255,255,.9),transparent);pointer-events:none}.vouchers-table{min-width:750px}.vouchers-table th,.vouchers-table td{padding:10px 6px;font-size:.8rem}.status-badge{padding:4px 8px;font-size:.65rem}.btn-icon{padding:6px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.page-header{flex-direction:column;gap:var(--spacing-md)}.page-header h1{font-size:var(--font-size-xl)}.stats-grid{grid-template-columns:1fr}.vouchers-controls{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.search-box{width:100%}.vouchers-table-container{margin:0 -1rem;padding:0 1rem}.vouchers-table-container:after{display:none}.vouchers-table{min-width:650px;font-size:var(--font-size-xs)}.vouchers-table th,.vouchers-table td{padding:var(--spacing-sm) var(--spacing-sm)}.action-buttons{flex-direction:column;gap:var(--spacing-sm)}.details-grid{grid-template-columns:1fr}.modal-content{width:calc(100% - 2rem);margin:1rem;max-height:calc(100vh - 2rem)}.modal-header,.modal-body{padding:var(--spacing-lg)}.btn-primary,.btn-secondary,.btn-danger{min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md)}.pagination{flex-wrap:wrap;gap:10px}.pagination-info{width:100%;text-align:center;order:-1}}@media (max-width: 480px){.vouchers-page{padding:var(--spacing-sm)}.page-header h1{font-size:var(--font-size-lg)}.stat-card{padding:var(--spacing-md)}.stat-value{font-size:var(--font-size-xl)}.modal-content{width:calc(100% - 1rem);margin:.5rem;max-height:calc(100vh - 1rem);border-radius:12px}.modal-header,.modal-body{padding:var(--spacing-md)}}.vouchers-page.enterprise{background:linear-gradient(135deg,#f8fafc,#eef2ff);min-height:100vh;padding:24px}.page-header.enterprise{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:28px 32px;margin-bottom:28px;box-shadow:0 8px 32px #667eea1a;border:1px solid rgba(255,255,255,.8)}.page-header.enterprise .header-content{display:flex;align-items:center;gap:20px}.page-header.enterprise .header-icon{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #667eea66}.page-header.enterprise h1{font-size:26px;font-weight:800;background:linear-gradient(135deg,#1e1b4b,#4338ca);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.page-header.enterprise .subtitle{color:#64748b;font-size:14px}.btn-primary.enterprise{background:linear-gradient(135deg,#667eea,#764ba2);padding:14px 28px;border-radius:12px;font-weight:700;font-size:14px;letter-spacing:.02em;box-shadow:0 8px 24px #667eea59;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary.enterprise:hover{transform:translateY(-3px);box-shadow:0 12px 32px #667eea80}.stats-grid.enterprise{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.stat-card.enterprise{position:relative;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #00000014;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:20px}.stat-card.enterprise:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0}.stat-card.enterprise:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000001f}.stat-card.enterprise.active:before{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.enterprise.used:before{background:linear-gradient(135deg,#6366f1,#4f46e5)}.stat-card.enterprise.expired:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card.enterprise.disabled:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.enterprise .stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card.enterprise.active .stat-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.stat-card.enterprise.used .stat-icon{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5}.stat-card.enterprise.expired .stat-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.stat-card.enterprise.disabled .stat-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.stat-card.enterprise .stat-content h3{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.stat-card.enterprise .stat-content .value{font-size:32px;font-weight:800;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vouchers-page.enterprise .vouchers-table-container{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #00000014;overflow:hidden}.vouchers-page.enterprise .vouchers-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.vouchers-page.enterprise .vouchers-table th{padding:18px 20px;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#475569;border-bottom:2px solid #e2e8f0}.vouchers-page.enterprise .vouchers-table tbody tr{transition:all .2s ease}.vouchers-page.enterprise .vouchers-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#eef2ff)}.usage-info-container{display:flex;flex-direction:column;gap:4px}.per-user-limit{font-size:11px;color:#667eea;font-weight:600;background:linear-gradient(135deg,#eef2ff,#e0e7ff);padding:3px 8px;border-radius:6px;display:inline-block;width:fit-content}.modal-content.enterprise{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.8);box-shadow:0 25px 80px #00000040;max-width:700px}.modal-header.enterprise{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:28px 32px;border-radius:24px 24px 0 0;border-bottom:none}.modal-header.enterprise h2{color:#fff;font-size:22px;font-weight:700;display:flex;align-items:center;gap:12px}.modal-header.enterprise .modal-close{color:#fff;opacity:.8}.modal-header.enterprise .modal-close:hover{opacity:1;background:#fff3}.form-section{padding:24px 0;border-bottom:1px solid #e2e8f0}.form-section:last-of-type{border-bottom:none}.form-section h3{font-size:14px;font-weight:700;color:#667eea;text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px;display:flex;align-items:center;gap:10px}.form-section h3:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.modal-content.enterprise .form-group input,.modal-content.enterprise .form-group select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:14px 16px;font-size:14px;transition:all .3s ease}.modal-content.enterprise .form-group input:focus,.modal-content.enterprise .form-group select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.modal-content.enterprise .form-group input.code-input{font-family:Monaco,Consolas,monospace;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.targeting-toggle{background:#f8fafc;padding:16px;border-radius:12px;margin-bottom:16px}.toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:600;color:#334155}.toggle-label input[type=checkbox]{width:20px;height:20px;accent-color:#667eea}.user-picker{background:#f8fafc;border-radius:12px;padding:16px;border:2px solid #e2e8f0}.user-search{display:flex;align-items:center;gap:10px;background:#fff;padding:12px 16px;border-radius:10px;margin-bottom:12px;border:1px solid #e2e8f0}.user-search input{flex:1;border:none!important;background:transparent!important;padding:0!important;outline:none}.selected-users-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.user-chip{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.user-chip svg{cursor:pointer;opacity:.8}.user-chip svg:hover{opacity:1}.user-list{max-height:200px;overflow-y:auto;border-radius:10px;background:#fff}.user-item{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f1f5f9}.user-item:hover{background:#f8fafc}.user-item:last-child{border-bottom:none}.user-item input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}.user-info{display:flex;flex-direction:column;gap:2px}.user-primary{font-weight:600;color:#334155;font-size:14px}.user-secondary{font-size:12px;color:#64748b}.users-loading{padding:24px;text-align:center;color:#64748b}.selected-count{margin-top:12px;font-size:13px;font-weight:600;color:#667eea;text-align:center}.vouchers-page.enterprise .vouchers-controls{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:20px 24px;border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 16px #0000000f}.vouchers-page.enterprise .search-box{background:#f8fafc;border-radius:12px;border:2px solid transparent;transition:all .3s ease}.vouchers-page.enterprise .search-box:focus-within{border-color:#667eea;background:#fff}.vouchers-page.enterprise .status-filter{border-radius:12px;border:2px solid #e2e8f0;background:#f8fafc;transition:all .3s ease}.vouchers-page.enterprise .status-filter:focus{border-color:#667eea;background:#fff}.vouchers-page.enterprise .status-badge{padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 2px 8px #00000014}.vouchers-page.enterprise .status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857;border:1px solid #6ee7b7}.vouchers-page.enterprise .status-badge.used{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;border:1px solid #a5b4fc}.vouchers-page.enterprise .status-badge.expired{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c;border:1px solid #fca5a5}.vouchers-page.enterprise .status-badge.disabled{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309;border:1px solid #fcd34d}@media (max-width: 1200px){.stats-grid.enterprise{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-grid.enterprise,.form-row{grid-template-columns:1fr}.page-header.enterprise{flex-direction:column;gap:20px;text-align:center}.page-header.enterprise .header-content{flex-direction:column}}.offers-page{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.page-header h1{margin:0;font-size:28px;color:var(--text-primary)}.page-header .subtitle{margin:4px 0 0;color:var(--text-secondary);font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,px),1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e1e8ed);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card.active{border-color:#4caf50;background:linear-gradient(135deg,#f0f9f0,#fff)}.stat-card svg{color:var(--primary-color, #1976d2)}.stat-content{flex:1}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.stat-label{font-size:13px;color:var(--text-secondary);font-weight:500}.filters-bar{display:flex;gap:16px;align-items:flex-end;padding:20px;background:var(--card-bg, #fff);border:1px solid var(--border-color, #e1e8ed);border-radius:12px;margin-bottom:24px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:150px}.filter-group.search-group{flex:1;min-width:250px}.filter-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}.filter-group select,.filter-group input[type=text]{padding:10px 12px;border:1px solid var(--border-color, #d0d7de);border-radius:8px;font-size:14px;background:var(--input-bg, #fff);color:var(--text-primary);transition:border-color .2s}.filter-group select:focus,.filter-group input[type=text]:focus{outline:none;border-color:var(--primary-color, #1976d2)}.offers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,px),1fr));gap:20px;margin-bottom:24px}.offer-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e1e8ed);border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:16px}.offer-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.offer-header{display:flex;justify-content:space-between;align-items:center}.offer-icon{font-size:32px}.offer-status{display:flex;gap:8px}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.gray{background:#f1f3f4;color:#5f6368}.status-badge.blue{background:#e3f2fd;color:#1976d2}.status-badge.green{background:#e8f5e9;color:#4caf50}.status-badge.orange{background:#fff3e0;color:#f57c00}.status-badge.purple{background:#f3e5f5;color:#9c27b0}.status-badge.red{background:#ffebee;color:#d32f2f}.offer-content{flex:1;display:flex;flex-direction:column;gap:12px}.offer-content h3{margin:0;font-size:18px;color:var(--text-primary)}.offer-description{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.offer-details{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-secondary, #f8f9fa);border-radius:8px}.detail-item{display:flex;justify-content:space-between;align-items:center;font-size:13px}.detail-item .label{color:var(--text-secondary);font-weight:500}.detail-item .value{color:var(--text-primary);font-weight:600}.detail-item.automatic{color:var(--primary-color, #1976d2);font-weight:600;gap:6px}.offer-analytics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:12px;border-top:1px solid var(--border-color, #e1e8ed)}.metric{display:flex;flex-direction:column;align-items:center;gap:4px}.metric-value{font-size:20px;font-weight:700;color:var(--primary-color, #1976d2)}.metric-label{font-size:12px;color:var(--text-secondary)}.offer-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--border-color, #e1e8ed)}.btn-icon{padding:8px;border:1px solid var(--border-color, #d0d7de);border-radius:8px;background:var(--card-bg, #fff);color:var(--text-primary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--bg-secondary, #f8f9fa);transform:translateY(-2px)}.btn-icon.success{color:#4caf50;border-color:#4caf50}.btn-icon.success:hover{background:#e8f5e9}.btn-icon.danger{color:#d32f2f;border-color:#d32f2f}.btn-icon.danger:hover{background:#ffebee}.btn-primary{padding:12px 24px;background:var(--primary-color, #1976d2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-primary:hover{background:var(--primary-hover, #1565c0);transform:translateY(-2px);box-shadow:0 4px 12px #1976d24d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{padding:12px 24px;background:var(--card-bg, #fff);color:var(--text-primary);border:1px solid var(--border-color, #d0d7de);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--bg-secondary, #f8f9fa);border-color:var(--text-secondary)}.empty-state{text-align:center;padding:64px 24px;background:var(--card-bg, #fff);border:1px dashed var(--border-color, #d0d7de);border-radius:12px}.empty-state svg{margin-bottom:16px}.empty-state p{color:var(--text-secondary);margin:0 0 24px;font-size:16px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:24px 0}.pagination button{padding:10px 20px;background:var(--card-bg, #fff);border:1px solid var(--border-color, #d0d7de);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;color:var(--text-primary);transition:all .2s}.pagination button:hover:not(:disabled){background:var(--primary-color, #1976d2);color:#fff;border-color:var(--primary-color, #1976d2)}.pagination span{color:var(--text-secondary);font-size:14px;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-content{background:var(--card-bg, #fff);border-radius:16px;box-shadow:0 8px 32px #00000026;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-content.large{max-width:900px}.modal-header{padding:24px;border-bottom:1px solid var(--border-color, #e1e8ed);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:24px;color:var(--text-primary)}.modal-close{width:32px;height:32px;border:none;background:var(--bg-secondary, #f8f9fa);border-radius:50%;font-size:24px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:var(--border-color, #e1e8ed);color:var(--text-primary)}.modal-footer{padding:24px;border-top:1px solid var(--border-color, #e1e8ed);display:flex;gap:12px;justify-content:flex-end}.offer-form{padding:24px}.form-section{margin-bottom:32px}.form-section h3{margin:0 0 20px;font-size:18px;color:var(--text-primary);border-bottom:2px solid var(--primary-color, #1976d2);padding-bottom:8px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid var(--border-color, #d0d7de);border-radius:8px;font-size:14px;background:var(--input-bg, #fff);color:var(--text-primary);transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color, #1976d2)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary);cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.user-selection-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.user-search-input{width:100%;padding:12px;border:1px solid var(--border-color, #d0d7de);border-radius:8px;font-size:14px;background:var(--input-bg, #fff);color:var(--text-primary);transition:border-color .2s}.user-search-input:focus{outline:none;border-color:var(--primary-color, #1976d2)}.user-selection-actions{display:flex;gap:8px;justify-content:flex-start}.btn-sm{padding:8px 16px;font-size:13px}.selected-count{padding:10px 12px;background:var(--bg-secondary, #f8f9fa);border-radius:8px;font-size:14px;color:var(--text-secondary);margin-bottom:12px;text-align:center}.selected-count strong{color:var(--primary-color, #1976d2);font-weight:700}.user-select-list{max-height:400px;overflow-y:auto;border:1px solid var(--border-color, #d0d7de);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:4px}.user-checkbox-label{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;cursor:pointer;transition:background .2s;border:1px solid transparent}.user-checkbox-label:hover{background:var(--bg-secondary, #f8f9fa);border-color:var(--border-color, #e1e8ed)}.user-checkbox-label input[type=checkbox]{width:auto;cursor:pointer;flex-shrink:0}.user-info{flex:1;display:flex;flex-direction:column;gap:4px}.user-name{font-size:14px;font-weight:600;color:var(--text-primary)}.user-details{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary)}.user-email,.user-country,.user-balance{display:inline-block}.user-email,.user-country{color:var(--text-secondary)}.user-balance{color:var(--primary-color, #1976d2);font-weight:600}.no-users-message{text-align:center;padding:32px 16px;color:var(--text-secondary);font-size:14px}.analytics-content{padding:24px}.analytics-content h3{margin:32px 0 16px;font-size:18px;color:var(--text-primary)}.redemptions-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.redemption-item{padding:12px;background:var(--bg-secondary, #f8f9fa);border-radius:8px;display:flex;justify-content:space-between;align-items:center}.redemption-item strong{color:var(--text-primary);font-size:14px}.redemption-date{display:block;font-size:12px;color:var(--text-secondary);margin-top:4px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;gap:16px}.spinner{width:48px;height:48px;border:4px solid var(--border-color, #e1e8ed);border-top-color:var(--primary-color, #1976d2);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.offers-grid,.stats-grid,.form-row{grid-template-columns:1fr}.filters-bar{flex-direction:column;align-items:stretch}.page-header{flex-direction:column;gap:16px}}.notification-page{padding:24px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 80px)}.notification-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #e5e7eb)}.header-icon{width:56px;height:56px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #6366f14d}.header-text h1{margin:0;font-size:26px;font-weight:700;color:var(--text-primary, #111827)}.header-text p{margin:4px 0 0;font-size:14px;color:var(--text-secondary, #6b7280)}.result-banner{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:10px;margin-bottom:20px;font-weight:500;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.result-banner.success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border:1px solid #a7f3d0}.result-banner.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b;border:1px solid #fecaca}.result-banner .close-btn{margin-left:auto;background:none;border:none;font-size:20px;cursor:pointer;opacity:.6;transition:opacity .2s}.result-banner .close-btn:hover{opacity:1}.notification-content{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compose-panel,.recipients-panel{background:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000a;border:1px solid var(--border-color, #e5e7eb);overflow:hidden}.panel-header{display:flex;align-items:center;gap:10px;padding:20px 24px;background:var(--bg-secondary, #f9fafb);border-bottom:1px solid var(--border-color, #e5e7eb)}.panel-header svg{color:#6366f1}.panel-header h2{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #111827)}.compose-panel form{padding:24px}.form-field{margin-bottom:20px;position:relative}.form-field label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--text-primary, #374151);text-transform:uppercase;letter-spacing:.5px}.form-field input,.form-field textarea{width:100%;padding:14px 16px;border:2px solid var(--border-color, #e5e7eb);border-radius:10px;font-size:15px;font-family:inherit;background:var(--bg-primary, #ffffff);color:var(--text-primary, #111827);transition:all .2s}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-field textarea{resize:vertical;min-height:120px}.char-count{position:absolute;right:12px;bottom:10px;font-size:11px;color:var(--text-secondary, #9ca3af);background:var(--bg-primary, #ffffff);padding:2px 6px;border-radius:4px}.preview-section{margin-bottom:24px}.preview-section label{display:block;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--text-primary, #374151);text-transform:uppercase;letter-spacing:.5px}.notification-preview{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,#1f2937,#374151);border-radius:12px;color:#fff}.preview-app-icon{width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.preview-content{flex:1;min-width:0}.preview-title{font-weight:600;font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-message{font-size:13px;opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.send-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 14px #6366f14d}.send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.spinning{animation:spin 1s linear infinite}.send-all-toggle{padding:16px 24px;border-bottom:1px solid var(--border-color, #e5e7eb)}.toggle-container{display:flex;align-items:center;gap:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-container input[type=checkbox]{display:none}.toggle-slider{width:52px;height:28px;background:#d1d5db;border-radius:14px;position:relative;transition:background .3s;flex-shrink:0}.toggle-slider:after{content:"";position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .3s;box-shadow:0 2px 4px #0003}.toggle-container input:checked+.toggle-slider{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.toggle-container input:checked+.toggle-slider:after{transform:translate(24px)}.toggle-label{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text-primary, #111827)}.search-container{padding:16px 24px;position:relative;border-bottom:1px solid var(--border-color, #e5e7eb)}.search-icon{position:absolute;left:40px;top:50%;transform:translateY(-50%);color:var(--text-secondary, #9ca3af)}.search-input{width:100%;padding:12px 16px 12px 44px;border:2px solid var(--border-color, #e5e7eb);border-radius:10px;font-size:14px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #111827);transition:all .2s}.search-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.selection-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-secondary, #f9fafb);border-bottom:1px solid var(--border-color, #e5e7eb)}.selected-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;color:#fff}.selected-badge .count{font-weight:700;font-size:16px}.selected-badge .label{font-size:12px;opacity:.9}.control-buttons{display:flex;gap:8px}.control-btn{padding:8px 14px;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:13px;font-weight:500;color:var(--text-primary, #374151);cursor:pointer;transition:all .2s}.control-btn:hover:not(:disabled){background:var(--bg-secondary, #f3f4f6);border-color:#d1d5db}.control-btn:disabled{opacity:.5;cursor:not-allowed}.user-list{max-height:420px;overflow-y:auto;padding:12px}.user-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;cursor:pointer;transition:all .2s;border:2px solid transparent;margin-bottom:6px}.user-card:hover{background:var(--bg-secondary, #f9fafb)}.user-card.selected{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#6366f1}.user-checkbox{flex-shrink:0}.user-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#6366f1;cursor:pointer}.user-avatar{width:42px;height:42px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.user-card.selected .user-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.user-details{flex:1;min-width:0}.user-primary{font-weight:600;font-size:14px;color:var(--text-primary, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-secondary{display:flex;gap:8px;font-size:12px;color:var(--text-secondary, #6b7280);margin-top:2px}.user-secondary .country{color:#6366f1;font-weight:500}.user-balance{font-weight:700;font-size:14px;color:#059669;flex-shrink:0}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-secondary, #6b7280)}.loading-state p,.empty-state p{margin-top:12px;font-size:14px}.all-users-info{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.all-users-info svg{color:#10b981;margin-bottom:16px}.all-users-info h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary, #111827)}.all-users-info p{margin:8px 0 0;font-size:14px;color:var(--text-secondary, #6b7280)}@media (max-width: 1024px){.notification-content{grid-template-columns:1fr}}@media (max-width: 640px){.notification-page{padding:16px}.notification-header{flex-direction:column;align-items:flex-start;gap:12px}.header-icon{width:48px;height:48px}.header-text h1{font-size:22px}.selection-controls{flex-direction:column;gap:12px;align-items:stretch}.control-buttons{justify-content:center}}.analytics-page{padding:2rem;max-width:1600px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.time-range-selector{display:flex;gap:.5rem;background:#fff;padding:.5rem;border-radius:12px;border:2px solid #e5e7eb}.time-range-selector button{padding:.75rem 1.5rem;border:none;background:transparent;color:#6b7280;font-weight:500;font-size:.95rem;border-radius:8px;cursor:pointer;transition:all .2s}.time-range-selector button:hover{background:#f9fafb;color:#1a1a1a}.time-range-selector button.active{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,px),1fr));gap:1.5rem;margin-bottom:2.5rem}.summary-card{display:flex;align-items:center;gap:1.5rem;background:#fff;padding:1.75rem;border-radius:16px;border:2px solid #e5e7eb;transition:all .3s}.summary-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 12px 24px #3b82f626}.summary-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-icon.phone{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.summary-icon.revenue{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.summary-icon.countries{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.summary-icon.time{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.summary-content{flex:1}.summary-label{font-size:.875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.summary-value{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.summary-meta{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:#9ca3af}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,px),1fr));gap:1.5rem;margin-bottom:2.5rem}.chart-card{background:#fff;border-radius:16px;border:2px solid #e5e7eb;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.chart-card.full-width{grid-column:1 / -1}.chart-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.chart-header h3{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:.35rem}.chart-subtitle{font-size:.85rem;color:#6b7280}.chart-container{height:350px;width:100%}.no-data{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;gap:1rem}.no-data svg{opacity:.3}.countries-section{margin-bottom:2.5rem}.section-header{margin-bottom:1.5rem}.section-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:.35rem}.section-subtitle{color:#6b7280;font-size:.95rem}.countries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,px),1fr));gap:1.25rem}.country-card-analytics{display:flex;align-items:stretch;background:#fff;border-radius:12px;border:2px solid #e5e7eb;overflow:hidden;transition:all .3s}.country-card-analytics:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a;border-color:#3b82f6}.country-rank{width:60px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff;flex-shrink:0}.country-info{flex:1;padding:1.25rem}.country-name{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem}.country-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.country-stat{display:flex;align-items:flex-start;gap:.5rem}.country-stat svg{color:#3b82f6;margin-top:.25rem;flex-shrink:0}.country-stat .stat-value{font-size:1.1rem;font-weight:700;color:#1a1a1a;line-height:1.2}.country-stat .stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.metrics-section{margin-bottom:2rem}.metrics-section h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:1.5rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,px),1fr));gap:1.5rem}.metric-card{display:flex;gap:1.25rem;background:#fff;padding:1.5rem;border-radius:12px;border:2px solid #e5e7eb;transition:all .2s}.metric-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.metric-icon{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0}.metric-content{flex:1}.metric-value{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:.25rem}.metric-label{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.metric-change{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:#6b7280}.metric-change.positive{color:#059669}.metric-change svg{flex-shrink:0}.empty-state{text-align:center;padding:4rem 2rem;color:#9ca3af;background:#fff;border-radius:16px;border:2px solid #e5e7eb}.empty-state p{font-size:1.1rem;margin:0}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.error-container p{color:#6b7280;font-size:1.1rem}.error-container button{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.error-container button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr}.countries-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,px),1fr))}}@media (max-width: 768px){.analytics-page{padding:1rem}.page-header{flex-direction:column;align-items:stretch}.page-header h1{font-size:1.5rem}.time-range-selector{width:100%}.time-range-selector button{flex:1;padding:.65rem .75rem;font-size:.85rem}.analytics-summary{grid-template-columns:1fr}.summary-card{padding:1.25rem}.summary-value{font-size:1.5rem}.charts-grid{grid-template-columns:1fr}.chart-container{height:280px}.countries-grid{grid-template-columns:1fr}.country-stats-grid{grid-template-columns:1fr;gap:.75rem}.metrics-grid{grid-template-columns:1fr}.metric-card{padding:1.25rem}.metric-value{font-size:1.5rem}}@media (max-width: 480px){.summary-icon{width:48px;height:48px}.summary-value{font-size:1.25rem}.country-rank{width:50px;font-size:1rem}.country-name{font-size:1.1rem}}.metrics-page{max-width:1400px;padding-bottom:2rem}.metrics-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.metrics-page-header h1{font-size:2rem;margin-bottom:.5rem}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s}.refresh-btn:hover{background:#1e40af}.monitoring-status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,px),1fr));gap:1.5rem;margin-bottom:2rem}.status-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:2px solid transparent;transition:all .3s}.status-card.online{border-color:#10b981}.status-card.offline{border-color:#ef4444}.status-card.checking{border-color:#f59e0b}.status-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.status-icon{font-size:2.5rem}.status-info{flex:1}.status-info h3{font-size:1.125rem;margin-bottom:.25rem}.status-info p{font-size:.875rem;color:var(--text-secondary);margin:0}.status-badge{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.online{background:#d1fae5;color:#065f46}.status-badge.offline{background:#fee2e2;color:#991b1b}.status-badge.checking{background:#fef3c7;color:#92400e}.status-card-actions{display:flex;gap:.75rem;margin-bottom:1rem}.action-link{flex:1;text-align:center;padding:.5rem 1rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:6px;font-size:.875rem;font-weight:500;transition:background .2s}.action-link:hover{background:#1e40af}.action-link.secondary{background:#6b7280}.action-link.secondary:hover{background:#4b5563}.status-card-info{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e5e7eb;font-size:.75rem;color:var(--text-secondary)}.error-hint{color:#ef4444;font-weight:500}.grafana-embed-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.section-header h2{font-size:1.25rem;margin:0}.fullscreen-btn{padding:.5rem 1rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:6px;font-size:.875rem;font-weight:500;transition:background .2s}.fullscreen-btn:hover{background:#1e40af}.grafana-iframe-container{width:100%;height:800px;background:#f8f9fa}.grafana-iframe{border:none;display:block}.grafana-offline-message{background:#fff;border-radius:12px;padding:4rem 2rem;text-align:center;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.grafana-offline-message svg{color:var(--text-secondary);margin-bottom:1rem}.grafana-offline-message h3{font-size:1.5rem;margin-bottom:.5rem}.grafana-offline-message p{color:var(--text-secondary);margin-bottom:1rem}.grafana-offline-message code{display:inline-block;background:#212529;color:#0ef;padding:.5rem 1rem;border-radius:6px;font-family:Courier New,monospace}.metrics-info-section{margin-bottom:2rem}.metrics-info-section h2{font-size:1.5rem;margin-bottom:1.5rem}.metrics-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,px),1fr));gap:1.5rem}.info-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.info-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.info-card-header svg{color:var(--primary)}.info-card-header h3{font-size:1.125rem;margin:0}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{padding:.75rem 0;font-size:.875rem;border-bottom:1px solid #f1f3f5;color:var(--text-secondary)}.info-card li:last-child{border-bottom:none}.info-card li strong{color:var(--text);font-family:Courier New,monospace;font-size:.8125rem;font-weight:600}.commands-section{margin-bottom:2rem}.commands-section h2{font-size:1.5rem;margin-bottom:1.5rem}.commands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,px),1fr));gap:1rem}.command-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.command-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.command-card code{display:block;background:#212529;color:#0ef;padding:.75rem 1rem;border-radius:6px;font-family:Courier New,monospace;font-size:.8125rem;margin-bottom:.75rem;word-break:break-all}.command-card p{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.connection-info-section{margin-bottom:2rem}.connection-info-section h2{font-size:1.5rem;margin-bottom:1.5rem}.connection-info-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.connection-info-card h3{font-size:1.125rem;margin-bottom:1rem}.connection-info-card ol{padding-left:1.5rem;margin-bottom:1.5rem}.connection-info-card li{margin-bottom:1.5rem;line-height:1.6}.connection-info-card li strong{color:var(--primary);font-size:1rem}.connection-info-card li p{margin:.5rem 0 0;color:var(--text-secondary);font-size:.875rem}.connection-info-card code{background:#f1f3f5;color:#1e293b;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.875rem}.connection-status{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.success-message{padding:1rem 1.5rem;background:#d1fae5;color:#065f46;border-radius:8px;font-weight:500}.warning-message{padding:1rem 1.5rem;background:#fef3c7;color:#92400e;border-radius:8px;font-weight:500}.warning-message code{background:#fde68a;color:#78350f}@media (max-width: 768px){.metrics-page-header{flex-direction:column;align-items:flex-start;gap:1rem}.monitoring-status-cards{grid-template-columns:1fr}.grafana-iframe-container{height:600px}.metrics-info-grid,.commands-grid{grid-template-columns:1fr}.status-card-actions{flex-direction:column}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}}.rate-management{min-height:100vh;background:#f8fafc}.rm-tabs{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:2px solid #e5e7eb;gap:1rem;flex-wrap:wrap}.rm-tabs-list{display:flex;gap:.5rem;background:#f3f4f6;padding:.25rem;border-radius:10px}.rm-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-radius:8px;font-size:.9rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.rm-tab:hover{color:#374151;background:#fff}.rm-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.rm-refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#f0fdf4;color:#059669;border:2px solid #059669;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.rm-refresh-btn:hover:not(:disabled){background:#059669;color:#fff}.rm-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.rm-refresh-btn .spinning{animation:spin 1s linear infinite}.rm-content{padding:1rem}.rm-stats-bar{display:flex;gap:1rem;padding:1rem;background:#fff;border-radius:12px;margin-bottom:1rem;border:2px solid #e5e7eb;flex-wrap:wrap}.rm-stats-bar .stat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f9fafb;border-radius:8px;flex:1;min-width:150px}.rm-stats-bar .stat-item svg{color:#3b82f6}.rm-stats-bar .stat-value{font-size:1.1rem;font-weight:700;color:#1a1a1a}.rm-stats-bar .stat-label{font-size:.75rem;color:#6b7280}.rm-info-banner{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:12px;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.rm-info-banner .banner-content{display:flex;align-items:center;gap:.75rem}.rm-info-banner .banner-content svg{color:#059669}.rm-info-banner .banner-text{color:#166534;font-size:.9rem}.rm-info-banner .banner-text strong{color:#14532d}.rm-info-banner .stats-text{color:#15803d;font-size:.8rem}.recalculate-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.recalculate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.recalculate-btn:disabled{opacity:.7;cursor:not-allowed}.recalculate-btn.loading .spinning{animation:spin 1s linear infinite}.rm-lookup-section{background:#fff;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem;border:2px solid #e5e7eb}.rm-lookup-section .lookup-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;color:#374151}.rm-lookup-section .lookup-form{display:flex;gap:.75rem;margin-bottom:.75rem}.rm-lookup-section .lookup-form input{flex:1;padding:.6rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;transition:border-color .2s}.rm-lookup-section .lookup-form input:focus{outline:none;border-color:#3b82f6}.rm-lookup-section .lookup-form button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.rm-lookup-section .lookup-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.rm-lookup-section .lookup-form button:disabled{opacity:.6;cursor:not-allowed}.rm-lookup-section .lookup-result{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;background:#f9fafb;padding:.75rem;border-radius:8px}.rm-lookup-section .result-item{display:flex;flex-direction:column;gap:.15rem}.rm-lookup-section .result-item .label{font-size:.7rem;color:#6b7280;text-transform:uppercase;font-weight:600}.rm-lookup-section .result-item .value{font-size:.9rem;color:#1a1a1a;font-weight:500}.rm-lookup-section .result-item.highlight .value{font-size:1.1rem;color:#059669;font-weight:700}.rm-lookup-section .result-item .value.source-prefix{color:#059669}.rm-lookup-section .result-item .value.source-country{color:#d97706}.rm-lookup-section .result-item .value.source-default{color:#dc2626}.rm-split-view{background:#fff;border-radius:12px;border:2px solid #e5e7eb;overflow:hidden;min-height:500px}.rm-split-view.desktop{display:flex;flex-direction:row;height:600px}.rm-split-view.desktop .master-panel{width:320px;min-width:320px;max-width:320px;flex-shrink:0;height:100%;overflow-y:auto;overflow-x:hidden;background:#fafbfc;border-right:2px solid #e5e7eb}.rm-split-view.desktop .detail-panel{flex:1;height:100%;overflow-y:auto;overflow-x:hidden;background:#fff}.rm-split-view .no-selection{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-size:.95rem}.rm-split-view.mobile{position:relative}.rm-split-view.mobile .mobile-master{transition:transform .3s ease}.rm-split-view.mobile .mobile-master.hidden{transform:translate(-100%);position:absolute}.rm-split-view.mobile .mobile-detail{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;transform:translate(100%);transition:transform .3s ease}.rm-split-view.mobile .mobile-detail.visible{transform:translate(0)}.rm-split-view.mobile .mobile-back{display:flex;align-items:center;gap:.25rem;padding:.75rem 1rem;background:#f3f4f6;border:none;font-weight:600;color:#3b82f6;cursor:pointer}.rm-search-bar{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s}.rm-search-bar:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.rm-search-bar .search-icon{color:#9ca3af}.rm-search-bar input{flex:1;border:none;outline:none;font-size:.875rem;color:#1a1a1a}.rm-search-bar input::placeholder{color:#9ca3af}.rm-search-bar .clear-btn{display:flex;padding:.25rem;background:#fee2e2;border:none;border-radius:4px;color:#dc2626;cursor:pointer}.rm-search-bar .clear-btn:hover{background:#fecaca}.rm-filter-dropdown{position:relative}.rm-filter-dropdown .filter-trigger{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:#fff;border:2px solid #e5e7eb;border-radius:6px;font-size:.8rem;color:#6b7280;cursor:pointer;transition:all .2s}.rm-filter-dropdown .filter-trigger:hover{border-color:#3b82f6}.rm-filter-dropdown .filter-trigger.has-value{border-color:#3b82f6;background:#eff6ff}.rm-filter-dropdown .filter-label{font-weight:600;color:#374151}.rm-filter-dropdown .filter-value{color:#3b82f6}.rm-filter-dropdown .clear-filter{display:flex;padding:.15rem;background:#dbeafe;border:none;border-radius:3px;color:#3b82f6;cursor:pointer}.rm-filter-dropdown .chevron{transition:transform .2s}.rm-filter-dropdown .chevron.open{transform:rotate(180deg)}.rm-filter-dropdown .filter-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:50;padding:.25rem}.rm-filter-dropdown .filter-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;border-radius:4px;font-size:.85rem;color:#374151;cursor:pointer;text-align:left}.rm-filter-dropdown .filter-option:hover{background:#f3f4f6}.rm-filter-dropdown .filter-option.selected{background:#eff6ff;color:#3b82f6}.rm-filter-dropdown .checkbox{width:16px;height:16px;border:2px solid #d1d5db;border-radius:3px;display:flex;align-items:center;justify-content:center}.rm-filter-dropdown .filter-option.selected .checkbox{background:#3b82f6;border-color:#3b82f6;color:#fff}.rm-filter-dropdown .option-count{margin-left:auto;font-size:.75rem;color:#9ca3af}.rm-inline-edit{display:inline-flex;align-items:center;gap:.35rem}.rm-inline-edit.display{cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .15s}.rm-inline-edit.display:hover:not(.disabled){background:#eff6ff}.rm-inline-edit.display .display-value{font-weight:500;color:#374151}.rm-inline-edit.display .edit-icon{color:#9ca3af;opacity:0;transition:opacity .15s}.rm-inline-edit.display:hover .edit-icon{opacity:1}.rm-inline-edit.display.disabled{cursor:default;opacity:.6}.rm-inline-edit.editing input{width:60px;padding:.25rem .35rem;border:2px solid #3b82f6;border-radius:4px;font-size:.85rem;font-weight:600;text-align:center}.rm-inline-edit.editing input:focus{outline:none;box-shadow:0 0 0 2px #3b82f633}.rm-inline-edit.editing .edit-prefix,.rm-inline-edit.editing .edit-suffix{font-size:.8rem;color:#6b7280}.rm-inline-edit.editing .edit-actions{display:flex;gap:.25rem;margin-left:.25rem}.rm-inline-edit.editing .save-btn,.rm-inline-edit.editing .cancel-btn{display:flex;padding:.25rem;border:none;border-radius:4px;cursor:pointer}.rm-inline-edit.editing .save-btn{background:#d1fae5;color:#059669}.rm-inline-edit.editing .save-btn:hover{background:#a7f3d0}.rm-inline-edit.editing .cancel-btn{background:#fee2e2;color:#dc2626}.rm-inline-edit.editing .cancel-btn:hover{background:#fecaca}.rm-master-list{display:flex;flex-direction:column;height:100%}.master-header{padding:1rem;border-bottom:2px solid #e5e7eb}.master-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;color:#1a1a1a}.master-header .count{background:#e5e7eb;padding:.15rem .5rem;border-radius:9999px;font-size:.75rem;color:#6b7280}.master-search{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6}.master-filters{display:flex;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid #f3f4f6;flex-wrap:wrap}.master-stats{display:flex;gap:.75rem;padding:.5rem 1rem;background:#f9fafb;border-bottom:1px solid #f3f4f6}.master-stats .stat-item{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:#6b7280}.master-stats .stat-item svg{color:#3b82f6}.master-tree{flex:1;overflow-y:auto;padding:.5rem 0}.tree-loading,.tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#9ca3af}.tree-loading .spinner-small{width:24px;height:24px;border:3px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:.5rem}.region-group{margin-bottom:.25rem}.region-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem 1rem;background:none;border:none;font-size:.85rem;font-weight:600;color:#374151;cursor:pointer;transition:background .15s}.region-header:hover{background:#f3f4f6}.region-header svg{color:#9ca3af}.region-header .region-name{flex:1;text-align:left}.region-header .region-count{font-size:.75rem;color:#9ca3af;font-weight:500}.region-countries{padding-left:1.5rem}.country-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;border-radius:6px;margin:.15rem 0;font-size:.85rem;color:#374151;cursor:pointer;transition:all .15s;text-align:left}.country-item:hover{background:#eff6ff}.country-item.selected{background:#3b82f6;color:#fff}.country-item .country-flag{font-size:1.1rem}.country-item .country-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-item .country-prefixes{font-size:.7rem;padding:.15rem .4rem;background:#3b82f61a;border-radius:9999px;color:#3b82f6}.country-item.selected .country-prefixes{background:#fff3;color:#fff}.rm-detail-panel{display:flex;flex-direction:column;height:100%}.rm-detail-panel.empty{align-items:center;justify-content:center}.empty-detail{text-align:center;color:#9ca3af}.empty-detail svg{opacity:.3;margin-bottom:.75rem}.detail-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#f9fafb,#fff)}.detail-header .header-info{flex:1}.detail-header .country-flag.large{font-size:2.5rem}.detail-header h2{margin:0 0 .25rem;font-size:1.25rem;color:#1a1a1a}.detail-header .country-code{font-size:.85rem;color:#6b7280;font-family:monospace}.detail-tabs{display:flex;gap:.25rem;padding:0 1rem;border-bottom:2px solid #e5e7eb;background:#fafbfc}.detail-tabs button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;border-bottom:3px solid transparent;font-size:.85rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .15s;margin-bottom:-2px}.detail-tabs button:hover{color:#374151}.detail-tabs button.active{color:#3b82f6;border-bottom-color:#3b82f6}.detail-content{flex:1;overflow-y:auto;padding:1.25rem}.summary-tab{animation:fadeIn .3s ease}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.summary-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;transition:all .2s}.summary-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.summary-card .card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.summary-card .card-icon.mobile{background:linear-gradient(135deg,#3b82f6,#2563eb)}.summary-card .card-icon.landline{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.summary-card .card-icon.total{background:linear-gradient(135deg,#f59e0b,#d97706)}.summary-card .card-icon.rate{background:linear-gradient(135deg,#10b981,#059669)}.summary-card .card-content{display:flex;flex-direction:column}.summary-card .card-value{font-size:1.25rem;font-weight:700;color:#1a1a1a}.summary-card .card-label{font-size:.8rem;color:#6b7280}.rate-range-section{margin-bottom:1.5rem}.rate-range-section h4{margin:0 0 .75rem;font-size:.9rem;color:#374151}.rate-range{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px}.rate-range .range-item{display:flex;flex-direction:column;text-align:center}.rate-range .range-label{font-size:.7rem;color:#9ca3af;text-transform:uppercase}.rate-range .range-value{font-size:1rem;font-weight:700;color:#059669}.rate-range .range-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.rate-range .bar-fill{width:100%;height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px}.carriers-section h4{margin:0 0 .75rem;font-size:.9rem;color:#374151}.carrier-tags{display:flex;flex-wrap:wrap;gap:.5rem}.carrier-tag{padding:.35rem .75rem;background:#eff6ff;color:#3b82f6;font-size:.8rem;font-weight:500;border-radius:9999px}.carrier-tag.more{background:#f3f4f6;color:#6b7280}.prefixes-tab{animation:fadeIn .3s ease}.prefixes-toolbar{margin-bottom:1rem}.prefixes-table-container{overflow-x:auto;border:2px solid #e5e7eb;border-radius:8px;margin-bottom:1rem}.prefixes-table{width:100%;border-collapse:collapse;min-width:650px}.prefixes-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.prefixes-table th{padding:.75rem;text-align:left;font-size:.7rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.prefixes-table tbody tr{border-bottom:1px solid #f3f4f6}.prefixes-table tbody tr:hover{background:#f9fafb}.prefixes-table td{padding:.6rem .75rem;font-size:.85rem}.prefixes-table .prefix-code{font-family:monospace;background:#f3f4f6;padding:.2rem .4rem;border-radius:4px;font-size:.8rem}.prefixes-table .route-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;color:#374151}.prefixes-table .route-type{display:inline-block;padding:.2rem .4rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:capitalize}.prefixes-table .rate-cell{font-family:monospace;font-size:.85rem;color:#6b7280}.prefixes-table .rate-cell.selling{color:#059669;font-weight:600}.prefixes-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:.75rem;background:#f9fafb;border-radius:8px}.prefixes-pagination button{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:#fff;border:2px solid #e5e7eb;border-radius:6px;font-size:.8rem;font-weight:500;color:#374151;cursor:pointer}.prefixes-pagination button:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.prefixes-pagination button:disabled{opacity:.4;cursor:not-allowed}.prefixes-pagination span{font-size:.8rem;color:#6b7280}.bulk-tab{animation:fadeIn .3s ease}.bulk-info{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#eff6ff;border-radius:8px;margin-bottom:1.5rem}.bulk-info svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.bulk-info p{margin:0;font-size:.9rem;color:#1e40af}.bulk-form{max-width:400px}.bulk-form .form-group{margin-bottom:1rem}.bulk-form .form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:#374151}.bulk-form .input-with-suffix{display:flex;align-items:center;gap:.5rem}.bulk-form .input-with-suffix input{flex:1;padding:.6rem .75rem;border:2px solid #e5e7eb;border-radius:6px;font-size:.95rem;font-weight:600}.bulk-form .input-with-suffix input:focus{outline:none;border-color:#3b82f6}.bulk-form .input-with-suffix .suffix{font-weight:600;color:#6b7280}.bulk-form select{width:100%;padding:.6rem .75rem;border:2px solid #e5e7eb;border-radius:6px;font-size:.9rem;background:#fff;cursor:pointer}.bulk-form select:focus{outline:none;border-color:#3b82f6}.bulk-preview{padding:1rem;background:#fef3c7;border-radius:8px;margin-bottom:1rem}.bulk-preview h5{margin:0 0 .5rem;font-size:.85rem;color:#92400e}.bulk-preview p{margin:0;font-size:.9rem;color:#78350f}.bulk-apply-btn{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.bulk-apply-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.bulk-apply-btn:disabled{opacity:.6;cursor:not-allowed}.tab-loading{display:flex;justify-content:center;padding:2rem}.tab-loading .spinner-small,.cards-loading .spinner-small{width:32px;height:32px;border:3px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.tab-empty{display:flex;flex-direction:column;align-items:center;padding:2rem;color:#9ca3af;text-align:center}.tab-empty svg{opacity:.3;margin-bottom:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.rm-country-list{display:flex;flex-direction:column;height:100%}.country-list-header{padding:1rem;border-bottom:2px solid #e5e7eb}.country-list-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;color:#1a1a1a}.country-list-header .count{background:#e5e7eb;padding:.15rem .5rem;border-radius:9999px;font-size:.75rem;color:#6b7280}.country-list-search{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6}.country-cards-container{flex:1;overflow-y:auto;padding:.75rem}.cards-loading,.cards-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#9ca3af}.country-cards-grid{display:flex;flex-direction:column;gap:.5rem}.country-card{display:flex;flex-direction:column;padding:.75rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s;text-align:left}.country-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.country-card.selected{border-color:#3b82f6;background:#eff6ff}.country-card .card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.country-card .country-flag{font-size:1.25rem}.country-card .country-info{flex:1}.country-card .country-name{display:block;font-weight:600;font-size:.9rem;color:#1a1a1a}.country-card .country-code{display:block;font-size:.75rem;color:#6b7280}.country-card .card-rates{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem;padding:.5rem;background:#f9fafb;border-radius:6px}.country-card .rate-row{display:flex;align-items:center;gap:.35rem;font-size:.8rem}.country-card .mobile-icon{color:#3b82f6}.country-card .landline-icon{color:#8b5cf6}.country-card .rate-label{color:#6b7280}.country-card .rate-value{margin-left:auto;font-weight:600;color:#059669;font-family:monospace}.country-card .card-footer{display:flex;align-items:center;justify-content:space-between}.country-card .prefix-count{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.country-card .prefix-count svg{color:#3b82f6}.country-card .arrow{color:#9ca3af}.rm-country-detail{display:flex;flex-direction:column;height:100%;overflow-y:auto}.rm-country-detail.empty{align-items:center;justify-content:center}.country-detail-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#f9fafb,#fff)}.country-detail-header .header-info{flex:1}.country-detail-header .country-flag.large{font-size:2.5rem}.country-detail-header h2{margin:0 0 .25rem;font-size:1.25rem;color:#1a1a1a}.country-detail-header .country-meta{display:flex;gap:.5rem;font-size:.8rem}.country-detail-header .iso{padding:.15rem .5rem;background:#f3f4f6;border-radius:4px;color:#6b7280;font-weight:600}.country-detail-header .dial{color:#6b7280}.detail-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.25rem}.detail-stat{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px}.detail-stat svg{flex-shrink:0}.detail-stat.mobile svg{color:#3b82f6}.detail-stat.landline svg{color:#8b5cf6}.detail-stat.prefixes svg{color:#f59e0b}.detail-stat.average svg{color:#10b981}.detail-stat .stat-content{display:flex;flex-direction:column}.detail-stat .stat-value{font-size:1.15rem;font-weight:700;color:#1a1a1a}.detail-stat .stat-label{font-size:.75rem;color:#6b7280}.rate-visualization{padding:0 1.25rem 1.25rem}.rate-visualization h4{margin:0 0 .75rem;font-size:.9rem;color:#374151}.rate-bars{display:flex;flex-direction:column;gap:.75rem}.rate-bar-row{display:flex;align-items:center;gap:.75rem}.rate-bar-row .bar-label{width:60px;font-size:.8rem;font-weight:600;color:#6b7280}.rate-bar-row .bar-container{flex:1;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden}.rate-bar-row .bar-fill{height:100%;border-radius:6px;transition:width .3s ease}.rate-bar-row .bar-fill.mobile{background:linear-gradient(90deg,#3b82f6,#2563eb)}.rate-bar-row .bar-fill.landline{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.rate-bar-row .bar-value{width:80px;text-align:right;font-size:.85rem;font-weight:600;color:#059669;font-family:monospace}.last-calculated{padding:0 1.25rem 1rem;font-size:.8rem;color:#9ca3af}.prefixes-section{margin:0 1.25rem 1.25rem}.prefixes-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.prefixes-toggle:hover{border-color:#3b82f6;background:#eff6ff}.prefixes-toggle svg:first-child{color:#3b82f6}.prefixes-toggle span{flex:1;text-align:left}.prefixes-content{margin-top:.75rem;padding:.75rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px}.prefixes-loading{display:flex;justify-content:center;padding:1.5rem}.prefixes-empty{text-align:center;padding:1.5rem;color:#9ca3af}.prefixes-table-wrapper{overflow-x:auto}.prefixes-mini-table{width:100%;border-collapse:collapse;font-size:.8rem}.prefixes-mini-table th{padding:.5rem;text-align:left;font-weight:600;color:#6b7280;border-bottom:2px solid #e5e7eb}.prefixes-mini-table td{padding:.5rem;border-bottom:1px solid #f3f4f6}.prefixes-mini-table .prefix-code{font-family:monospace;background:#f3f4f6;padding:.15rem .35rem;border-radius:3px}.prefixes-mini-table .route-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.prefixes-section .prefixes-pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;padding-top:.75rem;margin-top:.75rem;border-top:1px solid #f3f4f6}.prefixes-section .prefixes-pagination button{display:flex;padding:.35rem;background:#f3f4f6;border:none;border-radius:4px;color:#6b7280;cursor:pointer}.prefixes-section .prefixes-pagination button:hover:not(:disabled){background:#e5e7eb;color:#374151}.prefixes-section .prefixes-pagination button:disabled{opacity:.4;cursor:not-allowed}.prefixes-section .prefixes-pagination span{font-size:.8rem;color:#6b7280}.rm-comparison-list{display:flex;flex-direction:column;height:100%}.comparison-list-header{padding:1rem;border-bottom:2px solid #e5e7eb}.comparison-list-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;color:#1a1a1a}.comparison-list-header .count{background:#e5e7eb;padding:.15rem .5rem;border-radius:9999px;font-size:.75rem;color:#6b7280}.comparison-list-search{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6}.comparison-cards-container{flex:1;overflow-y:auto;padding:.75rem}.comparison-cards-grid{display:flex;flex-direction:column;gap:.5rem}.comparison-card{display:flex;flex-direction:column;padding:.75rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s}.comparison-card:hover{border-color:#4f46e5;box-shadow:0 2px 8px #4f46e51a}.comparison-card.selected{border-color:#4f46e5;background:#eef2ff}.comparison-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.comparison-card .country-info{display:flex;align-items:center;gap:.5rem}.comparison-card .country-flag{font-size:1.25rem}.comparison-card .country-name{font-weight:600;font-size:.9rem;color:#1a1a1a}.comparison-card .badges{display:flex;gap:.35rem}.comparison-card .badge{padding:.15rem .4rem;font-size:.6rem;font-weight:700;border-radius:4px;text-transform:uppercase}.comparison-card .badge.eu{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.comparison-card .badge.custom{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.comparison-card .card-comparison{display:flex;flex-direction:column;gap:.35rem;padding:.5rem;background:#f9fafb;border-radius:6px;margin-bottom:.5rem}.comparison-card .comp-row{display:flex;align-items:center;gap:.35rem;font-size:.8rem}.comparison-card .comp-row .label{font-weight:600;width:35px}.comparison-card .comp-row.payg .label{color:#92400e}.comparison-card .comp-row.sub .label{color:#065f46}.comparison-card .comp-row .minutes{flex:1;font-weight:500}.comparison-card .comp-row.payg .minutes{color:#b45309}.comparison-card .comp-row.sub .minutes{color:#047857}.comparison-card .comp-row .margin{font-size:.7rem;color:#9ca3af}.comparison-card .card-footer{display:flex;align-items:center;justify-content:space-between}.comparison-card .bonus{font-size:.75rem;font-weight:600;color:#6b7280}.comparison-card .bonus.positive{color:#7c3aed;background:#ede9fe;padding:.2rem .5rem;border-radius:4px}.comparison-card .edit-margin-btn{display:flex;padding:.4rem;background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .15s}.comparison-card .edit-margin-btn:hover{background:#4338ca;transform:scale(1.05)}.rm-comparison-detail{padding:1.25rem}.rm-comparison-detail.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af;text-align:center}.rm-comparison-detail.empty svg{opacity:.3;margin-bottom:.75rem}.rm-comparison-detail .detail-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb;margin-bottom:1rem}.rm-comparison-detail .flag{font-size:2.5rem}.rm-comparison-detail .header-info{flex:1}.rm-comparison-detail .header-info h2{margin:0 0 .25rem;font-size:1.25rem;color:#1a1a1a}.rm-comparison-detail .header-info .code{font-size:.8rem;color:#6b7280}.rm-comparison-detail .badges{display:flex;gap:.5rem}.rm-comparison-detail .badge{padding:.25rem .6rem;font-size:.7rem;font-weight:700;border-radius:4px;text-transform:uppercase}.rm-comparison-detail .badge.eu{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.rm-comparison-detail .badge.custom{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.rm-comparison-detail .tier-selector{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;background:#f9fafb;border-radius:8px}.rm-comparison-detail .tier-selector label{font-size:.85rem;font-weight:600;color:#374151}.rm-comparison-detail .tier-selector select{padding:.4rem .75rem;border:2px solid #e5e7eb;border-radius:6px;font-size:.85rem;font-weight:500;background:#fff;cursor:pointer}.comparison-stats{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.comp-stat{padding:1rem;border-radius:10px}.comp-stat.payg{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b}.comp-stat.sub{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981}.comp-stat .stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.comp-stat.payg .stat-header span:first-child{color:#92400e;font-weight:700}.comp-stat.sub .stat-header span:first-child{color:#065f46;font-weight:700}.comp-stat .margin{font-size:.75rem;color:#6b7280}.comp-stat .stat-content{display:flex;flex-direction:column;gap:.5rem}.comp-stat .stat-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.comp-stat.payg .stat-item svg{color:#d97706}.comp-stat.sub .stat-item svg{color:#059669}.comp-stat .stat-item .label{color:#6b7280}.comp-stat .stat-item .value{margin-left:auto;font-weight:600}.comp-stat.payg .stat-item .value{color:#b45309}.comp-stat.sub .stat-item .value{color:#047857}.comp-stat .stat-item.rate .value{font-family:monospace}.bonus-section{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:2px solid #8b5cf6;border-radius:10px}.bonus-section svg{color:#7c3aed}.bonus-section .bonus-content{display:flex;flex-direction:column;gap:.25rem}.bonus-section .bonus-label{font-size:.8rem;font-weight:600;color:#5b21b6}.bonus-section .bonus-value{font-size:.9rem;font-weight:700}.bonus-section .bonus-value.positive{color:#6d28d9}.edit-margins-btn{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem}.edit-margins-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.rm-comparison-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.25rem;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:2px solid #a5b4fc;border-radius:12px;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.rm-comparison-header .header-content{display:flex;align-items:flex-start;gap:.75rem}.rm-comparison-header .header-content svg{color:#4f46e5;flex-shrink:0;margin-top:2px}.rm-comparison-header h2{margin:0 0 .25rem;font-size:1.1rem;color:#312e81}.rm-comparison-header p{margin:0;font-size:.8rem;color:#4338ca}.rm-comparison-header .header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.rm-comparison-header .tier-select-header{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.4rem .75rem;border-radius:6px;border:2px solid #c7d2fe}.rm-comparison-header .tier-select-header label{font-size:.8rem;font-weight:600;color:#4338ca}.rm-comparison-header .tier-select-header select{padding:.3rem .5rem;border:2px solid #e5e7eb;border-radius:4px;font-size:.8rem;font-weight:500;background:#fff;cursor:pointer}.rm-margin-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.rm-margin-editor{background:#fff;border-radius:16px;width:100%;max-width:450px;box-shadow:0 20px 60px #0003;animation:slideIn .3s ease}.rm-margin-editor .editor-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#4f46e5,#4338ca);border-radius:16px 16px 0 0;color:#fff}.rm-margin-editor .header-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1rem}.rm-margin-editor .header-country{display:flex;align-items:center;gap:.35rem;margin-left:auto;font-size:.9rem}.rm-margin-editor .header-country .flag{font-size:1.25rem}.rm-margin-editor .close-btn{display:flex;padding:.35rem;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s;margin-left:.5rem}.rm-margin-editor .close-btn:hover{background:#ffffff4d}.rm-margin-editor .editor-body{padding:1.25rem}.rm-margin-editor .margin-inputs{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.rm-margin-editor .input-group{display:flex;flex-direction:column;gap:.4rem}.rm-margin-editor .input-group label{font-weight:600;font-size:.9rem;color:#374151}.rm-margin-editor .input-row{display:flex;align-items:center;gap:.5rem}.rm-margin-editor .input-row input{flex:1;padding:.6rem .75rem;border:2px solid #e5e7eb;border-radius:6px;font-size:1rem;font-weight:600;text-align:center;transition:border-color .2s}.rm-margin-editor .input-row input:focus{outline:none;border-color:#4f46e5}.rm-margin-editor .input-row .suffix{font-size:1rem;font-weight:600;color:#6b7280}.rm-margin-editor .default-hint{font-size:.75rem;color:#9ca3af}.rm-margin-editor .margin-preview{background:#f9fafb;border-radius:10px;padding:1rem;border:2px solid #e5e7eb}.rm-margin-editor .margin-preview h4{margin:0 0 .75rem;font-size:.85rem;color:#6b7280;font-weight:600}.rm-margin-editor .preview-grid{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.rm-margin-editor .preview-item{display:flex;flex-direction:column;padding:.6rem .75rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px}.rm-margin-editor .preview-item.payg{border-color:#fbbf24;background:#fef3c7}.rm-margin-editor .preview-item.sub{border-color:#34d399;background:#d1fae5}.rm-margin-editor .preview-label{font-size:.7rem;color:#6b7280;font-weight:600;text-transform:uppercase}.rm-margin-editor .preview-value{font-size:1rem;font-weight:700;color:#1a1a1a}.rm-margin-editor .preview-arrow{color:#9ca3af;font-size:1.25rem}.rm-margin-editor .preview-bonus{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:#ede9fe;border-radius:8px;font-size:.85rem;font-weight:600;color:#5b21b6;margin-left:auto}.rm-margin-editor .preview-bonus.negative{background:#fee2e2;color:#dc2626}.rm-margin-editor .rate-info{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb;font-size:.8rem;color:#6b7280}.rm-margin-editor .editor-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#f9fafb;border-radius:0 0 16px 16px;border-top:2px solid #e5e7eb}.rm-margin-editor .reset-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:#fee2e2;color:#dc2626;border:2px solid #fecaca;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.rm-margin-editor .reset-btn:hover:not(:disabled){background:#fecaca;border-color:#f87171}.rm-margin-editor .reset-btn:disabled{opacity:.5;cursor:not-allowed}.rm-margin-editor .footer-actions{display:flex;gap:.5rem}.rm-margin-editor .cancel-btn{padding:.5rem 1rem;background:#f3f4f6;color:#374151;border:2px solid #e5e7eb;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.rm-margin-editor .cancel-btn:hover:not(:disabled){background:#e5e7eb}.rm-margin-editor .save-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.rm-margin-editor .save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.rm-margin-editor .save-btn:disabled,.rm-margin-editor .cancel-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1200px){.rm-tabs{padding:.75rem 1rem}.rm-tab{padding:.6rem 1rem;font-size:.85rem}.rm-stats-bar{padding:.75rem}.summary-grid{grid-template-columns:1fr 1fr}.detail-stats-grid{grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem}}@media (max-width: 768px){.rm-tabs{flex-direction:column;gap:.75rem}.rm-tabs-list{width:100%;overflow-x:auto}.rm-tab{padding:.6rem .75rem;font-size:.8rem;white-space:nowrap}.rm-tab span{display:none}.rm-refresh-btn{width:100%;justify-content:center}.rm-stats-bar{flex-direction:column}.rm-stats-bar .stat-item{min-width:100%}.rm-info-banner{flex-direction:column;text-align:center}.rm-info-banner .recalculate-btn{width:100%;justify-content:center}.rm-lookup-section .lookup-form{flex-direction:column}.rm-lookup-section .lookup-result{grid-template-columns:1fr 1fr}.rm-split-view{min-height:auto}.rm-split-view .master-panel{border-right:none;border-bottom:2px solid #e5e7eb}.summary-grid{grid-template-columns:1fr}.detail-stats-grid{grid-template-columns:1fr;gap:.5rem;padding:.75rem}.rate-bar-row{flex-wrap:wrap}.rate-bar-row .bar-label{width:100%;margin-bottom:.25rem}.rm-comparison-header{flex-direction:column;align-items:stretch}.rm-comparison-header .header-actions{flex-direction:column}.rm-comparison-header .tier-select-header{width:100%;justify-content:space-between}.rm-comparison-header .recalculate-btn{width:100%;justify-content:center}.comparison-stats{gap:.75rem}.rm-margin-editor-overlay{padding:10px}.rm-margin-editor{max-height:90vh;overflow-y:auto}.rm-margin-editor .preview-grid{flex-direction:column;align-items:stretch}.rm-margin-editor .preview-arrow{transform:rotate(90deg);text-align:center;margin:.25rem 0}.rm-margin-editor .preview-bonus{margin-left:0;justify-content:center}.rm-margin-editor .editor-footer{flex-direction:column;gap:.75rem}.rm-margin-editor .reset-btn{width:100%;justify-content:center}.rm-margin-editor .footer-actions{width:100%}.rm-margin-editor .footer-actions button{flex:1}}@media (max-width: 400px){.rm-content{padding:.5rem}.master-header,.country-list-header,.comparison-list-header{padding:.75rem}.detail-header{padding:1rem;flex-wrap:wrap}.detail-header .country-flag.large{font-size:2rem}.prefixes-table{min-width:500px}}.settings-page{padding:2rem;max-width:1600px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{display:flex;align-items:center;gap:1rem;font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.subtitle{color:#666;font-size:1rem;margin:0}.settings-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:#fff;padding:.5rem;border-radius:12px;border:2px solid #e5e7eb}.settings-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border:none;background:transparent;color:#6b7280;font-weight:600;font-size:1rem;border-radius:8px;cursor:pointer;transition:all .2s}.settings-tabs button:hover{background:#f9fafb;color:#1a1a1a}.settings-tabs button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.settings-content{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-controls{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:300px;position:relative;display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:.75rem 1rem;transition:all .2s}.search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-box svg{color:#9ca3af;margin-right:.75rem}.search-box input{flex:1;border:none;outline:none;font-size:.95rem;color:#1a1a1a}.search-box input::placeholder{color:#9ca3af}.stats-badge{background:#fff;padding:.75rem 1.5rem;border-radius:12px;border:2px solid #e5e7eb;font-size:.95rem;color:#666}.stats-badge strong{color:#1a1a1a;font-weight:600;margin-left:.25rem}.countries-table-container{background:#fff;border-radius:16px;border:2px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000000d}.countries-table{width:100%;border-collapse:collapse}.countries-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.countries-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.countries-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s}.countries-table tbody tr:hover{background-color:#f9fafb}.countries-table td{padding:1.25rem 1.5rem;font-size:.95rem}.country-cell{display:flex;align-items:center;gap:1rem}.flag{font-size:2rem;line-height:1}.country-name{font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.country-code{font-size:.85rem;color:#6b7280;font-family:Courier New,monospace}.dial-code{font-family:Courier New,monospace;color:#374151;font-weight:500}.rate{font-weight:600;color:#059669;font-size:1.05rem}.rate-input{width:100px;padding:.5rem .75rem;border:2px solid #3b82f6;border-radius:6px;font-size:.95rem;font-weight:600;color:#1a1a1a;outline:none;transition:all .2s}.rate-input:focus{box-shadow:0 0 0 3px #3b82f61a}.date{color:#6b7280;font-size:.9rem}.status-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:9999px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.status-toggle.active{background:#d1fae5;color:#065f46}.status-toggle.active:hover{background:#a7f3d0}.status-toggle.inactive{background:#fee2e2;color:#991b1b}.status-toggle.inactive:hover{background:#fecaca}.action-buttons{display:flex;gap:.5rem}.btn-edit,.btn-save,.btn-cancel{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit{background:#3b82f6;color:#fff}.btn-edit:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-save{background:#10b981;color:#fff}.btn-save:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-cancel{background:#6b7280;color:#fff}.btn-cancel:hover:not(:disabled){background:#4b5563}.btn-save:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem;background:#fff;border-radius:12px;border:2px solid #e5e7eb}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:#6b7280;font-weight:500}.system-status{display:flex;flex-direction:column;gap:2.5rem}.status-section{background:#fff;border-radius:16px;border:2px solid #e5e7eb;padding:2rem;box-shadow:0 1px 3px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.section-header h3{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-refresh:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,px),1fr));gap:1.5rem}.status-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:12px;transition:all .2s}.status-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.status-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.status-content{flex:1}.status-label{font-size:.875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.status-value{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:.35rem}.status-value.online{color:#059669}.status-value.offline{color:#dc2626}.status-meta{font-size:.85rem;color:#9ca3af}.connected-users{margin-top:2rem;padding-top:2rem;border-top:2px solid #f3f4f6}.connected-users h4{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:1.25rem}.users-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,px),1fr));gap:1rem}.user-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s}.user-item:hover{background:#fff;box-shadow:0 2px 8px #00000014}.user-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-weight:600;color:#1a1a1a;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-phone{font-size:.85rem;color:#6b7280;font-family:Courier New,monospace}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge.in-call{background:#dbeafe;color:#1e40af}.empty-state{text-align:center;padding:4rem 2rem;color:#9ca3af}.empty-state svg{opacity:.3;margin-bottom:1rem}.empty-state p{font-size:1.1rem;margin-bottom:1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:1rem}.spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 1200px){.status-grid,.users-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.settings-page{padding:1rem}.page-header h1{font-size:1.5rem}.settings-tabs{flex-direction:column}.settings-tabs button{padding:.85rem 1.5rem}.settings-controls{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.countries-table-container{overflow-x:auto}.countries-table{min-width:900px}.status-grid,.users-list{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.btn-refresh{width:100%;justify-content:center}}.prefix-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#fff;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;border:2px solid #e5e7eb;transition:all .2s}.stat-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.stat-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff}.stat-content .stat-value{font-size:1.5rem;font-weight:700;color:#1a1a1a}.stat-content .stat-label{font-size:.875rem;color:#6b7280}.lookup-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:2px solid #e5e7eb}.lookup-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.1rem;color:#1a1a1a}.lookup-form{display:flex;gap:.75rem;margin-bottom:1rem}.lookup-form input{flex:1;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .2s}.lookup-form input:focus{outline:none;border-color:#3b82f6}.lookup-form button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.lookup-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.lookup-form button:disabled{opacity:.6;cursor:not-allowed}.lookup-result{background:#f9fafb;border-radius:8px;padding:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.result-row{display:flex;flex-direction:column;gap:.25rem}.result-row .label{font-size:.75rem;color:#6b7280;text-transform:uppercase;font-weight:600}.result-row .value{font-size:1rem;color:#1a1a1a;font-weight:500}.result-row .value.highlight{font-size:1.25rem;color:#059669;font-weight:700}.result-row .value.source-prefix{color:#059669}.result-row .value.source-country{color:#d97706}.result-row .value.source-default{color:#dc2626}.prefix-controls{flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem;color:#6b7280}.filter-input{padding:.6rem .75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;width:120px;transition:border-color .2s}.filter-input:focus{outline:none;border-color:#3b82f6}.filter-select{padding:.6rem .75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer}.filter-select:focus{outline:none;border-color:#3b82f6}.btn-clear{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:#fee2e2;color:#dc2626;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-clear:hover{background:#fecaca}.btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#f0fdf4;color:#059669;border:2px solid #059669;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-refresh:hover:not(:disabled){background:#059669;color:#fff}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.btn-refresh .spinning{animation:spin 1s linear infinite}.prefix-table .prefix-code{font-family:Monaco,Menlo,monospace;font-size:.875rem;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;color:#1a1a1a}.prefix-table .route-name{font-size:.875rem;color:#374151;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prefix-table .route-type{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize}.route-type.type-mobile{background:#dbeafe;color:#1d4ed8}.route-type.type-landline{background:#e0e7ff;color:#4338ca}.route-type.type-other{background:#f3f4f6;color:#6b7280}.route-type.type-premium{background:#fef3c7;color:#d97706}.route-type.type-tollfree{background:#d1fae5;color:#059669}.prefix-table .cost-rate{color:#6b7280}.prefix-table .selling-rate{color:#059669;font-weight:600}.prefix-table .markup{font-weight:500}.markup-input{width:70px!important;padding:.35rem .5rem!important;font-size:.875rem!important}@media (max-width: 1024px){.prefix-controls{gap:.75rem}.filter-group{flex-wrap:wrap;width:100%}.filter-input,.filter-select{flex:1;min-width:100px}.prefix-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.lookup-form{flex-direction:column}.lookup-result{grid-template-columns:1fr 1fr}.prefix-stats-grid{grid-template-columns:1fr}}.btn-view-prefixes{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-view-prefixes:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:1100px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.country-prefix-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:16px 16px 0 0;color:#fff}.country-prefix-modal .modal-header h2{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:600;color:#fff}.country-prefix-modal .modal-header .flag{font-size:1.75rem}.modal-close{background:#fff3;border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s}.modal-close:hover{background:#ffffff4d}.country-prefix-modal .modal-body{flex:1;overflow-y:auto;padding:1.5rem}.prefix-modal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.prefix-modal-stat{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:10px;transition:all .2s}.prefix-modal-stat:hover{border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf61a}.prefix-modal-stat svg{color:#8b5cf6}.prefix-modal-stat .stat-info{display:flex;flex-direction:column}.prefix-modal-stat .stat-value{font-size:1.25rem;font-weight:700;color:#1a1a1a}.prefix-modal-stat .stat-label{font-size:.8rem;color:#6b7280}.modal-search-box{display:flex;align-items:center;gap:.75rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:.75rem 1rem;margin-bottom:1.25rem;transition:all .2s}.modal-search-box:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.modal-search-box svg{color:#9ca3af;flex-shrink:0}.modal-search-box input{flex:1;border:none;outline:none;font-size:.95rem;color:#1a1a1a}.modal-search-box input::placeholder{color:#9ca3af}.modal-search-box .clear-search{background:#fee2e2;border:none;border-radius:4px;padding:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#dc2626;transition:all .2s}.modal-search-box .clear-search:hover{background:#fecaca}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280}.modal-loading .spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.prefix-modal-table-container{background:#fff;border-radius:12px;border:2px solid #e5e7eb;overflow:hidden}.prefix-modal-table{width:100%;border-collapse:collapse}.prefix-modal-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.prefix-modal-table th{padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.prefix-modal-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s}.prefix-modal-table tbody tr:hover{background-color:#f9fafb}.prefix-modal-table td{padding:.75rem 1rem;font-size:.875rem}.prefix-modal-table .route-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.prefix-modal-table .btn-small{padding:.35rem .5rem}.modal-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.25rem;padding:1rem;background:#f9fafb;border-radius:10px}.modal-pagination .pagination-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:#fff;border:2px solid #e5e7eb;border-radius:6px;font-size:.85rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.modal-pagination .pagination-btn:hover:not(:disabled){border-color:#8b5cf6;color:#8b5cf6}.modal-pagination .pagination-btn:disabled{opacity:.4;cursor:not-allowed}.modal-pagination .pagination-info{font-size:.85rem;color:#6b7280}.btn-secondary{padding:.5rem 1rem;background:#f3f4f6;color:#374151;border:2px solid #e5e7eb;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#e5e7eb}@media (max-width: 900px){.prefix-modal-stats{grid-template-columns:repeat(2,1fr)}.prefix-modal-table-container{overflow-x:auto}.prefix-modal-table{min-width:700px}}@media (max-width: 640px){.modal-overlay{padding:10px}.modal-content{border-radius:12px;max-height:95vh}.country-prefix-modal .modal-header{padding:1rem;border-radius:12px 12px 0 0}.country-prefix-modal .modal-header h2{font-size:1.1rem}.country-prefix-modal .modal-body{padding:1rem}.prefix-modal-stats{grid-template-columns:1fr 1fr;gap:.75rem}.prefix-modal-stat{padding:.75rem}.prefix-modal-stat .stat-value{font-size:1.1rem}.modal-pagination{flex-direction:column;gap:.75rem}}.calculated-rates-info{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:12px;margin-bottom:1.5rem}.calculated-rates-info .info-text{color:#166534;font-size:.95rem}.calculated-rates-info .info-text strong{color:#14532d}.calculated-rates-info .stats-text{color:#15803d;font-size:.875rem}.btn-recalculate{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-recalculate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-recalculate:disabled{opacity:.7;cursor:not-allowed}.btn-recalculate .spinning{animation:spin 1s linear infinite}.rate-mobile{color:#059669;font-weight:600}.rate-landline{color:#0891b2;font-weight:600}.prefix-count{display:inline-block;padding:.25rem .75rem;background:#f3f4f6;color:#374151;border-radius:9999px;font-size:.875rem;font-weight:500}@media (max-width: 768px){.calculated-rates-info{flex-direction:column;gap:1rem;text-align:center}.btn-recalculate{width:100%;justify-content:center}}.rate-comparison-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:2px solid #a5b4fc;border-radius:12px;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.rate-comparison-header .header-title{display:flex;align-items:flex-start;gap:1rem}.rate-comparison-header .header-title svg{color:#4f46e5;flex-shrink:0;margin-top:2px}.rate-comparison-header .header-title h2{margin:0 0 .25rem;font-size:1.25rem;color:#312e81}.rate-comparison-header .header-title p{margin:0;font-size:.875rem;color:#4338ca}.rate-comparison-header .header-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.tier-selector{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem 1rem;border-radius:8px;border:2px solid #c7d2fe}.tier-selector label{font-size:.875rem;font-weight:600;color:#4338ca}.tier-selector select{padding:.4rem .75rem;border:2px solid #e5e7eb;border-radius:6px;font-size:.875rem;font-weight:500;background:#fff;cursor:pointer}.tier-selector select:focus{outline:none;border-color:#4f46e5}.rate-comparison-table th.payg-header,.rate-comparison-table th.sub-header,.rate-comparison-table th.bonus-header{text-align:center}.rate-comparison-table th.payg-header{background:#fef3c7;color:#92400e}.rate-comparison-table th.sub-header{background:#d1fae5;color:#065f46}.rate-comparison-table th.bonus-header{background:#ede9fe;color:#5b21b6}.rate-comparison-table .sub-header-row th{font-size:.7rem;padding:.5rem 1rem;background:#f9fafb;text-align:center}.rate-comparison-table .sub-header-row th:first-child{text-align:left}.eu-badge{display:inline-flex;align-items:center;margin-left:.5rem;padding:.15rem .5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:.65rem;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.custom-badge{display:inline-flex;align-items:center;margin-left:.5rem;padding:.15rem .5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.65rem;font-weight:700;border-radius:4px;text-transform:uppercase}.rate-comparison-table .payg-rate{color:#92400e;font-weight:600;font-size:.9rem}.rate-comparison-table .sub-rate{color:#065f46;font-weight:600;font-size:.9rem}.rate-comparison-table .payg-minutes{color:#b45309;font-weight:500}.rate-comparison-table .sub-minutes{color:#047857;font-weight:500}.rate-comparison-table .bonus{font-weight:700;font-size:.95rem;color:#6b7280}.rate-comparison-table .bonus.positive{color:#7c3aed;background:#ede9fe;padding:.25rem .5rem;border-radius:4px}.rate-comparison-table td{text-align:center}.rate-comparison-table td:first-child{text-align:left}.rate-comparison-table td:last-child{text-align:center}.margin-edit-modal{max-width:500px}.margin-edit-modal .modal-header{background:linear-gradient(135deg,#4f46e5,#4338ca);border-radius:16px 16px 0 0}.margin-edit-modal .modal-header h2{display:flex;align-items:center;gap:.75rem;color:#fff;font-size:1.15rem}.margin-edit-modal .modal-body{padding:1.5rem}.margin-inputs{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.margin-inputs .input-group{display:flex;flex-direction:column;gap:.5rem}.margin-inputs .input-group label{font-weight:600;color:#374151;font-size:.95rem}.input-with-suffix{display:flex;align-items:center;gap:.5rem}.input-with-suffix input{flex:1;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1.1rem;font-weight:600;text-align:center;transition:border-color .2s}.input-with-suffix input:focus{outline:none;border-color:#4f46e5}.input-with-suffix .suffix{font-size:1.1rem;font-weight:600;color:#6b7280}.default-hint{font-size:.8rem;color:#9ca3af}.margin-preview{background:#f9fafb;border-radius:10px;padding:1rem;border:2px solid #e5e7eb}.margin-preview h4{margin:0 0 .75rem;font-size:.9rem;color:#6b7280;font-weight:600}.preview-comparison{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.preview-item{display:flex;flex-direction:column;background:#fff;padding:.75rem 1rem;border-radius:8px;border:2px solid #e5e7eb}.preview-item .label{font-size:.75rem;color:#6b7280;font-weight:600;text-transform:uppercase}.preview-item .value{font-size:1.1rem;font-weight:700;color:#1a1a1a}.preview-comparison .arrow{color:#9ca3af;font-size:1.5rem}.preview-bonus{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ede9fe;color:#5b21b6;border-radius:8px;font-weight:600;font-size:.9rem;margin-left:auto}.margin-edit-modal .modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;border-radius:0 0 16px 16px;border-top:2px solid #e5e7eb}.modal-footer .footer-actions{display:flex;gap:.75rem}.btn-reset{padding:.6rem 1rem;background:#fee2e2;color:#dc2626;border:2px solid #fecaca;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-reset:hover:not(:disabled){background:#fecaca;border-color:#f87171}.btn-reset:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.rate-comparison-header{flex-direction:column;align-items:stretch}.rate-comparison-header .header-controls{justify-content:flex-end}.rate-comparison-table{min-width:900px}}@media (max-width: 640px){.tier-selector{width:100%;justify-content:space-between}.margin-edit-modal .modal-footer{flex-direction:column;gap:1rem}.modal-footer .footer-actions{width:100%;justify-content:stretch}.modal-footer .footer-actions button{flex:1}.btn-reset{width:100%}.preview-comparison{flex-direction:column;align-items:stretch}.preview-comparison .arrow{transform:rotate(90deg);text-align:center}.preview-bonus{margin-left:0;justify-content:center}}.feedback-page{padding:20px}.page-header h1{margin:0;color:#1a1a2e}.refresh-btn{padding:8px 16px;background:#4a90a4;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.refresh-btn:hover{background:#3a7a94}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #00000014}.stat-icon{font-size:28px}.stat-content h3{margin:0;font-size:24px;color:#1a1a2e}.stat-content p{margin:4px 0 0;font-size:12px;color:#666}.stat-card.total{border-left:4px solid #4a90a4}.stat-card.rating{border-left:4px solid #f5a623}.stat-card.audio{border-left:4px solid #7b68ee}.stat-card.experience{border-left:4px solid #50c878}.stat-card.pending{border-left:4px solid #ff6b6b}.stat-card.comments{border-left:4px solid #17a2b8}.filters-section{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{font-size:12px;color:#666;font-weight:500}.filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:140px}.feedback-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.feedback-table{width:100%;border-collapse:collapse}.feedback-table th{background:#f8f9fa;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #eee}.feedback-table td{padding:12px 16px;border-bottom:1px solid #eee;vertical-align:middle}.feedback-table tr:hover{background:#f8f9fa}.feedback-table tr.pending{background:#fff8e6}.feedback-table tr.reviewed{background:#f0fff4}.user-cell .user-info{display:flex;flex-direction:column;gap:2px}.user-cell strong{color:#1a1a2e}.user-cell small{color:#666;font-size:11px}.deleted-user{color:#999;font-style:italic}.rating-cell{text-align:center}.rating-stars{color:#f5a623;font-size:14px;display:block}.rating-number{font-size:12px;color:#666}.rating-good{color:#50c878}.rating-ok{color:#f5a623}.rating-bad{color:#ff6b6b}.comment-cell{max-width:200px}.comment-preview{font-size:13px;color:#444;line-height:1.4}.no-comment{color:#ccc}.platform-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.platform-badge.ios{background:#e8f4fd;color:#0071e3}.platform-badge.android{background:#e8f5e9;color:#3ddc84}.platform-badge.web{background:#fff3e0;color:#ff9800}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.status-badge.reviewed{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.actions-cell{white-space:nowrap}.action-buttons{display:flex;gap:6px}.action-buttons button{padding:6px 10px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:transform .1s}.action-buttons button:hover{transform:scale(1.1)}.action-buttons button:disabled{opacity:.5;cursor:not-allowed}.btn-view{background:#e3f2fd}.btn-review{background:#d4edda}.btn-delete{background:#f8d7da}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px;background:#fff;border-top:1px solid #eee}.pagination button{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer}.pagination button:hover:not(:disabled){background:#f0f0f0}.page-info{color:#666;font-size:14px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4a90a4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:#f8d7da;color:#721c24;padding:12px 16px;border-radius:8px;margin-bottom:16px}.no-data{text-align:center;padding:60px;color:#666}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:18px}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.modal-body{padding:20px}.detail-section{margin-bottom:20px}.detail-section h3{font-size:14px;color:#666;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-grid>div{font-size:14px}.ratings-display{display:flex;flex-direction:column;gap:12px}.rating-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:6px}.rating-item.average{background:#e8f4fd;font-weight:600}.rating-label{color:#666}.rating-value{font-weight:500}.comment-full{background:#f8f9fa;padding:16px;border-radius:8px;line-height:1.6;font-size:14px}.admin-notes{grid-column:span 2;background:#fff3cd;padding:12px;border-radius:6px}.admin-notes p{margin:8px 0 0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #eee}.btn-review-modal{padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer}.btn-close{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer}@media (max-width: 768px){.stats-cards{grid-template-columns:repeat(2,1fr)}.filters-section{flex-direction:column}.filter-group select{width:100%}.feedback-table{font-size:12px}.feedback-table th,.feedback-table td{padding:8px}.detail-grid{grid-template-columns:1fr}}.advertisers-page{padding:24px;max-width:1400px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:16px}.header-left{display:flex;align-items:center;gap:14px}.header-left h1{font-size:28px;font-weight:700;color:#1a1a2e;margin:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-left svg{color:#6366f1;background:linear-gradient(135deg,#e0e7ff,#ede9fe);padding:10px;border-radius:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.stat-card{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:center;gap:18px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(255,255,255,.8);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:16px 16px 0 0}.stat-card:nth-child(1):before{background:linear-gradient(90deg,#4f46e5,#6366f1)}.stat-card:nth-child(2):before{background:linear-gradient(90deg,#059669,#10b981)}.stat-card:nth-child(3):before{background:linear-gradient(90deg,#7c3aed,#8b5cf6)}.stat-card:nth-child(4):before{background:linear-gradient(90deg,#ea580c,#f97316)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5}.stat-icon.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.stat-icon.purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.stat-icon.orange{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#ea580c}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:28px;font-weight:800;color:#1a1a2e;line-height:1.2}.stat-label{font-size:13px;color:#64748b;font-weight:500}.filters-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box{display:flex;align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:12px 16px;flex:1;min-width:280px;transition:all .2s;box-shadow:0 2px 8px #0000000a}.search-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.search-box svg{color:#94a3b8;margin-right:12px;flex-shrink:0}.search-box input{border:none;outline:none;width:100%;font-size:15px;color:#1a1a2e}.search-box input::placeholder{color:#94a3b8}.filter-select{padding:12px 20px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;font-size:15px;color:#1a1a2e;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000000a}.filter-select:focus{border-color:#6366f1;outline:none}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.advertiser-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(255,255,255,.8);transition:all .3s ease;display:flex;flex-direction:column;gap:20px}.advertiser-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.card-info{flex:1;min-width:0}.card-info h3{font-size:18px;font-weight:700;color:#1a1a2e;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-info .email{font-size:14px;color:#64748b;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-info .company{font-size:13px;color:#94a3b8;display:block;margin-top:4px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:50px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.status-paused{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.status-suspended{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.tracking-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.tracking-box code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:14px;font-weight:600;color:#6366f1;background:#fff;padding:6px 12px;border-radius:8px;border:1px solid #e2e8f0}.tracking-actions{display:flex;gap:8px}.btn-icon-sm{width:36px;height:36px;border-radius:10px;border:none;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#64748b;box-shadow:0 2px 4px #0000000d}.btn-icon-sm:hover{background:#6366f1;color:#fff;transform:scale(1.05)}.card-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card-stat{text-align:center;padding:12px 8px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px}.card-stat-value{font-size:20px;font-weight:700;color:#1a1a2e;display:block}.card-stat-label{font-size:11px;color:#64748b;text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin-top:4px;display:block}.commission-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;font-size:14px;font-weight:700;color:#92400e}.card-actions{display:flex;gap:10px;padding-top:16px;border-top:1px solid #f1f5f9;flex-wrap:wrap}.btn-card{flex:1;min-width:100px;padding:12px 16px;border-radius:12px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-card.primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.btn-card.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btn-card.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-card.success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-card.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-card.warning:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.btn-card.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-card.danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-card.outline{background:#fff;color:#64748b;border:2px solid #e2e8f0}.btn-card.outline:hover{border-color:#6366f1;color:#6366f1;background:#f8fafc}.btn-primary{display:flex;align-items:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.btn-primary:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{padding:14px 24px;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-success{padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-warning{padding:14px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-danger{padding:14px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f}.pagination button{width:44px;height:44px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#64748b}.pagination button:hover:not(:disabled){background:#6366f1;border-color:#6366f1;color:#fff}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{font-size:15px;color:#64748b;font-weight:500}.loading-state,.empty-state{padding:80px 20px;text-align:center;color:#64748b;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f}.empty-state svg{opacity:.3;margin-bottom:20px}.empty-state p{font-size:16px;margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040}.create-modal{max-width:720px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #f1f5f9;position:sticky;top:0;background:#fff;border-radius:24px 24px 0 0;z-index:1}.modal-header h2{font-size:20px;font-weight:700;margin:0;color:#1a1a2e}.btn-close{width:40px;height:40px;background:#f1f5f9;border:none;border-radius:12px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close:hover{background:#e2e8f0;color:#1a1a2e}.modal form,.modal-body{padding:28px}.modal-body p{margin-bottom:20px;color:#475569;font-size:15px;line-height:1.6}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:28px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.checkbox-group label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:16px;background:#f8fafc;border-radius:12px;border:2px solid #e2e8f0;transition:all .2s}.checkbox-group label:hover{border-color:#6366f1}.checkbox-group input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:#6366f1}.checkbox-group .hint{display:block;font-size:13px;color:#64748b;font-weight:400;margin-top:4px}.modal h3{font-size:16px;font-weight:700;color:#374151;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.modal-actions{display:flex;justify-content:flex-end;gap:14px;padding:24px 28px;border-top:1px solid #f1f5f9;background:#f8fafc;border-radius:0 0 24px 24px}.password-display{padding:32px;text-align:center}.password-alert{margin-bottom:28px}.password-alert svg{color:#d97706;margin-bottom:16px}.password-alert h3{font-size:20px;margin-bottom:10px;border:none;padding:0;color:#1a1a2e}.password-alert p{color:#64748b;margin:0;font-size:15px}.password-box{display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px;border-radius:16px;margin-bottom:28px;border:2px solid #e2e8f0}.password-box code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:20px;color:#1a1a2e;letter-spacing:2px;font-weight:600}.password-box button{display:flex;align-items:center;gap:8px;padding:12px 18px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:#374151;transition:all .2s}.password-box button:hover{border-color:#6366f1;color:#6366f1}.full-width{width:100%;justify-content:center}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.cards-container{grid-template-columns:1fr}.card-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.advertisers-page{padding:16px}.page-header{flex-direction:column;align-items:stretch}.header-left{justify-content:center}.btn-primary{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr}.stat-card{padding:20px}.stat-value{font-size:24px}.filters-bar{flex-direction:column}.search-box{min-width:100%}.filter-select{width:100%}.form-grid{grid-template-columns:1fr}.card-actions{flex-direction:column}.btn-card{width:100%}.tracking-box{flex-direction:column;align-items:stretch;text-align:center}.tracking-box code{margin-bottom:12px}.tracking-actions{justify-content:center}.modal{margin:10px;max-height:95vh}.modal-header,.modal form,.modal-body{padding:20px}.modal-actions{flex-direction:column;padding:20px}.modal-actions button{width:100%}}@media (max-width: 480px){.card-stats{grid-template-columns:1fr 1fr}.pagination{flex-wrap:wrap;gap:12px}}.advertiser-details-page{padding:24px;max-width:1400px;margin:0 auto}.loading-page,.error-page{display:flex;align-items:center;justify-content:center;height:50vh;color:#64748b;font-size:16px}.page-header{margin-bottom:24px}.btn-back{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#64748b;cursor:pointer;transition:all .2s}.btn-back:hover{background:#f8fafc;color:#1a1a2e}.info-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.info-left{display:flex;gap:16px}.avatar{width:64px;height:64px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.info-details h1{font-size:24px;font-weight:600;margin:0 0 4px;color:#1a1a2e}.info-details .email{color:#64748b;margin:0 0 4px}.info-details .company{color:#94a3b8;font-size:14px;margin:0}.info-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.tracking-link{display:flex;align-items:center;gap:8px;background:#f8fafc;padding:8px 12px;border-radius:8px}.tracking-link code{font-family:Monaco,Consolas,monospace;font-size:14px;color:#6366f1}.tracking-link button,.tracking-link a{background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b}.tracking-link button:hover,.tracking-link a:hover{background:#f1f5f9;color:#1a1a2e}.quick-stats{display:flex;gap:24px;flex-wrap:wrap;padding-top:24px;border-top:1px solid #f1f5f9}.quick-stat{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:12px;flex:1;min-width:140px}.quick-stat svg{color:#6366f1}.quick-stat.highlight{background:linear-gradient(135deg,#fef3c7,#fde68a)}.quick-stat.highlight svg{color:#d97706}.quick-stat>div{display:flex;flex-direction:column}.quick-stat .value{font-size:18px;font-weight:700;color:#1a1a2e}.quick-stat .label{font-size:12px;color:#64748b}.tabs{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:10px;margin-bottom:24px}.tabs button{flex:1;padding:10px 20px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.tabs button:hover{color:#1a1a2e}.tabs button.active{background:#fff;color:#6366f1;box-shadow:0 1px 3px #0000001a}.tab-content{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.chart-card{background:#f8fafc;border-radius:12px;padding:20px}.chart-card h3{font-size:14px;font-weight:600;color:#475569;margin:0 0 16px}.no-data{display:flex;align-items:center;justify-content:center;height:200px;color:#94a3b8;font-size:14px}.rates-card{background:#f8fafc;border-radius:12px;padding:20px}.rates-card h3{font-size:14px;font-weight:600;color:#475569;margin:0 0 16px}.rates-grid{display:flex;gap:32px}.rate-item{display:flex;flex-direction:column;align-items:center}.rate-value{font-size:32px;font-weight:700;color:#6366f1}.rate-label{font-size:13px;color:#64748b}.table-container{overflow-x:auto}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #f1f5f9}.empty-cell{text-align:center!important;color:#94a3b8;padding:40px 16px!important}.user-info{display:flex;flex-direction:column}.user-info .country{font-size:12px;color:#94a3b8}.commission-cell{font-weight:600;color:#059669}.amount-cell{font-weight:600;color:#1a1a2e}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.status-active,.status-completed{background:#d1fae5;color:#059669}.status-paused,.status-pending{background:#fef3c7;color:#d97706}.status-suspended,.status-rejected{background:#fee2e2;color:#dc2626}.status-installed{background:#e0e7ff;color:#4f46e5}.status-registered{background:#dbeafe;color:#2563eb}.status-purchased{background:#d1fae5;color:#059669}.payouts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.payouts-header h3{font-size:16px;font-weight:600;margin:0}.settings-card{background:#f8fafc;border-radius:12px;padding:24px;margin-bottom:20px}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings-header h3{font-size:16px;font-weight:600;margin:0}.edit-actions{display:flex;gap:8px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.setting-item{display:flex;flex-direction:column;gap:6px}.setting-item label{font-size:13px;font-weight:500;color:#64748b}.setting-item span{font-size:15px;color:#1a1a2e}.setting-item input,.setting-item select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.dashboard-access{display:flex;flex-direction:column;gap:12px}.dashboard-access p{color:#64748b;margin:0}.dashboard-access .login-info{background:#fff;padding:12px 16px;border-radius:8px;border:1px solid #e2e8f0}.dashboard-access .login-info p{margin:4px 0;font-size:14px}.dashboard-access .login-info code{background:#f1f5f9;padding:2px 8px;border-radius:4px;font-family:Monaco,Consolas,monospace;color:#6366f1}.dashboard-access .status-enabled{color:#059669;font-weight:500}.dashboard-access .status-disabled{color:#d97706}.dashboard-access .password-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-primary{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.btn-secondary{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.modal-body>p{margin-bottom:20px;color:#64748b}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6366f1}.password-display{text-align:center}.password-alert{margin-bottom:20px}.password-alert svg{color:#d97706;margin-bottom:8px}.password-alert p{color:#64748b;margin:0}.password-box{display:flex;align-items:center;justify-content:center;gap:12px;background:#f8fafc;padding:16px;border-radius:8px}.password-box code{font-family:Monaco,Consolas,monospace;font-size:16px;color:#1a1a2e;letter-spacing:1px}.password-box button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:13px}.credentials-modal{max-width:550px}.credentials-display{display:flex;flex-direction:column;gap:16px}.credential-row{display:flex;flex-direction:column;gap:6px}.credential-row label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.credential-value{display:flex;align-items:center;gap:12px;background:#f8fafc;padding:12px 16px;border-radius:8px;border:1px solid #e2e8f0}.credential-value.highlight{background:#fef3c7;border-color:#fcd34d}.credential-value code{flex:1;font-family:Monaco,Consolas,monospace;font-size:15px;color:#1a1a2e;word-break:break-all}.credential-value button{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;color:#64748b}.credential-value button:hover{background:#f1f5f9;color:#1a1a2e}.btn-copy-all{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;margin-top:8px}.btn-copy-all:hover{background:#4f46e5}.hint{font-size:13px;color:#64748b;background:#f8fafc;padding:8px 12px;border-radius:6px;margin-top:8px}.form-group input:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}@media (max-width: 1024px){.charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.advertiser-details-page{padding:16px}.info-header{flex-direction:column}.info-right{align-items:flex-start}.quick-stats{flex-direction:column}.settings-grid{grid-template-columns:1fr}.tabs{overflow-x:auto}}.login-activity-bar{display:flex;flex-wrap:wrap;gap:18px;margin:16px 0 0;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:.85rem}.login-activity-item{display:inline-flex;align-items:center;gap:6px;color:#4b5563}.login-activity-item .lbl{color:#6b7280;font-weight:500}.login-activity-item .val{color:#111827;font-weight:600}.login-activity-item .ago{color:#9ca3af;font-size:.78rem}.payouts-page{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-left{display:flex;align-items:center;gap:12px}.header-left h1{font-size:24px;font-weight:600;color:#1a1a2e;margin:0}.header-left svg{color:#6366f1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a;border-left:4px solid transparent}.stat-card.pending{border-left-color:#f59e0b}.stat-card.approved{border-left-color:#22c55e}.stat-card.processing{border-left-color:#6366f1}.stat-card.completed{border-left-color:#059669}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-card.pending .stat-icon{background:#fef3c7;color:#d97706}.stat-card.approved .stat-icon{background:#d1fae5;color:#059669}.stat-card.processing .stat-icon{background:#e0e7ff;color:#4f46e5}.stat-card.completed .stat-icon{background:#d1fae5;color:#047857}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:#1a1a2e}.stat-label{font-size:13px;color:#64748b}.stat-amount{font-size:14px;font-weight:600;color:#059669;margin-top:4px}.filters-bar{display:flex;gap:16px;margin-bottom:24px}.filter-select{padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:14px;color:#1a1a2e;cursor:pointer;min-width:150px}.table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #f1f5f9}.data-table th{background:#f8fafc;font-weight:600;font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.data-table tbody tr:hover{background:#f8fafc}.data-table code{background:#f1f5f9;padding:4px 8px;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:12px;color:#475569}.advertiser-info{display:flex;flex-direction:column;gap:2px}.advertiser-info strong{color:#1a1a2e}.advertiser-info .tracking-code{font-size:12px;color:#6366f1;font-family:monospace}.amount-cell{font-weight:700;font-size:16px;color:#1a1a2e}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-pending{background:#fef3c7;color:#d97706}.status-approved{background:#dbeafe;color:#2563eb}.status-processing{background:#e0e7ff;color:#4f46e5}.status-completed{background:#d1fae5;color:#059669}.status-rejected{background:#fee2e2;color:#dc2626}.status-cancelled{background:#f1f5f9;color:#64748b}.action-buttons{display:flex;gap:8px}.btn-action{width:34px;height:34px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-action.approve{background:#d1fae5;color:#059669}.btn-action.approve:hover{background:#a7f3d0}.btn-action.reject{background:#fee2e2;color:#dc2626}.btn-action.reject:hover{background:#fecaca}.btn-action.process{background:#e0e7ff;color:#4f46e5}.btn-action.process:hover{background:#c7d2fe}.loading-state,.empty-state{padding:60px 20px;text-align:center;color:#64748b}.empty-state svg{opacity:.3;margin-bottom:16px}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.pagination button{width:36px;height:36px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:14px;color:#64748b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f1f5f9}.modal-header h2{font-size:18px;font-weight:600;margin:0}.btn-close{background:none;border:none;cursor:pointer;color:#64748b;padding:4px}.modal-body{padding:24px}.payout-summary{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:20px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.summary-row:not(:last-child){border-bottom:1px solid #e2e8f0}.summary-row span{color:#64748b}.summary-row strong{color:#1a1a2e}.summary-row strong.amount{font-size:18px;color:#059669}.payout-details{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:20px}.payout-details h4{font-size:14px;font-weight:600;color:#475569;margin:0 0 12px}.payout-details p{margin:8px 0;font-size:14px;color:#1a1a2e}.payout-details p strong{color:#64748b;font-weight:500}.warning-message{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fef3c7;border-radius:12px;margin-bottom:20px}.warning-message svg{color:#d97706;flex-shrink:0}.warning-message p{margin:0;color:#92400e;font-size:14px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;color:#475569;margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #f1f5f9}.btn-primary{padding:10px 20px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.btn-primary:hover{background:#4f46e5}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed}.btn-secondary{padding:10px 20px;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.btn-secondary:hover{background:#f8fafc}.btn-success{padding:10px 20px;background:#059669;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.btn-success:hover{background:#047857}.btn-success:disabled{background:#94a3b8;cursor:not-allowed}.btn-danger{padding:10px 20px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.btn-danger:hover{background:#b91c1c}.btn-danger:disabled{background:#94a3b8;cursor:not-allowed}@media (max-width: 768px){.payouts-page{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.data-table{display:block;overflow-x:auto}}.cerr-page{padding:20px;max-width:1400px}.cerr-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:8px}.cerr-title{display:flex;align-items:center;gap:14px;color:var(--primary)}.cerr-title h1{margin:0;font-size:1.6rem;color:var(--text);line-height:1.1}.cerr-title p{margin:2px 0 0;font-size:.8rem;color:var(--text-secondary)}.cerr-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cerr-range{display:inline-flex;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.cerr-range-btn{min-height:auto;padding:7px 14px;background:transparent;color:var(--text-secondary);border:none;border-radius:0;font-size:.8rem;font-weight:600}.cerr-range-btn:hover{background:var(--bg);color:var(--text)}.cerr-range-btn.active{background:var(--primary);color:#fff}.cerr-live{min-height:auto;padding:7px 14px;border-radius:8px;font-size:.8rem;font-weight:600;border:1px solid var(--border);display:inline-flex;align-items:center;gap:7px}.cerr-live.on{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.cerr-live.off{background:var(--bg);color:var(--text-secondary)}.cerr-live:hover{filter:brightness(.98)}.cerr-live-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.cerr-live.on .cerr-live-dot{background:#10b981;box-shadow:0 0 #10b98180;animation:cerr-pulse 1.8s infinite}@keyframes cerr-pulse{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 7px #10b98100}to{box-shadow:0 0 #10b98100}}.cerr-refresh{min-height:auto;padding:7px 14px;border-radius:8px;font-size:.8rem}.cerr-refresh .spin{animation:spin .8s linear infinite}.cerr-updated{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--text-secondary);margin-bottom:18px}.cerr-updated-auto{opacity:.8}.cerr-error{display:flex;align-items:center;gap:8px;background:#fee2e2;color:#991b1b;padding:12px 16px;border-radius:8px;font-size:.85rem;margin-bottom:16px}.cerr-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:16px}.cerr-stat{background:var(--card-bg);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow);border-left:4px solid var(--accent);transition:transform .15s,box-shadow .15s}.cerr-stat.clickable{cursor:pointer}.cerr-stat.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cerr-stat.selected{box-shadow:0 0 0 2px var(--accent),var(--shadow)}.cerr-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cerr-stat-body{display:flex;flex-direction:column}.cerr-stat-value{font-size:1.7rem;font-weight:700;color:var(--text);line-height:1.1}.cerr-stat-label{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.cerr-filterbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:20px}.cerr-filter-label{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;color:var(--text-secondary);font-weight:600;margin-right:2px}.cerr-pill{min-height:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border);border-radius:999px;font-size:.78rem;font-weight:600}.cerr-pill:hover{background:var(--bg);color:var(--text)}.cerr-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.cerr-card{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);padding:18px;margin-bottom:18px}.cerr-card-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-bottom:14px}.cerr-card-head h2{font-size:1rem;margin:0;color:var(--text)}.cerr-card-sub{font-size:.74rem;color:var(--text-secondary)}.cerr-chart{width:100%}.cerr-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;align-items:start}@media (max-width: 1024px){.cerr-grid{grid-template-columns:1fr}}.cerr-top-list{display:flex;flex-direction:column}.cerr-top-row{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--border)}.cerr-top-row:last-child{border-bottom:none}.cerr-top-rank{width:22px;text-align:center;font-size:.8rem;font-weight:700;color:var(--text-secondary);flex-shrink:0}.cerr-top-chip{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cerr-top-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.cerr-top-event{font-size:.82rem;font-weight:600;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cerr-top-msg{font-size:.74rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cerr-top-meta{font-size:.7rem;color:var(--text-secondary);opacity:.85}.cerr-top-count{font-size:1.15rem;font-weight:700;flex-shrink:0}.cerr-table-wrap{overflow-x:auto;max-height:520px;overflow-y:auto}.cerr-table{width:100%;border-collapse:collapse}.cerr-table th{position:sticky;top:0;background:var(--bg);padding:9px 12px;text-align:left;font-size:.68rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border);z-index:1}.cerr-table td{padding:10px 12px;border-bottom:1px solid var(--border);font-size:.8rem;vertical-align:middle}.cerr-table tbody tr{cursor:pointer;transition:background .12s}.cerr-table tbody tr:hover{background:var(--bg)}.cerr-td-when{white-space:nowrap;color:var(--text-secondary);font-size:.75rem}.cerr-flow-tag{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:.76rem;white-space:nowrap}.cerr-event-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;color:var(--text);background:var(--bg);padding:2px 6px;border-radius:4px}.cerr-sev{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:700;text-transform:lowercase}.cerr-td-device{white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.cerr-td-user{white-space:nowrap;font-variant-numeric:tabular-nums}.cerr-country{color:var(--text-secondary);font-size:.72rem}.cerr-muted{color:var(--text-secondary)}.cerr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 0;color:var(--text-secondary)}.cerr-empty{text-align:center;padding:56px 24px;background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow)}.cerr-empty-emoji{font-size:3rem;margin-bottom:8px}.cerr-empty h2{font-size:1.2rem;color:var(--text);margin:0 0 8px}.cerr-empty p{font-size:.85rem;color:var(--text-secondary);max-width:460px;margin:0 auto;line-height:1.5}.cerr-mini-empty{padding:28px 0;text-align:center;color:var(--text-secondary);font-size:.85rem}.cerr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:cerr-fade .15s ease}@keyframes cerr-fade{0%{opacity:0}to{opacity:1}}.cerr-modal{background:var(--card-bg);border-radius:14px;width:100%;max-width:620px;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px #0000004d;animation:cerr-pop .16s ease}@keyframes cerr-pop{0%{transform:translateY(12px) scale(.98);opacity:0}to{transform:none;opacity:1}}.cerr-modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border);border-top:4px solid var(--accent)}.cerr-modal-title{display:flex;align-items:center;gap:12px}.cerr-modal-chip{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.cerr-modal-event{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;font-weight:700;color:var(--text)}.cerr-modal-flow{font-size:.74rem;color:var(--text-secondary)}.cerr-modal-close{min-height:auto;width:34px;height:34px;padding:0;background:var(--bg);color:var(--text-secondary);border-radius:8px}.cerr-modal-close:hover{background:#e5e7eb;color:var(--text)}.cerr-modal-body{padding:18px 20px;overflow-y:auto}.cerr-modal-msg{display:flex;gap:10px;align-items:flex-start;background:#fef2f2;color:#991b1b;padding:12px 14px;border-radius:8px;font-size:.85rem;line-height:1.45;margin-bottom:18px}.cerr-modal-msg svg{flex-shrink:0;margin-top:1px}.cerr-kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}@media (max-width: 520px){.cerr-kv-grid{grid-template-columns:1fr}}.cerr-kv{display:flex;flex-direction:column;gap:3px;min-width:0}.cerr-kv-label{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);font-weight:600}.cerr-kv-value{font-size:.85rem;color:var(--text);word-break:break-word}.cerr-context{margin-top:20px}.cerr-context h3{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin:0 0 8px}.cerr-context-grid{background:var(--bg);border-radius:8px;padding:6px 12px}.cerr-context-row{display:flex;gap:12px;padding:6px 0;border-bottom:1px solid var(--border);font-size:.8rem}.cerr-context-row:last-child{border-bottom:none}.cerr-context-key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--primary-dark);flex-shrink:0;min-width:120px}.cerr-context-val{color:var(--text);word-break:break-word}@media (max-width: 640px){.cerr-header{flex-direction:column}.cerr-controls{width:100%}}.revenue-page{padding:24px;max-width:1100px;margin:0 auto;min-height:calc(100vh - 80px)}.revenue-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-wrap:wrap}.rev-back{display:inline-flex;align-items:center;gap:4px;background:#f8fafc;color:#475569;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px 8px 8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.rev-back:hover{background:#ecfdf5;color:#047857;border-color:#10b981}.revenue-header .header-icon{width:56px;height:56px;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #10b9814d;flex-shrink:0}.revenue-header .header-text{flex:1;min-width:200px}.revenue-header h1{margin:0;font-size:26px;letter-spacing:-.01em;color:#0f172a}.revenue-header .subtitle{margin:4px 0 0;color:#64748b;font-size:14px}.rev-refresh{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px;cursor:pointer;color:#475569;transition:background .15s,color .15s}.rev-refresh:hover:not(:disabled){background:#f1f5f9;color:#0f172a}.rev-refresh:disabled{opacity:.6;cursor:not-allowed}.revenue-tabs{display:flex;gap:6px;margin-bottom:18px;background:#f1f5f9;padding:4px;border-radius:12px;overflow-x:auto}.rev-tab{flex:1;min-width:max-content;background:transparent;border:none;padding:8px 14px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;white-space:nowrap}.rev-tab:hover{color:#0f172a}.rev-tab.active{background:#fff;color:#059669;box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0a}.rev-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.rev-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;transition:border-color .15s}.rev-row.is-refunded{background:#fef9f5;border-color:#fcd34d}.rev-row.is-refunded:hover{border-color:#f59e0b}.rev-row-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.rev-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.rev-row-text{min-width:0}.rev-row-name{font-size:15px;font-weight:600;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}.rev-flag{font-size:16px}.rev-row-meta{margin-top:3px;display:flex;gap:8px;flex-wrap:wrap}.rev-meta-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#64748b;background:#f8fafc;border-radius:6px;padding:2px 6px}.rev-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.rev-row-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.rev-row-amount{font-size:18px;font-weight:700;color:#047857;font-feature-settings:"tnum";letter-spacing:-.01em}.rev-row.is-refunded .rev-row-amount{color:#b45309;text-decoration:line-through}.rev-row-time{font-size:11px;color:#94a3b8}.rev-source{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;border-radius:999px;padding:3px 8px;letter-spacing:.02em}.rev-source.src-web{background:#eff6ff;color:#1d4ed8}.rev-source.src-ios{background:#f3f4f6;color:#111827}.rev-source.src-android{background:#ecfdf5;color:#047857}.rev-source.src-iap{background:#fdf2f8;color:#be185d}.rev-source.src-api{background:#fff7ed;color:#c2410c}.rev-source.src-webhook{background:#f5f3ff;color:#6d28d9}.rev-source.src-manual,.rev-source.src-generic{background:#f1f5f9;color:#475569}.rev-status{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;border-radius:999px;padding:3px 8px}.rev-status-ok{background:#ecfdf5;color:#047857}.rev-status-refunded{background:#fffbeb;color:#b45309}.rev-loading,.rev-empty,.rev-end{text-align:center;padding:48px 16px;color:#64748b}.rev-empty h3{margin:12px 0 4px;color:#0f172a;font-size:18px}.rev-empty p{margin:0;font-size:13px}.rev-error{display:flex;justify-content:space-between;align-items:center;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:12px 16px;border-radius:12px;margin-bottom:16px;font-size:14px}.rev-error button{background:#b91c1c;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer}.rev-loadmore{text-align:center;margin-top:18px}.rev-loadmore-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;color:#475569;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.rev-loadmore-btn:hover:not(:disabled){background:#ecfdf5;color:#047857;border-color:#10b981}.rev-loadmore-btn:disabled{opacity:.6;cursor:not-allowed}.rev-end{font-size:13px;color:#94a3b8}.spinning{animation:rev-spin 1s linear infinite}@keyframes rev-spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.rev-row{padding:12px;gap:10px}.rev-row-amount{font-size:16px}.rev-row-meta{display:none}.revenue-tabs{padding:3px;gap:3px}.rev-tab{padding:7px 10px;font-size:12px}}.layout{display:flex;min-height:100vh;position:relative}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;background:var(--card-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:1000;transform:translate(-100%);transition:transform .3s ease;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border)}.sidebar-header h1{font-size:var(--font-size-xl);font-weight:700;color:var(--primary)}.sidebar-subtitle{font-size:.8rem;color:var(--text-secondary)}.sidebar-nav{flex:1;padding:var(--spacing-md) 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;min-height:var(--touch-target-min);color:var(--text-secondary);text-decoration:none;transition:all .2s}.nav-item:hover{background:var(--bg);color:var(--primary)}.nav-item.active{background:var(--bg);color:var(--primary);border-right:3px solid var(--primary)}.logout-btn{margin:var(--spacing-md);display:flex;align-items:center;gap:.75rem;justify-content:center;background:var(--danger);min-height:var(--touch-target-min)}.main-content{flex:1;width:100%;padding:var(--spacing-lg);padding-top:calc(var(--spacing-md) + 50px);overflow-y:auto}.hamburger-btn{display:flex;align-items:center;justify-content:center;position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:1001;background:var(--card-bg);border:1px solid var(--border);border-radius:.5rem;padding:.5rem;min-width:var(--touch-target-min);min-height:var(--touch-target-min);cursor:pointer;box-shadow:var(--shadow-lg);color:var(--text)}.hamburger-btn:hover{background:var(--bg);color:var(--primary)}.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.visible{opacity:1;visibility:visible}@media (max-width: 768px){.sidebar{width:85vw;max-width:280px}.nav-item{padding:var(--spacing-md) var(--spacing-lg)}.logout-btn{margin:var(--spacing-md)}.main-content{padding:var(--spacing-md);padding-top:calc(var(--spacing-md) + 50px)}}@media (max-width: 480px){.hamburger-btn{top:var(--spacing-sm);left:var(--spacing-sm)}.main-content{padding:var(--spacing-sm);padding-top:calc(var(--spacing-sm) + 50px)}}.back-to-dashboard{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;margin-bottom:var(--spacing-md);background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.back-to-dashboard:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.back-to-dashboard:focus-visible{outline:2px solid var(--primary);outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #3b82f6;--primary-dark: #2563eb;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--bg: #f9fafb;--card-bg: #ffffff;--text: #111827;--text-secondary: #6b7280;--border: #e5e7eb;--shadow: 0 1px 3px 0 rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--spacing-xs: clamp(.25rem, .5vw, .5rem);--spacing-sm: clamp(.5rem, 1vw, .75rem);--spacing-md: clamp(.75rem, 1.5vw, 1rem);--spacing-lg: clamp(1rem, 2vw, 1.5rem);--spacing-xl: clamp(1.5rem, 3vw, 2rem);--spacing-2xl: clamp(2rem, 4vw, 3rem);--font-size-xs: clamp(.75rem, 1vw, .875rem);--font-size-sm: clamp(.875rem, 1.2vw, .9375rem);--font-size-base: clamp(.9375rem, 1.5vw, 1rem);--font-size-lg: clamp(1rem, 2vw, 1.125rem);--font-size-xl: clamp(1.125rem, 2.5vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 3vw, 2rem);--font-size-3xl: clamp(1.875rem, 4vw, 2.5rem);--touch-target-min: 44px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text)}.loading-screen,.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button{min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary);color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:background .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}button:hover{background:var(--primary-dark)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}button.secondary:hover{background:#f3f4f6}button.danger{background:var(--danger)}button.danger:hover{background:#dc2626}input,select{min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:.375rem;font-size:var(--font-size-sm);outline:none}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61a}table{width:100%;border-collapse:collapse;background:var(--card-bg);border-radius:.5rem;overflow:hidden}th{background:var(--bg);padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border)}td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border)}@media (max-width: 768px){th{padding:var(--spacing-xs) var(--spacing-sm)}td{padding:var(--spacing-sm) var(--spacing-md)}}tr:last-child td{border-bottom:none}tr:hover{background:var(--bg)}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:.25rem;font-size:var(--font-size-xs);font-weight:500}.badge.success{background:#d1fae5;color:#065f46}.badge.warning{background:#fef3c7;color:#92400e}.badge.danger{background:#fee2e2;color:#991b1b}.badge.info{background:#dbeafe;color:#1e40af}