.login-page[data-v-66039a60]{position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-background[data-v-66039a60]{position:absolute;inset:0;background:var(--gradient-bg);background-size:400% 400%;animation:gradientShift-66039a60 12s ease infinite}@keyframes gradientShift-66039a60{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-container[data-v-66039a60]{position:relative;z-index:10;width:100%;max-width:440px;padding:20px}.login-card[data-v-66039a60]{background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:0 20px 25px -5px var(--color-shadow-strong),0 10px 10px -5px var(--color-shadow-medium),0 0 0 1px var(--color-border);border:1px solid var(--color-border);transform:translateY(0);transition:var(--transition-base);animation:slideInUp-66039a60 .6s ease-out;position:relative;overflow:hidden}.login-card[data-v-66039a60]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-bg-overlay) 0%,transparent 50%,var(--color-bg-overlay) 100%);pointer-events:none;z-index:-1}@keyframes slideInUp-66039a60{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-card[data-v-66039a60]:hover{transform:translateY(-2px);box-shadow:0 25px 30px -5px var(--color-shadow-darker),0 15px 15px -5px var(--color-shadow-medium),0 0 0 1px var(--color-border-hover)}.google-login-section[data-v-66039a60]{margin-bottom:24px}.divider[data-v-66039a60]{position:relative;margin:32px 0;text-align:center}.divider[data-v-66039a60]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-hover),transparent)}.divider-text[data-v-66039a60]{padding:0 16px;color:var(--color-text-secondary);font-size:14px;font-weight:500}.email-login-section[data-v-66039a60]{margin-bottom:32px}.role-info-section[data-v-66039a60]{border-top:1px solid var(--color-border);padding-top:24px;margin-top:24px}.role-info-card[data-v-66039a60]{background:var(--color-bg-overlay);border:1px solid var(--color-border);border-radius:16px;padding:20px;transition:var(--transition-fast)}html.dark .login-background[data-v-66039a60]{background:var(--gradient-bg)}html.dark .login-card[data-v-66039a60]{background:var(--color-bg-card);border-color:var(--color-border);color:var(--color-text-primary)}html.dark .divider-text[data-v-66039a60]{color:var(--color-text-secondary)}html.dark .divider-line[data-v-66039a60]{background:linear-gradient(to right,transparent,var(--color-border-hover),transparent)}html.dark .role-info-card[data-v-66039a60]{background:var(--color-bg-overlay);border-color:var(--color-border)}html.dark .role-info-card[data-v-66039a60]:hover{background:var(--color-bg-overlay);border-color:var(--color-border-hover)}html.dark .role-icon[data-v-66039a60]{color:var(--color-primary-lighter)}html.dark .error-message[data-v-66039a60]{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error)}html.dark .error-icon[data-v-66039a60]{color:var(--color-error)}html.dark .role-badge.creator[data-v-66039a60]{background:var(--gradient-creator-dark);color:#fff}html.dark .role-badge.admin[data-v-66039a60]{background:var(--gradient-admin-dark);color:#fff}html.dark .role-badge.viewer[data-v-66039a60]{background:var(--gradient-viewer-dark);color:#fff}html.dark[data-v-66039a60] *{scrollbar-color:var(--color-border-hover) var(--color-bg-dark)}.role-info-card[data-v-66039a60]:hover{background:var(--color-bg-overlay);border-color:var(--color-border-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-border)}@media(min-width:1200px){.role-info-section[data-v-66039a60]{padding-top:32px;margin-top:32px}.role-info-card[data-v-66039a60]{padding:24px;border-radius:20px}.role-info-header[data-v-66039a60]{margin-bottom:20px}.role-list[data-v-66039a60]{gap:16px}.role-item[data-v-66039a60]{padding:12px 0}.role-badge[data-v-66039a60]{padding:8px 16px;font-size:13px}.role-description[data-v-66039a60]{font-size:14px}}@media(max-width:1199px)and (min-width:768px){.role-info-section[data-v-66039a60]{padding-top:20px;margin-top:20px}.role-info-card[data-v-66039a60]{padding:18px;border-radius:16px}.role-info-header[data-v-66039a60]{margin-bottom:16px}.role-list[data-v-66039a60]{gap:12px}.role-item[data-v-66039a60]{padding:8px 0}.role-badge[data-v-66039a60]{padding:6px 12px;font-size:12px}.role-description[data-v-66039a60]{font-size:13px}}@media(max-width:767px){.role-info-section[data-v-66039a60]{padding-top:16px;margin-top:16px}.role-info-card[data-v-66039a60]{padding:16px;border-radius:var(--card-radius-sm);background:var(--color-bg-overlay)}.role-info-header[data-v-66039a60]{margin-bottom:14px;gap:6px}.role-icon[data-v-66039a60],.role-info-title[data-v-66039a60]{font-size:14px}.role-list[data-v-66039a60]{gap:10px}.role-item[data-v-66039a60]{padding:6px 0}.role-badge[data-v-66039a60]{padding:4px 10px;font-size:11px;border-radius:10px}.role-description[data-v-66039a60]{font-size:12px}}.role-info-header[data-v-66039a60]{display:flex;align-items:center;gap:8px;margin-bottom:16px}.role-icon[data-v-66039a60]{color:var(--color-primary);font-size:16px}.role-info-title[data-v-66039a60]{font-size:15px;font-weight:600;color:var(--color-text-primary);margin:0}.role-list[data-v-66039a60]{display:flex;flex-direction:column;gap:12px}.role-item[data-v-66039a60]{display:flex;flex-direction:column;gap:4px;padding:8px 0}.role-badge[data-v-66039a60]{align-self:flex-start;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px var(--color-shadow-light);transition:var(--transition-fast)}.role-item:hover .role-badge[data-v-66039a60]{transform:translate(2px);box-shadow:0 4px 8px var(--color-shadow-medium)}.role-badge.creator[data-v-66039a60]{background:var(--gradient-creator);color:#fff}.role-badge.admin[data-v-66039a60]{background:var(--gradient-admin);color:#fff}.role-badge.viewer[data-v-66039a60]{background:var(--gradient-viewer);color:#fff}.role-description[data-v-66039a60]{font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin:0;padding-left:4px}.error-message[data-v-66039a60]{display:flex;align-items:center;gap:8px;background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:12px;padding:12px 16px;color:var(--color-error);font-size:14px;margin-top:20px;animation:shake-66039a60 .5s ease-in-out}@keyframes shake-66039a60{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-icon[data-v-66039a60]{flex-shrink:0}@media(min-width:1200px){.login-container[data-v-66039a60]{max-width:480px}.login-card[data-v-66039a60]{padding:var(--card-padding-lg);border-radius:var(--card-radius-lg);box-shadow:0 25px 30px -5px var(--color-shadow-strong),0 15px 15px -5px var(--color-shadow-medium),0 0 0 1px var(--color-border)}.login-card[data-v-66039a60]:hover{transform:translateY(-3px);box-shadow:0 30px 35px -5px var(--color-shadow-darker),0 20px 20px -5px var(--color-shadow-medium),0 0 0 1px var(--color-border-hover)}}@media(max-width:1199px)and (min-width:1024px){.login-container[data-v-66039a60]{max-width:420px;padding:24px}.login-card[data-v-66039a60]{padding:44px 36px;border-radius:24px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.login-card[data-v-66039a60]:hover{transform:translateY(-2px)}.google-login-section[data-v-66039a60]{margin-bottom:28px}.divider[data-v-66039a60]{margin:36px 0}.email-login-section[data-v-66039a60]{margin-bottom:36px}.role-info-section[data-v-66039a60]{padding-top:28px;margin-top:28px}}@media(max-width:1023px)and (min-width:768px){.login-container[data-v-66039a60]{max-width:92%;padding:20px}.login-card[data-v-66039a60]{padding:36px 32px}.google-login-section[data-v-66039a60]{margin-bottom:20px}.divider[data-v-66039a60]{margin:28px 0}.email-login-section[data-v-66039a60]{margin-bottom:28px}.role-info-section[data-v-66039a60]{padding-top:20px;margin-top:20px}.role-info-card[data-v-66039a60]{padding:16px}}@media(max-width:767px)and (min-width:481px){.login-container[data-v-66039a60]{max-width:94%;padding:16px}.login-card[data-v-66039a60]{padding:32px 28px}.role-item[data-v-66039a60]{flex-direction:column;align-items:flex-start;gap:6px}.role-badge[data-v-66039a60]{align-self:flex-start}}@media(max-width:480px){.login-container[data-v-66039a60]{max-width:96%;padding:12px}.login-card[data-v-66039a60]{padding:var(--card-padding-xs);border-radius:var(--card-radius-sm);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--color-bg-card)}.login-card[data-v-66039a60]:hover{transform:none}.google-login-section[data-v-66039a60]{margin-bottom:16px}.divider[data-v-66039a60]{margin:20px 0}.email-login-section[data-v-66039a60]{margin-bottom:20px}.role-info-section[data-v-66039a60]{padding-top:16px;margin-top:16px}.role-info-card[data-v-66039a60]{padding:14px;border-radius:var(--card-radius-sm)}.role-item[data-v-66039a60]{flex-direction:column;align-items:center;gap:6px;text-align:center;padding:6px 0}.role-badge[data-v-66039a60]{align-self:center;padding:4px 10px;font-size:11px;border-radius:12px}.role-description[data-v-66039a60]{text-align:center;padding-left:0;font-size:12px}@media(max-width:380px){.login-container[data-v-66039a60]{max-width:98%;padding:8px}.login-card[data-v-66039a60]{padding:16px 12px;border-radius:var(--card-radius-xs)}.google-login-section[data-v-66039a60]{margin-bottom:12px}.divider[data-v-66039a60]{margin:16px 0}.email-login-section[data-v-66039a60]{margin-bottom:16px}.role-info-section[data-v-66039a60]{padding-top:12px;margin-top:12px}.role-info-card[data-v-66039a60]{padding:12px}.role-description[data-v-66039a60]{font-size:11px}}}.top-right-controls[data-v-66039a60]{position:fixed;top:24px;right:24px;z-index:1000;display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box}.controls-container[data-v-66039a60]{display:flex;gap:12px;margin-left:auto}.top-right-controls .theme-toggle[data-v-66039a60],.top-right-controls .language-toggle[data-v-66039a60]{display:flex;align-items:center}.top-right-controls .theme-toggle .theme-toggle-btn[data-v-66039a60],.top-right-controls .language-toggle .language-toggle__button[data-v-66039a60]{height:48px;display:flex;align-items:center;justify-content:center;min-width:48px}.back-home-btn[data-v-66039a60]{display:flex;align-items:center;justify-content:center;background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:14px;font-weight:500;cursor:pointer;padding:0;border-radius:8px;transition:var(--transition-fast);height:48px;width:48px;min-width:48px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-home-btn[data-v-66039a60]:hover{transform:translateY(-2px)}.back-home-btn[data-v-66039a60]:active{transform:translateY(0)}.back-home-icon[data-v-66039a60]{font-size:20px;color:var(--color-primary);transition:color .2s ease}@media(min-width:1200px){.top-right-controls[data-v-66039a60]{padding:0 48px}.top-right-controls .theme-toggle .theme-toggle-btn[data-v-66039a60],.top-right-controls .language-toggle .language-toggle__button[data-v-66039a60]{height:52px;min-width:52px}.back-home-btn[data-v-66039a60]{height:52px;width:52px;min-width:52px}.back-home-icon[data-v-66039a60]{font-size:22px}}@media(max-width:1199px)and (min-width:768px){.top-right-controls[data-v-66039a60]{top:20px;right:20px}.controls-container[data-v-66039a60]{gap:10px}.back-home-btn[data-v-66039a60]{height:44px;width:44px;min-width:44px}.back-home-icon[data-v-66039a60]{font-size:18px}}@media(max-width:767px)and (min-width:481px){.top-right-controls[data-v-66039a60]{top:16px;right:16px}.controls-container[data-v-66039a60]{gap:8px}.back-home-btn[data-v-66039a60]{height:40px;width:40px;min-width:40px}.back-home-icon[data-v-66039a60]{font-size:16px}}@media(max-width:480px){.top-right-controls[data-v-66039a60]{top:12px;right:12px}.controls-container[data-v-66039a60]{gap:6px}.back-home-btn[data-v-66039a60]{height:36px;width:36px;min-width:36px}.back-home-icon[data-v-66039a60]{font-size:14px}}html.dark .login-background[data-v-66039a60]{background:var(--gradient-bg);background-attachment:fixed}html.dark .login-card[data-v-66039a60]{background:var(--color-bg-card);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}html.dark .login-card[data-v-66039a60]:hover{border-color:var(--color-border-strong);box-shadow:0 25px 50px var(--color-shadow-strong),0 0 0 1px var(--color-border-hover),inset 0 1px 0 var(--color-white-overlay)}html.dark .divider-line[data-v-66039a60]{background:linear-gradient(to right,transparent,var(--color-border-hover),var(--color-border-strong),var(--color-border-hover),transparent)}html.dark .divider-text[data-v-66039a60]{color:var(--color-text-secondary);background:var(--color-bg-dark)}html.dark .role-info-card[data-v-66039a60]{background:var(--color-bg-overlay);border:1px solid var(--color-border)}html.dark .role-info-title[data-v-66039a60]{color:var(--color-text-primary)}html.dark .role-description[data-v-66039a60]{color:var(--color-text-secondary)}html.dark .error-message[data-v-66039a60]{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error)}html.dark .error-icon[data-v-66039a60]{color:var(--color-primary)}.auth-links[data-v-66039a60]{margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border)}.auth-links-row[data-v-66039a60]{display:flex;justify-content:center;align-items:center}.auth-link[data-v-66039a60]{display:flex;align-items:center;justify-content:center;gap:6px;background:none;border:none;color:var(--color-primary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:8px;transition:var(--transition-fast);text-decoration:none;white-space:nowrap}.auth-link[data-v-66039a60]:hover{background:var(--color-bg-overlay);color:var(--color-primary-dark);transform:translateY(-1px)}.auth-link[data-v-66039a60]:active{transform:translateY(0)}.link-icon[data-v-66039a60]{font-size:14px;opacity:.8;color:var(--color-primary);transition:color .2s ease}.forgot-password-link:hover .link-icon[data-v-66039a60],.register-link:hover .link-icon[data-v-66039a60],.phone-login-link:hover .link-icon[data-v-66039a60]{color:var(--color-primary-dark)}html.dark .auth-links[data-v-66039a60]{border-top-color:var(--color-border-hover)}html.dark .auth-link[data-v-66039a60]{color:var(--color-primary-lighter)}html.dark .auth-link[data-v-66039a60]:hover{background:var(--color-bg-overlay);color:var(--color-primary-light)}html.dark .link-icon[data-v-66039a60]{color:var(--color-text-tertiary)}html.dark .forgot-password-link:hover .link-icon[data-v-66039a60],html.dark .register-link:hover .link-icon[data-v-66039a60]{color:var(--color-primary-light)}html.dark .back-home-btn[data-v-66039a60]{background:var(--color-bg-card);border-color:var(--color-border);color:var(--color-text-primary)}html.dark .back-home-btn[data-v-66039a60]:hover{transform:translateY(-2px)}html.dark .back-home-icon[data-v-66039a60]{color:var(--color-primary-lighter)}html.dark[data-v-66039a60] ::-webkit-scrollbar{width:8px}html.dark[data-v-66039a60] ::-webkit-scrollbar-track{background:var(--color-bg-dark)}html.dark[data-v-66039a60] ::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:4px}html.dark[data-v-66039a60] ::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}@media(max-width:480px){html.dark .login-card[data-v-66039a60]{background:var(--color-bg-card)}}@media(max-width:480px){.auth-links[data-v-66039a60]{margin-top:20px;padding-top:14px}.auth-links-row[data-v-66039a60]{flex-wrap:wrap;gap:12px;align-items:center}.auth-link[data-v-66039a60]{justify-content:center;padding:10px 16px;font-size:13px;flex-shrink:0}}@media(max-width:360px){.auth-links[data-v-66039a60]{margin-top:16px;padding-top:12px}.auth-link[data-v-66039a60]{padding:8px 12px;font-size:12px}.link-icon[data-v-66039a60]{font-size:13px}}@media(max-width:1199px)and (min-width:1024px){.top-right-controls[data-v-66039a60]{top:20px;right:20px}.top-right-controls .theme-toggle .theme-toggle-btn[data-v-66039a60],.top-right-controls .language-toggle .language-toggle__button[data-v-66039a60]{height:50px;min-width:50px}}@media(max-width:1023px)and (min-width:768px){.top-right-controls[data-v-66039a60]{top:16px;right:16px}.controls-container[data-v-66039a60]{gap:8px}.top-right-controls .theme-toggle .theme-toggle-btn[data-v-66039a60],.top-right-controls .language-toggle .language-toggle__button[data-v-66039a60]{height:44px;min-width:44px;transform:scale(.95)}}@media(max-width:767px)and (min-width:481px){.top-right-controls[data-v-66039a60]{top:12px;right:12px}.controls-container[data-v-66039a60]{gap:6px}.top-right-controls .theme-toggle .theme-toggle-btn[data-v-66039a60],.top-right-controls .language-toggle .language-toggle__button[data-v-66039a60]{height:40px;min-width:40px;transform:scale(.9)}}@media(max-width:480px){.top-right-controls[data-v-66039a60]{top:8px;right:8px}.controls-container[data-v-66039a60]{gap:4px}.top-right-controls .theme-toggle .theme-toggle-btn[data-v-66039a60],.top-right-controls .language-toggle .language-toggle__button[data-v-66039a60]{height:36px;min-width:36px;transform:scale(.85)}@media(max-width:360px){.controls-container[data-v-66039a60]{gap:2px}.top-right-controls .theme-toggle .theme-toggle-btn[data-v-66039a60],.top-right-controls .language-toggle .language-toggle__button[data-v-66039a60]{height:34px;min-width:34px;transform:scale(.8)}}}