@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.login-page{--login-bg: #f0f4f8;--login-bg-accent: rgba(13, 148, 136, .08);--login-card-bg: rgba(255, 255, 255, .92);--login-card-border: rgba(15, 23, 42, .08);--login-card-shadow: 0 24px 48px -12px rgba(15, 23, 42, .12);--login-text: #0f172a;--login-text-muted: #64748b;--login-input-bg: #ffffff;--login-input-border: #e2e8f0;--login-input-border-focus: #0d9488;--login-input-placeholder: #94a3b8;--login-accent: #0d9488;--login-accent-hover: #0f766e;--login-accent-glow: rgba(13, 148, 136, .35);--login-error-bg: #fef2f2;--login-error-border: #fecaca;--login-error-text: #b91c1c;--login-demo-bg: #f8fafc;--login-toggle-bg: rgba(255, 255, 255, .8);--login-grid: rgba(13, 148, 136, .06);min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem;font-family:DM Sans,system-ui,sans-serif;background-color:var(--login-bg);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,var(--login-bg-accent),transparent),linear-gradient(var(--login-grid) 1px,transparent 1px),linear-gradient(90deg,var(--login-grid) 1px,transparent 1px);background-size:100% 100%,32px 32px,32px 32px;position:relative;transition:background-color .3s ease,color .3s ease}.login-page[data-theme=dark]{--login-bg: #0b1120;--login-bg-accent: rgba(45, 212, 191, .12);--login-card-bg: rgba(15, 23, 42, .85);--login-card-border: rgba(148, 163, 184, .12);--login-card-shadow: 0 24px 48px -12px rgba(0, 0, 0, .5);--login-text: #f1f5f9;--login-text-muted: #94a3b8;--login-input-bg: rgba(30, 41, 59, .8);--login-input-border: rgba(148, 163, 184, .2);--login-input-border-focus: #2dd4bf;--login-input-placeholder: #64748b;--login-accent: #2dd4bf;--login-accent-hover: #5eead4;--login-accent-glow: rgba(45, 212, 191, .25);--login-error-bg: rgba(127, 29, 29, .3);--login-error-border: rgba(248, 113, 113, .3);--login-error-text: #fca5a5;--login-demo-bg: rgba(30, 41, 59, .6);--login-toggle-bg: rgba(30, 41, 59, .8);--login-grid: rgba(45, 212, 191, .04)}.login-page__theme-toggle{position:absolute;top:1rem;right:1rem;width:2.75rem;height:2.75rem;border:1px solid var(--login-card-border);border-radius:.75rem;background:var(--login-toggle-bg);color:var(--login-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.125rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .2s,border-color .2s,transform .15s;z-index:2}.login-page__theme-toggle:hover{color:var(--login-accent);border-color:var(--login-accent)}.login-page__theme-toggle:active{transform:scale(.96)}.login-card{width:100%;max-width:26rem;padding:2rem 1.75rem;background:var(--login-card-bg);border:1px solid var(--login-card-border);border-radius:1.25rem;box-shadow:var(--login-card-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:login-card-in .5s cubic-bezier(.22,1,.36,1) both}@keyframes login-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-card__header{text-align:center;margin-bottom:1.75rem}.login-card__logo{width:3.5rem;height:3.5rem;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;border-radius:1rem;background:linear-gradient(135deg,var(--login-accent),var(--login-accent-hover));color:#fff;font-size:1.5rem;box-shadow:0 8px 24px var(--login-accent-glow)}.login-card__title{margin:0 0 .375rem;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--login-text);line-height:1.3}.login-card__subtitle{margin:0;font-size:.875rem;color:var(--login-text-muted);line-height:1.5}.login-form .ant-form-item{margin-bottom:1.125rem}.login-form .ant-form-item-explain-error{font-size:.75rem;margin-top:.25rem}.login-form__label{display:block;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;color:var(--login-text)}.login-form__input.ant-input,.login-form__input.ant-input-affix-wrapper{height:3rem;padding:0 .875rem 0 2.75rem;font-size:.9375rem;font-family:inherit;color:var(--login-text);background:var(--login-input-bg)!important;border:1px solid var(--login-input-border)!important;border-radius:.625rem!important;transition:border-color .2s,box-shadow .2s!important}.login-form__input.ant-input-affix-wrapper .ant-input{background:transparent!important;color:var(--login-text)}.login-form__input.ant-input::placeholder,.login-form__input.ant-input-affix-wrapper input::placeholder{color:var(--login-input-placeholder)}.login-form__input.ant-input:hover,.login-form__input.ant-input-affix-wrapper:hover{border-color:var(--login-input-border-focus)!important}.login-form__input.ant-input:focus,.login-form__input.ant-input-affix-wrapper-focused{border-color:var(--login-input-border-focus)!important;box-shadow:0 0 0 3px var(--login-accent-glow)!important}.login-form__input .ant-input-prefix{margin-inline-end:.5rem;color:var(--login-text-muted)}.login-form__row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.login-form__remember.ant-checkbox-wrapper{color:var(--login-text-muted);font-size:.875rem}.login-form__remember .ant-checkbox-inner{border-radius:4px;border-color:var(--login-input-border);background:var(--login-input-bg)}.login-form__remember .ant-checkbox-checked .ant-checkbox-inner{background-color:var(--login-accent);border-color:var(--login-accent)}.login-form__forgot{padding:0!important;height:auto!important;font-size:.875rem!important;color:var(--login-accent)!important}.login-form__forgot:hover{color:var(--login-accent-hover)!important}.login-form__submit.ant-btn{height:3rem;font-size:.9375rem;font-weight:600;font-family:inherit;letter-spacing:.01em;border:none;border-radius:.625rem;background:var(--login-accent)!important;color:#fff!important;box-shadow:0 4px 14px var(--login-accent-glow);transition:background .2s,transform .15s,box-shadow .2s!important}.login-form__submit.ant-btn:hover:not(:disabled){background:var(--login-accent-hover)!important;transform:translateY(-1px);box-shadow:0 6px 20px var(--login-accent-glow)}.login-form__submit.ant-btn:active:not(:disabled){transform:translateY(0)}.login-form__error{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;margin-bottom:1rem;font-size:.875rem;line-height:1.4;color:var(--login-error-text);background:var(--login-error-bg);border:1px solid var(--login-error-border);border-radius:.625rem;animation:login-card-in .3s ease both}.login-form__error-close{margin-left:auto;padding:0;border:none;background:none;color:inherit;opacity:.6;cursor:pointer;font-size:1rem;line-height:1}.login-form__error-close:hover{opacity:1}.login-card__demo{margin-top:1.5rem;padding:.875rem 1rem;font-size:.75rem;line-height:1.6;color:var(--login-text-muted);background:var(--login-demo-bg);border-radius:.625rem}.login-card__demo strong{color:var(--login-text);font-weight:600}.login-card__footer{margin-top:1rem;text-align:center}.login-card__footer .ant-btn-link{font-size:.8125rem!important;color:var(--login-text-muted)!important}.login-card__footer .ant-btn-link:hover{color:var(--login-accent)!important}@media (max-width: 480px){.login-page{padding:.75rem;align-items:flex-start;padding-top:max(3.5rem,env(safe-area-inset-top,0px) + 3rem)}.login-card{padding:1.5rem 1.25rem;border-radius:1rem}.login-card__title{font-size:1.375rem}.login-page__theme-toggle{top:max(.75rem,env(safe-area-inset-top,0px));right:max(.75rem,env(safe-area-inset-right,0px))}.login-form__row{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){.login-card,.login-form__error{animation:none}.login-form__submit.ant-btn:hover:not(:disabled){transform:none}}
