.login-container[data-v-9bcc2b7b]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--vz-body-bg);color:var(--vz-body-color);padding:20px;position:relative;transition:all .3s ease}.brand-section[data-v-9bcc2b7b]{text-align:center;margin-bottom:40px}.logo[data-v-9bcc2b7b]{margin-bottom:20px}.logo-image[data-v-9bcc2b7b]{max-width:300px;max-height:300px;object-fit:contain;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin:0 auto;display:block}.logo-icon[data-v-9bcc2b7b]{width:150px;height:150px;background:#2c5aa0;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;margin:0 auto}.logo-text[data-v-9bcc2b7b]{color:#fff;font-size:48px;font-weight:700}.logo-star[data-v-9bcc2b7b]{position:absolute;bottom:10px;right:10px;color:#fff;font-size:24px}.welcome-text[data-v-9bcc2b7b]{font-size:24px;font-weight:700;color:var(--vz-body-color);margin:0 0 10px}.app-name[data-v-9bcc2b7b]{font-size:32px;font-weight:700;color:var(--vz-body-color);margin:0 0 10px}.app-description[data-v-9bcc2b7b]{font-size:16px;color:var(--vz-body-secondary-color);margin:0}.login-form-container[data-v-9bcc2b7b]{background:var(--vz-secondary-bg);border-radius:12px;padding:40px;box-shadow:0 4px 20px #0000001a;width:100%;max-width:400px;margin-bottom:30px;transition:all .3s ease;border:1px solid var(--vz-border-color)}.login-form[data-v-9bcc2b7b]{width:100%}.login-mode-switcher[data-v-9bcc2b7b]{display:flex;gap:8px;margin-bottom:30px;padding:4px;background:var(--vz-light);border-radius:8px;border:1px solid var(--vz-border-color)}.mode-switch-btn[data-v-9bcc2b7b]{flex:1;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;background:var(--vz-light);color:var(--vz-body-color)}.mode-switch-btn[data-v-9bcc2b7b]:hover{background:var(--vz-light);color:var(--vz-body-color)}.mode-switch-btn.active[data-v-9bcc2b7b]{background:#2c5aa0;color:#fff;box-shadow:0 2px 4px #2c5aa033}.ecp-form[data-v-9bcc2b7b]{margin-bottom:20px}.file-input-container[data-v-9bcc2b7b]{position:relative}.file-input[data-v-9bcc2b7b]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.file-input-label[data-v-9bcc2b7b]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border:2px dashed var(--vz-border-color);border-radius:8px;background:var(--vz-secondary-bg);color:var(--vz-body-color);cursor:pointer;transition:all .3s ease;font-size:16px}.file-input-label[data-v-9bcc2b7b]:hover{border-color:#2c5aa0;background:rgba(44,90,160,.05)}.file-input-label i[data-v-9bcc2b7b]{font-size:20px;color:#2c5aa0}.form-group[data-v-9bcc2b7b]{margin-bottom:20px}.form-label[data-v-9bcc2b7b]{display:block;margin-bottom:8px;font-weight:500;color:var(--vz-body-color)}.form-input[data-v-9bcc2b7b]{width:100%;padding:12px 16px;border:1px solid var(--vz-border-color);border-radius:8px;font-size:16px;background:var(--vz-secondary-bg);color:var(--vz-body-color);transition:border-color .3s ease}.form-input[data-v-9bcc2b7b]:focus{outline:none;border-color:#2c5aa0;box-shadow:0 0 0 3px #2c5aa01a}.form-input.is-invalid[data-v-9bcc2b7b]{border-color:#dc3545}.password-input-container[data-v-9bcc2b7b]{position:relative}.password-toggle[data-v-9bcc2b7b]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--vz-body-secondary-color);cursor:pointer;padding:0}.login-button[data-v-9bcc2b7b]{width:100%;padding:14px;background:#2c5aa0;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease;margin-bottom:20px}.login-button[data-v-9bcc2b7b]:hover{filter:brightness(.8)}.login-button[data-v-9bcc2b7b]:disabled{opacity:.6;cursor:not-allowed}.loading-spinner[data-v-9bcc2b7b]{display:inline-flex;align-items:center;justify-content:center}.loading-spinner i[data-v-9bcc2b7b]{font-size:18px;color:#fff}.demo-section[data-v-9bcc2b7b]{border-top:1px solid var(--vz-border-color);padding-top:20px}.demo-section h4[data-v-9bcc2b7b]{margin:0 0 15px;font-size:16px;color:var(--vz-body-color)}.demo-credentials[data-v-9bcc2b7b]{display:flex;flex-direction:column;gap:10px}.demo-item[data-v-9bcc2b7b]{display:flex;justify-content:space-between;align-items:center}.demo-label[data-v-9bcc2b7b]{font-weight:500;color:var(--vz-body-color)}.demo-credential[data-v-9bcc2b7b]{background:var(--vz-light);padding:6px 12px;border-radius:6px;font-family:monospace;font-size:14px;color:var(--vz-body-color)}.bottom-panel[data-v-9bcc2b7b]{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px;padding:20px 0}.language-section[data-v-9bcc2b7b]{display:flex;align-items:center;gap:15px}.language-label[data-v-9bcc2b7b]{font-size:14px;color:var(--vz-body-secondary-color)}.language-buttons[data-v-9bcc2b7b]{display:flex;gap:8px}.language-btn[data-v-9bcc2b7b]{padding:6px 12px;background:var(--vz-light);border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s ease;color:var(--vz-body-color)}.language-btn.active[data-v-9bcc2b7b]{background:#2c5aa0;color:#fff}.language-btn[data-v-9bcc2b7b]:hover{background:var(--vz-light);color:var(--vz-body-color)}.theme-toggle[data-v-9bcc2b7b]{background:none;border:none;color:var(--vz-body-secondary-color);font-size:20px;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .3s ease}.theme-toggle[data-v-9bcc2b7b]:hover{background:rgba(44,90,160,.1)}@media (max-width: 480px){.login-form-container[data-v-9bcc2b7b]{padding:30px 20px;margin:0 10px}.bottom-panel[data-v-9bcc2b7b]{flex-direction:column;gap:15px;align-items:flex-start}.language-section[data-v-9bcc2b7b]{flex-direction:column;align-items:flex-start;gap:10px}}