html,body{height:100%;margin:0;padding:0;overflow-x:hidden}main{min-height:100vh;height:100%;display:flex;flex-direction:column;margin:0;padding:0}#login-shell{flex:1;display:none;align-items:center;justify-content:center;padding:0;margin:0;width:100%;height:100%}#app-shell{flex:1;display:flex;flex-direction:column}#app-shell.hidden{display:none}#app-frame{flex:1;width:100%;border:none;border-radius:12px;background:#0b0e14}#loginPage{position:relative;min-height:100%;height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:32px 24px;overflow:hidden;margin:0}#loginPage:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.07) 0%,transparent 25%),radial-gradient(circle at 80% 30%,rgba(220,38,38,.07) 0%,transparent 25%),radial-gradient(circle at 40% 60%,rgba(217,119,6,.05) 0%,transparent 30%),radial-gradient(circle at 70% 80%,rgba(99,102,241,.05) 0%,transparent 30%),linear-gradient(135deg,#0f141fe6,#0b0e14d9);animation:meshMorph 12s ease-in-out infinite;z-index:0;opacity:.95}#loginPage:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) perspective(800px) rotateX(60deg);transform-origin:center bottom;width:150%;height:40vh;background-image:url("data:image/svg+xml,%3Csvg width='100' height='87' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 0 L75 0 L100 43.5 L75 87 L25 87 L0 43.5 Z' fill='none' stroke='rgba(192,192,192,0.5)' stroke-width='2'/%3E%3C/svg%3E");background-size:100px 87px;pointer-events:none;opacity:.7;-webkit-mask-image:linear-gradient(to top,black 0%,transparent 100%);mask-image:linear-gradient(to top,black 0%,transparent 100%);animation:hexDrift 30s linear infinite}@keyframes meshMorph{0%{transform:scale(1);opacity:1}25%{transform:translate(60px,-40px) scale(1.05);opacity:.85}50%{transform:translateY(-60px) scale(1.1);opacity:.7}75%{transform:translate(-60px,-30px) scale(1.05);opacity:.85}to{transform:scale(1);opacity:1}}@keyframes hexDrift{0%{background-position:0 0}to{background-position:100px 87px}}.login-container{position:relative;z-index:1;max-width:520px;width:100%;padding:40px}.login-container:before,.login-container:after{content:"";position:absolute;width:40px;height:40px;pointer-events:none;z-index:2;opacity:.6}.login-container:before{top:20px;left:20px;border:2px solid;border-image:linear-gradient(135deg,#dc262699,#c0c0c099) 1;border-right:none;border-bottom:none;background:linear-gradient(135deg,rgba(220,38,38,.05) 0%,transparent 70%)}.login-container:after{bottom:20px;right:20px;border:2px solid;border-image:linear-gradient(315deg,#3b82f699,#c0c0c099) 1;border-left:none;border-top:none;background:linear-gradient(315deg,rgba(59,130,246,.05) 0%,transparent 70%)}.login-box{position:relative;background:linear-gradient(135deg,#141926f2,#1e2330eb);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:3px solid;border-image:linear-gradient(135deg,#dc262699,#c0c0c0b3,#fff9,#3b82f699,#c0c0c0b3,#dc262699) 1;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));padding:48px 56px;box-shadow:0 25px 55px #0f141f73,0 15px 35px #0f141f59,inset 0 2px #ffffff14}.login-header{text-align:center;margin-bottom:50px;position:relative}.login-logo{font-size:26px;font-weight:900;letter-spacing:2px;line-height:1.3;margin:0 0 8px;text-transform:uppercase;background:linear-gradient(180deg,#a8a8a8,#e8e8e8,#a8a8a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:#c0c0c099;font-weight:600;margin-bottom:40px;display:inline-block;font-variant:small-caps}.login-welcome{font-size:22px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#e8e8e8f2}.login-instruction{font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.login-form{margin-top:32px;display:flex;flex-direction:column;gap:18px;text-align:left}.login-field{display:flex;flex-direction:column;gap:8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#c0c0c0b3;font-weight:600}.login-field input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#0f172abf;color:#f8fafcf2;font-size:15px;box-shadow:inset 0 1px 2px #0f172a99;transition:border .2s ease,background .2s ease,box-shadow .2s ease}.login-field input:focus{outline:none;border-color:#2563eba6;background:#0f172ae6;box-shadow:0 0 0 3px #2563eb40}.login-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 48px;font-size:16px;font-weight:700;letter-spacing:1px;color:#fffffff2;background:linear-gradient(135deg,#c0c0c033,#ffffff26);border:2px solid;border-image:linear-gradient(135deg,#dc262680,#c0c0c099,#ffffff80,#c0c0c099,#3b82f680) 1;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));cursor:pointer;transition:all .3s ease;text-transform:uppercase;position:relative;overflow:visible;margin:30px 0}.login-primary-btn:hover{background:linear-gradient(135deg,#c0c0c04d,#ffffff40);transform:translateY(-2px);box-shadow:0 8px 24px #c0c0c04d}.login-primary-btn:active{transform:translateY(0)}.login-primary-btn.is-loading{opacity:.7;cursor:progress}.login-secondary-actions{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.login-link{background:none;border:none;padding:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8bf;cursor:pointer;transition:color .2s ease}.login-link:hover{color:#bfdbfef2}.login-alert{min-height:18px;margin-top:18px;font-size:13px;font-weight:600;letter-spacing:.04em;color:#f87171f2;text-transform:uppercase}.login-success{min-height:18px;margin-top:18px;font-size:13px;font-weight:600;letter-spacing:.04em;color:#34d399f2;text-transform:uppercase}.login-screen.password-reset{display:none;opacity:0;transition:opacity .3s ease}.login-screen.password-reset.active{display:block!important;opacity:1}.temp-login-notice{font-size:11px;color:#c0c0c066;margin-top:16px;letter-spacing:.5px;font-style:italic}.login-datetime{position:absolute;top:40px;left:40px;background:linear-gradient(135deg,#141926f2,#1e2330eb);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid;border-image:linear-gradient(135deg,#dc262680,#c0c0c099,#ffffff80,#c0c0c099,#3b82f680) 1;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));padding:16px 22px;display:grid;gap:4px;font-size:12px;letter-spacing:.8px;text-transform:uppercase;font-weight:600;color:#e8e8e8e6;box-shadow:0 12px 30px #0f172a80,inset 0 2px #ffffff14}.login-datetime-time{font-size:18px;font-weight:700;letter-spacing:1px;margin-bottom:2px;color:#e8e8e8e6}.login-datetime-date{font-size:11px;font-weight:400;letter-spacing:.5px;text-transform:uppercase;font-variant:small-caps}#holidayStars{position:absolute;inset:0;pointer-events:none}.holiday-stars{position:absolute;width:20px;height:20px;background:transparent;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.holiday-star-1{top:15%;left:10%;animation:starTwinkle 3s ease-in-out infinite}.holiday-star-2{top:20%;right:15%;animation:starTwinkle 3.5s ease-in-out infinite .5s}.holiday-star-3{bottom:25%;left:12%;animation:starTwinkle 4s ease-in-out infinite 1s}.holiday-star-4{bottom:20%;right:10%;animation:starTwinkle 3.2s ease-in-out infinite 1.5s}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media(max-width:960px){#loginPage{padding:24px 16px 48px}.login-container{padding:24px}.login-box{padding:32px 26px}.login-datetime{position:static;margin:0 auto 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:360px}.login-secondary-actions{flex-direction:column;align-items:stretch;gap:8px}.login-link{text-align:center}}@media(max-width:640px){#loginPage{padding:16px 12px 36px}.login-container{padding:0}.login-box{padding:28px 20px;clip-path:none;border-radius:18px}.login-primary-btn{width:100%}.login-datetime{font-size:11px;gap:6px;padding:12px 16px}.login-datetime-time{font-size:16px}.login-datetime-date{font-size:10px}.login-secondary-actions{align-items:stretch}}@media(max-width:480px){.login-box{padding:24px 18px}.login-header{margin-bottom:32px}.login-logo{font-size:22px}.login-subtitle{font-size:9px;letter-spacing:3px}.login-form{gap:14px}}@media(prefers-color-scheme:light){#loginPage:not(.app-dark-mode):before{background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.08) 0%,transparent 25%),radial-gradient(circle at 80% 30%,rgba(220,38,38,.06) 0%,transparent 25%),radial-gradient(circle at 40% 60%,rgba(217,119,6,.05) 0%,transparent 30%),radial-gradient(circle at 70% 80%,rgba(99,102,241,.06) 0%,transparent 30%),linear-gradient(135deg,#f8fafcfa,#f1f5f9f2)!important}#loginPage:not(.app-dark-mode):after{background-image:url("data:image/svg+xml,%3Csvg width='100' height='87' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 0 L75 0 L100 43.5 L75 87 L25 87 L0 43.5 Z' fill='none' stroke='rgba(51,65,85,0.35)' stroke-width='2'/%3E%3C/svg%3E")!important;opacity:.6!important}#loginPage:not(.app-dark-mode) .login-box{background:linear-gradient(135deg,#ffffffd9,#f8fafce6)!important;box-shadow:0 25px 55px #64748b26,0 15px 35px #64748b1a,inset 0 2px #fffc!important}#loginPage:not(.app-dark-mode) .login-container:before{border-image:linear-gradient(135deg,#dc262680,#64748b80) 1!important;background:linear-gradient(135deg,rgba(220,38,38,.08) 0%,transparent 70%)!important}#loginPage:not(.app-dark-mode) .login-container:after{border-image:linear-gradient(315deg,#3b82f680,#64748b80) 1!important;background:linear-gradient(315deg,rgba(59,130,246,.08) 0%,transparent 70%)!important}#loginPage:not(.app-dark-mode) .login-datetime{background:linear-gradient(135deg,#ffffffe6,#f8fafcd9)!important;border-image:linear-gradient(135deg,#dc262666,#64748b80,#47556966,#64748b80,#3b82f666) 1!important;box-shadow:0 12px 30px #64748b26,inset 0 2px #ffffffe6!important}#loginPage:not(.app-dark-mode) .login-datetime-time{color:#0f172ae6!important}#loginPage:not(.app-dark-mode) .login-datetime-date{color:#475569cc!important}#loginPage:not(.app-dark-mode) .login-logo{background:linear-gradient(180deg,#4a5568,#718096,#4a5568)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}#loginPage:not(.app-dark-mode) .login-subtitle{color:#475569cc!important}#loginPage:not(.app-dark-mode) .login-field{color:#475569cc!important}#loginPage:not(.app-dark-mode) .login-field input{background:#f8fafce6!important;color:#0f172af2!important;border-color:#94a3b866!important;box-shadow:inset 0 1px 2px #94a3b859!important}#loginPage:not(.app-dark-mode) .login-link{color:#475569cc!important}#loginPage:not(.app-dark-mode) .login-link:hover{color:#2563ebd9!important}#loginPage:not(.app-dark-mode) .login-primary-btn{background:linear-gradient(135deg,#3b82f6e6,#2563ebf2)!important;color:#fff!important}#loginPage:not(.app-dark-mode) .login-primary-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)!important}#loginPage:not(.app-dark-mode) .login-alert{background:#f8fafccc!important;color:#ef4444f2!important;border-color:#ef44444d!important}#loginPage:not(.app-dark-mode) .login-welcome{color:#0f172af2!important}#loginPage:not(.app-dark-mode) .login-instruction{color:#475569d9!important}#loginPage:not(.app-dark-mode) .temp-login-notice{color:#64748b80!important}#loginPage:not(.app-dark-mode) .login-secondary-actions{background:transparent!important}#loginPage:not(.app-dark-mode) .login-success{color:#059669f2!important}html,body{background:#f8fafc!important}#login-shell{background:transparent!important}main{background:#f8fafc!important}}@media(prefers-color-scheme:dark){#loginPage.app-dark-mode{background:linear-gradient(135deg,#0f172afa,#1e293bf2)!important}#loginPage.app-dark-mode .login-datetime{background:linear-gradient(135deg,#1e293be6,#334155cc)!important;color:#94a3b8e6!important}#loginPage.app-dark-mode .login-logo{background:linear-gradient(180deg,#e2e8f0f2,#cbd5e1e6,#94a3b8d9)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}#loginPage.app-dark-mode .login-subtitle{color:#94a3b8d9!important}#loginPage.app-dark-mode .login-welcome{color:#f8fafcf2!important}#loginPage.app-dark-mode .login-instruction{color:#cbd5e1cc!important}#loginPage.app-dark-mode .login-field{color:#cbd5e1d9!important}#loginPage.app-dark-mode .login-field input{background:#1e293bcc!important;color:#f8fafcf2!important;border-color:#47556999!important;box-shadow:inset 0 1px 3px #0000004d!important}#loginPage.app-dark-mode .login-field input:focus{background:#1e293bf2!important;border-color:#6366f1b3!important;box-shadow:inset 0 1px 3px #0000004d,0 0 0 3px #6366f11a!important}#loginPage.app-dark-mode .login-field input::placeholder{color:#64748b99!important}#loginPage.app-dark-mode .login-primary-btn{background:linear-gradient(135deg,#6366f1d9,#4f46e5e6)!important;color:#fffffffa!important;box-shadow:0 4px 12px #6366f133,inset 0 1px #ffffff1a!important}#loginPage.app-dark-mode .login-primary-btn:hover{background:linear-gradient(135deg,#6366f1f2,#4f46e5)!important;box-shadow:0 6px 16px #6366f14d,inset 0 1px #ffffff26!important}#loginPage.app-dark-mode .login-primary-btn:active{transform:translateY(1px)!important;box-shadow:0 2px 8px #6366f133,inset 0 1px 3px #0003!important}#loginPage.app-dark-mode .login-link{color:#cbd5e1bf!important}#loginPage.app-dark-mode .login-link:hover{color:#818cf8f2!important}#loginPage.app-dark-mode .login-alert{background:#334155cc!important;color:#fca5a5f2!important;border-color:#ef444466!important}#loginPage.app-dark-mode .login-screen{background:#1e293b99!important;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff0d!important}#loginPage.app-dark-mode .color-swatch{border-color:#47556966!important;box-shadow:0 2px 4px #0000004d,inset 0 1px 1px #ffffff1a!important}#loginPage.app-dark-mode .color-option input[type=radio]:checked+.color-swatch{border-color:#f8fafce6!important;box-shadow:0 4px 12px #00000080,0 0 0 4px #6366f133,inset 0 1px 2px #fff3!important}}.color-option{display:inline-flex;cursor:pointer;position:relative}.color-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.color-swatch{display:block;width:32px;height:32px;border-radius:50%;border:3px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003,inset 0 1px 1px #fff3}.color-option:hover .color-swatch{transform:scale(1.1);box-shadow:0 4px 8px #0000004d,inset 0 1px 1px #ffffff4d}.color-option input[type=radio]:checked+.color-swatch{border-color:#fffc;transform:scale(1.15);box-shadow:0 4px 12px #0006,0 0 0 4px #ffffff1a,inset 0 1px 2px #ffffff4d}.color-option input[type=radio]:focus-visible+.color-swatch{outline:2px solid var(--brand);outline-offset:2px}.invite-step-indicator{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--panel-2);color:var(--text-subtle);font-weight:700;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.invite-step-indicator.active{background:var(--brand);color:var(--text);border-color:#fff3;box-shadow:0 4px 12px rgba(var(--brand-rgb),.4),inset 0 1px 2px #fff3}.invite-step-indicator.completed{background:var(--success);color:var(--text);border-color:#fff3}.login-secondary-btn{padding:14px 24px;border:2px solid var(--panel-2);background:transparent;color:var(--text);border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.login-secondary-btn:hover{border-color:var(--panel-3);background:var(--panel-1)}.login-secondary-btn:active{transform:translateY(1px)}