@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #090909;--surface: #111111;--surface2: #1a1a1a;--border: #222222;--border2: #2e2e2e;--text: #ebebeb;--muted: #666666;--muted2: #444444;--accent: #3b82f6;--accent-lo: rgba(59,130,246,.12);--green: #22c55e;--green-lo: rgba(34,197,94,.12);--amber: #f59e0b;--amber-lo: rgba(245,158,11,.12);--red: #ef4444;--red-lo: rgba(239,68,68,.12);--purple: #a855f7;--purple-lo: rgba(168,85,247,.12);--radius: 10px;--radius-sm: 6px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}.admin-container,.admin-login{box-sizing:border-box}.admin-container *,.admin-container *:before,.admin-container *:after,.admin-login *,.admin-login *:before,.admin-login *:after{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--muted2)}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:36px 32px}.login-card h1{font-size:20px;font-weight:600;color:var(--text);text-align:center;margin-bottom:6px}.login-card p{font-size:13px;color:var(--muted);text-align:center;margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.02em}.form-group input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text);font-size:14px;font-family:var(--font);outline:none;transition:border-color .15s}.form-group input:focus{border-color:var(--accent)}.login-btn{background:var(--accent);border:none;border-radius:var(--radius-sm);padding:11px;color:#fff;font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;margin-top:4px;transition:opacity .15s}.login-btn:hover{opacity:.88}.login-btn:disabled{opacity:.4;cursor:not-allowed}.login-error{background:var(--red-lo);border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);padding:10px 12px;color:var(--red);font-size:13px;text-align:center}.admin-container{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;font-family:var(--font)}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:52px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.header-left h1{font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.01em}.header-right{display:flex;align-items:center;gap:14px}.token-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.token-toggle-label{font-size:12px;font-weight:500;color:var(--muted)}.toggle-switch{width:36px;height:20px;border-radius:10px;position:relative;transition:background .2s}.toggle-switch.on{background:var(--green)}.toggle-switch.off{background:var(--muted2)}.toggle-knob{position:absolute;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0006;transition:left .2s}.toggle-switch.on .toggle-knob{left:18px}.toggle-switch.off .toggle-knob{left:2px}.connection-badge{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:500;letter-spacing:.01em}.connection-badge .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.connection-badge.connected{background:var(--green-lo);color:var(--green)}.connection-badge.disconnected{background:var(--red-lo);color:var(--red)}.admin-tabs{display:flex;gap:2px;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.tab-btn{display:flex;align-items:center;gap:7px;padding:12px 14px;background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--text);border-bottom-color:var(--accent)}.tab-count{background:var(--border2);color:var(--muted);padding:1px 6px;border-radius:99px;font-size:11px;font-weight:600}.tab-btn.active .tab-count{background:var(--accent-lo);color:var(--accent)}.admin-content{flex:1;padding:20px 24px;max-width:1400px;width:100%;margin:0 auto}.sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px}.session-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}.session-card:hover{border-color:var(--border2);box-shadow:0 0 0 1px var(--border2)}.session-card.offline{opacity:.7}.card-header{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid var(--border)}.user-info{display:flex;flex-direction:column;gap:2px}.user-email{font-size:13px;font-weight:500;color:var(--text);letter-spacing:-.01em}.status-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.04em}.status-badge.active{background:var(--accent-lo);color:var(--accent)}.status-badge.offline,.status-badge.pending{background:var(--amber-lo);color:var(--amber)}.status-badge.tfa{background:var(--purple-lo);color:var(--purple)}.status-badge.inactive{background:var(--border);color:var(--muted)}.session-status.online{font-size:11px;color:var(--green)}.session-timer{font-size:11px;font-family:SF Mono,Menlo,monospace;color:var(--amber)}.session-timer.expiring{color:var(--red);animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.card-page-indicator{display:flex;align-items:center;gap:6px;padding:7px 14px;border-bottom:1px solid var(--border);background:var(--bg)}.page-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.page-label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.card-credentials{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:5px}.credential-row{display:flex;align-items:center;gap:8px}.credential-label{font-size:11px;font-weight:500;color:var(--muted);min-width:60px;text-transform:uppercase;letter-spacing:.03em}.credential-value{flex:1;font-size:12px;font-family:SF Mono,Menlo,monospace;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credential-value.password{color:var(--amber)}.copy-btn{background:var(--border);border:none;border-radius:4px;padding:3px 7px;color:var(--muted);font-size:11px;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s;font-family:var(--font)}.copy-btn:hover:not(:disabled){background:var(--accent-lo);color:var(--accent)}.copy-btn:disabled{opacity:.3;cursor:not-allowed}.copy-btn.copied{background:var(--green-lo);color:var(--green)}.card-body{padding:10px 14px;border-bottom:1px solid var(--border)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.info-item{display:flex;flex-direction:column;gap:1px}.info-label{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.info-value{font-size:12px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-actions.navigate-controls{display:flex;flex-direction:column;gap:8px;padding:10px 14px;background:var(--bg)}.navigate-row{display:flex;gap:7px}.navigate-select{flex:1;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:8px 10px;color:var(--text);font-size:12px;font-family:var(--font);cursor:pointer;outline:none;transition:border-color .15s}.navigate-select:focus{border-color:var(--accent)}.navigate-select option{background:var(--surface)}.custom-url-input{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:8px 10px;color:var(--text);font-size:12px;font-family:var(--font);width:100%;outline:none;transition:border-color .15s}.custom-url-input:focus{border-color:var(--accent)}.navigate-row .action-btn{flex:0 0 auto;padding:8px 14px}.action-btn{flex:1;padding:8px 12px;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:500;font-family:var(--font);cursor:pointer;transition:opacity .15s}.action-btn:hover:not(:disabled){opacity:.82}.action-btn:disabled{opacity:.35;cursor:not-allowed}.action-btn.primary{background:var(--accent);color:#fff}.action-btn.success{background:var(--green);color:#fff}.action-btn.danger{background:var(--red);color:#fff}.action-btn.secondary{background:var(--border2);color:var(--text)}.empty-state{text-align:center;padding:80px 24px;color:var(--muted)}.empty-state h3{font-size:15px;font-weight:500;color:var(--text);margin:0 0 6px}.empty-state p{font-size:13px}.emails-section{display:flex;flex-direction:column;gap:16px}.add-email-form{display:flex;gap:10px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.email-input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text);font-size:13px;font-family:var(--font);outline:none;transition:border-color .15s}.email-input:focus{border-color:var(--accent)}.email-input::placeholder{color:var(--muted2)}.add-email-btn{background:var(--accent);border:none;border-radius:var(--radius-sm);padding:10px 20px;color:#fff;font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;white-space:nowrap;transition:opacity .15s}.add-email-btn:hover{opacity:.88}.credentials-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.credentials-table th,.credentials-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border)}.credentials-table th{background:var(--bg);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.credentials-table td{font-size:13px}.credentials-table tr:last-child td{border-bottom:none}.credentials-table .mono{font-family:SF Mono,Menlo,monospace;font-size:12px}.token-cell{display:flex;align-items:center;gap:8px}.token-code{font-family:SF Mono,Menlo,monospace;font-size:11px;background:var(--bg);padding:3px 8px;border-radius:4px;color:var(--muted)}.token-actions{display:flex;gap:4px}.actions-cell{display:flex;gap:6px}.toggle-btn{padding:5px 10px;border:none;border-radius:5px;font-size:11px;font-weight:500;font-family:var(--font);cursor:pointer;transition:opacity .15s}.toggle-btn:hover{opacity:.8}.toggle-btn.deactivate{background:var(--amber-lo);color:var(--amber)}.toggle-btn.activate{background:var(--green-lo);color:var(--green)}.delete-btn{width:auto;height:auto;padding:5px 10px;border:none;background:var(--red-lo);color:var(--red);border-radius:5px;font-size:11px;font-weight:500;font-family:var(--font);cursor:pointer;transition:opacity .15s;display:flex;align-items:center;justify-content:center}.delete-btn:hover{opacity:.8}.inactive-row{opacity:.5}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.modal-content{background:var(--surface);border:1px solid var(--border2);border-radius:14px;width:100%;max-width:680px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-header h2{font-size:16px;font-weight:600}.modal-close{background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:5px;transition:all .15s}.modal-close:hover{color:var(--text);background:var(--border)}.modal-body{padding:22px;overflow-y:auto;flex:1}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-section h3{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full{grid-column:1 / -1}.detail-item label{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.detail-item span{font-size:13px;color:var(--text)}.detail-item code{font-family:SF Mono,Menlo,monospace;background:var(--bg);padding:5px 8px;border-radius:5px;font-size:11px;word-break:break-all;color:var(--text)}.detail-item .badge{display:inline-block;background:var(--accent-lo);color:var(--accent);padding:2px 8px;border-radius:99px;font-size:11px;font-weight:500}.copyable{cursor:pointer;transition:opacity .15s}.copyable:hover{opacity:.75}.related-list{display:flex;flex-direction:column;gap:6px}.related-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--bg);border-radius:7px}.related-email{font-size:13px;font-weight:500}.related-info{font-size:11px;color:var(--muted)}.search-bar-section{display:flex;align-items:center;gap:10px;margin-bottom:14px}.search-input{flex:1;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;color:var(--text);font-size:13px;font-family:var(--font);outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--muted2)}.search-results-count{font-size:12px;color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px}.pagination-btn{width:32px;height:32px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s}.pagination-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{font-size:12px;color:var(--muted);padding:0 12px}.export-btn{background:var(--green-lo);border:none;border-radius:var(--radius-sm);padding:9px 16px;color:var(--green);font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:6px;transition:opacity .15s}.export-btn:hover:not(:disabled){opacity:.8}.export-btn:disabled{opacity:.4;cursor:not-allowed}.settings-panel{max-width:600px}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:20px}.settings-section-header{display:flex;gap:14px;align-items:flex-start}.settings-section-icon{font-size:24px;line-height:1;flex-shrink:0;margin-top:2px}.settings-section-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px}.settings-section-desc{font-size:12px;color:var(--muted);line-height:1.6}.settings-status-row{display:flex;align-items:center}.settings-status-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px}.settings-status-badge.active{background:var(--green-lo);color:var(--green)}.settings-status-badge.inactive{background:var(--surface2);color:var(--muted);border:1px solid var(--border)}.settings-fields{display:flex;flex-direction:column;gap:14px}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-label{font-size:12px;font-weight:600;color:var(--text);letter-spacing:.02em}.settings-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:13px;font-family:Courier New,Courier,monospace;padding:9px 12px;outline:none;transition:border-color .15s;width:100%}.settings-input:focus{border-color:var(--accent)}.settings-input::placeholder{color:var(--muted2)}.settings-hint{font-size:11px;color:var(--muted)}.settings-actions{display:flex;gap:10px;align-items:center}.settings-save-btn{background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:600;font-family:var(--font);padding:9px 20px;cursor:pointer;transition:opacity .15s,background .2s}.settings-save-btn:hover:not(:disabled){opacity:.85}.settings-save-btn:disabled{opacity:.35;cursor:not-allowed}.settings-save-btn.saved{background:var(--green)}.settings-clear-btn{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:13px;font-weight:500;font-family:var(--font);padding:9px 16px;cursor:pointer;transition:border-color .15s,color .15s}.settings-clear-btn:hover{border-color:var(--red);color:var(--red)}.settings-events{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px}.settings-events-title{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.settings-events-list{list-style:none;display:flex;flex-direction:column;gap:7px}.settings-events-list li{font-size:12px;color:var(--text);line-height:1.5}@media(max-width:768px){.admin-header,.admin-tabs{padding:0 16px}.admin-content{padding:14px 16px}.sessions-grid,.info-grid,.detail-grid{grid-template-columns:1fr}.add-email-form{flex-direction:column}.settings-panel{max-width:100%}}