.auth-page{background:radial-gradient(ellipse 90% 55% at 50% -5%, color-mix(in srgb, var(--active-color) 18%, transparent), transparent 70%), radial-gradient(ellipse 70% 50% at 100% 100%, color-mix(in srgb, var(--active-color) 10%, transparent), transparent 65%), linear-gradient(165deg, color-mix(in srgb, var(--sidebar-bg) 70%, var(--active-color) 30%) 0%, var(--content-bg) 48%, color-mix(in srgb, var(--content-bg) 85%, var(--sidebar-bg) 15%) 100%);flex-direction:column;align-items:center;height:100dvh;min-height:100vh;padding:1.5rem;transition:background-color .3s;display:flex;position:relative;overflow:hidden auto}.auth-background{z-index:0;pointer-events:none;position:absolute;inset:0}.auth-background__icon{background-color:color-mix(in srgb, var(--active-color) 22%, transparent);will-change:transform;animation:linear infinite auth-icon-float;display:block;position:absolute;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes auth-icon-float{0%{transform:translate(0)rotate(0)scale(1)}25%{transform:translate(12px,-18px)rotate(6deg)scale(1.04)}50%{transform:translate(-8px,-32px)rotate(-4deg)scale(.96)}75%{transform:translate(-14px,-14px)rotate(3deg)scale(1.02)}to{transform:translate(0)rotate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.auth-background__icon{animation:none}}.auth-theme-toggle{z-index:2;border-radius:var(--button-radius);border:1px solid color-mix(in srgb, var(--active-color) 22%, var(--card-border));background:color-mix(in srgb, var(--card-bg) 90%, var(--active-color) 10%);width:2.5rem;height:2.5rem;color:var(--active-color);cursor:pointer;box-shadow:0 10px 24px color-mix(in srgb, var(--active-color) 12%, transparent);justify-content:center;align-items:center;transition:background-color .15s,color .15s,border-color .15s,transform .15s;display:inline-flex;position:fixed;top:1rem;right:1rem}.auth-theme-toggle:hover{background:color-mix(in srgb, var(--active-color) 12%, var(--card-bg));transform:translateY(-1px)}.auth-theme-toggle:focus-visible{outline:2px solid var(--active-color);outline-offset:2px}.auth-card{--panel-surface:var(--card-bg);z-index:1;border:1px solid var(--card-border);border-top:3px solid color-mix(in srgb, var(--active-color) 72%, white);border-radius:var(--section-radius);background:var(--panel-surface);width:100%;max-width:480px;box-shadow:0 1px 2px #0f172a0a, 0 18px 40px color-mix(in srgb, var(--active-color) 12%, #0f172a14);text-align:left;flex-shrink:0;gap:14px;margin-top:auto;margin-bottom:auto;padding:24px;display:grid;position:relative}.auth-mark{object-fit:contain;width:min(100%,12rem);height:6.5rem;margin:0 auto 4px;display:block}.auth-heading{text-align:center;gap:6px;display:grid}.auth-heading h1{letter-spacing:-.01em;color:var(--text);margin:0;font-size:1.15rem;font-weight:700}.auth-heading__lead{color:var(--text-muted);margin:0;font-size:14px;line-height:1.55}.auth-form{gap:14px}.auth-form__row{gap:14px;display:grid}.auth-form__actions{justify-content:stretch;margin-top:4px;display:flex}.auth-form__actions .catalog-view__primary-btn{justify-content:center;width:100%}.auth-field__label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-field__label{color:var(--text-muted);font-size:11px;font-weight:400}.auth-form .catalog-crud__field.auth-field:focus-within .auth-field__label{color:var(--active-color)}.auth-field__hint{color:var(--text-muted);margin:6px 2px 0;font-size:12px;line-height:1.45}.auth-form .catalog-crud__field.auth-field{margin-top:12px}.auth-form .auth-field>input:-webkit-autofill{border-color:var(--input-field-border);-webkit-box-shadow:0 0 0 1000px var(--input-field-bg) inset;box-shadow:0 0 0 1000px var(--input-field-bg) inset;-webkit-text-fill-color:var(--input-field-text);caret-color:var(--input-field-text)}.auth-form .auth-field>input:-webkit-autofill:hover{border-color:var(--input-field-border);-webkit-box-shadow:0 0 0 1000px var(--input-field-bg) inset;box-shadow:0 0 0 1000px var(--input-field-bg) inset;-webkit-text-fill-color:var(--input-field-text);caret-color:var(--input-field-text)}.auth-form .auth-field>input:-webkit-autofill:focus{border-color:var(--input-field-border);-webkit-box-shadow:0 0 0 1000px var(--input-field-bg) inset;box-shadow:0 0 0 1000px var(--input-field-bg) inset;-webkit-text-fill-color:var(--input-field-text);caret-color:var(--input-field-text)}.auth-form .auth-field>input:-webkit-autofill:active{border-color:var(--input-field-border);-webkit-box-shadow:0 0 0 1000px var(--input-field-bg) inset;box-shadow:0 0 0 1000px var(--input-field-bg) inset;-webkit-text-fill-color:var(--input-field-text);caret-color:var(--input-field-text)}.auth-form .auth-field:focus-within>input:-webkit-autofill{border-color:var(--active-color)}.auth-form .catalog-crud__field.auth-field>.auth-field__label-row{z-index:2;background:linear-gradient(to bottom, transparent calc(50% - 2px), var(--panel-surface,var(--card-bg)) calc(50% - 2px), var(--panel-surface,var(--card-bg)) calc(50% + 2px), transparent calc(50% + 2px));width:auto;max-width:calc(100% - 24px);box-shadow:none;pointer-events:none;margin:0;padding:0 5px;position:absolute;top:0;left:10px;transform:translateY(-50%)}.auth-form .catalog-crud__field.auth-field>.auth-field__label-row .auth-field__label{pointer-events:auto;cursor:text}.auth-form .catalog-crud__field.auth-field--with-action>.auth-field__label-row{max-width:calc(100% - 160px)}.auth-field__label-action{z-index:2;background:linear-gradient(to bottom, transparent calc(50% - 2px), var(--panel-surface,var(--card-bg)) calc(50% - 2px), var(--panel-surface,var(--card-bg)) calc(50% + 2px), transparent calc(50% + 2px));box-shadow:none;padding:0 6px;line-height:1;position:absolute;top:-10px;right:12px}.auth-field__label-action .auth-link{pointer-events:auto;font-size:12px}.auth-footer{color:var(--text-muted);text-align:center;margin:0;font-size:14px;line-height:1.5}.auth-link{color:var(--active-color);font-size:inherit;font-weight:600;text-decoration:none;transition:color .15s}.auth-link:hover{color:color-mix(in srgb, var(--active-color) 78%, var(--text));text-decoration:underline}.auth-link--compact{font-size:12px;font-weight:600}@media (width<=640px){.auth-card{border-radius:var(--section-radius);padding:20px 18px}.auth-page{padding:1rem}.auth-form__row.catalog-crud__create-layout--pair{grid-template-columns:1fr}}