.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:hidden;box-shadow:var(--shadow)}.empty-state{padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.empty-state p{margin-top:1rem;font-size:1.125rem}.user-cell{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:500}.user-phone{font-size:.875rem;color:var(--text-secondary)}.destination-cell{display:flex;flex-direction:column;gap:.25rem}.country-badge{font-size:.75rem;color:var(--text-secondary)}.dashboard{max-width:1400px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h1{font-size:2rem;margin-bottom:.5rem}.subtitle{color:var(--text-secondary);font-size:.875rem}.connection-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--card-bg);border-radius:.375rem;box-shadow:var(--shadow)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.connected{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.disconnected{background:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;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(200px,1fr));gap:1rem}.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(200px,1fr));gap:1rem;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:2rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.stat-detail{font-size:.75rem;color:var(--text-secondary)}.active-calls-section{margin-bottom:2rem}.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(200px,1fr));gap:1rem}.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)}.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:hidden}.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-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: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(250px,1fr));gap:16px}.detail-item .label{font-size:12px;color:#999}.devices-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.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(250px,1fr));gap:1.5rem;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(300px,1fr));gap:1.5rem;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(250px,1fr));gap:1rem}.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: 768px){.grafana-iframe-wrapper{height:600px}.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}}.users-page{padding:2rem;max-width:1600px;margin:0 auto}.users-controls{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center;flex-wrap:wrap}.users-stats{display:flex;gap:1rem}.stat-badge{background:#fff;padding:.75rem 1.5rem;border-radius:12px;border:2px solid #e5e7eb;font-size:.95rem;color:#666}.stat-badge strong{color:#1a1a1a;font-weight:600;margin-left:.25rem}.users-table-container{background:#fff;border-radius:16px;border:2px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000000d}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.users-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.users-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s}.users-table tbody tr:hover{background-color:#f9fafb}.users-table td{padding:1.25rem 1.5rem;font-size:.95rem}.user-info{display:flex;align-items:center;gap:1rem}.user-name{font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.user-email{font-size:.85rem;color:#6b7280}.phone-number{display:flex;align-items:center;gap:.5rem;color:#374151;font-family:Courier New,monospace}.balance{font-weight:600;color:#059669;font-size:1.05rem}.balance.low{color:#dc2626}.status-badges{display:flex;gap:.5rem;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:500}.status-badge.calling{background:#dbeafe;color:#1e40af}.status-badge.offline{background:#f3f4f6;color:#6b7280}.btn-view-details{background:#3b82f6;color:#fff;border:none;padding:.6rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-view-details:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.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);animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:20px;width:90%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid #f3f4f6}.modal-header h2{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0}.modal-close{background:#f3f4f6;border:none;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.modal-close:hover{background:#e5e7eb;transform:rotate(90deg)}.modal-body{overflow-y:auto;padding:2rem}.modal-loading,.modal-error{padding:4rem 2rem;text-align:center}.details-section{margin-bottom:2.5rem}.details-section:last-child{margin-bottom:0}.details-section h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid #f3f4f6}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.detail-item label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#6b7280;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:1.05rem;color:#1a1a1a;font-weight:500}.detail-value.phone{font-family:Courier New,monospace;font-weight:600}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:12px;transition:all .2s}.stat-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.stat-card svg{color:#3b82f6;flex-shrink:0}.stat-label{font-size:.8rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.stat-value{font-size:1.5rem;font-weight:700;color:#1a1a1a}.stat-value.low{color:#dc2626}.stat-value-small{font-size:.95rem;font-weight:600;color:#1a1a1a}.status-info{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:#f9fafb;border-radius:12px}.status-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.status-row>span:first-child{color:#6b7280;font-weight:500}.status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-weight:600}.status-indicator.online{background:#d1fae5;color:#065f46}.status-indicator.offline{background:#f3f4f6;color:#6b7280}.status-indicator.active{background:#dbeafe;color:#1e40af}.status-indicator.inactive{background:#f3f4f6;color:#6b7280}.recent-calls,.recent-transactions{display:flex;flex-direction:column;gap:.75rem}.call-item,.transaction-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s}.call-item:hover,.transaction-item:hover{background:#fff;box-shadow:0 2px 8px #00000014}.call-item svg,.transaction-item svg{color:#3b82f6;flex-shrink:0}.call-details,.transaction-details{flex:1}.call-number,.transaction-type{font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.call-meta,.transaction-meta{font-size:.85rem;color:#6b7280}.transaction-item{justify-content:space-between}.transaction-amount{font-size:1.1rem;font-weight:700;margin-right:1rem}.transaction-amount.credit{color:#059669}.transaction-amount.debit{color:#dc2626}.transaction-status{padding:.35rem .75rem;border-radius:6px;font-size:.8rem;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:2rem;color:#9ca3af;font-style:italic}.spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@media (max-width: 1200px){.stats-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.users-page{padding:1rem}.page-header h1{font-size:1.5rem}.users-controls{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.users-table-container{overflow-x:auto}.users-table{min-width:800px}.modal-content{width:95%;max-height:95vh}.modal-header,.modal-body{padding:1.5rem}.details-grid,.stats-cards{grid-template-columns:1fr}}.admin-actions{display:flex;gap:1rem;margin-bottom:1rem}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;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:.5rem;padding:.75rem 1rem;background:#fef3c7;border-radius:8px;font-size:.875rem;color:#92400e;margin:0}.action-warning svg{flex-shrink:0}.status-indicator.blocked{color:#991b1b;background:#fee2e2}.status-indicator.active{color:#065f46;background:#d1fae5}.confirmation-modal{background:#fff;border-radius:16px;width:90%;max-width:550px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.confirmation-header{display:flex;flex-direction:column;align-items:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;gap:1rem}.confirmation-header h2{margin:0;font-size:1.5rem}.icon-danger{color:#fee2e2}.icon-warning{color:#fef3c7}.icon-success{color:#d1fae5}.confirmation-body{padding:2rem}.confirmation-body p{margin:0 0 1rem;line-height:1.6;color:#4b5563}.warning-text{display:flex;align-items:center;gap:.5rem;color:#92400e;background:#fef3c7;padding:.75rem 1rem;border-radius:8px;font-weight:500}.warning-text svg{flex-shrink:0}.info-text{color:#1e40af;background:#dbeafe;padding:.75rem 1rem;border-radius:8px;font-weight:500}.deletion-list{list-style:none;padding:0;margin:1rem 0}.deletion-list li{padding:.75rem 0 .75rem 2rem;position:relative;color:#4b5563;border-bottom:1px solid #f3f4f6}.deletion-list li:last-child{border-bottom:none}.deletion-list li:before{content:"•";position:absolute;left:.75rem;color:#ef4444;font-size:1.25rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.95rem}.form-control{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .2s;box-sizing:border-box}.form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}textarea.form-control{resize:vertical;min-height:80px}.confirmation-actions{display:flex;gap:1rem;padding:1.5rem 2rem;background:#f9fafb;border-top:1px solid #e5e7eb}.btn-cancel,.btn-danger,.btn-warning,.btn-success{flex:1;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover:not(:disabled){background:#e5e7eb}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-cancel:disabled,.btn-danger:disabled,.btn-warning:disabled,.btn-success:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.confirmation-modal{width:95%}.confirmation-header,.confirmation-body{padding:1.5rem}.confirmation-actions{flex-direction:column;padding:1rem}.admin-actions{flex-direction:column}}.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(240px,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}}.user-activity-page{padding:20px;max-width:1600px;margin:0 auto}.header-actions{display:flex;gap:12px}.refresh-toggle,.refresh-btn{padding:8px 16px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:14px;transition:all .2s}.refresh-toggle.active{background:#4caf50;color:#fff;border-color:#4caf50}.refresh-btn:hover,.refresh-toggle:hover{background:#f5f5f5;transform:translateY(-1px)}.refresh-toggle.active:hover{background:#45a049}.summary-card.online{border-left:4px solid #4CAF50}.summary-card.in-call{border-left:4px solid #2196F3}.summary-card.offline{border-left:4px solid #9E9E9E}.summary-card.low-balance{border-left:4px solid #FF9800}.summary-card.period-stats{border-left:4px solid #9C27B0}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:180px}.activity-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;margin-bottom:24px}.activity-table{width:100%;border-collapse:collapse}.activity-table thead{background:#f5f5f5;border-bottom:2px solid #ddd}.activity-table th{padding:16px 12px;text-align:left;font-weight:600;font-size:13px;color:#666;text-transform:uppercase;letter-spacing:.5px}.activity-table tbody tr{border-bottom:1px solid #eee;transition:background .2s}.activity-table tbody tr:hover{background:#f9f9f9}.activity-table tbody tr.status-in-call{background:#e3f2fd}.activity-table tbody tr.status-in-call:hover{background:#d1e7ff}.activity-table td{padding:16px 12px;font-size:14px}.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}.status-badge.status-online{background:#e8f5e9;color:#2e7d32}.status-badge.status-in-call{background:#e3f2fd;color:#1565c0}.status-badge.status-offline{background:#f5f5f5;color:#616161}.user-cell{min-width:200px}.user-info .email{color:#2196f3}.user-info .devices{color:#9c27b0;font-weight:500}.balance-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-weight:600;font-size:13px}.balance-badge.balance-good{background:#e8f5e9;color:#2e7d32}.balance-badge.balance-medium{background:#fff3e0;color:#e65100}.balance-badge.balance-low{background:#ffebee;color:#c62828}.activity-cell{min-width:180px}.active-call-info{display:flex;flex-direction:column;gap:4px;font-size:13px}.active-call-info strong{color:#d32f2f;margin-bottom:4px}.active-call-info div{color:#666}.no-activity{color:#999;font-style:italic}.period-stats-cell{min-width:150px}.period-stats{display:flex;flex-direction:column;gap:4px;font-size:13px}.period-stats div{color:#666}.period-stats .payments{color:#4caf50;font-weight:500}.last-activity{display:flex;flex-direction:column;gap:4px;min-width:140px}.last-activity div{font-size:14px;color:#1a1a1a}.last-activity small{font-size:12px;color:#999}.last-activity .login-count{color:#2196f3;font-weight:500}.actions-cell{min-width:100px}.btn-view,.btn-terminate{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s}.btn-terminate{background:#f44336}.btn-terminate:hover{background:#d32f2f;transform:scale(1.1)}.active-call-section{background:#ffebee;padding:20px;border-radius:8px;border:1px solid #ef5350}.active-call-section h3{color:#c62828}.btn-terminate-full{width:100%;padding:12px;margin-top:16px;background:#f44336;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.btn-terminate-full:hover{background:#d32f2f}@media (max-width: 1200px){.summary-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@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%}.activity-table-container{overflow-x:auto}.activity-table{min-width:900px}.summary-cards{grid-template-columns:1fr 1fr}}.referrals-page{padding:20px;max-width:1600px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.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(200px,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(250px,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}.pagination button:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:14px;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;padding:20px}.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(250px,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){.summary-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.top-referrers-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@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{overflow-x:auto}.referrals-table{min-width:1000px}.summary-cards{grid-template-columns:1fr 1fr}.top-referrers-grid{grid-template-columns:1fr}}@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(250px,1fr));gap:20px;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:250px;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:hidden}.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}.action-buttons{display:flex;gap:8px}.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 svg{opacity:.3;margin-bottom:20px}.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-body{padding:24px}.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(200px,1fr));gap:20px}.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 spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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: 768px){.page-header{flex-direction:column;gap:16px}.stats-grid{grid-template-columns:1fr}.vouchers-controls{flex-direction:column;align-items:stretch}.vouchers-table{font-size:12px}.vouchers-table th,.vouchers-table td{padding:12px 8px}.action-buttons{flex-direction:column}.details-grid{grid-template-columns:1fr}}.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(250px,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(350px,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 button:disabled{opacity:.4;cursor:not-allowed}.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 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 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}.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}}.send-notification-page{padding:24px;max-width:1200px;margin:0 auto}.page-header{margin-bottom:32px}.header-content{display:flex;align-items:center;gap:16px}.header-content svg{color:var(--primary-color, #1976d2)}.header-content h1{margin:0;font-size:28px;font-weight:700;color:var(--text-primary)}.header-content p{margin:4px 0 0;font-size:14px;color:var(--text-secondary)}.notification-form-container{background:var(--bg-primary, #fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.notification-form{padding:32px}.form-section{margin-bottom:32px}.form-section:last-of-type{margin-bottom:0}.form-section h2{display:flex;align-items:center;gap:8px;margin:0 0 20px;font-size:18px;font-weight:600;color:var(--text-primary);padding-bottom:12px;border-bottom:2px solid var(--border-color, #e1e8ed)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:var(--text-primary)}.form-group input[type=text],.form-group textarea{width:100%;padding:12px;border:1px solid var(--border-color, #d0d7de);border-radius:8px;font-size:14px;font-family:inherit;background:var(--input-bg, #fff);color:var(--text-primary);transition:border-color .2s}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color, #1976d2)}.form-group textarea{resize:vertical;min-height:100px}.form-group small{display:block;margin-top:6px;font-size:12px;color:var(--text-secondary)}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;font-size:14px}.checkbox-label input[type=checkbox]{width:18px;height:18px;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}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;gap:16px}.spinner{width:40px;height:40px;border:4px solid var(--border-color, #e1e8ed);border-top-color:var(--primary-color, #1976d2);border-radius:50%;animation:spin 1s linear infinite}.form-actions{margin-top:32px;padding-top:24px;border-top:2px solid var(--border-color, #e1e8ed);display:flex;justify-content:flex-end}.btn-send{display:flex;align-items:center;gap:8px;padding:12px 32px;font-size:16px;font-weight:600}.btn-primary{background:var(--primary-color, #1976d2);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:var(--primary-color-dark, #1565c0);transform:translateY(-1px);box-shadow:0 4px 12px #1976d24d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary, #f8f9fa);color:var(--text-primary);border:1px solid var(--border-color, #d0d7de);border-radius:8px;cursor:pointer;transition:all .2s;padding:10px 20px;font-size:14px;font-weight:500}.btn-secondary:hover:not(:disabled){background:var(--bg-hover, #e9ecef);border-color:var(--border-color-hover, #adb5bd)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.send-notification-page{padding:16px}.notification-form{padding:20px}.header-content h1{font-size:24px}.user-selection-actions{flex-direction:column}.btn-send{width:100%;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(260px,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(500px,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(320px,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(240px,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(280px,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(320px,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(350px,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(300px,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}}.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(250px,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(280px,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}}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--card-bg);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border)}.sidebar-header h1{font-size:1.25rem;font-weight:700;color:var(--primary)}.sidebar-nav{flex:1;padding:1rem 0}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;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:1rem;display:flex;align-items:center;gap:.75rem;justify-content:center;background:var(--danger)}.main-content{flex:1;padding:2rem;overflow-y:auto}*{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)}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{padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}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{padding:.5rem .75rem;border:1px solid var(--border);border-radius:.375rem;font-size:.875rem;outline:none}input:focus,select:focus{border-color:var(--primary);ring:2px solid rgba(59,130,246,.1)}table{width:100%;border-collapse:collapse;background:var(--card-bg);border-radius:.5rem;overflow:hidden}th{background:var(--bg);padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border)}td{padding:1rem;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}tr:hover{background:var(--bg)}.badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;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}