@charset "UTF-8";i[data-lucide]{display: inline-block;width: 1em;height: 1em;flex-shrink: 0;vertical-align: -0.125em;}svg.lucide{width: 1em;height: 1em;stroke: currentColor;vertical-align: -0.125em;flex-shrink: 0;}.lucide-lg{font-size: 3em;}.lucide-spin{animation: lucide-spin 1s linear infinite;}@keyframes lucide-spin{to{transform: rotate(360deg);}}@font-face{font-family: "IBM Plex Sans Arabic";src: url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Thin.woff2') format('woff2'),url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Thin.ttf') format('truetype');font-style: normal;font-weight: 100;font-display: swap;}@font-face{font-family: "IBM Plex Sans Arabic";src: url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-ExtraLight.woff2') format('woff2'),url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-ExtraLight.ttf') format('truetype');font-style: normal;font-weight: 200;font-display: swap;}@font-face{font-family: "IBM Plex Sans Arabic";src: url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Light.woff2') format('woff2'),url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Light.ttf') format('truetype');font-style: normal;font-weight: 300;font-display: swap;}@font-face{font-family: "IBM Plex Sans Arabic";src: url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Regular.woff2') format('woff2'),url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Regular.ttf') format('truetype');font-style: normal;font-weight: 400;font-display: swap;}@font-face{font-family: "IBM Plex Sans Arabic";src: url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Medium.woff2') format('woff2'),url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Medium.ttf') format('truetype');font-style: normal;font-weight: 500;font-display: swap;}@font-face{font-family: "IBM Plex Sans Arabic";src: url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-SemiBold.woff2') format('woff2'),url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-SemiBold.ttf') format('truetype');font-style: normal;font-weight: 600;font-display: swap;}@font-face{font-family: "IBM Plex Sans Arabic";src: url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Bold.woff2') format('woff2'),url('/fonts/ibm-plex-sans-arabic/IBMPlexSansArabic-Bold.ttf') format('truetype');font-style: normal;font-weight: 700;font-display: swap;}:root{color-scheme: dark;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--gray-950: #020617;--brand-50: #f1f4f6;--brand-100: #e2e8ec;--brand-200: #c6d1d9;--brand-300: #a5b5c0;--brand-400: #8297a5;--brand-500: #657b89;--brand-600: #51636f;--brand-700: #404e58;--brand-800: #2f3a42;--brand-900: #21292f;--brand-950: #12171b;--accent-400: #9fb0ba;--accent-500: #8296a1;--accent-600: #687b86;--bg-primary: #090b0d;--bg-secondary: #0f1316;--bg-surface: #151a1e;--bg-elevated: #1c2328;--bg-overlay: rgba(4,6,8,0.78);--bg-navbar: rgba(15,19,22,0.88);--bg-sidebar: #0b0e11;--text-primary: #f3f5f6;--text-secondary: #c8cfd3;--text-muted: #8f999f;--text-inverse: #14191c;--text-disabled: #616a70;--text-on-media: #f3f5f6;--text-on-media-secondary: #c8cfd3;--text-on-media-muted: #a8b0b5;--text-on-media-inverse: #14191c;--surface-on-media: rgba(18,20,21,0.46);--border-on-media: rgba(255,255,255,0.105);--control-on-media-bg: #e2e8ec;--control-on-media-hover: #f1f4f6;--control-on-media-text: #14191c;--border-default: #283138;--border-subtle: #1d2429;--border-strong: #3a464e;--border-focus: rgba(130,151,165,0.34);--border-accent: rgba(130,151,165,0.20);--accent-primary: var(--brand-500);--accent-hover: var(--brand-400);--accent-active: var(--brand-600);--accent-muted: rgba(101,123,137,0.14);--accent-secondary: var(--accent-500);--accent-secondary-muted: rgba(130,150,161,0.10);--switch-off-bg: #525e66;--switch-off-border: #677780;--switch-on-bg: #268c90;--switch-on-border: #268c90;--switch-thumb: #ffffff;--button-primary-bg: #dce3e7;--button-primary-bg-hover: #eef2f4;--button-primary-bg-active: #c8d2d8;--button-primary-text: #11171b;--button-primary-border: #dce3e7;--button-primary-shadow: 0 8px 24px rgba(220,227,231,0.18);--gradient-brand: linear-gradient(90deg,#c8d2d8 0%,#f4f5f6 50%,#d7dfe3 100%);--gradient-surface: linear-gradient( 180deg,rgba(130,151,165,0.05) 0%,rgba(130,151,165,0) 100% );--green-400: #6ee7b7;--green-500: #2fbf86;--green-600: #23936a;--yellow-400: #f5d27a;--yellow-500: #cfa247;--yellow-600: #a77d2e;--red-400: #f19a9a;--red-500: #d35f5f;--red-600: #b34545;--blue-400: #8ab4e6;--blue-500: #4f7fbf;--blue-600: #3e66a0;--color-white: #ffffff;--color-black: #000000;--success: var(--green-500);--success-bg: rgba(47,191,134,0.10);--success-border: rgba(47,191,134,0.20);--warning: var(--yellow-500);--warning-bg: rgba(207,162,71,0.10);--warning-border: rgba(207,162,71,0.20);--danger: var(--red-500);--danger-bg: rgba(211,95,95,0.10);--danger-border: rgba(211,95,95,0.20);--info: var(--blue-500);--info-bg: rgba(79,127,191,0.10);--info-border: rgba(79,127,191,0.20);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--font-family-base: "IBM Plex Sans Arabic",-apple-system,BlinkMacSystemFont,sans-serif;--font-family-display: "Clash Display",sans-serif;--font-feature-settings: "salt" 1;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-md: 18px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 30px;--text-3xl: 36px;--text-4xl: 48px;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--line-height-tight: 1.2;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,0.20);--shadow-sm: 0 1px 3px rgba(0,0,0,0.30);--shadow-md: 0 4px 12px rgba(0,0,0,0.35);--shadow-lg: 0 10px 30px rgba(0,0,0,0.40);--shadow-xl: 0 20px 50px rgba(0,0,0,0.50);--shadow-accent: 0 8px 24px rgba(101,123,137,0.17);--shadow-danger: 0 8px 24px rgba(239,68,68,0.30);--ease-default: cubic-bezier(0.4,0,0.2,1);--ease-in: cubic-bezier(0.4,0,1,1);--ease-out: cubic-bezier(0,0,0.2,1);--ease-bounce: cubic-bezier(0.34,1.56,0.64,1);--duration-fast: 150ms;--duration-normal: 250ms;--duration-slow: 400ms;--transition-fast: all var(--duration-fast) var(--ease-default);--transition-normal: all var(--duration-normal) var(--ease-default);--transition-slow: all var(--duration-slow) var(--ease-default);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--sidebar-width: 280px;--sidebar-width-collapsed: 80px;--sidebar-width-mobile: 320px;--navbar-height: 70px;--navbar-height-mobile: 60px;--settings-sidebar-width: 260px;--settings-panel-radius: 24px;--lm-modal-width: 580px;--lm-modal-wide: 680px;--lm-modal-compact: 460px;--lm-modal-radius: 28px;--lm-modal-sheet-radius: 28px;--lm-modal-inline: 22px;--lm-modal-surface: color-mix(in srgb,var(--bg-navbar) 94%,transparent);--lm-modal-subtle: color-mix(in srgb,var(--bg-secondary) 76%,transparent);--lm-modal-backdrop: rgba(3,5,7,.72);--lm-modal-shadow: 0 34px 110px rgba(0,0,0,.62);--z-base: 0;--z-raised: 10;--z-dropdown: 1000;--z-sticky: 1010;--z-overlay: 1050;--z-modal: 1100;--z-toast: 1200;--z-tooltip: 1300;--input-height: 34px;--input-height-sm: 30px;--input-height-lg: 52px;--input-padding-x: 16px;--input-padding-y: 10px;--input-border-radius: var(--radius-sm);--input-border: 1px solid var(--border-default);--input-bg: var(--bg-secondary);--input-focus-shadow: 0 0 0 3px var(--accent-muted);}html[data-theme="light"]{color-scheme: light;--switch-off-bg: #77716a;--switch-off-border: #77716a;--switch-on-bg: #126b72;--switch-on-border: #126b72;--switch-thumb: #ffffff;--bg-primary: #f5f2eb;--bg-secondary: #eeebe4;--bg-surface: #fbf9f4;--bg-elevated: #f8f6f0;--bg-overlay: rgba(20,19,18,0.46);--bg-navbar: rgba(250,248,243,0.92);--bg-sidebar: #f1eee7;--text-primary: #151515;--text-secondary: #5b5751;--text-muted: #756f67;--text-inverse: #faf8f3;--text-disabled: #938c83;--border-default: #d6d1c8;--border-subtle: #e7e2d9;--border-strong: #bbb4a9;--border-focus: rgba(25,25,25,0.28);--border-accent: rgba(25,25,25,0.14);--accent-primary: #33302d;--accent-hover: #151515;--accent-active: #514b45;--accent-muted: rgba(51,48,45,0.09);--accent-secondary: #605951;--accent-secondary-muted: rgba(96,89,81,0.08);--button-primary-bg: #151515;--button-primary-bg-hover: #272727;--button-primary-bg-active: #353535;--button-primary-text: #faf8f3;--button-primary-border: #151515;--button-primary-shadow: 0 8px 20px rgba(20,20,20,0.15);--gradient-brand: linear-gradient(90deg,#262626 0%,#55514c 52%,#888078 100%);--gradient-surface: linear-gradient( 180deg,rgba(36,33,28,0.035) 0%,rgba(36,33,28,0) 100% );--success: #187452;--success-bg: rgba(24,116,82,0.09);--success-border: rgba(24,116,82,0.22);--warning: #8a650f;--warning-bg: rgba(138,101,15,0.09);--warning-border: rgba(138,101,15,0.22);--danger: #b44545;--danger-bg: rgba(180,69,69,0.08);--danger-border: rgba(180,69,69,0.22);--info: #365f97;--info-bg: rgba(54,95,151,0.08);--info-border: rgba(54,95,151,0.22);--shadow-xs: 0 1px 2px rgba(20,19,18,0.05);--shadow-sm: 0 2px 5px rgba(20,19,18,0.07);--shadow-md: 0 8px 22px rgba(20,19,18,0.09);--shadow-lg: 0 16px 42px rgba(20,19,18,0.11);--shadow-xl: 0 26px 70px rgba(20,19,18,0.14);--shadow-accent: 0 8px 24px rgba(20,19,18,0.10);--shadow-danger: 0 8px 24px rgba(180,69,69,0.18);}.auth-modern-page input,.auth-modern-page select{font: inherit;}.auth-modern-page button,.auth-modern-page a,.auth-modern-page input,.auth-modern-page select{-webkit-tap-highlight-color: transparent;}.auth-form{display: flex;flex-direction: column;gap: var(--space-3);}.field{position: relative;}.field-label{display: block;color: var(--text-secondary);}.field-input{display: block;width: 100%;}.field-input.is-error,.field-input.is-invalid{border-color: var(--danger-border) !important;}.field-input.is-valid{border-color: var(--success-border) !important;}.field-icon-wrap,.username-wrap{position: relative;}.field-toggle{position: absolute;top: 50%;}.form-options{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);}.remember-label,.terms-label{display: flex;align-items: center;gap: var(--space-2);color: var(--text-secondary);cursor: pointer;user-select: none;}.terms-label{align-items: flex-start;line-height: var(--line-height-relaxed);}.remember-label input,.terms-label input{width: 16px;height: 16px;flex: 0 0 16px;margin-top: 2px;accent-color: var(--accent-primary);cursor: pointer;}.btn{display: inline-flex;text-decoration: none;}.btn :is(svg,i){width: 17px;height: 17px;}.btn-spinner{display: none;flex: 0 0 16px;border-inline-start-color: transparent;}.alert{display: flex;align-items: flex-start;gap: var(--space-2);padding: var(--space-3) var(--space-4);border: 1px solid var(--border-subtle);color: var(--text-secondary);font-size: var(--text-sm);line-height: var(--line-height-normal);}.alert :is(svg,i){width: 17px;height: 17px;flex: 0 0 17px;margin-top: 2px;}.alert-error{border-color: var(--danger-border);background: var(--danger-bg);color: var(--red-400);}.alert-success{border-color: var(--success-border);background: var(--success-bg);color: var(--green-400);}.social-auth{display: grid;gap: var(--space-3);}.social-auth__button{display: flex;text-decoration: none;}.social-auth__mark{display: grid;place-items: center;flex: 0 0 auto;border: 1px solid var(--border-default);border-radius: var(--radius-full);font-family: -apple-system,BlinkMacSystemFont,sans-serif;font-size: 12px;font-weight: 700;}.social-auth__notice{grid-column: 1 / -1;margin: 0;color: var(--text-muted);font-size: 11px;line-height: var(--line-height-relaxed);text-align: center;}.social-auth__notice a{color: var(--text-secondary);text-decoration: none;}.social-auth__notice a:hover{color: var(--text-primary);}.social-auth__divider{display: flex;align-items: center;gap: var(--space-3);color: var(--text-muted);font-size: var(--text-xs);}.social-auth__divider::before,.social-auth__divider::after{content: '';height: 1px;flex: 1;background: var(--border-subtle);}.auth-flow-progress__item{display: flex;align-items: center;gap: var(--space-2);min-width: 0;}.auth-flow-progress__dot{display: inline-flex;align-items: center;justify-content: center;border: 1px solid var(--border-default);border-radius: var(--radius-full);font-size: 11px;font-weight: var(--font-semibold);}.auth-flow-step{display: none;}.auth-flow-step.is-active{display: block;}.field-feedback{min-height: 18px;margin-top: var(--space-1);color: var(--text-muted);font-size: var(--text-xs);line-height: var(--line-height-normal);}.field-feedback.is-error{color: var(--danger);}.field-feedback.is-success{color: var(--success);}.password-meter{display: flex;align-items: center;gap: var(--space-1);margin-top: var(--space-2);}.password-meter__bar{height: 3px;flex: 1;border-radius: var(--radius-full);background: var(--border-default);}.password-meter__label{min-width: 42px;margin-inline-start: var(--space-1);color: var(--text-muted);font-size: 10px;}.password-meter[data-score="1"] .password-meter__bar:nth-child(-n+1),.password-meter[data-score="2"] .password-meter__bar:nth-child(-n+2){background: var(--danger);}.password-meter[data-score="3"] .password-meter__bar:nth-child(-n+3){background: var(--warning);}.password-meter[data-score="4"] .password-meter__bar,.password-meter[data-score="5"] .password-meter__bar{background: var(--success);}.auth-flow-nav{display: flex;gap: var(--space-2);}.auth-flow-nav .btn-primary{flex: 1;}.username-status{position: absolute;top: 50%;display: inline-flex;color: var(--text-muted);transform: translateY(-50%);}.username-status :is(svg,i){width: 16px;height: 16px;}.username-status.is-checking :is(svg,i){animation: auth-core-spin .8s linear infinite;}.username-status.is-success{color: var(--success);}.username-status.is-error{color: var(--danger);}@keyframes auth-core-spin{to{transform: rotate(360deg);}}@media (prefers-reduced-motion: reduce){.username-status.is-checking :is(svg,i){animation: none;}}.auth-modern-page{min-height: 100svh;margin: 0;background: var(--bg-primary);color: var(--text-primary);font-family: var(--font-family-base);font-feature-settings: var(--font-feature-settings);overflow-x: hidden;}.auth-modern-page *,.auth-modern-page *::before,.auth-modern-page *::after{box-sizing: border-box;}.auth-modern{position: relative;isolation: isolate;min-height: 100svh;overflow: hidden;}.auth-modern::before,.auth-modern::after{content: '';position: fixed;z-index: -2;width: min(46vw,680px);aspect-ratio: 1;border-radius: var(--radius-full);pointer-events: none;filter: blur(18px);opacity: .55;}.auth-modern::before{top: -34%;right: -12%;background: radial-gradient(circle,rgba(101,123,137,.20) 0%,rgba(101,123,137,0) 68%);}.auth-modern::after{bottom: -40%;left: -14%;background: radial-gradient(circle,rgba(130,150,161,.12) 0%,rgba(130,150,161,0) 70%);}.auth-modern__topbar{width: min(100% - 48px,1320px);height: 84px;margin-inline: auto;display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);animation: auth-modern-topbar .55s var(--ease-out) both;}.auth-modern__brand{display: inline-flex;align-items: center;gap: var(--space-3);color: var(--text-primary);text-decoration: none;font-size: var(--text-lg);font-weight: var(--font-semibold);letter-spacing: -.02em;}.auth-modern__brand-mark{width: 38px;height: 38px;display: grid;place-items: center;overflow: hidden;border: 1px solid var(--border-subtle);border-radius: var(--radius-lg);background: rgba(255,255,255,.025);}.auth-modern__brand-mark img{width: 29px;height: 29px;object-fit: contain;}.auth-modern__switch{display: inline-flex;align-items: center;gap: var(--space-2);min-height: 42px;padding-inline: var(--space-4);border: 1px solid var(--border-subtle);border-radius: var(--radius-full);background: rgba(15,19,22,.62);color: var(--text-muted);text-decoration: none;font-size: var(--text-sm);backdrop-filter: blur(14px);transition: transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out);}.auth-modern__switch strong{color: var(--text-primary);font-weight: var(--font-medium);}.auth-modern__switch :is(svg,i){width: 15px;height: 15px;}.auth-modern__switch:hover{transform: translateY(-1px);border-color: var(--border-focus);background: var(--bg-secondary);color: var(--text-secondary);}.auth-modern__main{width: min(100% - 40px,720px);min-height: calc(100svh - 84px);margin-inline: auto;display: grid;place-items: center;padding: var(--space-10) 0 var(--space-20);}.auth-modern__content{width: min(100%,610px);}.auth-modern-page--register .auth-modern__content{width: min(100%,660px);}.auth-modern__hero{margin-bottom: var(--space-8);text-align: center;}.auth-modern__eyebrow{display: inline-flex;align-items: center;gap: var(--space-2);min-height: 34px;margin-bottom: var(--space-5);padding: 0 var(--space-3);border: 1px solid var(--border-subtle);border-radius: var(--radius-full);background: rgba(15,19,22,.58);color: var(--text-secondary);font-size: var(--text-xs);font-weight: var(--font-medium);backdrop-filter: blur(12px);animation: auth-modern-enter .5s .06s var(--ease-out) both;}.auth-modern__eyebrow::before{content: '';width: 6px;height: 6px;border-radius: var(--radius-full);background: var(--accent-secondary);box-shadow: 0 0 0 4px var(--accent-secondary-muted);}.auth-modern__title{max-width: 760px;margin: 0 auto;color: var(--text-primary);font-size: clamp(34px,4.2vw,50px);font-weight: var(--font-semibold);line-height: 1.12;letter-spacing: -.04em;animation: auth-modern-enter .58s .12s var(--ease-out) both;}.auth-modern-page--register .auth-modern__title{font-size: clamp(32px,4vw,46px);}.auth-modern__title span{color: var(--text-secondary);}.auth-modern__subtitle{max-width: 520px;margin: var(--space-4) auto 0;color: var(--text-muted);font-size: var(--text-base);line-height: var(--line-height-relaxed);animation: auth-modern-enter .58s .18s var(--ease-out) both;}.auth-modern__surface{animation: auth-modern-enter .62s .24s var(--ease-out) both;}.auth-modern-page .alert{margin-bottom: var(--space-4);border-radius: var(--radius-lg);}.auth-modern-page .social-auth{grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--space-3);margin-bottom: var(--space-5);}.auth-modern-page .social-auth__button{backdrop-filter: blur(12px);}.auth-modern-page .social-auth__button:only-of-type{grid-column: 1 / -1;}.auth-modern-page .social-auth__mark{width: 24px;height: 24px;border-color: var(--border-subtle);background: var(--bg-primary);}.auth-modern-page .social-auth__divider{grid-column: 1 / -1;margin-top: var(--space-1);}.auth-modern-page .auth-form{display: flex;flex-direction: column;gap: var(--space-3);}.auth-modern-page .field{margin: 0;}.auth-modern-page .field-label{margin-bottom: var(--space-2);color: var(--text-secondary);font-size: var(--text-sm);font-weight: var(--font-medium);}.auth-modern-page .field-input{width: 100%;height: 54px;padding: 0 var(--space-5);border: 1px solid var(--border-subtle);border-radius: var(--radius-full);background: rgba(15,19,22,.64);color: var(--text-primary);font-family: inherit;font-size: var(--text-base);outline: none;backdrop-filter: blur(12px);transition: border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);}.auth-modern-page .field-input::placeholder{color: var(--text-disabled);}.auth-modern-page .field-input:hover{border-color: var(--border-default);background: rgba(21,26,30,.82);}.auth-modern-page .field-input:focus{border-color: rgba(165,181,192,.44);background: var(--bg-secondary);box-shadow: 0 0 0 4px var(--accent-muted);}.auth-modern-page .field-icon-wrap .field-input{padding-inline-start: var(--space-5);padding-inline-end: 52px;}.auth-modern-page .field-toggle{inset-inline-start: auto;inset-inline-end: 15px;display: grid;place-items: center;}.auth-modern-page .field-toggle :is(svg,i){width: 17px;height: 17px;}.auth-modern__two-col{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--space-3);}.auth-modern-page .form-options{margin: var(--space-1) 0 var(--space-2);font-size: var(--text-sm);}.auth-modern-page .remember-label,.auth-modern-page .forgot-link,.auth-modern-page .terms-label{font-size: var(--text-sm);}.auth-modern-page .forgot-link,.auth-modern-page .terms-label a,.auth-modern__secondary-link{color: var(--text-secondary);text-decoration: none;transition: color var(--duration-fast) var(--ease-out);}.auth-modern-page .forgot-link:hover,.auth-modern-page .terms-label a:hover,.auth-modern__secondary-link:hover{color: var(--text-primary);}.auth-modern__switch:focus-visible,.auth-modern__brand:focus-visible{outline: 2px solid var(--accent-hover);outline-offset: 3px;}.auth-modern__footnote{margin-top: var(--space-5);color: var(--text-muted);font-size: var(--text-sm);text-align: center;}.auth-modern-page .auth-flow-progress{position: relative;width: min(100%,420px);margin: 0 auto var(--space-6);display: flex;align-items: center;justify-content: center;gap: var(--space-3);}.auth-modern-page .auth-flow-progress::before{content: '';position: absolute;top: 13px;right: calc(25% + 12px);left: calc(25% + 12px);height: 1px;background: var(--border-subtle);}.auth-modern-page .auth-flow-progress__item{position: relative;z-index: 1;flex: 1;justify-content: center;color: var(--text-muted);font-size: var(--text-xs);}.auth-modern-page .auth-flow-progress__label{display: inline;}.auth-modern-page .auth-flow-progress__dot{width: 27px;height: 27px;flex-basis: 27px;background: var(--bg-primary);border-color: var(--border-default);}.auth-modern-page .auth-flow-progress__item.is-active .auth-flow-progress__dot{border-color: var(--accent-secondary);background: var(--bg-secondary);box-shadow: 0 0 0 4px var(--accent-secondary-muted);}.auth-modern-page .auth-flow-progress__item.is-done .auth-flow-progress__dot{border-color: var(--accent-secondary);background: var(--accent-muted);color: var(--text-primary);}.auth-modern-page .auth-flow-step.is-active{animation: auth-modern-step .36s var(--ease-out) both;}.auth-modern-page .field-feedback{min-height: 16px;margin-top: var(--space-1);font-size: 11px;}.auth-modern-page .password-meter{margin-top: var(--space-2);}.auth-modern-page .auth-flow-nav{margin-top: var(--space-2);}.auth-modern-page .auth-flow-back{width: 54px;height: 54px;flex-basis: 54px;border: 1px solid var(--border-subtle);border-radius: var(--radius-full);background: var(--bg-secondary);color: var(--text-secondary);}.auth-modern-page .terms-label{margin: var(--space-2) 0 var(--space-3);color: var(--text-muted);}.auth-modern-page .username-status{inset-inline-start: auto;inset-inline-end: var(--space-4);}.auth-modern-page .username-wrap .field-input{padding-inline-end: 48px;}@keyframes auth-modern-enter{from{opacity: 0;transform: translateY(14px);}to{opacity: 1;transform: translateY(0);}}@keyframes auth-modern-topbar{from{opacity: 0;transform: translateY(-10px);}to{opacity: 1;transform: translateY(0);}}@keyframes auth-modern-step{from{opacity: 0;transform: translateY(8px);}to{opacity: 1;transform: translateY(0);}}@media (max-width: 760px){.auth-modern__topbar{width: min(100% - 32px,1320px);height: 72px;}.auth-modern__brand{font-size: var(--text-base);}.auth-modern__brand-mark{width: 34px;height: 34px;}.auth-modern__brand-mark img{width: 26px;height: 26px;}.auth-modern__switch{min-height: 38px;padding-inline: var(--space-3);}.auth-modern__switch > span:first-child{display: none;}.auth-modern__main{width: min(100% - 32px,720px);min-height: calc(100svh - 72px);padding: var(--space-8) 0 var(--space-12);}.auth-modern__hero{margin-bottom: var(--space-6);}.auth-modern__eyebrow{margin-bottom: var(--space-4);}.auth-modern__title,.auth-modern-page--register .auth-modern__title{font-size: clamp(30px,8.5vw,40px);letter-spacing: -.035em;}.auth-modern__subtitle{font-size: var(--text-sm);}}@media (max-width: 560px){.auth-modern-page .social-auth{grid-template-columns: 1fr;}.auth-modern-page .social-auth__divider,.auth-modern-page .social-auth__button:only-of-type{grid-column: auto;}.auth-modern__two-col{grid-template-columns: 1fr;}.auth-modern-page .field-input{height: 52px;padding-inline: var(--space-4);}.auth-modern-page .field-icon-wrap .field-input{padding-inline-end: 50px;}}@media (max-width: 420px){.auth-modern__topbar{width: calc(100% - 24px);}.auth-modern__main{width: calc(100% - 24px);}.auth-modern__switch{font-size: var(--text-xs);}.auth-modern__hero{text-align: right;}.auth-modern__subtitle{margin-inline: 0;}.auth-modern__eyebrow{margin-inline-start: auto;}.auth-modern-page .auth-flow-progress{justify-content: space-between;}.auth-modern-page .auth-flow-progress__item{justify-content: flex-start;}}@media (prefers-reduced-motion: reduce){.auth-modern__topbar,.auth-modern__eyebrow,.auth-modern__title,.auth-modern__subtitle,.auth-modern__surface,.auth-modern-page .auth-flow-step.is-active{animation: none;}.auth-modern-page *,.auth-modern-page *::before,.auth-modern-page *::after{scroll-behavior: auto !important;transition-duration: .01ms !important;}}.auth-modern-page--state .auth-modern__content{width: min(100%,620px);}.auth-modern-page--state .auth-modern__hero{margin-bottom: var(--space-6);}.auth-state-stack{display: grid;gap: var(--space-3);}.auth-state-note,.auth-state-identity,.auth-state-email{padding: var(--space-4);border: 1px solid var(--border-subtle);border-radius: var(--radius-lg);background: rgba(15,19,22,.58);backdrop-filter: blur(12px);}.auth-modern__surface > .auth-state-note{margin-top: var(--space-4);}.auth-state-note{display: flex;align-items: flex-start;gap: var(--space-3);font-size: var(--text-sm);line-height: var(--line-height-relaxed);}.auth-state-note :is(svg,i){width: 17px;height: 17px;flex: 0 0 17px;margin-top: 2px;color: var(--text-secondary);}.auth-state-email{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);}.auth-state-email__copy{min-width: 0;}.auth-state-email__copy span,.auth-state-email__copy strong{display: block;}.auth-state-email__copy span{margin-bottom: 3px;color: var(--text-muted);font-size: var(--text-xs);}.auth-state-email__copy strong{overflow: hidden;color: var(--text-primary);font-size: var(--text-sm);text-overflow: ellipsis;white-space: nowrap;}.auth-state-status{flex: 0 0 auto;padding: 5px 9px;border: 1px solid var(--border-accent);border-radius: var(--radius-full);background: var(--accent-muted);color: var(--text-secondary);font-size: 11px;}.auth-state-email + .alert{margin-top: var(--space-3);}.auth-state-actions{display: grid;gap: var(--space-3);margin-top: var(--space-4);}.auth-state-details{margin-top: var(--space-4);padding-top: var(--space-4);border-top: 1px solid var(--border-subtle);}.auth-state-details > summary{display: flex;list-style: none;}.auth-state-details > summary::-webkit-details-marker{display: none;}.auth-state-details > summary :is(svg,i),.auth-state-link :is(svg,i){width: 15px;height: 15px;}.auth-state-details__body{margin-top: var(--space-4);}.auth-state-link{display: inline-flex;align-items: center;gap: var(--space-2);color: var(--text-secondary);font-size: var(--text-sm);text-decoration: none;}.auth-state-link:hover{color: var(--text-primary);}.auth-state-center{margin-top: var(--space-5);text-align: center;}.auth-state-countdown{min-height: 18px;color: var(--text-muted);font-size: var(--text-xs);text-align: center;}.auth-state-identity{display: flex;align-items: center;gap: var(--space-3);margin-bottom: var(--space-4);}.auth-state-identity__mark{width: 40px;height: 40px;display: grid;place-items: center;flex: 0 0 40px;border: 1px solid var(--border-default);border-radius: var(--radius-full);background: var(--bg-primary);color: var(--text-primary);font-family: -apple-system,BlinkMacSystemFont,sans-serif;font-weight: 700;}.auth-state-identity__copy{min-width: 0;}.auth-state-identity__copy strong,.auth-state-identity__copy span{display: block;}.auth-state-identity__copy strong{color: var(--text-primary);font-size: var(--text-sm);}.auth-state-identity__copy span{overflow: hidden;margin-top: 2px;color: var(--text-muted);font-size: var(--text-xs);text-overflow: ellipsis;white-space: nowrap;}.auth-state-code{letter-spacing: .18em;text-align: center;font-size: var(--text-lg) !important;font-variant-numeric: tabular-nums;}.auth-state-readonly{opacity: .72;cursor: default;}.auth-modern-page--state .terms-label{margin: var(--space-3) 0;color: var(--text-muted);}.auth-modern-page--onboarding .auth-modern__content{width: min(100%,720px);}.auth-modern-page--onboarding .auth-modern__hero{margin-bottom: var(--space-6);}.auth-onboarding-role-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--space-2);}.auth-onboarding-role{position: relative;cursor: pointer;}.auth-onboarding-role input{position: absolute;opacity: 0;pointer-events: none;}.auth-onboarding-role__body{min-height: 92px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--space-2);padding: var(--space-3);border: 1px solid var(--border-subtle);border-radius: var(--radius-lg);background: rgba(15,19,22,.58);color: var(--text-muted);font-size: var(--text-sm);transition: var(--transition-fast);}.auth-onboarding-role__body :is(svg,i){width: 19px;height: 19px;}.auth-onboarding-role:hover .auth-onboarding-role__body,.auth-onboarding-role input:focus-visible + .auth-onboarding-role__body{border-color: var(--border-focus);background: var(--bg-secondary);color: var(--text-secondary);}.auth-onboarding-role input:checked + .auth-onboarding-role__body{border-color: var(--accent-secondary);background: var(--accent-muted);color: var(--text-primary);box-shadow: inset 0 0 0 1px var(--border-accent);}.auth-modern-page--onboarding .field-select{width: 100%;height: 54px;padding: 0 var(--space-5);border: 1px solid var(--border-subtle);border-radius: var(--radius-full);background-color: rgba(15,19,22,.64);color: var(--text-primary);font-family: inherit;font-size: var(--text-sm);outline: none;}.auth-modern-page--onboarding .field-select:focus{border-color: rgba(165,181,192,.44);box-shadow: 0 0 0 4px var(--accent-muted);}.auth-onboarding-actions{display: grid;gap: var(--space-2);margin-top: var(--space-5);}@media (max-width: 560px){.auth-state-email{align-items: flex-start;flex-direction: column;}.auth-state-status{align-self: flex-start;}.auth-modern-page--state .auth-modern__hero,.auth-modern-page--onboarding .auth-modern__hero{text-align: right;}.auth-modern-page--state .auth-modern__subtitle,.auth-modern-page--onboarding .auth-modern__subtitle{margin-inline: 0;}.auth-modern-page--state .auth-modern__eyebrow,.auth-modern-page--onboarding .auth-modern__eyebrow{margin-inline-start: auto;}.auth-onboarding-role-grid{grid-template-columns: repeat(2,minmax(0,1fr));}}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__topbar{height: 72px;}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__brand{gap: 8px;font-size: var(--text-base);}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__brand-mark{width: 34px;height: 34px;}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__brand-mark img{width: 26px;height: 26px;}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__switch{min-height: 38px;padding-inline: 13px;font-size: var(--text-xs);}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__main{width: min(100% - 34px,640px);min-height: calc(100svh - 72px);padding: 34px 0 55px;}.auth-modern-page--login .auth-modern__content{width: min(100%,540px);}.auth-modern-page--register .auth-modern__content{width: min(100%,580px);}.auth-modern-page--state .auth-modern__content{width: min(100%,540px);}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__hero{margin-bottom: 21px;}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__eyebrow{min-height: 31px;margin-bottom: 13px;padding-inline: 13px;}.auth-modern-page--login .auth-modern__title{font-size: clamp(30px,3.6vw,42px);}.auth-modern-page--register .auth-modern__title{font-size: clamp(29px,3.5vw,40px);}.auth-modern-page--state .auth-modern__title{font-size: clamp(28px,3.4vw,38px);}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .social-auth{gap: 13px;margin-bottom: 21px;}.auth-modern-page--register .social-auth--registration .social-auth__button--prominent{min-height: 46px;font-size: var(--text-sm);}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .social-auth__mark{width: 21px;height: 21px;}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-form{gap: 13px;}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .field-label,:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .form-options,:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .remember-label,:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .forgot-link,:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .terms-label,:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__footnote{font-size: 13px;}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .field-label{margin-bottom: 8px;}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .field-input{height: 48px;padding-inline: 21px;font-size: var(--text-sm);}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .field-icon-wrap .field-input{padding-inline-start: 21px;padding-inline-end: 47px;}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .field-toggle{inset-inline-end: 13px;}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .field-toggle :is(svg,i){width: 16px;height: 16px;}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__footnote{margin-top: 21px;}.auth-modern-page--state :is(.auth-state-email,.auth-state-identity,.auth-state-note,.auth-state-details){border-radius: 16px;}.auth-modern-page--state .auth-state-note{padding: 12px 13px;font-size: 13px;}:is(.auth-modern-page--login,.auth-modern-page--register) .auth-choice{display: grid;gap: 13px;}:is(.auth-modern-page--login,.auth-modern-page--register) .auth-choice .social-auth{grid-template-columns: 1fr;margin-bottom: 0;}.social-auth__google-mark{width: 21px;height: 21px;flex: 0 0 21px;display: grid;place-items: center;}.social-auth__google-mark svg{display: block;width: 18px;height: 18px;}.auth-email-toggle{display: grid;grid-template-columns: 28px minmax(0,1fr) 18px;text-align: center;backdrop-filter: blur(12px);}.auth-email-toggle__icon{width: 28px;height: 28px;display: grid;place-items: center;border: 1px solid var(--border-subtle);border-radius: var(--radius-full);background: var(--bg-secondary);}.auth-email-toggle__icon :is(svg,i),.auth-email-toggle__chevron{width: 15px;height: 15px;}.auth-email-toggle__chevron{transition: transform 180ms var(--ease-out);}.auth-email-toggle[aria-expanded="true"] .auth-email-toggle__chevron{transform: rotate(180deg);}.auth-email-panel{padding-top: 3px;transform-origin: top center;}.auth-email-panel[hidden]{display: none !important;}.auth-email-panel.is-revealing{animation: auth-email-reveal 220ms var(--ease-out) both;}@keyframes auth-email-reveal{from{opacity: 0;transform: translateY(-6px);}to{opacity: 1;transform: translateY(0);}}@media (max-width: 760px){:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__topbar{width: min(100% - 26px,1320px);height: 64px;}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__brand-mark{width: 31px;height: 31px;}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__brand-mark img{width: 24px;height: 24px;}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__switch{min-height: 36px;padding-inline: 13px;}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__main{width: min(100% - 26px,600px);min-height: calc(100svh - 64px);padding: 21px 0 34px;}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__hero{margin-bottom: 21px;}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__eyebrow{min-height: 29px;margin-bottom: 13px;}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__title{font-size: clamp(27px,7.4vw,34px);}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .field-input{min-height: 46px;height: 46px;}.auth-modern-page--register .social-auth--registration .social-auth__button--prominent{min-height: 44px;}}@media (max-width: 420px){:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__topbar,:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__main{width: calc(100% - 24px);}:is(.auth-modern-page--login,.auth-modern-page--register,.auth-modern-page--state) .auth-modern__title{font-size: clamp(26px,7.8vw,32px);}}@media (prefers-reduced-motion: reduce){.auth-email-panel.is-revealing{animation: none;}}.auth-modern-page--register .social-auth--registration{grid-template-columns: 1fr;}.auth-modern-page--register .social-auth--registration .social-auth__button{grid-column: 1 / -1;}.auth-modern-page--register .social-auth--registration .social-auth__button--prominent{min-height: 54px;border-radius: var(--radius-full);font-size: var(--text-base);font-weight: var(--font-semibold);}.auth-modern-page--register .social-auth--registration .social-auth__button--prominent .social-auth__mark{border-color: rgba(15,19,22,.14);background: transparent;color: currentColor;}.auth-modern-page--register .social-auth--registration .social-auth__divider{margin-top: var(--space-2);}.auth-onboarding-section{padding-top: var(--space-5);border-top: 1px solid var(--border-subtle);}.auth-onboarding-section:first-of-type{padding-top: 0;border-top: 0;}.auth-onboarding-section__head{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--space-3);margin-bottom: var(--space-3);}.auth-onboarding-section__copy strong,.auth-onboarding-section__copy span{display: block;}.auth-onboarding-section__copy strong{color: var(--text-primary);font-size: var(--text-sm);font-weight: var(--font-semibold);}.auth-onboarding-section__copy span{margin-top: 4px;color: var(--text-muted);font-size: var(--text-xs);line-height: var(--line-height-relaxed);}.auth-onboarding-identity-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--space-3);}.auth-onboarding-username-preview{display: flex;align-items: center;gap: var(--space-2);min-height: 18px;margin-top: var(--space-1);color: var(--text-muted);font-size: 11px;}.auth-onboarding-username-preview strong{color: var(--text-secondary);font-weight: var(--font-medium);direction: ltr;unicode-bidi: plaintext;}.auth-onboarding-username-note{margin-top: var(--space-2);color: var(--text-muted);font-size: 11px;line-height: var(--line-height-relaxed);}.auth-onboarding-role-grid + .field-feedback{margin-top: var(--space-2);}.auth-modern-page--onboarding .username-status{right: var(--space-4);left: auto;inset-inline-start: auto;inset-inline-end: auto;}.auth-modern-page--onboarding .username-wrap .field-input{padding-right: 48px;padding-left: var(--space-5);}@media (max-width: 640px){.auth-onboarding-identity-grid{grid-template-columns: 1fr;}.auth-onboarding-section__head{flex-direction: column;}}
