:root{--login-primary: var(--primary);--login-primary-dark: #262626;--login-text: var(--foreground);--login-text-light: var(--muted-foreground);--login-bg: var(--background);--login-surface: var(--card);--login-border: var(--border);--login-error: #ef4444;--login-success: #10b981}.login-form-section{background:var(--login-surface);display:flex;align-items:center;justify-content:center;padding:2rem;height:100vh;overflow-y:auto;min-height:0}.form-container{width:100%;max-width:440px;max-height:calc(100vh - 4rem);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;justify-content:center;padding:0 1rem}.form-header{text-align:center;margin-bottom:2rem}.form-title{font-size:2rem;font-weight:700;color:var(--login-text);margin-bottom:.5rem;line-height:1.2}.form-subtitle{font-size:1rem;color:var(--login-text-light);line-height:1.5}.login-card{background:var(--login-surface);border:1px solid var(--login-border);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;margin-bottom:1.5rem}.login-card-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--login-border)}.login-card-content{padding:1.5rem}.login-card{background:#fff!important}.login-card .login-card-content,.login-card .form-input,.login-card .google-login-button{color:#111827!important}.login-card,.login-card .login-card-content,.login-card .form-title,.login-card .form-subtitle,.login-card .form-label,.login-card .divider-text,.login-card .divider,.login-card .login-button,.login-card .google-login-button,.login-card .error-message{color:#0c1326!important}.login-card .form-input,.login-card .password-input,.login-card .google-login-button{background:#fff!important;color:#0c1326!important}.login-card .form-input::placeholder{color:#0c132680!important}.login-card .login-button{color:#fff!important}.login-card .login-button *{color:inherit!important}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:600;color:var(--login-text);line-height:1.25}.form-input{width:100%;padding:.875rem 1rem;border:1px solid var(--login-border);border-radius:8px;font-size:1rem;line-height:1.5;color:var(--login-text);background:var(--login-surface);transition:all .15s ease-in-out}.form-input:focus{outline:none;border-color:var(--login-primary);box-shadow:0 0 0 3px #0000001a}.form-input.error{border-color:var(--login-error)}.form-input::placeholder{color:var(--login-text-light)}.password-input-container{position:relative;display:flex;align-items:center}.password-input{padding-right:3rem}.password-toggle{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--login-text-light);padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease-in-out}.password-toggle:hover{color:var(--login-text);background:#0000000d}.password-toggle:focus{outline:none;color:var(--login-primary);background:#0000000d}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.google-login-button{width:100%;min-height:44px;padding:.75rem 1rem;border:1px solid var(--login-border);border-radius:8px;background:var(--login-surface);cursor:pointer;transition:all .15s ease-in-out;font-family:inherit;font-size:1rem;font-weight:500;color:var(--login-text);display:flex;align-items:center;justify-content:center}.google-login-button:hover:not(:disabled){border-color:var(--login-primary);box-shadow:0 2px 4px #0000001a;background:#fafafa}.google-login-button:focus{outline:none;border-color:var(--login-primary);box-shadow:0 0 0 3px #0000001a}.google-login-button:disabled{cursor:not-allowed;opacity:.6;background:#f5f5f5}.google-button-content{display:flex;align-items:center;gap:.75rem}.google-icon{flex-shrink:0;width:18px;height:18px}.google-button-text{font-weight:500;line-height:1}.login-button{width:100%;min-height:44px;padding:.875rem 1.5rem;background:var(--login-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease-in-out;display:flex;align-items:center;justify-content:center;gap:.5rem}.login-button:hover:not(:disabled){background:var(--login-primary-dark);transform:translateY(-1px)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.google-login-container{margin-top:1rem}.divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--login-border)}.divider-text{font-size:.875rem;color:var(--login-text-light);white-space:nowrap}.error-message{background:#fef2f2;border:1px solid #fecaca;color:var(--login-error);padding:.75rem 1rem;border-radius:8px;font-size:.875rem;line-height:1.4;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.form-footer{text-align:center;padding:1rem 0;border-top:1px solid var(--login-border);margin-top:1.5rem}.register-text{font-size:.875rem;color:var(--login-text-light);line-height:1.5}.register-link{color:var(--login-primary);text-decoration:none;font-weight:600;transition:color .15s ease-in-out}.register-link:hover{color:var(--login-primary-dark);text-decoration:underline}@media(max-width:575px){.login-form-section{padding:.75rem;height:calc(100vh - 140px);height:calc(100dvh - 140px)}.form-container{max-width:100%;padding:0 .5rem;max-height:calc(100vh - 140px - 1.5rem);max-height:calc(100dvh - 140px - 1.5rem)}.form-header{margin-bottom:1.5rem}.form-title{font-size:1.5rem;margin-bottom:.5rem}.form-subtitle{font-size:.875rem}.login-card{border:none;box-shadow:none;margin-bottom:1rem}.login-card-header{padding:1rem 1rem .75rem}.login-card-content{padding:1rem}.login-form{gap:1rem}.form-input{font-size:16px;padding:.75rem;min-height:48px}.password-input{padding-right:3.5rem}.password-toggle{right:.75rem;min-width:44px;min-height:44px}.google-login-button{min-height:48px;font-size:16px}.login-button{min-height:48px;font-size:.875rem}.divider{margin:1rem 0}.error-message{font-size:.8125rem;padding:.625rem .75rem}.form-footer{padding:.75rem 0;margin-top:1rem}.register-text{font-size:.8125rem}}@media(min-width:576px)and (max-width:767px){.login-form-section{padding:1rem;height:calc(100vh - 160px);height:calc(100dvh - 160px)}.form-container{max-width:100%;padding:0 .75rem}.form-title{font-size:1.625rem}.form-subtitle{font-size:.9375rem}.login-card-header,.login-card-content{padding:1.25rem}.form-input{padding:.875rem}.login-button{min-height:44px}}@media(min-width:768px)and (max-width:991px){.login-form-section{padding:1.5rem}.form-container{max-width:420px;padding:0 1rem}.form-title{font-size:1.75rem}.form-subtitle{font-size:1rem}.login-button{min-height:44px}}@media(min-width:992px)and (max-width:1199px){.form-container{max-width:440px}.form-title{font-size:1.875rem}.login-button{min-height:42px}}@media(min-width:1200px){.form-container{max-width:460px}.form-title{font-size:2rem}}@media(pointer:coarse){.form-input:focus{outline:2px solid var(--login-primary);outline-offset:2px;border-color:var(--login-primary)}.login-button,.form-input{min-height:48px}.password-toggle{min-width:44px;min-height:44px;right:.5rem}.google-login-button{min-height:48px;padding:1rem}.google-button-content{gap:1rem}}@media(max-height:600px)and (orientation:landscape){.login-form-section{height:100vh;padding:.5rem}.form-container{max-height:calc(100vh - 1rem);justify-content:flex-start;padding-top:.5rem}.form-header{margin-bottom:1rem}.form-title{font-size:1.375rem;margin-bottom:.25rem}.form-subtitle{font-size:.8125rem}.login-card{margin-bottom:1rem}.login-card-header,.login-card-content{padding:1rem}.login-form{gap:.75rem}.divider{margin:.75rem 0}.form-footer{padding:.5rem 0;margin-top:.75rem}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.login-button{background:linear-gradient(135deg,var(--login-primary),var(--login-primary-dark))}}@media print{.login-form-section{height:auto;padding:1rem}.google-login-container{display:none}}@media(prefers-reduced-motion:reduce){.form-input,.login-button,.register-link{transition:none}.login-button:hover:not(:disabled){transform:none}}@media(prefers-contrast:high){.login-card,.form-input{border:2px solid var(--login-text)}.form-input:focus{border:2px solid var(--login-primary);box-shadow:none}.login-button{border:2px solid var(--login-primary)}}@media(prefers-color-scheme:dark){.login-form-section{background:#071022}.login-card{background:#0b1622;border-color:#ffffff0f}.form-title,.form-subtitle,.register-text,.divider-text,.google-button-text{color:#e6eef8}.form-label{color:#dbeafe}.form-input{background:#071425;color:#e6eef8;border:1px solid rgba(255,255,255,.06)}.form-input::placeholder{color:#e6eef880}.password-toggle{color:#e6eef899}.password-toggle:hover,.password-toggle:focus{background:#ffffff08}.google-login-button{background:#071425;border-color:#ffffff0f;color:#e6eef8}.login-button{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff}.divider:before,.divider:after{background:#ffffff0f}.error-message{background:#3b0a0a;border:1px solid #7f1d1d;color:#fecaca}}.dark .login-form-section,.login-form-section.dark{background:#071022}.dark .login-card{background:#0b1622;border-color:#ffffff0f}.dark .form-title,.dark .form-subtitle,.dark .register-text,.dark .divider-text,.dark .google-button-text{color:#e6eef8}.dark .form-label{color:#dbeafe}.dark .form-input{background:#071425;color:#e6eef8;border:1px solid rgba(255,255,255,.06)}.dark .form-input::placeholder{color:#e6eef880}.dark .password-toggle{color:#e6eef899}.dark .password-toggle:hover,.dark .password-toggle:focus{background:#ffffff08}.dark .google-login-button{background:#071425;border-color:#ffffff0f;color:#e6eef8}.dark .login-button{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff}.dark .divider:before,.dark .divider:after{background:#ffffff0f}.dark .error-message{background:#3b0a0a;border-color:#7f1d1d;color:#fecaca}