body{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}#app{min-height:100vh}.login-container[data-v-1d38ea1f]{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card[data-v-1d38ea1f]{width:100%;max-width:420px}.logo[data-v-1d38ea1f]{text-align:center;margin-bottom:32px}.logo-icon[data-v-1d38ea1f]{margin-bottom:16px;font-size:4rem}.logo-title[data-v-1d38ea1f]{background:linear-gradient(135deg,#4f46e5,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2rem;font-weight:700}.logo-subtitle[data-v-1d38ea1f]{color:var(--gray);font-size:.95rem}.login-form[data-v-1d38ea1f]{margin-bottom:24px}.login-footer[data-v-1d38ea1f]{text-align:center;border-top:1px solid #ffffff1a;padding-top:24px}.login-footer p[data-v-1d38ea1f]{color:var(--gray);margin-bottom:16px}.login-footer .btn[data-v-1d38ea1f]{text-decoration:none}.dashboard[data-v-daece9f9]{min-height:100vh;padding-bottom:60px}.dashboard-header[data-v-daece9f9]{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-bottom:1px solid #ffffff1a;padding:16px 0;position:sticky;top:0}.header-content[data-v-daece9f9]{justify-content:space-between;align-items:center;display:flex}.logo[data-v-daece9f9]{align-items:center;gap:12px;font-size:1.5rem;font-weight:700;display:flex}.logo h1[data-v-daece9f9]{background:linear-gradient(135deg,#4f46e5,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem}.header-actions[data-v-daece9f9]{align-items:center;gap:16px;display:flex}.online-badge[data-v-daece9f9]{color:var(--success);background:#10b9811a;border:1px solid #10b9814d;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;display:flex}.status-dot[data-v-daece9f9]{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-daece9f9}@keyframes pulse-daece9f9{0%,to{opacity:1}50%{opacity:.5}}.container[data-v-daece9f9]{max-width:1200px;margin:0 auto;padding:20px}.loading-state[data-v-daece9f9],.error-state[data-v-daece9f9]{flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading-state p[data-v-daece9f9]{color:var(--gray);margin-top:16px}.profile-section[data-v-daece9f9]{margin-bottom:24px}.profile-header[data-v-daece9f9]{align-items:center;gap:16px;margin-bottom:20px;display:flex}.avatar[data-v-daece9f9]{background:linear-gradient(135deg,#4f46e5,#06b6d4);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex}.profile-name[data-v-daece9f9]{margin-bottom:4px;font-size:1.5rem;font-weight:700}.profile-server[data-v-daece9f9]{color:var(--gray)}.profile-details[data-v-daece9f9]{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:24px;padding-top:16px;display:flex}.detail[data-v-daece9f9]{flex-direction:column;gap:4px;display:flex}.detail-label[data-v-daece9f9]{color:var(--gray);font-size:.875rem}.detail-value[data-v-daece9f9]{font-weight:500}.detail-value code[data-v-daece9f9]{color:#a5b4fc;background:#4f46e533;border-radius:6px;padding:4px 12px;font-family:monospace}.section-title[data-v-daece9f9]{margin-bottom:16px;font-size:1.25rem;font-weight:600}.stats-section[data-v-daece9f9],.servers-section[data-v-daece9f9]{margin-bottom:24px}.traffic-progress[data-v-daece9f9]{margin-top:16px}.progress-header[data-v-daece9f9]{color:var(--gray);justify-content:space-between;margin-bottom:8px;font-size:.875rem;display:flex}.progress-footer[data-v-daece9f9]{text-align:right;color:var(--gray);margin-top:8px;font-size:.875rem}.renew-section[data-v-daece9f9]{margin-bottom:24px}.renew-description[data-v-daece9f9]{color:var(--gray);margin-bottom:20px}.selected-months[data-v-daece9f9]{text-align:center;color:var(--gray);margin-top:16px;font-size:1.1rem}.selected-months strong[data-v-daece9f9]{color:var(--primary);font-size:1.5rem}.servers-list[data-v-daece9f9]{flex-direction:column;gap:12px;display:flex}.server-item[data-v-daece9f9]{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.server-info[data-v-daece9f9]{flex-direction:column;gap:4px;display:flex}.server-status[data-v-daece9f9]{align-items:center;gap:12px;display:flex}.server-name[data-v-daece9f9]{font-weight:600}.server-ip[data-v-daece9f9]{color:var(--gray);font-family:monospace;font-size:.875rem}.server-status-text[data-v-daece9f9]{font-size:.875rem;font-weight:600}.text-success[data-v-daece9f9]{color:var(--success)}.text-danger[data-v-daece9f9]{color:var(--danger)}.dashboard-footer[data-v-daece9f9]{text-align:center;color:var(--gray);background:#0000004d;border-top:1px solid #ffffff1a;padding:20px 0;font-size:.875rem}@media (width<=768px){.header-content[data-v-daece9f9]{flex-direction:column;gap:12px}.profile-header[data-v-daece9f9]{text-align:center;flex-direction:column}.profile-details[data-v-daece9f9]{justify-content:center}.stats-grid[data-v-daece9f9]{grid-template-columns:1fr}.server-item[data-v-daece9f9]{flex-direction:column;align-items:flex-start;gap:12px}}.register-container[data-v-5dd22a30]{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.register-card[data-v-5dd22a30]{width:100%;max-width:480px}.logo[data-v-5dd22a30]{text-align:center;margin-bottom:32px}.logo-icon[data-v-5dd22a30]{margin-bottom:16px;font-size:4rem}.logo-title[data-v-5dd22a30]{background:linear-gradient(135deg,#4f46e5,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2rem;font-weight:700}.logo-subtitle[data-v-5dd22a30]{color:var(--gray);font-size:.95rem}.register-form[data-v-5dd22a30]{margin-bottom:24px}.server-options[data-v-5dd22a30]{flex-direction:column;gap:12px;display:flex}.server-option[data-v-5dd22a30]{cursor:pointer}.server-radio[data-v-5dd22a30]{display:none}.server-card[data-v-5dd22a30]{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .3s;display:flex}.server-option:hover .server-card[data-v-5dd22a30]{background:#4f46e51a;border-color:#4f46e580}.server-option.selected .server-card[data-v-5dd22a30]{border-color:var(--primary);background:#4f46e526}.server-name[data-v-5dd22a30]{font-weight:500}.badge[data-v-5dd22a30]{background:var(--success);color:#fff;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600}.info-box[data-v-5dd22a30]{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin:20px 0;padding:16px 20px}.info-box p[data-v-5dd22a30]{margin-bottom:12px;font-weight:600}.info-box ul[data-v-5dd22a30]{padding-left:0;list-style:none}.info-box li[data-v-5dd22a30]{color:var(--gray);margin-bottom:8px}.register-footer[data-v-5dd22a30]{text-align:center;border-top:1px solid #ffffff1a;padding-top:24px}.register-footer p[data-v-5dd22a30]{color:var(--gray);margin-bottom:16px}.register-footer .btn[data-v-5dd22a30]{text-decoration:none}@media (width<=768px){.server-card[data-v-5dd22a30]{text-align:center;flex-direction:column;gap:8px}}:root{--primary:#4f46e5;--primary-dark:#4338ca;--secondary:#06b6d4;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--dark:#1a1a2e;--darker:#16213e;--light:#f1f5f9;--gray:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--dark) 0%, var(--darker) 100%);min-height:100vh;color:var(--light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px;box-shadow:0 8px 32px #0003}.card-title{color:var(--light);margin-bottom:16px;font-size:1.25rem;font-weight:600}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f46e566}.btn-secondary{background:linear-gradient(135deg, var(--secondary), #0891b2);color:#fff}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #06b6d466}.btn-success{background:linear-gradient(135deg, var(--success), #059669);color:#fff}.btn-block{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:20px}.form-label{color:var(--gray);margin-bottom:8px;font-weight:500;display:block}.form-input{width:100%;color:var(--light);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:14px 16px;font-size:1rem;transition:all .3s}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e533}.form-input::placeholder{color:var(--gray)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{text-align:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:20px}.stat-value{color:var(--primary);margin-bottom:4px;font-size:2rem;font-weight:700}.stat-label{color:var(--gray);font-size:.875rem}.progress{background:#ffffff1a;border-radius:4px;height:8px;margin:12px 0;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:4px;height:100%;transition:width .3s}.alert{border-radius:10px;margin-bottom:20px;padding:16px}.alert-error{border:1px solid var(--danger);color:var(--danger);background:#ef44441a}.alert-success{border:1px solid var(--success);color:var(--success);background:#10b9811a}.alert-warning{border:1px solid var(--warning);color:var(--warning);background:#f59e0b1a}.server-status{background:#ffffff08;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:12px;display:flex}.status-indicator{border-radius:50%;width:10px;height:10px;animation:2s infinite pulse}.status-online{background:var(--success)}.status-offline{background:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.slider-container{padding:20px 0}.slider{appearance:none;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px}.slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 10px #4f46e566}.slider::-moz-range-thumb{background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 10px #4f46e566}.slider-labels{color:var(--gray);justify-content:space-between;margin-top:8px;font-size:.875rem;display:flex}@media (width<=768px){.container{padding:0 16px}.card{padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.5rem}}.spinner{border:4px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}