:root{--bg-primary: #0a0a12;--bg-secondary: #12121e;--bg-tertiary: rgba(15, 23, 42, .62);--bg-card: rgba(255, 255, 255, .04);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--glass-bg: rgba(10, 22, 38, .46);--glass-border: rgba(203, 213, 225, .24);--glass-border-strong: rgba(226, 232, 240, .36);--glass-sheen-strong: rgba(255, 255, 255, .2);--glass-sheen-soft: rgba(255, 255, 255, .04);--glass-shadow: 0 28px 74px -40px rgba(2, 8, 23, .86), 0 16px 34px -28px rgba(12, 74, 110, .44);--ambient-blue: rgba(76, 133, 255, .48);--ambient-cyan: rgba(55, 212, 200, .4);--ambient-gold: rgba(255, 179, 107, .3);--ambient-grid: rgba(219, 234, 254, .08);--select-arrow: rgba(191, 219, 254, .85);--select-arrow-active: rgba(255, 255, 255, .95);--select-divider: rgba(148, 163, 184, .4);--title-grad-start: #ffffff;--title-grad-mid: #dbeafe;--title-grad-end: #67e8f9;--app-bg-start: #040912;--app-bg-mid: #0a1728;--app-bg-end: #0f2237;--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--accent: #06b6d4;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--sidebar-width: 260px;--transition-fast: .15s ease;--transition-normal: .25s ease;color-scheme:dark}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: rgba(226, 232, 240, .56);--bg-card: rgba(0, 0, 0, .02);--text-primary: #0f172a;--text-secondary: #64748b;--glass-bg: rgba(255, 255, 255, .68);--glass-border: rgba(100, 116, 139, .24);--glass-border-strong: rgba(51, 65, 85, .2);--glass-sheen-strong: rgba(255, 255, 255, .76);--glass-sheen-soft: rgba(255, 255, 255, .16);--glass-shadow: 0 28px 64px -44px rgba(15, 23, 42, .34), 0 12px 26px -18px rgba(37, 99, 235, .2);--ambient-blue: rgba(59, 130, 246, .2);--ambient-cyan: rgba(20, 184, 166, .16);--ambient-gold: rgba(245, 158, 11, .14);--ambient-grid: rgba(51, 65, 85, .08);--select-arrow: rgba(71, 85, 105, .82);--select-arrow-active: rgba(30, 41, 59, .95);--select-divider: rgba(100, 116, 139, .34);--title-grad-start: #0f172a;--title-grad-mid: #1d4ed8;--title-grad-end: #0891b2;--app-bg-start: #f8fbff;--app-bg-mid: #edf3ff;--app-bg-end: #e6efff;color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;scrollbar-width:none}*::-webkit-scrollbar,*:before::-webkit-scrollbar,*:after::-webkit-scrollbar{display:none}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%}@keyframes app-page-enter{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}body{font-family:Avenir Next,Avenir,Segoe UI,Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(circle at 12% 18%,var(--ambient-blue),transparent 38%),radial-gradient(circle at 88% 78%,var(--ambient-cyan),transparent 42%),radial-gradient(circle at 48% 106%,var(--ambient-gold),transparent 45%),linear-gradient(165deg,var(--app-bg-start) 0%,var(--app-bg-mid) 54%,var(--app-bg-end) 100%);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;isolation:isolate}a{color:var(--primary-light);text-decoration:none;transition:color .15s ease}a:hover{color:color-mix(in srgb,var(--primary-light) 82%,white 18%);text-decoration:underline}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:600}.app-loading-state{min-height:100vh;display:flex;justify-content:center;align-items:center;color:var(--text-secondary);font-weight:600;letter-spacing:.02em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes login-aurora-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-28px,0) scale(1.08)}to{transform:translateZ(0) scale(1)}}@keyframes login-ring-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes login-grid-shift{0%{transform:translateZ(0)}to{transform:translate3d(42px,42px,0)}}@keyframes login-card-enter{0%{transform:translateY(24px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes login-button-sheen{0%{transform:translate(-130%) skew(-18deg)}50%{transform:translate(130%) skew(-18deg)}to{transform:translate(130%) skew(-18deg)}}.login-page{--login-ink: #edf4ff;--login-muted: rgba(221, 235, 255, .72);--login-stroke: rgba(227, 238, 255, .28);--login-shadow: rgba(2, 8, 23, .6);--login-blue: #4c85ff;--login-cyan: #37d4c8;--login-gold: #ffb36b;display:flex;justify-content:center;align-items:center;position:relative;isolation:isolate;overflow:hidden;min-height:100dvh;padding:clamp(20px,4vw,48px);background:radial-gradient(circle at 10% 18%,rgba(76,133,255,.28),transparent 44%),radial-gradient(circle at 86% 80%,rgba(55,212,200,.22),transparent 45%),linear-gradient(160deg,#040912,#0a1728 52%,#11223a)}.login-bg{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;pointer-events:none;z-index:0}.login-bg__aurora{position:absolute;border-radius:999px;filter:blur(54px);opacity:.62;animation:login-aurora-drift 16s ease-in-out infinite}.login-bg__aurora--one{top:5%;left:8%;width:min(44vw,520px);height:min(40vw,460px);background:radial-gradient(circle at 50% 50%,#4c85ffb3,#4c85ff00)}.login-bg__aurora--two{right:2%;top:14%;width:min(38vw,450px);height:min(34vw,400px);background:radial-gradient(circle at 55% 40%,#37d4c8ad,#37d4c800);animation-delay:-5s;animation-duration:19s}.login-bg__aurora--three{left:34%;bottom:-8%;width:min(42vw,500px);height:min(36vw,420px);background:radial-gradient(circle at 45% 38%,#ffb36b85,#ffb36b00);animation-delay:-11s;animation-duration:22s}.login-bg__ring{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.18);opacity:.25;animation:login-ring-orbit 36s linear infinite}.login-bg__ring--left{top:18%;left:-7%;width:360px;height:360px}.login-bg__ring--right{bottom:8%;right:-6%;width:420px;height:420px;animation-duration:48s;animation-direction:reverse}.login-bg__grid{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 50% 45%,rgba(0,0,0,.78),transparent 80%);-webkit-mask-image:radial-gradient(circle at 50% 45%,rgba(0,0,0,.78),transparent 80%);animation:login-grid-shift 18s linear infinite;opacity:.28}.login-bg__noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;background-image:radial-gradient(rgba(255,255,255,.9) .3px,transparent .3px);background-size:3px 3px}.login-card{position:relative;z-index:1;width:min(460px,100%);padding:clamp(26px,4.2vw,42px);border-radius:28px;border:1px solid var(--login-stroke);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);background:linear-gradient(160deg,#ffffff38,#ffffff17 48%,#ffffff0f);box-shadow:0 30px 80px -28px var(--login-shadow),inset 0 1px #ffffff4d;text-align:center;animation:login-card-enter .78s cubic-bezier(.16,1,.3,1) both}.login-card:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:linear-gradient(130deg,#fff3,#ffffff0a 54%);pointer-events:none;opacity:.55}.login-card__brand{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:6px 12px;border-radius:999px;border:1px solid rgba(237,244,255,.26);background:#07101c38;font-family:Avenir Next,Segoe UI,sans-serif}.login-card__brand-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--login-cyan),var(--login-gold));box-shadow:0 0 12px #37d4c8e6}.login-card__brand-text{color:var(--login-ink);font-size:.75rem;font-weight:650;letter-spacing:.18em;text-transform:uppercase}.login-card__title{position:relative;z-index:1;font-size:clamp(1.95rem,4.1vw,2.5rem);font-family:Avenir Next,Segoe UI,sans-serif;font-weight:760;letter-spacing:-.02em;margin-bottom:8px;background:linear-gradient(110deg,#fff,#d7e7ff 45%,#96fff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 10px 30px rgba(8,14,24,.45)}.login-card__subtitle{position:relative;z-index:1;color:var(--login-muted);margin-bottom:24px;font-size:.98rem;line-height:1.45}.login-card__actions{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px}.login-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:14px 18px;border-radius:10px;border:1px solid transparent;font-size:.96rem;font-weight:600;line-height:1.2;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.login-card__btn:hover:not(:disabled){transform:translateY(-1px)}.login-card__btn:active:not(:disabled){transform:translateY(0)}.login-card__btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.login-card__btn{position:relative;width:100%;border-radius:16px;overflow:hidden;border:1px solid transparent;font-weight:680;font-family:Avenir Next,Segoe UI,sans-serif;letter-spacing:.01em}.login-card__btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:34%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%);transform:translate(-130%) skew(-18deg);pointer-events:none}.login-card__btn:hover:not(:disabled):after{animation:login-button-sheen 1.15s ease}.login-card__btn--primary{color:#f7fbff;border-color:#72c0ff8a;background:linear-gradient(120deg,#4c85ffeb,#37d4c8eb);box-shadow:0 18px 32px -18px #1b9dd2c7}.login-card__btn--primary:hover:not(:disabled){background:linear-gradient(120deg,#417af0f5,#2cc6bcf5);border-color:#82cfffc2}.login-card__btn--google{color:#f2f7ff;border-color:#e3eeff57;background:linear-gradient(160deg,#0b15258f,#0c1a2c80);box-shadow:inset 0 1px #ffffff29}.login-card__btn--google:hover:not(:disabled){border-color:#ffffff8f;background:linear-gradient(160deg,#0d1b2cbd,#102238a3)}.login-card__btn:disabled{color:#f0f8ff8c;border-color:#c8dcff24;background:#121e3066}.login-card__google-icon{width:18px;height:18px;flex:0 0 auto}@media(max-width:560px){.login-page{padding:16px}.login-card{border-radius:22px;padding:24px 20px}}@media(prefers-reduced-motion:reduce){.login-bg__aurora,.login-bg__ring,.login-bg__grid,.login-card,.login-card__btn:after{animation:none!important}}
