:root{--admin-bg: #0b1220;--admin-sidebar-bg: #081224;--admin-card-bg: #0a162d;--admin-card-bg-2: #0c1b35;--admin-border: rgba(110, 158, 235, .26);--admin-text: #d8e4f6;--admin-text-muted: #8da7ca;--admin-primary: #4a9eff;--admin-primary-soft: rgba(74, 158, 255, .15);--admin-accent: #2dd4bf;--admin-success: #4caf50;--admin-warning: #ff9800;--admin-danger: #f44336;--admin-superadmin: #9c27b0;--admin-opsadmin: #2196f3}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--admin-bg);color:var(--admin-text);line-height:1.5}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.admin-loading-spinner{width:40px;height:40px;border:3px solid var(--admin-border);border-top-color:var(--admin-primary);border-radius:50%;animation:spin 1s linear infinite}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.admin-login-container{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:12px;padding:2.5rem;width:100%;max-width:400px}.admin-login-header{text-align:center;margin-bottom:2rem}.admin-logo{width:64px;height:64px;margin-bottom:1rem}.admin-login-header h1{font-size:1.5rem;margin-bottom:.5rem}.admin-login-subtitle{color:var(--admin-text-muted);font-size:.875rem}.admin-login-form{display:flex;flex-direction:column;gap:1.25rem}.admin-form-group{display:flex;flex-direction:column;gap:.5rem}.admin-form-group label{font-size:.875rem;font-weight:500}.admin-form-group input{padding:.75rem 1rem;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:8px;color:var(--admin-text);font-size:1rem}.admin-form-group input:focus{outline:none;border-color:var(--admin-primary)}.admin-pricing-metrics{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem;color:var(--admin-text-muted);font-size:.9rem}.admin-submit-btn{padding:.875rem;background:var(--admin-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.admin-submit-btn:hover:not(:disabled){opacity:.9}.admin-submit-btn:disabled{opacity:.5;cursor:not-allowed}.admin-back-btn{padding:.75rem;background:transparent;color:var(--admin-text-muted);border:1px solid var(--admin-border);border-radius:8px;cursor:pointer}.admin-login-footer{margin-top:2rem;text-align:center}.admin-login-footer a{color:var(--admin-primary);text-decoration:none;font-size:.875rem}.otp-input-container{display:flex;gap:.5rem;justify-content:center}.otp-input-digit{width:48px;height:56px;text-align:center;font-size:1.5rem;font-weight:600;background:var(--admin-bg);border:2px solid var(--admin-border);border-radius:8px;color:var(--admin-text)}.otp-input-digit:focus{outline:none;border-color:var(--admin-primary)}.admin-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.admin-success{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.admin-dashboard{display:flex;min-height:100vh}.admin-sidebar{width:230px;background:var(--admin-sidebar-bg);border-right:1px solid var(--admin-border);display:flex;flex-direction:column;transition:width .2s;box-shadow:inset -1px 0 #81aaf024}.sidebar-collapsed .admin-sidebar{width:64px}.admin-sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid var(--admin-border);background:linear-gradient(180deg,#2876ff14,#2876ff00)}.admin-sidebar-brand-icon{width:24px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#2876ff1f;color:#79a8ff;border:1px solid rgba(121,168,255,.3)}.admin-sidebar-logo{width:32px;height:32px}.admin-sidebar-title{font-weight:700;font-size:1.65rem;letter-spacing:.3px;color:#f2f7ff}.admin-sidebar-toggle{margin-left:auto;background:transparent;border:1px solid var(--admin-border);color:var(--admin-text-muted);width:28px;height:28px;border-radius:4px;cursor:pointer}.admin-sidebar-nav{flex:1;padding:1rem .5rem;display:flex;flex-direction:column;gap:.25rem}.admin-nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .8rem;color:var(--admin-text-muted);text-decoration:none;border-radius:10px;transition:all .2s;border:1px solid transparent}.admin-nav-item:hover{background:#4d87eb14;border-color:#6f9ff13d;color:#f1f7ff}.admin-nav-item.active{background:#2570f633;border-color:#75abff59;color:#53a2ff}.admin-nav-icon{width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.1);display:inline-flex;align-items:center;justify-content:center;color:#8bb1ff;background:#12233db3;flex-shrink:0}.admin-nav-code{margin-left:auto;font-size:.58rem;font-weight:700;color:#7092bd;border:1px solid rgba(121,150,198,.22);border-radius:6px;padding:.12rem .35rem;text-transform:uppercase;background:#0b182dcc}.admin-nav-item.active .admin-nav-icon{background:#2f7cff40;border-color:#609eff73;color:#dbe8ff}.tone-dashboard{color:#5391ff;background:#5391ff21;border-color:#5391ff6b}.tone-tickers{color:#13d7b7;background:#13d7b71f;border-color:#13d7b76b}.tone-users,.tone-users2{color:#36bbff;background:#36bbff1f;border-color:#36bbff6b}.tone-support,.tone-tickets{color:#ff3f7f;background:#ff3f7f1f;border-color:#ff3f7f66}.tone-banking{color:#9b6bff;background:#9b6bff1f;border-color:#9b6bff73}.tone-budget{color:#ffbe2e;background:#ffbe2e1c;border-color:#ffbe2e6b}.tone-billing{color:#00d7b5;background:#00d7b51c;border-color:#00d7b56b}.tone-fiscal{color:#6f77ff;background:#6f77ff1c;border-color:#6f77ff6b}.tone-audit{color:#d365ff;background:#d365ff1c;border-color:#d365ff6b}.tone-settings{color:#ff8e17;background:#ff8e171c;border-color:#ff8e176b}.tone-check{color:#13d7b7;background:#13d7b71f;border-color:#13d7b76b}.tone-trend{color:#20b3ff;background:#20b3ff1f;border-color:#20b3ff6b}.tone-save{color:#ffbe2e;background:#ffbe2e1f;border-color:#ffbe2e6b}.tone-funnel{color:#ce58ff;background:#ce58ff1f;border-color:#ce58ff6b}.admin-icon-16{width:16px;height:16px}.admin-icon-28{width:28px;height:28px}.admin-sidebar-footer{padding:1rem;border-top:1px solid var(--admin-border)}.admin-user-info{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.admin-user-email{font-size:.75rem;color:var(--admin-text-muted);overflow:hidden;text-overflow:ellipsis}.admin-role-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase}.admin-role-badge.superadmin{background:#9c27b033;color:var(--admin-superadmin)}.admin-role-badge.opsadmin{background:#2196f333;color:var(--admin-opsadmin)}.admin-logout-btn{width:100%;padding:.5rem;background:transparent;border:1px solid var(--admin-border);color:var(--admin-text-muted);border-radius:6px;cursor:pointer}.admin-logout-btn:hover{background:#f443361a;border-color:var(--admin-danger);color:var(--admin-danger)}.admin-main{flex:1;padding:2rem;overflow-y:auto;background:radial-gradient(1000px circle at 80% -5%,rgba(59,132,255,.11),transparent 42%),radial-gradient(800px circle at 25% 105%,rgba(44,194,255,.06),transparent 36%),var(--admin-bg)}.admin-page{max-width:1400px;margin:0 auto}.admin-page-header{margin-bottom:2rem}.admin-page-header h1{font-size:1.75rem;margin-bottom:.5rem;letter-spacing:.2px;color:#f2f7ff}.admin-page-title{display:inline-flex;align-items:center;gap:.35rem}.admin-page-title-star{color:#ffc94b;font-size:1.2rem}.admin-page-header p{color:var(--admin-text-muted)}.admin-dashboard-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.95rem;margin-bottom:2rem}.admin-dashboard-card{display:flex;flex-direction:column;padding:1rem 1.1rem;background:linear-gradient(150deg,var(--admin-card-bg),var(--admin-card-bg-2));border:1px solid var(--admin-border);border-radius:12px;text-decoration:none;color:var(--admin-text);transition:all .2s ease;position:relative;overflow:hidden}.admin-dashboard-card:hover{border-color:#6c9ced8f;transform:translateY(-1px);box-shadow:0 10px 18px #03081252}.admin-dashboard-card .card-icon{width:36px;height:36px;border-radius:12px;border:1px solid rgba(120,168,245,.34);background:#243e688c;display:inline-flex;align-items:center;justify-content:center;color:#9dc3ff;margin-bottom:.7rem}.card-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.7rem}.card-head .card-icon{margin-bottom:0;flex-shrink:0}.card-head h3{margin:0}.admin-dashboard-card h3{font-size:1.02rem;margin-bottom:.25rem}.admin-dashboard-card p{color:var(--admin-text-muted);font-size:.82rem}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:1rem}.admin-stats-grid.small{grid-template-columns:repeat(5,minmax(150px,1fr));gap:0;border:1px solid var(--admin-border);border-radius:12px;overflow:hidden}.admin-stat-card{background:linear-gradient(180deg,#0a172e,#0b1731);border:1px solid var(--admin-border);border-radius:8px;padding:.9rem 1rem;text-align:left;position:relative}.stat-head{display:flex;align-items:center;gap:.65rem;margin-bottom:.35rem}.stat-icon{width:30px;height:30px;border-radius:7px;border:1px solid rgba(120,163,234,.32);color:#96b7ff;background:#0c1c34b3;display:inline-flex;align-items:center;justify-content:center}.stat-value{display:inline-flex;font-size:1.95rem;line-height:1;font-weight:600;color:#b8d5ff}.stat-label{font-size:.73rem;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.05em}.admin-section{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.admin-section h2{font-size:1.125rem;margin-bottom:1rem}.admin-funnel-section h3{margin-bottom:1rem}.admin-funnel-section .admin-stats-grid.small .admin-stat-card{border:0;border-right:1px solid rgba(120,163,234,.22);border-radius:0;text-align:center}.admin-funnel-section .admin-stats-grid.small .admin-stat-card:last-child{border-right:0}.admin-funnel-section .admin-stats-grid.small .stat-head{justify-content:center}.admin-funnel-section .admin-stats-grid.small .stat-value{font-size:2rem}.admin-funnel-loading{margin-top:.75rem;color:var(--admin-text-muted);font-size:.875rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--admin-border);padding-bottom:.5rem}.admin-tabs button{padding:.5rem 1rem;background:transparent;border:none;color:var(--admin-text-muted);cursor:pointer;border-radius:6px}.admin-tabs button:hover{background:#ffffff0d}.admin-tabs button.active{background:#4a9eff26;color:var(--admin-primary)}.admin-form{display:flex;flex-direction:column;gap:1rem}.admin-form-row{display:flex;gap:1rem;flex-wrap:wrap}.admin-form-group{flex:1;min-width:200px}.admin-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.admin-checkbox input[type=checkbox]{width:18px;height:18px}.admin-search-form{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.admin-search-form input{flex:1;min-width:200px;padding:.5rem 1rem;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:6px;color:var(--admin-text)}.admin-filter-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.admin-filter-row select{padding:.5rem;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:6px;color:var(--admin-text)}.admin-actions-row{display:flex;gap:.75rem;flex-wrap:wrap}.admin-btn{padding:.5rem 1rem;background:var(--admin-primary);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:opacity .2s}.admin-btn:hover:not(:disabled){opacity:.9}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn.secondary{background:transparent;border:1px solid var(--admin-border);color:var(--admin-text)}.admin-btn.success{background:var(--admin-success)}.admin-btn.warning{background:#f4b400;color:#1f1f1f}.admin-btn.danger{background:var(--admin-danger)}.admin-btn.small{padding:.375rem .75rem;font-size:.875rem}.admin-table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--admin-border)}.admin-table th{font-weight:600;color:var(--admin-text-muted);font-size:.75rem;text-transform:uppercase}.admin-table tr:hover{background:#ffffff05}.status-time{color:var(--admin-text-muted);font-size:.75rem}.admin-inline-select{padding:.25rem .5rem;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:4px;color:var(--admin-text);font-size:.875rem}.admin-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--admin-border);color:var(--admin-text-muted);font-size:.875rem}.admin-pagination-controls{display:flex;align-items:center;gap:.75rem}.tier-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.tier-badge.free{background:#9e9e9e33;color:#9e9e9e}.tier-badge.premium{background:#4caf5033;color:var(--admin-success)}.audit-details{font-size:.75rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.admin-info{background:#4a9eff1a;border:1px solid rgba(74,158,255,.2);border-radius:6px;padding:.75rem 1rem;font-size:.875rem}.admin-info p{margin:.25rem 0}.admin-split-view{display:grid;grid-template-columns:350px 1fr;gap:1.5rem}@media(max-width:900px){.admin-split-view{grid-template-columns:1fr}}.ticket-list{max-height:calc(100vh - 200px);overflow-y:auto}.ticket-items{display:flex;flex-direction:column;gap:.5rem}.ticket-item{padding:.75rem;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:8px;cursor:pointer;transition:all .2s}.ticket-item:hover{border-color:var(--admin-primary)}.ticket-item.active{border-color:var(--admin-primary);background:#4a9eff1a}.ticket-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.ticket-id{font-weight:600;font-size:.875rem}.ticket-status,.ticket-priority{padding:.125rem .375rem;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase;color:#fff}.ticket-subject{font-weight:500;margin-bottom:.25rem}.ticket-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--admin-text-muted)}.ticket-detail{display:flex;flex-direction:column}.ticket-detail-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--admin-border)}.ticket-detail-header h2{font-size:1.125rem;margin-bottom:.5rem}.ticket-detail-meta{display:flex;gap:1rem;font-size:.875rem;color:var(--admin-text-muted);margin-bottom:.75rem}.ticket-detail-actions{display:flex;align-items:center;gap:.5rem}.ticket-detail-actions select{padding:.375rem .75rem;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:6px;color:var(--admin-text)}.ticket-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;max-height:400px}.ticket-message{padding:.75rem;background:var(--admin-bg);border-radius:8px}.ticket-message.admin{background:#4a9eff1a;border-left:3px solid var(--admin-primary)}.message-header{display:flex;justify-content:space-between;font-size:.75rem;margin-bottom:.5rem}.message-sender{font-weight:600}.message-time{color:var(--admin-text-muted)}.message-body{white-space:pre-wrap}.ticket-reply{display:flex;flex-direction:column;gap:.75rem}.ticket-reply textarea{padding:.75rem;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:8px;color:var(--admin-text);resize:vertical}.ticket-reply textarea:focus{outline:none;border-color:var(--admin-primary)}.ticker-progress-bar{margin-top:1.5rem;padding:1rem;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:8px}.ticker-progress-bar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;color:var(--admin-text)}.ticker-progress-bar__header span:first-child{display:flex;align-items:center;gap:.5rem}.ticker-progress-bar__track{height:8px;background:var(--admin-border);border-radius:4px;overflow:hidden}.ticker-progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--admin-primary),var(--admin-success));border-radius:4px;transition:width .3s ease}.ticker-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--admin-border);border-top-color:var(--admin-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
