.login-page[data-v-1082ab89]{min-height:100vh;display:flex;flex-direction:column}.login-container[data-v-1082ab89]{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.login-box[data-v-1082ab89]{background:var(--card-bg, #1a1a2e);border-radius:16px;padding:2rem;width:100%;max-width:450px;box-shadow:0 8px 32px #0000004d;border:1px solid var(--border-color, #333)}.login-title[data-v-1082ab89]{text-align:center;margin-bottom:1.5rem;color:var(--text-color, #fff);font-size:1.5rem;font-weight:600}.user-info[data-v-1082ab89]{text-align:center}.user-avatar[data-v-1082ab89]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.user-avatar i[data-v-1082ab89]{font-size:2.5rem;color:#fff}.user-name[data-v-1082ab89]{font-size:1.2rem;color:var(--text-color, #fff);margin-bottom:.5rem}.user-role[data-v-1082ab89]{margin-bottom:.5rem;color:var(--text-secondary, #aaa)}.user-ads[data-v-1082ab89]{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.4rem;color:#ff6b6b}.user-ads.skip-ads[data-v-1082ab89]{color:#51cf66}.user-ads-expiry[data-v-1082ab89]{margin:0 0 1.25rem;font-size:.9rem;font-weight:600;color:var(--text-secondary, #aaa)}.user-ads-expiry.active[data-v-1082ab89]{color:#51cf66}.user-ads-expiry.permanent[data-v-1082ab89]{color:#667eea}.user-ads-expiry.expired[data-v-1082ab89]{color:#ff6b6b}.btn-logout[data-v-1082ab89]{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;cursor:pointer;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.btn-logout[data-v-1082ab89]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff6b6b66}.login-form[data-v-1082ab89]{display:flex;flex-direction:column;gap:1rem}.form-group[data-v-1082ab89]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-1082ab89]{color:var(--text-color, #fff);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.form-group input[data-v-1082ab89]{background:var(--input-bg, #16213e);border:1px solid var(--border-color, #333);border-radius:8px;padding:.75rem 1rem;color:var(--text-color, #fff);font-size:1rem;transition:all .3s ease}.form-group input[data-v-1082ab89]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.form-group input[data-v-1082ab89]::placeholder{color:var(--text-secondary, #666)}.password-input[data-v-1082ab89]{position:relative}.password-input input[data-v-1082ab89]{width:100%;padding-right:3rem}.toggle-password[data-v-1082ab89]{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary, #666);cursor:pointer;padding:.25rem}.toggle-password[data-v-1082ab89]:hover{color:var(--text-color, #fff)}.forgot-password-link[data-v-1082ab89]{display:block;text-align:right;margin-top:.5rem;color:var(--text-secondary, #aaa);font-size:.85rem;text-decoration:none;transition:all .3s ease}.forgot-password-link[data-v-1082ab89]:hover{color:#667eea}.error-message[data-v-1082ab89]{background:#ff6b6b1a;border:1px solid #ff6b6b;color:#ff6b6b;padding:.75rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.success-message[data-v-1082ab89]{background:#51cf661a;border:1px solid #51cf66;color:#51cf66;padding:.75rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.btn-login[data-v-1082ab89]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;margin-top:.5rem}.btn-login[data-v-1082ab89]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-login[data-v-1082ab89]:disabled{opacity:.7;cursor:not-allowed}.auth-links[data-v-1082ab89]{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #333);text-align:center}.link-text[data-v-1082ab89]{color:var(--text-secondary, #aaa);font-size:.9rem;margin-bottom:1rem}.link[data-v-1082ab89]{color:#667eea;text-decoration:none;font-weight:500;transition:all .3s ease}.link[data-v-1082ab89]:hover{color:#764ba2;text-decoration:underline}.link-home[data-v-1082ab89]{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary, #aaa);text-decoration:none;font-size:.9rem;transition:all .3s ease}.link-home[data-v-1082ab89]:hover{color:var(--text-color, #fff)}.link-home i[data-v-1082ab89]{font-size:.8rem}.role-badge[data-v-1082ab89]{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.role-badge.admin[data-v-1082ab89]{background:#ff6b6b33;color:#ff6b6b}.role-badge.premium[data-v-1082ab89]{background:#667eea33;color:#667eea}.role-badge.user[data-v-1082ab89]{background:#51cf6633;color:#51cf66}.text-success[data-v-1082ab89]{color:#51cf66}.text-danger[data-v-1082ab89]{color:#ff6b6b}@media(max-width:480px){.login-box[data-v-1082ab89]{padding:1.5rem}.demo-table[data-v-1082ab89]{font-size:.75rem}.demo-table th[data-v-1082ab89],.demo-table td[data-v-1082ab89]{padding:.4rem .25rem}}