.login-container{--login-container-bg:var(--background,#f8fafc);--login-card-bg:#fff;--login-card-border:var(--border,#e2e8f0);--login-card-shadow:0 24px 56px -28px #0f172a40,0 0 1px 1px #00000008;--login-form-bg:#fff;--login-title-color:#0f172a;--login-subtitle-color:#64748b;--login-label-color:#334155;--login-input-bg:#f8fafc;--login-input-border:#cbd5e1;--login-input-text:#0f172a;--login-input-placeholder:#64748b;--login-input-icon:#64748b;--login-input-focus-bg:#fff;--login-input-focus-border:#2563eb;--login-input-focus-shadow:0 0 0 4px #2563eb1f;--login-checkbox-bg:#fff;--login-checkbox-border:#cbd5e1;--login-remember-text:#475569;--login-forgot-link:#2563eb;--login-btn-bg:#2563eb;--login-btn-text:#fff;--login-btn-hover:#1d4ed8;--login-btn-shadow:0 10px 20px -3px #2563eb4d;background:var(--login-container-bg);min-height:100dvh;font-family:var(--font-sans);background-image:radial-gradient(circle at 15% 0,#2563eb14 0%,#0000 50%),radial-gradient(circle at 85% 100%,#10b98114 0%,#0000 50%);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative;overflow:hidden}html[data-theme=dark] .login-container,body.dark-theme .login-container{--login-container-bg:#090d16;--login-card-bg:#0f172a;--login-card-border:#1e293b;--login-card-shadow:0 24px 56px -28px #000000bf,0 0 1px 1px #ffffff0d;--login-form-bg:#0f172a;--login-title-color:#f8fafc;--login-subtitle-color:#94a3b8;--login-label-color:#e2e8f0;--login-input-bg:#1e293b;--login-input-border:#334155;--login-input-text:#f8fafc;--login-input-placeholder:#94a3b8;--login-input-icon:#94a3b8;--login-input-focus-bg:#0f172a;--login-input-focus-border:#3b82f6;--login-input-focus-shadow:0 0 0 4px #3b82f633;--login-checkbox-bg:#1e293b;--login-checkbox-border:#475569;--login-remember-text:#cbd5e1;--login-forgot-link:#60a5fa;--login-btn-bg:#2563eb;--login-btn-text:#fff;--login-btn-hover:#3b82f6;--login-btn-shadow:0 10px 22px -3px #2563eb73;background-image:radial-gradient(circle at 15% 0,#2563eb26 0%,#0000 50%),radial-gradient(circle at 85% 100%,#10b9811f 0%,#0000 50%)}.login-card{z-index:10;background-color:var(--login-card-bg);border-radius:var(--radius-2xl);width:100%;max-width:1080px;box-shadow:var(--login-card-shadow);border:1px solid var(--login-card-border);flex-direction:column;min-height:580px;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.login-card{flex-direction:row;min-height:620px}}.brand-panel{color:var(--primary-foreground);background-color:#0b1329;display:none;position:relative;overflow:hidden}@media (min-width:768px){.brand-panel{width:48%;display:flex}}.brand-bg{z-index:1;opacity:.25;mix-blend-mode:overlay;filter:grayscale(20%);background-image:url(https://images.unsplash.com/photo-1519003722824-194d4455a60c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80);background-position:50%;background-size:cover;position:absolute;inset:0}.brand-overlay-gradient{z-index:2;background:linear-gradient(135deg,#0f172af2 0%,#1565c0d9 60%,#1565c080 100%);position:absolute;inset:0}.brand-panel-inner{z-index:10;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:2.5rem 2.25rem;display:flex;position:relative}.brand-logo-container{-webkit-user-select:none;user-select:none;align-items:center;gap:1rem;display:flex}.brand-logo-icon-box{background-color:#ffffff14;border:1.5px solid #ffffff26;border-radius:.875rem;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .3s;display:flex}.brand-logo-container:hover .brand-logo-icon-box{background-color:#ffffff1f;border-color:#ffffff40;transform:rotate(-5deg)scale(1.05)}.brand-logo-container.dark-theme-logo .brand-logo-icon-box{background-color:#0b1329;border:1.5px solid #0b132926;box-shadow:0 4px 10px #00000026}.brand-logo-image{object-fit:contain;width:2rem;height:2rem}.brand-logo-text-group{flex-direction:column;justify-content:center;display:flex}.brand-logo-title-row{align-items:center;gap:.45rem;display:flex}.brand-logo-main-text{font-family:var(--font-sans);letter-spacing:.05em;font-size:1.5rem;font-weight:800;line-height:1.1}.brand-logo-main-text.light-text{color:var(--primary-foreground)}.brand-logo-main-text.dark-text{color:#1565c0}.brand-logo-badge{background-color:var(--success);color:var(--primary-foreground);letter-spacing:.02em;border-radius:.375rem;padding:.15rem .4rem;font-size:.725rem;font-weight:800;line-height:1;box-shadow:0 2px 4px #10b98133}.brand-logo-subtext{font-family:var(--font-sans);letter-spacing:.15em;margin-top:.25rem;font-size:.625rem;font-weight:700;line-height:1}.brand-logo-subtext.light-subtext{color:#ffffff8c}.brand-logo-subtext.dark-subtext{color:var(--text-secondary)}.brand-content-wrapper{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;margin:3.5rem 0 1.5rem;display:flex}.brand-heading{font-family:var(--font-sans);color:var(--primary-foreground);text-align:center;margin:0;font-size:2.25rem;font-weight:800;line-height:1.25}.brand-heading .highlight-green{color:var(--success);white-space:nowrap}.brand-heading-underline{background-color:var(--success);border-radius:2px;width:3rem;height:3px;margin:1rem 0}.brand-subheading{color:#eff6ffbf;text-align:center;max-width:26rem;margin:1rem auto 0;font-size:.95rem;font-weight:400;line-height:1.65}.brand-features-wrapper{justify-content:space-between;align-items:center;width:100%;margin-top:auto;margin-bottom:1.25rem;padding-top:2rem;display:flex}.brand-feature-item{text-align:center;flex-direction:column;flex:1;align-items:center;gap:.75rem;transition:all .3s;display:flex}.brand-feature-icon-box{color:#ffffffe6;background-color:#ffffff0a;border:1px solid #ffffff1a;border-radius:.875rem;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.brand-feature-item:hover .brand-feature-icon-box{background-color:var(--success-light);color:var(--success);box-shadow:0 10px 20px #10b98126,0 0 12px var(--success-light);border-color:#10b9814d;transform:translateY(-4px)scale(1.05)}.brand-feature-item:hover .brand-feature-label{color:var(--primary-foreground)}.brand-feature-label{font-family:var(--font-sans);color:#eff6ffa6;letter-spacing:.05em;font-size:.8rem;font-weight:600;transition:color .2s}.brand-feature-divider{background-color:#ffffff14;align-self:center;width:1px;height:3rem}.form-panel{background-color:var(--login-form-bg);flex-direction:column;justify-content:center;width:100%;min-width:0;padding:2.5rem 1.75rem;display:flex}@media (min-width:768px){.form-panel{width:52%;padding:3rem 3.5rem}}.form-content{width:100%;max-width:25rem;margin:0 auto}.mobile-logo-container{justify-content:center;margin-bottom:2.5rem;display:flex}@media (min-width:768px){.mobile-logo-container{display:none}}.form-header{margin-bottom:2rem}.form-title{font-family:var(--font-sans);font-size:clamp(1.5rem,1.25rem + 1vw,2rem);font-weight:var(--weight-bold);line-height:var(--leading-tight);overflow-wrap:anywhere;color:var(--login-title-color);letter-spacing:-.02em;margin:0 0 .5rem}.form-subtitle{color:var(--login-subtitle-color);margin:0;font-size:.875rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.field-group{flex-direction:column;gap:.45rem;display:flex}.field-label{color:var(--login-label-color);margin-inline-start:.2rem;font-size:.875rem;font-weight:600}.field-header{gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;align-items:center;margin-inline-start:.2rem;display:flex}.forgot-link{color:var(--login-forgot-link);font-size:.875rem;font-weight:600;text-decoration:none;transition:color .15s}.forgot-link:hover{color:var(--login-input-focus-border)}.login-container .input-wrapper{position:relative}.login-container .input-icon{pointer-events:none;color:var(--login-input-icon);transition:color .2s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.login-container .input-wrapper:focus-within .input-icon{color:var(--login-input-focus-border)}.login-container .form-input{background-color:var(--login-input-bg);border:1px solid var(--login-input-border);width:100%;color:var(--login-input-text);border-radius:.75rem;padding:.875rem 1rem .875rem 2.75rem;font-family:inherit;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.login-container .form-input::placeholder{color:var(--login-input-placeholder)}.login-container .form-input:focus{outline:2px solid var(--login-input-focus-border);outline-offset:-1px;border-color:var(--login-input-focus-border);background-color:var(--login-input-focus-bg);box-shadow:var(--login-input-focus-shadow)}.login-container .form-input.password-input{padding-inline-end:3rem}.login-container .password-toggle{cursor:pointer;color:var(--login-input-icon);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.login-container .password-toggle:hover{color:var(--login-input-text)}.remember-me-container{align-items:center;margin:.5rem 0 .5rem .2rem;display:flex}.remember-me-label{min-height:var(--touch-target-min);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.625rem;display:flex}.login-container .remember-me-checkbox{appearance:none;border:1.5px solid var(--login-checkbox-border);cursor:pointer;background-color:var(--login-checkbox-bg);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;min-height:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.remember-me-checkbox:checked{background-color:var(--login-btn-bg);border-color:var(--login-btn-bg)}.remember-me-checkbox:checked:before{content:"✓";color:var(--login-btn-text);font-size:.8rem;font-weight:800}.remember-me-checkbox:hover{border-color:var(--login-input-focus-border)}.remember-me-checkbox:focus{box-shadow:0 0 0 3px #2563eb26}.remember-me-text{color:var(--login-remember-text);font-size:.875rem;font-weight:600}.submit-button{background-color:var(--login-btn-bg);width:100%;color:var(--login-btn-text);cursor:pointer;box-shadow:var(--login-btn-shadow);border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.95rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.submit-button:hover:not(:disabled){background-color:var(--login-btn-hover);transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.spinner-loader{border:2px solid #ffffff4d;border-top-color:var(--login-btn-text);border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite spin}.error-message{background-color:var(--danger-light);color:var(--danger);border:1px solid #fecaca;border-radius:.75rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.875rem;animation:.4s cubic-bezier(.36,.07,.19,.97) both shake;display:flex}.error-dot{background-color:var(--danger);border-radius:50%;flex-shrink:0;width:.375rem;height:.375rem}.divider{margin:2rem 0 1.5rem;position:relative}.divider-line{border:none;border-top:1px solid var(--login-input-border);width:100%}.divider-text{background-color:var(--login-form-bg);color:var(--login-subtitle-color);padding:0 .75rem;font-size:.825rem;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.help-section{text-align:center}.help-text{color:var(--login-subtitle-color);margin:0;font-size:.9rem}.help-email{color:var(--login-title-color);font-weight:700;text-decoration:none;transition:color .15s}.help-email:hover{color:var(--login-forgot-link)}.super-admin-link{color:var(--login-subtitle-color);opacity:.8;z-index:100;font-size:.75rem;font-weight:600;text-decoration:none;transition:opacity .2s,color .2s;position:fixed;bottom:1rem;right:1.5rem}.super-admin-link:hover{opacity:1;color:var(--login-title-color)}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeSlideUp}.loading-spinner-container{justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.login-container input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--login-input-bg)inset!important;-webkit-text-fill-color:var(--login-input-text)!important;border:1px solid var(--login-input-border)!important}.login-container input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--login-input-bg)inset!important;-webkit-text-fill-color:var(--login-input-text)!important;border:1px solid var(--login-input-border)!important}.login-container input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--login-input-bg)inset!important;-webkit-text-fill-color:var(--login-input-text)!important;border:1px solid var(--login-input-border)!important}.login-container input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--login-input-bg)inset!important;-webkit-text-fill-color:var(--login-input-text)!important;border:1px solid var(--login-input-border)!important}.login-container input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--login-input-focus-bg)inset!important;border-color:var(--login-input-focus-border)!important}.signup-card{max-width:1200px}.signup-form-panel{max-height:90vh;overflow-y:auto}.signup-form-content{max-width:100%;padding:1rem 0}@media (min-width:768px){.signup-form-content{max-width:32rem;padding:0}}.signup-form-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:480px){.signup-form-grid{grid-template-columns:1fr 1fr;gap:1.125rem}}.signup-field-full{grid-column:1/-1}.field-required{color:var(--danger);font-weight:600}.field-error{color:var(--danger);margin-top:.25rem;margin-inline-start:.2rem;font-size:.8rem;font-weight:500}.login-container .form-input.input-error{background-color:#fef2f2;border-color:#fca5a5}.login-container .form-input.input-error:focus{outline-color:var(--danger);border-color:var(--danger);box-shadow:0 0 0 4px #ef444414}.login-container .form-input.signup-select{appearance:auto;cursor:pointer;padding-left:1rem}.login-container .signup-textarea{resize:vertical;min-height:80px;padding:.875rem 1rem;font-family:inherit;line-height:1.5}.signup-success-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1.25rem .75rem;display:flex}.signup-success-icon{width:4.5rem;height:4.5rem;color:var(--success);background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;box-shadow:0 8px 20px #10b98126}.tenant-registration-card{max-width:1120px;min-height:600px}.tenant-registration-card .brand-panel{background:var(--gray-900)}.tenant-registration-card .brand-bg{opacity:.16;mix-blend-mode:normal;filter:grayscale(35%)contrast(1.08)}.tenant-registration-card .brand-overlay-gradient{background:linear-gradient(145deg,#0f172af5 0%,#111827e6 100%)}.tenant-registration-card .brand-panel-inner{padding:2.25rem}.tenant-registration-card .brand-logo-icon-box,.tenant-registration-card .brand-feature-icon-box{border-radius:.5rem}.tenant-registration-card .brand-content-wrapper{text-align:left;align-items:flex-start;margin:3rem 0}.tenant-registration-card .brand-heading{text-align:left;letter-spacing:0;font-size:2.35rem;line-height:1.16}.tenant-registration-card .brand-heading-underline{margin:1rem 0}.tenant-registration-card .brand-subheading{text-align:left;max-width:25rem;margin:0}.tenant-registration-card .brand-features-wrapper{margin-bottom:0;padding-top:1.5rem}.tenant-registration-card .brand-feature-icon-box{width:2.5rem;height:2.5rem}.tenant-registration-card .brand-feature-label{letter-spacing:0;font-size:.75rem}.registration-setup-card{max-width:1060px}.registration-setup-card .form-content{max-width:26rem}.registration-setup-card .form-header{margin-bottom:1.5rem}.registration-setup-card .login-form{gap:1rem}.registration-setup-card .submit-button{margin-top:.5rem!important}.registration-success-container{min-height:22rem}@media (max-width:767px){.login-container{align-items:flex-start;padding:1rem;overflow-y:auto}.login-card,.tenant-registration-card{border-radius:1rem;min-height:auto}.form-panel{padding:2rem 1.25rem}.signup-form-panel{max-height:none}.signup-success-actions{flex-direction:column}}.signup-next-steps{background-color:var(--gray-50);border:1px solid var(--gray-200);text-align:left;width:100%;color:var(--gray-600);border-radius:.75rem;margin-bottom:2rem;padding:1rem 1.25rem;font-size:.85rem;line-height:1.6}.signup-next-steps strong{color:var(--gray-700)}.signup-next-steps ul{margin-top:.5rem;padding-left:1rem;list-style-type:disc}.signup-next-steps li{margin-bottom:.375rem}.signup-success-actions{gap:.75rem;width:100%;display:flex}.signup-success-actions .submit-button{flex:1;justify-content:center;margin:0}.signup-secondary-btn{background:var(--card)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-sm)!important}.signup-secondary-btn:hover:not(:disabled){transform:translateY(-1px);background:var(--muted)!important;border-color:var(--border-hover)!important}