.toast-center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}.toast-title{font-weight:700}.toast-message{word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 0 #ffffff}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0}.toast-container{pointer-events:none;position:fixed;z-index:999999}.toast-container *{box-sizing:border-box}.toast-container .ngx-toastr{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;background-size:24px;box-shadow:0 0 12px #999;color:#fff}.toast-container .ngx-toastr:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}.toast-info{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+)}.toast-error{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+)}.toast-success{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==)}.toast-warning{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==)}.toast-container.toast-top-center .ngx-toastr,.toast-container.toast-bottom-center .ngx-toastr{width:300px;margin-left:auto;margin-right:auto}.toast-container.toast-top-full-width .ngx-toastr,.toast-container.toast-bottom-full-width .ngx-toastr{width:96%;margin-left:auto;margin-right:auto}.ngx-toastr{background-color:#030303;pointer-events:auto}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media all and (max-width: 240px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:11em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 241px) and (max-width: 480px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:18em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 481px) and (max-width: 768px){.toast-container .ngx-toastr.div{padding:15px 15px 15px 50px;width:25em}}:root{--primary: #0066FF;--primary-dark: #0052CC;--secondary: #00D1FF;--accent-primary: #0066FF;--accent-secondary: #00D1FF;--accent-neon: #00F2FF;--glow-athlete: radial-gradient(ellipse at center, rgba(0, 209, 255, .12) 0%, transparent 70%);--glow-coach: radial-gradient(ellipse at center, rgba(16, 185, 129, .12) 0%, transparent 70%);--glow-org: radial-gradient(ellipse at center, rgba(167, 139, 250, .12) 0%, transparent 70%);--glow-admin: radial-gradient(ellipse at center, rgba(251, 191, 36, .12) 0%, transparent 70%);--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-premium: .5s cubic-bezier(.16, 1, .3, 1);--header-height: 80px;--header-height-mobile: 64px;--page-max-width: 1440px;--sidebar-width: 280px;--content-padding: 2rem;--content-padding-mobile: 1rem;--z-negative: -1;--z-base: 0;--z-elevated: 10;--z-sticky: 100;--z-header: 1000;--z-drawer: 1100;--z-modal: 1200;--z-popover: 1300;--z-toast: 1400;--z-max: 9999}:root,.theme-dark{--surface-primary: #030712;--surface-secondary: #0B0F1A;--surface-elevated: #161B28;--surface-glass: rgba(15, 23, 42, .7);--surface-glass-border: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #A1B0CB;--text-inverse: #0F172A;--shadow-color: rgba(0, 0, 0, .4);--glow-opacity: .15}.theme-light{--surface-primary: #FFFFFF;--surface-secondary: #F8FAFC;--surface-elevated: #F1F5F9;--surface-glass: rgba(255, 255, 255, .8);--surface-glass-border: rgba(0, 0, 0, .05);--border-subtle: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .16);--text-primary: #0F172A;--text-secondary: #334155;--text-muted: #475569;--text-inverse: #F8FAFC;--secondary: #007090;--accent-secondary: #007090;--accent-neon: #008AA8;--success: #047857;--warning: #B45309;--shadow-color: rgba(0, 0, 0, .12);--glow-opacity: .05}@keyframes shimmer-anim{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot-keyframe{0%,to{opacity:1}50%{opacity:.3}}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary);background-color:var(--surface-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem}h1{font-family:Outfit,Inter,system-ui,sans-serif;font-size:3rem;line-height:1.2;font-weight:900;letter-spacing:-.05em;color:var(--text-primary)}@media (max-width: 640px){h1{font-size:2.25rem}}h2{font-family:Outfit,Inter,system-ui,sans-serif;font-size:1.875rem;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}@media (max-width: 640px){h2{font-size:1.5rem}}h3{font-family:Outfit,Inter,system-ui,sans-serif;font-size:1.5rem;line-height:1.35;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}@media (max-width: 640px){h3{font-size:1.25rem}}h4{font-family:Outfit,Inter,system-ui,sans-serif;font-size:1.25rem;font-weight:700;color:var(--text-primary)}h5{font-family:Outfit,Inter,system-ui,sans-serif;font-size:1.125rem;font-weight:700;color:var(--text-primary)}h6{font-family:Outfit,Inter,system-ui,sans-serif;font-size:1rem;font-weight:700;color:var(--text-primary)}p{font-size:1rem;line-height:1.5;font-weight:400;color:var(--text-secondary);margin-bottom:1rem}.text-h1{font-family:Outfit,Inter,system-ui,sans-serif;font-size:3rem;line-height:1.2;font-weight:900;letter-spacing:-.05em;color:var(--text-primary)}@media (max-width: 640px){.text-h1{font-size:2.25rem}}.text-h2{font-family:Outfit,Inter,system-ui,sans-serif;font-size:1.875rem;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}@media (max-width: 640px){.text-h2{font-size:1.5rem}}.text-h3{font-family:Outfit,Inter,system-ui,sans-serif;font-size:1.5rem;line-height:1.35;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}@media (max-width: 640px){.text-h3{font-size:1.25rem}}.text-body-lg{font-size:1.125rem;line-height:1.6;font-weight:400;color:var(--text-primary)}.text-body-md{font-size:1rem;line-height:1.5;font-weight:400;color:var(--text-secondary)}.text-body-sm{font-size:.875rem;line-height:1.5;font-weight:400;color:var(--text-secondary)}.text-label{font-size:.75rem;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.text-caption{font-size:.75rem;line-height:1.5;font-weight:500;color:var(--text-muted)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--primary)}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.02em}.tracking-normal{letter-spacing:0em}.tracking-wide{letter-spacing:.025em}.glass-text{text-shadow:0 2px 4px rgba(0,0,0,.3);-webkit-font-smoothing:antialiased}.readable-muted{color:var(--text-secondary);opacity:.9;filter:contrast(1.1)}.btn-base,.btn-premium,.btn-outline,.btn-ghost,.btn-glass,.btn-secondary,.btn-primary{appearance:none;background:none;border:none;cursor:pointer;padding:0;font:inherit;transition:transform var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.5rem;border-radius:.75rem;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:600;transition:all var(--transition-base);white-space:nowrap;position:relative;overflow:hidden;text-decoration:none}.btn-base:active,.btn-premium:active,.btn-outline:active,.btn-ghost:active,.btn-glass:active,.btn-secondary:active,.btn-primary:active{transform:scale(.96)}.btn-base:disabled,.btn-premium:disabled,.btn-outline:disabled,.btn-ghost:disabled,.btn-glass:disabled,.btn-secondary:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1);transform:none!important}.btn-base i,.btn-premium i,.btn-outline i,.btn-ghost i,.btn-glass i,.btn-secondary i,.btn-primary i,.btn-base .lucide,.btn-premium .lucide,.btn-outline .lucide,.btn-ghost .lucide,.btn-glass .lucide,.btn-secondary .lucide,.btn-primary .lucide{font-size:1.1em}.btn-primary{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-strong)}.btn-primary:hover:not(:disabled){background:var(--surface-glass);border-color:var(--primary);color:var(--primary);box-shadow:0 4px 15px #0066ff26;transform:translateY(-2px)}.btn-secondary{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-glass);border-color:var(--primary);color:var(--primary)}.btn-glass{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);color:var(--text-primary);border:1px solid var(--surface-glass-border)}.btn-glass:hover:not(:disabled){background:#ffffff1a;border-color:var(--primary);box-shadow:0 0 20px #0066ff26}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-elevated);color:var(--text-primary)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-strong)}.btn-outline:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.btn-premium{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;box-shadow:0 4px 15px #0066ff4d}.btn-premium:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-base)}.btn-premium:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #06f6}.btn-premium:hover:not(:disabled):after{opacity:1}.btn-sm{padding:.375rem 1rem;font-size:.75rem;border-radius:.375rem}.btn-lg{padding:1rem 2rem;font-size:1rem;border-radius:1rem}.btn-icon{display:flex;align-items:center;justify-content:center;padding:0;width:2.5rem;height:2.5rem;border-radius:9999px}.btn-icon.btn-sm{width:2rem;height:2rem}.btn-icon.btn-lg{width:3.5rem;height:3.5rem}.card-base,.card-premium,.card-glass,.card-standard{background:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:1rem;overflow:hidden;transition:all var(--transition-base);display:flex;flex-direction:column}.card-standard{box-shadow:0 4px 6px -1px var(--shadow-color)}.card-standard.interactive:hover{background:var(--surface-elevated);border-color:var(--border-strong);transform:translateY(-4px);box-shadow:0 20px 25px -5px var(--shadow-color)}.card-glass{background:var(--surface-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--surface-glass-border)}.card-glass.interactive:hover{background:#ffffff0d;border-color:var(--primary);transform:translateY(-4px);box-shadow:0 20px 40px #0006}.card-premium{background:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:1rem;transition:all var(--transition-base);box-shadow:0 4px 6px -1px var(--shadow-color);position:relative;overflow:hidden}.card-premium:hover{background:var(--surface-elevated);border-color:var(--border-strong);transform:translateY(-4px);box-shadow:0 20px 25px -5px var(--shadow-color)}.card-premium:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,var(--primary),transparent 70%);opacity:var(--glow-opacity);pointer-events:none}.card-premium.interactive:hover{transform:translateY(-6px);box-shadow:0 25px 50px #00000080;border-color:var(--primary)}.card-header{padding:1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.card-header h1,.card-header h2,.card-header h3,.card-header h4{margin:0;font-family:Outfit,Inter,system-ui,sans-serif;font-size:1.5rem;line-height:1.35;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);font-size:1.25rem}@media (max-width: 640px){.card-header h1,.card-header h2,.card-header h3,.card-header h4{font-size:1.25rem}}.card-body{padding:1.5rem;flex:1}.card-footer{padding:1rem 1.5rem;background:#0000000d;border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}@media (max-width: 640px){.card-grid{grid-template-columns:1fr;gap:1.5rem}}.form-field{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.25rem}.form-field label{font-size:.75rem;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.25rem}.form-field .input-wrapper{position:relative;display:flex;align-items:center}.form-field .input-wrapper i,.form-field .input-wrapper .lucide{position:absolute;left:1rem;color:var(--text-muted);transition:color var(--transition-fast)}.form-field .input-wrapper input,.form-field .input-wrapper textarea,.form-field .input-wrapper select{width:100%;background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:.75rem;padding:.75rem 1rem;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.875rem;transition:all var(--transition-base)}@media (max-width: 768px){.form-field .input-wrapper input,.form-field .input-wrapper textarea,.form-field .input-wrapper select{font-size:16px}}.form-field .input-wrapper input:focus,.form-field .input-wrapper textarea:focus,.form-field .input-wrapper select:focus{background:var(--surface-secondary);border-color:var(--primary);box-shadow:0 0 0 4px #0066ff1a;outline:none}.form-field .input-wrapper input::placeholder,.form-field .input-wrapper textarea::placeholder,.form-field .input-wrapper select::placeholder{color:var(--text-muted);opacity:.5}.form-field .input-wrapper.has-icon input{padding-left:3rem}.form-field .input-wrapper.has-icon:focus-within i,.form-field .input-wrapper.has-icon:focus-within .lucide{color:var(--primary)}.form-field .field-error{font-size:.75rem;line-height:1.5;font-weight:500;color:var(--text-muted);color:var(--danger);margin-top:.25rem;animation:slideUpFade var(--transition-fast)}.form-field .field-hint{font-size:.75rem;line-height:1.5;font-weight:500;color:var(--text-muted);margin-top:.25rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}}.form-grid .full-width{grid-column:1/-1}.form-section{margin-bottom:3rem}.form-section .section-title{font-family:Outfit,Inter,system-ui,sans-serif;font-size:1.5rem;line-height:1.35;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);font-size:1.125rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}@media (max-width: 640px){.form-section .section-title{font-size:1.25rem}}.auth-card{width:100%;max-width:450px;background:var(--surface-primary);padding:4rem;border-radius:1.5rem;border:1px solid var(--border-subtle);box-shadow:0 25px 50px -12px var(--shadow-color);animation:fadeInPremium var(--transition-premium)}.auth-card .auth-header{text-align:center;margin-bottom:3rem}.auth-card .auth-header h1{font-family:Outfit,Inter,system-ui,sans-serif;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);font-size:1.875rem;margin-bottom:.5rem}@media (max-width: 640px){.auth-card .auth-header h1{font-size:1.5rem}}.auth-card .auth-header p{font-size:.875rem;line-height:1.5;font-weight:400;color:var(--text-secondary);opacity:.9;filter:contrast(1.1)}.auth-card .auth-form{display:flex;flex-direction:column;gap:2rem}.auth-card .auth-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.auth-card .auth-form .form-row{grid-template-columns:1fr}}.auth-card .auth-form .form-group{display:flex;flex-direction:column;gap:.25rem}.auth-card .auth-form .form-group label{font-size:.75rem;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);color:var(--text-secondary);margin-left:2px}.auth-card .auth-form .form-group input{padding:1rem;background:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:.75rem;font-size:1rem;line-height:1.5;font-weight:400;color:var(--text-secondary);color:var(--text-primary);transition:all var(--transition-base)}.auth-card .auth-form .form-group input::placeholder{color:var(--text-muted);opacity:.5}.auth-card .auth-form .form-group input:focus{outline:none;background:var(--surface-primary);border-color:var(--primary);box-shadow:0 0 0 4px #0066ff1a;transform:translateY(-1px)}.auth-card .auth-form .form-group input.error{border-color:var(--danger)}.auth-card .auth-form .form-group input.error:focus{box-shadow:0 0 0 4px #ef44441a}.auth-card .auth-form .form-group .error-msg{font-size:.75rem;line-height:1.5;font-weight:500;color:var(--text-muted);color:var(--danger);margin-top:2px;font-weight:600}.auth-card .alert{padding:1rem;border-radius:.75rem;font-size:.875rem;line-height:1.5;font-weight:400;color:var(--text-secondary);font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.auth-card .alert-error{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.auth-card .alert-success{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2)}.auth-card .btn-primary{margin-top:1rem;padding:1rem;background:var(--primary);color:#fff;border:none;border-radius:.75rem;font-size:1rem;line-height:1.5;font-weight:400;color:var(--text-secondary);font-weight:800;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #0066ff4d}.auth-card .btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 25px #06f6}.auth-card .btn-primary:active:not(:disabled){transform:scale(.98)}.auth-card .btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-card .auth-footer{text-align:center;font-size:.875rem;line-height:1.5;font-weight:400;color:var(--text-secondary);opacity:.9;filter:contrast(1.1)}.auth-card .auth-footer a{color:var(--primary);font-weight:800;text-decoration:none;transition:color var(--transition-fast)}.auth-card .auth-footer a:hover{color:var(--secondary);text-decoration:underline}.spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInPremium{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline:2px solid var(--primary);outline-offset:4px}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height);background-color:var(--surface-primary);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif}@media (max-width: 860px){html{scroll-padding-top:var(--header-height-mobile)}}body{margin:0;min-height:100vh;min-height:100dvh;overflow-x:hidden}body.scroll-locked{overflow:hidden!important;touch-action:none}button{appearance:none;background:transparent;border:none;cursor:pointer;padding:0;font:inherit;color:inherit}html:has(main.is-workspace),body:has(main.is-workspace){overflow:hidden!important;height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important}app-root:has(main.is-workspace),app-shell:has(main.is-workspace){display:block!important;height:100vh!important;height:100dvh!important;overflow:hidden!important;min-height:0!important}h1,h2,h3,h4,h5,h6,[id]{scroll-margin-top:calc(var(--header-height) + 2rem)}@media (max-width: 860px){h1,h2,h3,h4,h5,h6,[id]{scroll-margin-top:calc(var(--header-height-mobile) + 1.5rem)}}.auth-page-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--surface-secondary);padding:1rem}::selection{background:#0066ff4d;color:#fff}.page-layout{display:flex;flex-direction:column;gap:3rem;padding:var(--content-padding);max-width:var(--page-max-width);margin:0 auto;width:100%}@media (max-width: 860px){.page-layout{padding:var(--content-padding-mobile);gap:2rem}}.dashboard-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:calc(100vh - var(--header-height))}@media (max-width: 1100px){.dashboard-shell{grid-template-columns:1fr}}.z-header{z-index:var(--z-header)}.z-drawer{z-index:var(--z-drawer)}.z-modal{z-index:var(--z-modal)}.z-toast{z-index:var(--z-toast)}@media (max-width: 1100px){.desktop-only{display:none!important}}@media (min-width: 1101px){.mobile-only{display:none!important}}@media (max-width: 768px){.btn-more,.rail-btn,.btn-close-composer,.btn-icon,.engagement-btn,.action-btn,.emoji-btn,.btn-glass,.google-btn,.tab-btn,.type-badge,.feed-tab-btn,.btn-follow-sm,.reaction-option{position:relative}.btn-more:before,.rail-btn:before,.btn-close-composer:before,.btn-icon:before,.engagement-btn:before,.action-btn:before,.emoji-btn:before,.btn-glass:before,.google-btn:before,.tab-btn:before,.type-badge:before,.feed-tab-btn:before,.btn-follow-sm:before,.reaction-option:before{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%);min-width:100%;min-height:100%;z-index:1}}@media (max-width: 768px){.navbar,.modal-backdrop,.lightbox-overlay,.comment-drawer,.stat-widget,.composer-card,.feed-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}