.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.login-glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.login-glow--purple{width:400px;height:400px;background:#6d28d94d;top:-100px;left:-100px}.login-glow--blue{width:350px;height:350px;background:#2563eb40;bottom:-80px;right:-80px}.login-card{width:100%;max-width:420px;position:relative;z-index:10;isolation:isolate}.login-card form{position:relative;z-index:11}.login-logo{text-align:center;margin-bottom:32px}.login-logo-icon{width:64px;height:64px;margin-bottom:12px}.login-logo h1{font-size:28px;font-weight:700;background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-logo p{color:var(--text-muted);font-size:14px;margin-top:6px}.login-btn{width:100%;margin-top:8px}.dashboard{min-height:100vh}.browser-notice{margin-bottom:20px;padding:14px 18px;border-color:#60a5fa59;background:#2563eb1f}.browser-notice p{font-size:14px;color:var(--text-muted);line-height:1.5}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid var(--border);background:#0f0a2399;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-brand{display:flex;align-items:center;gap:10px}.brand-icon{width:28px;height:28px}.brand-name{font-size:20px;font-weight:700;background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;align-items:center;gap:12px}.user-info{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted)}.dashboard-main{max-width:1100px;margin:0 auto;padding:32px 24px}.status-card{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;background:var(--gradient-card)}.status-indicator{display:flex;align-items:center;gap:16px}.status-dot{width:16px;height:16px;border-radius:50%;background:var(--text-muted);transition:all .3s}.status-dot.connected{background:var(--success);box-shadow:0 0 12px #34d39999}.status-dot.connecting{background:var(--warning);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.status-indicator h2{font-size:18px;font-weight:600}.status-indicator p{font-size:14px;color:var(--text-muted);margin-top:2px}.location-section{margin-bottom:32px}.section-header{margin-bottom:16px}.section-header h3{font-size:18px;font-weight:600}.section-header p{font-size:13px;color:var(--text-muted);margin-top:4px}.location-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.location-card{transition:all .2s}.location-card:hover:not(.locked){background:var(--bg-card-hover);transform:translateY(-2px)}.location-card.active{border-color:var(--success);box-shadow:0 0 20px #34d39926}.location-card.locked{opacity:.6}.location-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.location-card-top h4{font-size:16px;font-weight:600}.location-card-top p{font-size:13px;color:var(--text-muted);margin-top:2px}.location-card-actions{display:flex;gap:8px;align-items:center}.lock-label{font-size:13px;color:var(--warning)}.no-config{font-size:12px;color:var(--text-muted);margin-top:8px}.loading-text,.empty-text{color:var(--text-muted);text-align:center;padding:32px}.action-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.action-dialog{width:100%;max-width:420px;background:#191232fa;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.action-dialog h3{font-size:18px;margin-bottom:10px}.action-dialog p{color:var(--text-muted);font-size:14px;line-height:1.5;margin-bottom:16px}.action-dialog .form-group{margin-bottom:20px}.action-dialog-actions{display:flex;gap:10px;justify-content:flex-end}.admin-page{min-height:100vh}.admin-main{max-width:1100px;margin:0 auto;padding:32px 24px}.admin-msg{margin-bottom:16px}.admin-section{display:flex;flex-direction:column;gap:24px}.admin-form-card h3,.admin-section .card>h3{font-size:16px;font-weight:600;margin-bottom:16px}.admin-note{font-size:13px;color:var(--text-muted);margin-bottom:16px}.inline-select{padding:4px 8px;font-size:13px;width:auto}.action-cell{display:flex;gap:6px;flex-wrap:wrap}.text-muted{font-size:12px;color:var(--text-muted)}.config-ok{display:block;font-size:12px;color:var(--success);margin-bottom:6px}.config-missing{display:block;font-size:12px;color:var(--warning);margin-bottom:6px}.upload-btn{display:inline-block;cursor:pointer}.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.plan-card{padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--gradient-card)}.plan-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.plan-card p{font-size:13px;color:var(--text-muted);margin-bottom:4px}.plan-price{font-size:18px;font-weight:700;color:var(--purple-500)!important;margin:8px 0 12px!important}.link-btn{background:none;border:none;color:var(--purple-400);cursor:pointer;font-size:13px;padding:0;text-decoration:underline}.vpn-online{color:var(--success);font-size:13px}.badge-banned{background:#ef444426;color:#f87171}.badge-expired{background:#fbbf2426;color:#fbbf24}.row-banned{opacity:.75}.empty-row{text-align:center;color:var(--text-muted);padding:24px!important}.expiry-edit input{padding:4px 8px;font-size:13px}.reseller-page .quota-badge{font-size:13px;color:var(--text-muted);padding:6px 12px;border:1px solid var(--border);border-radius:8px}.reseller-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.stat-card{text-align:center;padding:20px 16px}.stat-value{display:block;font-size:28px;font-weight:700;color:var(--purple-500);margin-bottom:6px}.stat-label{font-size:13px;color:var(--text-muted)}:root{--bg-deep: #0a0a1a;--bg-card: rgba(30, 20, 60, .7);--bg-card-hover: rgba(40, 30, 80, .85);--purple-500: #8b5cf6;--purple-600: #7c3aed;--purple-700: #6d28d9;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--gradient-main: linear-gradient(135deg, #6d28d9 0%, #2563eb 50%, #1d4ed8 100%);--gradient-card: linear-gradient(145deg, rgba(109, 40, 217, .15), rgba(37, 99, 235, .1));--text-primary: #f1f5f9;--text-muted: #94a3b8;--border: rgba(139, 92, 246, .25);--success: #34d399;--danger: #f87171;--warning: #fbbf24;--radius: 12px;--shadow: 0 8px 32px rgba(109, 40, 217, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-deep);color:var(--text-primary);min-height:100vh;background-image:radial-gradient(ellipse at 20% 0%,rgba(109,40,217,.25) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(37,99,235,.2) 0%,transparent 50%)}#root{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;border-radius:8px;font-weight:600;transition:all .2s ease}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:inherit;background:#0f0a23cc;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);padding:10px 14px;width:100%;outline:none;transition:border-color .2s;pointer-events:auto;-webkit-user-select:text;user-select:text;position:relative;z-index:2}input:focus,select:focus,textarea:focus{border-color:var(--purple-500);box-shadow:0 0 0 3px #8b5cf626}.btn-primary{background:var(--gradient-main);color:#fff;padding:12px 24px;font-size:15px}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #6d28d966}.btn-secondary{background:#8b5cf626;color:var(--purple-500);border:1px solid var(--border);padding:10px 20px}.btn-secondary:hover:not(:disabled){background:#8b5cf640}.btn-danger{background:#f8717126;color:var(--danger);border:1px solid rgba(248,113,113,.3);padding:8px 16px;font-size:13px}.btn-sm{padding:6px 12px;font-size:13px}.card{background:#191232f2;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);position:relative;z-index:1}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-regular{background:#60a5fa33;color:var(--blue-400)}.badge-premium{background:#8b5cf640;color:var(--purple-500)}.badge-admin{background:#fbbf2433;color:var(--warning)}.badge-reseller{background:#34d39933;color:var(--success)}.badge-desktop{background:#a78bfa33;color:#c4b5fd}.badge-regular-plan{background:#60a5fa33;color:var(--blue-400)}.error-msg{color:var(--danger);font-size:14px;margin-top:8px}.success-msg{color:var(--success);font-size:14px;margin-top:8px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}tr:hover td{background:#8b5cf60d}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tabs{display:flex;gap:4px;margin-bottom:24px;background:#0f0a2380;padding:4px;border-radius:10px;border:1px solid var(--border)}.tab{flex:1;padding:10px 16px;background:transparent;color:var(--text-muted);border-radius:8px;font-size:14px}.tab.active{background:var(--gradient-main);color:#fff}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px;color:var(--text-muted)}