:root{--sidebar-width:300px;--sidebar-collapsed-width:76px;--color-primary:#1a1a1a;--color-primary-hover:#000;--color-primary-soft:#cfdaf580;--color-accent:#cfdaf5;--color-success:#16a34a;--color-danger:#dc2626;--color-background:#f6f3f1;--color-background-secondary:#ede9e5;--color-surface:#fff;--color-surface-strong:#fff;--color-surface-muted:#faf8f6;--color-border:#00000017;--color-border-strong:#0000002e;--color-text:#0c0b0a;--color-text-secondary:#4e4d4d;--color-text-muted:#797776;--color-text-inverse:#f6f3f1;--body-background:var(--color-background);--sidebar-bg:#fff;--sidebar-border:#00000014;--sidebar-brand-color:#0c0b0a;--sidebar-text:#797776;--sidebar-text-active:#0c0b0a;--sidebar-item-hover:#0000000a;--sidebar-item-hover-border:transparent;--sidebar-item-active-bg:#00000012;--sidebar-icon-bg:#0000000d;--sidebar-icon-active-bg:#0000001a;--sidebar-toggle-bg:#0000000d;--sidebar-toggle-border:#0000001a;--sidebar-toggle-hover-bg:#00000014;--sidebar-toggle-hover-border:#0000002e;--sidebar-org-bg:#0000000a;--sidebar-org-border:#00000014;--sidebar-org-badge-bg:#0000000f;--sidebar-org-badge-color:#4e4d4d;--sidebar-footer-border:#00000014;--sidebar-profile-hover:#0000000a;--sidebar-flyout-bg:#fff;--sidebar-flyout-border:#0000001a;--sidebar-flyout-shadow:0 8px 32px #0000001a;--sidebar-flyout-link-color:#0c0b0a;--sidebar-flyout-link-hover-bg:#0000000a;--sidebar-subnav-border:#00000014;--sidebar-subnav-active-bg:#0000000f;--sidebar-collapsed-toggle-bg:#fff;--sidebar-collapsed-toggle-border:#0000001f;--sidebar-collapsed-toggle-shadow:0 4px 16px #0000001a;--sidebar-overlay-bg:#0000004d;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--transition-fast:.16s ease;--transition-normal:.26s ease}[data-theme=dark]{--color-primary:#5266eb;--color-primary-hover:#6b7cf0;--color-primary-soft:#5266eb24;--color-accent:#cdddff;--color-success:#22c55e;--color-danger:#f87171;--color-background:#171721;--color-background-secondary:#1e1e2a;--color-surface:#1e1e2aeb;--color-surface-strong:#1e1e2a;--color-surface-muted:#171721;--color-border:#70707d38;--color-border-strong:#70707d66;--color-text:#ededf3;--color-text-secondary:#c3c3cc;--color-text-muted:#70707d;--color-text-inverse:#171721;--body-background:radial-gradient(circle at 20% 10%, #5266eb14, transparent 32%), radial-gradient(circle at 80% 90%, #5266eb0d, transparent 28%), #171721;--sidebar-bg:#171721;--sidebar-border:#70707d2e;--sidebar-brand-color:#ededf3;--sidebar-text:#70707d;--sidebar-text-active:#ededf3;--sidebar-item-hover:#ffffff0d;--sidebar-item-hover-border:transparent;--sidebar-item-active-bg:#5266eb1f;--sidebar-icon-bg:#ffffff0f;--sidebar-icon-active-bg:#5266eb33;--sidebar-toggle-bg:#ffffff0f;--sidebar-toggle-border:#ffffff1a;--sidebar-toggle-hover-bg:#ffffff1a;--sidebar-toggle-hover-border:#fff3;--sidebar-org-bg:#ffffff0d;--sidebar-org-border:#ffffff14;--sidebar-org-badge-bg:#ffffff14;--sidebar-org-badge-color:#c3c3cc;--sidebar-footer-border:#ffffff14;--sidebar-profile-hover:#ffffff0d;--sidebar-flyout-bg:#1e1e2a;--sidebar-flyout-border:#70707d33;--sidebar-flyout-shadow:0 28px 72px #00000080;--sidebar-flyout-link-color:#ededf3;--sidebar-flyout-link-hover-bg:#ffffff0f;--sidebar-subnav-border:#ffffff14;--sidebar-subnav-active-bg:#5266eb1a;--sidebar-collapsed-toggle-bg:#1e1e2a;--sidebar-collapsed-toggle-border:#70707d40;--sidebar-collapsed-toggle-shadow:0 12px 24px #0006;--sidebar-overlay-bg:#0000008c;--shadow-sm:0 1px 4px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 40px #00000080}
*{box-sizing:border-box}html{background:var(--color-background);min-height:100%}body{min-height:100vh;color:var(--color-text);background:var(--body-background);margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-strong);width:100%;color:var(--color-text);padding:.9rem 1rem}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft);outline:none}h1,h2,h3,h4,h5,h6,p{margin:0}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--color-surface-strong) 25%, var(--color-surface-muted) 50%, var(--color-surface-strong) 75%);background-size:200% 100%;border-radius:6px;animation:1.6s ease-in-out infinite skeleton-shimmer}.dropdown-enter{transition:all .18s ease-out}.dropdown-enter-from{opacity:0;transform:translateY(8px)}.dropdown-enter-to{opacity:1;transform:translateY(0)}.dropdown-leave{transition:all .14s ease-in}.dropdown-leave-from{opacity:1;transform:translateY(0)}.dropdown-leave-to{opacity:0;transform:translateY(8px)}
 .app-shell{min-height:100vh}.app-sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);height:100vh;color:var(--sidebar-text-active);transition:width var(--transition-normal), transform var(--transition-normal);z-index:40;flex-direction:column;gap:1.25rem;padding:1.1rem 1rem 1rem;display:flex;position:fixed;top:0;left:0;overflow:visible}.app-sidebar[data-collapsed=true]{width:var(--sidebar-collapsed-width);padding-inline:.8rem}.sidebar-header,.sidebar-organization,.sidebar-footer{flex-shrink:0}.sidebar-brand{justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:relative}.sidebar-brand-lockup{align-items:center;gap:.9rem;min-width:0;display:flex}.sidebar-brand-mark,.mobile-brand-mark{width:2.85rem;height:2.85rem;color:var(--sidebar-brand-color);background:0 0;border-radius:1rem;justify-content:center;align-items:center;font-size:2rem;font-weight:800;display:inline-flex}.sidebar-brand-copy{min-width:0}.sidebar-brand-copy strong,.mobile-brand-name{letter-spacing:-.03em;color:var(--sidebar-text-active);font-size:1.08rem;display:block}.sidebar-brand-copy span{color:var(--sidebar-text);margin-top:.18rem;font-size:.82rem;display:block}.sidebar-toggle-button{z-index:50;border:1px solid var(--sidebar-toggle-border);background:var(--sidebar-bg);width:2.2rem;height:2.2rem;color:var(--sidebar-text);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), color var(--transition-fast);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:1.65rem;right:-1.1rem}.sidebar-toggle-button:hover{border-color:var(--sidebar-toggle-hover-border);color:var(--sidebar-text-active)}.mobile-icon-button,.sidebar-mobile-close{border:1px solid var(--sidebar-toggle-border);background:var(--sidebar-toggle-bg);width:2.55rem;height:2.55rem;color:var(--sidebar-text-active);transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mobile-icon-button:hover,.sidebar-mobile-close:hover{background:var(--sidebar-toggle-hover-bg);border-color:var(--sidebar-toggle-hover-border)}.sidebar-mobile-close{display:none}.sidebar-organization,.org-switcher{position:relative}.org-switcher-button{border:1px solid var(--sidebar-org-border);background:var(--sidebar-org-bg);width:100%;color:inherit;border-radius:16px;justify-content:space-between;align-items:center;gap:.65rem;padding:.5rem .7rem;display:flex}.org-switcher-button.collapsed{border-radius:14px;justify-content:center;padding:.5rem}.org-switcher-label{align-items:center;gap:.6rem;min-width:0;display:flex}.org-switcher-badge{background:var(--sidebar-org-badge-bg);width:1.9rem;height:1.9rem;color:var(--sidebar-org-badge-color);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.org-switcher-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.dashboard-card-kicker,.dashboard-kicker,.profile-panel-label{text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;display:block}.org-switcher-arrow{transition:transform var(--transition-fast)}.org-switcher-arrow.open{transform:rotate(180deg)}.org-switcher-menu,.profile-panel,.mobile-user-panel{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-strong) 96%, transparent);min-width:302px;box-shadow:var(--shadow-lg);color:var(--color-text);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:22px;gap:.7rem;margin-top:.65rem;padding:.8rem;display:grid}.org-switcher-menu{z-index:90;position:absolute;top:calc(100% + .4rem);left:0}.org-switcher-menu-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:.2rem;display:flex}.org-switcher-menu-header p{margin-bottom:.2rem;font-weight:700}.org-switcher-menu-header span{color:var(--color-text-muted);font-size:.86rem;line-height:1.4;display:block}.org-switcher-create{border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-muted);border-radius:14px;align-items:center;gap:.35rem;padding:.7rem .8rem;display:inline-flex}.org-switcher-item,.org-switcher-empty{color:inherit;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:0 0;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.org-switcher-item:hover{background:var(--color-surface-muted);transform:translateY(-1px)}.org-switcher-item.active{background:var(--color-primary-soft);color:var(--color-primary)}.org-switcher-item-text{text-align:left;gap:.15rem;display:grid}.org-switcher-item small,.org-switcher-empty{color:var(--color-text-muted)}.org-switcher-skeleton{background:var(--sidebar-org-bg);border-radius:20px;height:72px}.sidebar-nav{scrollbar-width:none;flex:1;overflow:visible}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-category+.sidebar-category{margin-top:.2rem}.sidebar-category-button{width:100%;color:var(--sidebar-text);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:0;border-radius:18px;justify-content:space-between;align-items:center;gap:.8rem;padding:.56rem .7rem;display:flex}.sidebar-category-button:hover{background:var(--sidebar-item-hover);color:var(--sidebar-text-active)}.sidebar-category-button.active{background:var(--sidebar-item-active-bg);color:var(--sidebar-text-active)}.sidebar-category-main{align-items:center;gap:.8rem;min-width:0;display:flex}.sidebar-category-icon{flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.sidebar-category-text{text-align:left;min-width:0}.sidebar-category-text strong,.sidebar-subnav-link strong{font-size:.92rem;font-weight:600;display:block}.sidebar-category-arrow{transition:transform var(--transition-fast);flex-shrink:0}.sidebar-category-arrow.open{transform:rotate(180deg)}@media (min-width:1025px){.sidebar-category-arrow,.org-switcher-arrow,.profile-trigger-chevron{display:none}}.sidebar-mobile-subnav{display:none}.sidebar-footer{border-top:1px solid var(--sidebar-footer-border);margin-top:auto;padding-top:.75rem}.profile-menu{position:relative}.profile-trigger{width:100%;color:inherit;transition:background var(--transition-fast);background:0 0;border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:.65rem;padding:.5rem .6rem;display:flex}.profile-trigger:hover{background:var(--sidebar-profile-hover)}.profile-trigger.collapsed{justify-content:center;padding:.45rem}.profile-trigger-main{align-items:center;gap:.65rem;min-width:0;display:flex}.profile-avatar-wrap{flex-shrink:0;width:2.2rem;height:2.2rem;position:relative}.profile-avatar-image,.profile-panel-avatar{object-fit:cover;border-radius:999px;width:100%;height:100%}.profile-avatar-fallback,.profile-panel-avatar.fallback,.mobile-user-button{color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:999px;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:inline-flex}.profile-avatar-settings{border:1px solid var(--color-border);background:var(--color-surface-strong);width:1.15rem;height:1.15rem;color:var(--color-text-muted);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:-3px;right:-3px;transform:translateY(4px)}.profile-avatar-wrap:hover .profile-avatar-settings{opacity:1;transform:translateY(0)}.profile-trigger-text{text-align:left;min-width:0}.profile-trigger-text strong,.profile-trigger-text span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-trigger-text span{color:var(--sidebar-text);margin-top:.16rem;font-size:.78rem}.profile-trigger-chevron{color:var(--sidebar-text)}.profile-panel{width:252px;position:absolute;bottom:calc(100% + .9rem);right:-.35rem}.profile-panel.mobile{top:calc(100% + .65rem);bottom:auto;right:0}.profile-panel-section{gap:.4rem;display:grid}.profile-panel-label{color:var(--color-text-muted);padding:.15rem .25rem}.profile-panel-account{background:var(--color-primary-soft);border:1px solid var(--color-border);border-radius:16px;align-items:center;gap:.8rem;padding:.8rem;display:flex}.profile-panel-account-media{flex-shrink:0;width:2.25rem;height:2.25rem;position:relative}.profile-panel-presence{border:2px solid var(--color-surface-strong);background:var(--color-success);border-radius:999px;width:.75rem;height:.75rem;position:absolute;top:-1px;right:-2px}.profile-panel-account-text{min-width:0}.profile-panel-account-text strong,.profile-panel-account-text span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-panel-account-text span{color:var(--color-text-muted);margin-top:.14rem;font-size:.84rem}.profile-panel-row,.theme-toggle,.mobile-user-action,.sidebar-user-action{width:100%;color:var(--color-text);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:.7rem;padding:.85rem .9rem;display:flex}.profile-panel-row:hover,.theme-toggle:hover{background:var(--color-surface-muted)}.profile-panel-row.muted{color:var(--color-text-secondary)}.profile-panel-row.danger{color:var(--color-danger)}.profile-panel-row.danger:hover{background:color-mix(in srgb, var(--color-danger) 8%, transparent)}.sidebar-flyout{border:1px solid var(--sidebar-flyout-border);background:var(--sidebar-flyout-bg);width:250px;box-shadow:var(--sidebar-flyout-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:80;border-radius:18px;padding:.55rem;position:fixed}.sidebar-flyout:before{content:"";background:0 0;width:18px;height:100%;position:absolute;top:0;left:-18px}.sidebar-flyout-list{gap:.28rem;display:grid}.sidebar-flyout-link{color:var(--sidebar-flyout-link-color);transition:background var(--transition-fast), transform var(--transition-fast);border-radius:12px;padding:.72rem .82rem;font-size:.9rem;font-weight:600;display:block}.sidebar-flyout-link:hover,.sidebar-flyout-link.active{background:var(--sidebar-flyout-link-hover-bg);transform:translate(2px)}.app-main{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-normal);padding:1.4rem}.app-shell.sidebar-collapsed .app-main{margin-left:var(--sidebar-collapsed-width)}.mobile-header,.sidebar-overlay{display:none}.dashboard-state,.dashboard-onboarding{justify-content:center;align-items:center;min-height:calc(100vh - 2.8rem);display:flex}.dashboard-state-card,.dashboard-setup-card,.dashboard-hero,.dashboard-category-card{border:1px solid var(--color-border);background:var(--color-surface-strong);box-shadow:var(--shadow-sm)}.dashboard-state-card{color:var(--color-text-secondary);border-radius:22px;padding:1rem 1.2rem}.dashboard-onboarding{grid-template-columns:minmax(0,1.4fr) minmax(320px,420px);align-items:stretch;gap:1.25rem;display:grid}.dashboard-hero,.dashboard-setup-card{border-radius:32px}.dashboard-hero{padding:2rem}.dashboard-hero-copy h1{letter-spacing:-.05em;margin-top:.75rem;font-size:clamp(2.2rem,4vw,3.4rem);line-height:.98}.dashboard-hero-copy p:last-child{max-width:54ch;color:var(--color-text-secondary);margin-top:1rem;line-height:1.6}.dashboard-kicker,.dashboard-card-kicker{color:var(--color-text-muted)}.dashboard-hero-grid,.dashboard-category-grid{gap:.9rem;display:grid}.dashboard-hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2rem}.dashboard-hero-grid article{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:22px;gap:.65rem;padding:1rem;display:grid}.dashboard-hero-grid article span,.dashboard-category-head p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.45}.dashboard-setup-card{padding:1.4rem}.dashboard-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;display:flex}.dashboard-card-header h2,.dashboard-section-header h2{letter-spacing:-.03em;margin-top:.35rem;font-size:1.45rem}.dashboard-form{gap:1rem;display:grid}.dashboard-form label{margin-bottom:.45rem;font-size:.9rem;font-weight:600;display:block}.dashboard-input{border-radius:16px}.dashboard-error{color:var(--color-danger);font-size:.9rem}.dashboard-primary-button{background:var(--color-primary);width:100%;color:var(--color-text-inverse);transition:background var(--transition-fast), opacity var(--transition-fast);border:0;border-radius:16px;justify-content:center;align-items:center;gap:.6rem;padding:.95rem 1rem;font-weight:600;display:inline-flex}.dashboard-primary-button:hover{background:var(--color-primary-hover)}.dashboard-primary-button:disabled{cursor:not-allowed;opacity:.45}.dashboard-home{gap:1rem;display:grid}.dashboard-section{border:1px solid var(--color-border);background:var(--color-surface-strong);border-radius:32px;padding:1.4rem}.dashboard-section-header{margin-bottom:1rem}.dashboard-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-category-card{border-radius:24px;padding:1rem}.dashboard-category-head{align-items:flex-start;gap:.8rem;margin-bottom:.9rem;display:flex}.dashboard-category-icon{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;display:inline-flex}.dashboard-category-card ul{color:var(--color-text-secondary);gap:.35rem;margin:0;padding-left:1rem;display:grid}[data-collapsed=true] .sidebar-brand{justify-content:center}[data-collapsed=true] .sidebar-category-button{justify-content:center;padding:.6rem}[data-collapsed=true] .sidebar-category-main{justify-content:center}[data-collapsed=true] .org-switcher-menu{margin-left:.5rem}[data-collapsed=true] .profile-panel{bottom:0;left:calc(100% + .75rem);right:auto}@media (max-width:1180px){.dashboard-onboarding,.dashboard-category-grid,.dashboard-hero-grid{grid-template-columns:1fr}}@media (max-width:1024px){.app-sidebar{width:min(90vw,360px);transform:translate(-100%)}.app-main,.app-shell.sidebar-collapsed .app-main{margin-left:0}.app-sidebar.mobile-open{transform:translate(0)}.sidebar-toggle-button,.sidebar-flyout{display:none}.sidebar-mobile-close{display:inline-flex}.mobile-header{z-index:35;border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-strong) 90%, transparent);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.9rem 1rem;display:flex;position:sticky;top:0}.mobile-header-left,.mobile-header-right,.mobile-brand{align-items:center;gap:.75rem;display:flex}.mobile-header-org{display:none}.profile-menu.mobile .profile-trigger{background:0 0;width:auto;padding:0}.profile-menu.mobile .profile-trigger-text,.profile-menu.mobile .profile-trigger-chevron{display:none}.profile-menu.mobile .profile-avatar-wrap{width:2.45rem;height:2.45rem}.profile-menu.mobile .profile-avatar-settings{display:none}.sidebar-mobile-subnav{opacity:0;border-left:1px solid var(--sidebar-subnav-border);max-height:0;transition:max-height var(--transition-normal), opacity var(--transition-fast), margin-top var(--transition-fast);gap:.35rem;margin-left:.5rem;padding-left:1rem;display:grid;overflow:hidden}.sidebar-mobile-subnav.open{opacity:1;max-height:520px;margin-top:.25rem}.sidebar-subnav-link{color:var(--sidebar-text);border-radius:14px;padding:.72rem .4rem;display:block}.sidebar-subnav-link.active{color:var(--sidebar-text-active);background:var(--sidebar-subnav-active-bg)}.sidebar-overlay{z-index:30;background:var(--sidebar-overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:block;position:fixed;inset:0}.app-main{padding:1rem}}
.page-container{padding:1.25rem}.page-header{margin-bottom:1.5rem}.page-title{letter-spacing:-.05em;font-size:clamp(2rem,4vw,3rem);font-weight:700}.page-subtitle{color:var(--color-text-secondary);margin-top:.45rem;font-size:1rem;line-height:1.6}
.auth-shell{grid-template-columns:1.05fr .95fr;gap:2rem;min-height:100vh;padding:2rem;display:grid}.auth-hero,.auth-panel{border:1px solid var(--color-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:28px}.auth-hero{color:#fff;box-shadow:var(--shadow-lg);background:radial-gradient(circle at 0 0,#60a5fa3d,#0000 34%),radial-gradient(circle at 100% 100%,#8b5cf633,#0000 30%),linear-gradient(135deg,#0f172a 0%,#172554 100%);flex-direction:column;justify-content:space-between;padding:2.5rem;display:flex}.auth-hero-badge{letter-spacing:.12em;text-transform:uppercase;background:#ffffff1f;border-radius:999px;align-items:center;width:fit-content;padding:.45rem .75rem;font-size:.78rem;display:inline-flex}.auth-hero h1{max-width:10ch;font-size:clamp(2.8rem,4vw,4.8rem);line-height:.98}.auth-hero p{color:#fffc;max-width:38rem;font-size:1.05rem;line-height:1.7}.auth-panel{background:var(--color-surface);width:100%;max-width:560px;box-shadow:var(--shadow-md);align-self:center;padding:2.25rem}.auth-panel-header h2{font-size:2rem}.auth-panel-header p{color:var(--color-text-secondary);margin-top:.6rem;line-height:1.65}.auth-form{gap:1rem;margin-top:1.75rem;display:grid}.auth-field{gap:.5rem;display:grid}.auth-field span{color:var(--color-text-secondary);font-size:.92rem;font-weight:600}.auth-submit{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;box-shadow:var(--shadow-sm);border:0;border-radius:14px;margin-top:.25rem;padding:.95rem 1.15rem;font-weight:600}.auth-submit:disabled{opacity:.6}.auth-hint{color:var(--color-text-secondary);margin:0 0 .5rem;font-size:.9rem}.auth-error{color:#b91c1c;background:#ef444414;border:1px solid #ef444429;border-radius:14px;padding:.9rem 1rem}.auth-panel-footer{color:var(--color-text-secondary);flex-wrap:wrap;gap:.4rem;margin-top:1.5rem;display:flex}.auth-panel-footer a{color:var(--color-primary);font-weight:600}@media (max-width:960px){.auth-shell{grid-template-columns:1fr;padding:1rem}.auth-hero{min-height:260px}.auth-hero h1,.auth-panel{max-width:100%}}.auth-otp{justify-content:center;gap:.5rem;margin:.75rem 0;display:flex}.auth-otp-box{border:1.5px solid var(--color-border);background:var(--color-surface-strong);text-align:center;width:2.75rem;height:3.25rem;color:var(--color-text-primary);caret-color:#0000;border-radius:12px;font-size:1.5rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.auth-otp-box:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent);outline:none}.auth-otp-box:disabled{opacity:.5}