.profile-avatar[data-v-9a060161]{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.avatar-placeholder[data-v-9a060161]{border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border);justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex}.avatar-placeholder-sm[data-v-9a060161]{font-size:var(--text-xs)}.avatar-placeholder-md[data-v-9a060161]{font-size:var(--text-sm)}.avatar-placeholder-lg[data-v-9a060161]{font-size:var(--text-lg)}.avatar-placeholder-xl[data-v-9a060161]{font-size:var(--text-xl)}.avatar-hidden[data-v-9a060161]{border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-dim);border:1px dashed var(--border);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avatar-hidden-sm svg[data-v-9a060161]{width:12px;height:12px}.avatar-hidden-md svg[data-v-9a060161]{width:16px;height:16px}.avatar-hidden-lg svg[data-v-9a060161]{width:24px;height:24px}.avatar-hidden-xl svg[data-v-9a060161]{width:32px;height:32px}.app-header[data-v-0f5eeb2c]{z-index:var(--z-header);height:var(--header-height);padding:0 var(--content-padding);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header-logo[data-v-0f5eeb2c]{align-items:center;gap:0;display:flex}.logo-text[data-v-0f5eeb2c]{font-size:var(--text-xl);letter-spacing:-.03em;color:#fff;font-style:italic;font-weight:900}.logo-text .text-brand[data-v-0f5eeb2c]{color:var(--brand);font-style:italic}.header-actions[data-v-0f5eeb2c]{align-items:center;gap:var(--space-sm);display:flex}.header-btn[data-v-0f5eeb2c]{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.header-btn[data-v-0f5eeb2c]:hover,.header-btn.active[data-v-0f5eeb2c]{color:var(--brand);background:var(--brand-10)}.header-avatar[data-v-0f5eeb2c]{margin-left:var(--space-xs)}.bottom-nav[data-v-7bd776d5]{z-index:var(--z-nav);height:var(--nav-height);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-tab[data-v-7bd776d5]{padding:var(--space-xs) var(--space-md);color:var(--text-dim);transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1 1 0;align-items:center;gap:2px;text-decoration:none;display:flex}.nav-tab.active[data-v-7bd776d5]{color:var(--brand)}.nav-tab[data-v-7bd776d5]:hover{color:var(--text)}.nav-label[data-v-7bd776d5]{text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.strava-overlay[data-v-4ec11b6e]{bottom:calc(var(--bottom-nav-height,0px) + var(--space-lg));left:var(--space-lg);right:var(--space-lg);z-index:100;pointer-events:none;justify-content:center;display:flex;position:fixed}.strava-overlay__content[data-v-4ec11b6e]{pointer-events:auto;-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);width:100%;max-width:600px;padding:var(--space-lg);align-items:center;gap:var(--space-lg);background:#141414d9;border:1px solid #fc4c024d;display:flex;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d}.strava-overlay__icon[data-v-4ec11b6e]{color:#fff;border-radius:var(--radius-lg);background:#fc4c02;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #fc4c0266}.strava-overlay__icon svg[data-v-4ec11b6e]{width:28px;height:28px}.strava-overlay__text[data-v-4ec11b6e]{flex:1}.strava-overlay__title[data-v-4ec11b6e]{font-size:var(--text-md);color:#fff;letter-spacing:-.01em;margin:0;font-weight:800}.strava-overlay__desc[data-v-4ec11b6e]{margin:var(--space-xs) 0 0;font-size:var(--text-xs);color:var(--text-dim);line-height:1.4}.strava-overlay__actions[data-v-4ec11b6e]{gap:var(--space-xs);flex-direction:column;display:flex}.btn-strava[data-v-4ec11b6e]{color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:700;font-size:var(--text-sm);transition:all var(--transition-fast);background:#fc4c02;border:none}.btn-strava[data-v-4ec11b6e]:hover{background:#e34402;transform:translateY(-1px);box-shadow:0 4px 12px #fc4c024d}.btn-strava[data-v-4ec11b6e]:active{transform:translateY(0)}.btn-ghost[data-v-4ec11b6e]{color:var(--text-dim);font-size:var(--text-xs);padding:var(--space-xs);border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;font-weight:600}.btn-ghost[data-v-4ec11b6e]:hover{color:#fff}@media (width<=640px){.strava-overlay[data-v-4ec11b6e]{bottom:calc(var(--bottom-nav-height,0px) + var(--space-md));left:var(--space-md);right:var(--space-md)}.strava-overlay__content[data-v-4ec11b6e]{text-align:center;gap:var(--space-md);padding:var(--space-md);flex-direction:column}.strava-overlay__actions[data-v-4ec11b6e]{flex-direction:row;justify-content:center;align-items:center;width:100%}.btn-strava[data-v-4ec11b6e]{flex:1}}.slide-up-enter-active[data-v-4ec11b6e],.slide-up-leave-active[data-v-4ec11b6e]{transition:all .4s cubic-bezier(.16,1,.3,1)}.slide-up-enter-from[data-v-4ec11b6e],.slide-up-leave-to[data-v-4ec11b6e]{opacity:0;transform:translateY(20px)scale(.98)}:root{--bg-deep:#0e0e0e;--bg-panel:#161616;--bg-surface:#1e1e1e;--bg-elevated:#2a2a2a;--brand:#cff84c;--brand-dark:#99be05;--brand-glow:#cef64b66;--brand-10:#cef64b1a;--brand-20:#cef64b33;--success:#b6f697;--warning:#fbbf24;--danger:#f87171;--info:#60a5fa;--text:#e2e8f0;--text-muted:#94a3b8;--text-dim:#64748b;--text-inverse:#020617;--border:#ffffff0d;--border-hover:#ffffff1a;--border-brand:#cef64b4d;--glass-bg:#ffffff08;--glass-bg-strong:#0e0e0ecc;--glass-blur:10px;--glass-blur-strong:16px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.625rem;--text-sm:.75rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3rem;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-brand:0 0 20px var(--brand-glow);--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--z-base:1;--z-header:40;--z-nav:50;--z-overlay:60;--z-modal:70;--header-height:56px;--nav-height:64px;--content-max:480px;--content-padding:var(--space-md)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text);background-color:var(--bg-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.6}body::selection{background:var(--brand);color:var(--text-inverse)}body ::selection{background:var(--brand);color:var(--text-inverse)}a{color:inherit;text-decoration:none}img,svg{border-radius:var(--radius-md);max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}ul,ol{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--brand)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:#fff;font-style:italic;font-weight:900;line-height:1.1}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}.text-gradient{color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right, var(--brand), var(--success))}.label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-weight:700}.label-brand{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--brand);font-weight:700}.mono{font-family:var(--font-mono)}.stat-value{font-family:var(--font-sans);font-size:var(--text-3xl);color:#fff;font-weight:700;line-height:1}.stat-unit{font-size:var(--text-sm);color:var(--text-muted);margin-left:2px;font-weight:400}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:.5s ease-out forwards fadeInUp}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-scale-in{animation:.3s ease-out forwards scaleIn}.stagger>*{animation:.4s ease-out backwards fadeInUp}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:50ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.25s}.stagger>:nth-child(7){animation-delay:.3s}.stagger>:nth-child(8){animation-delay:.35s}.page-enter-active{animation:.2s ease-out fadeIn}.page-leave-active{animation:.15s ease-in reverse fadeIn}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-content{padding-top:var(--header-height);padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));flex:1}.app-content.no-header{padding-top:0;padding-bottom:0}.page{max-width:var(--content-max);padding:var(--space-lg) var(--content-padding);margin:0 auto}.page-full{padding:var(--space-lg) var(--content-padding)}.section{margin-bottom:var(--space-2xl)}.section-header{margin-bottom:var(--space-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.section-header h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-style:normal;font-weight:700}.section-header a,.section-header button{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--brand);transition:opacity var(--transition-fast);font-weight:700}:is(.section-header a,.section-header button):hover{opacity:.8}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius-xl)}.glass-panel-strong{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur-strong));backdrop-filter:blur(var(--glass-blur-strong));border:1px solid var(--border-hover);border-radius:var(--radius-xl)}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-lg);transition:border-color var(--transition-base)}.card:hover{border-color:var(--border-hover)}.card-interactive{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-base)}.card-interactive:hover{border-color:var(--border-brand);transform:translateY(-2px)}.badge{align-items:center;gap:var(--space-xs);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);padding:2px 8px;font-weight:700;display:inline-flex}.badge-brand{background:var(--brand-10);border-color:var(--brand-20);color:var(--brand)}.badge-live{color:#f87171;background:#ef44441a;border-color:#ef444433}.badge-live:before{content:"";background:#ef4444;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}.badge-success{color:var(--success);background:#4ade801a;border-color:#4ade8033}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-sm);transition:all var(--transition-base);cursor:pointer;white-space:nowrap;font-weight:800;display:inline-flex}.btn-primary{background:var(--brand);color:var(--text-inverse);box-shadow:var(--shadow-brand)}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:#fff;border:1px solid var(--border-hover);background:0 0}.btn-secondary:hover{background:#ffffff0d;border-color:#fff3}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:#fff;background:#ffffff0d}.btn-danger{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background:#ef444433}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-base)}.btn-block{width:100%}.avatar{border-radius:var(--radius-full);object-fit:cover;background:var(--bg-surface)}.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.avatar-lg{width:64px;height:64px}.avatar-xl{width:80px;height:80px}.avatar-ring{border-radius:var(--radius-full);transition:border-color var(--transition-base);border:2px solid #0000;padding:2px}.avatar-ring.active,.avatar-ring:hover{border-color:var(--brand)}.progress-bar{background:var(--bg-surface);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-bar-fill{height:100%;width:var(--progress,0%);background:var(--brand);border-radius:var(--radius-full);transition:width var(--transition-slow);position:relative}.progress-bar-fill.animated:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.form-field{gap:var(--space-xs);flex-direction:column;width:100%;display:flex}.form-field input,.form-field select,.form-field textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-lg);transition:all var(--transition-fast)}:is(.form-field input,.form-field select,.form-field textarea)::placeholder{color:var(--text-dim)}:is(.form-field input,.form-field select,.form-field textarea):focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-10);outline:none}.form-field .input-wrapper{gap:var(--space-xs);flex-direction:column;display:flex}.form-field label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin-bottom:var(--space-xs);font-weight:700}.form-field.has-error input,.form-field.has-error select,.form-field.has-error textarea{border-color:var(--danger)}:is(.form-field.has-error input,.form-field.has-error select,.form-field.has-error textarea):focus{box-shadow:0 0 0 3px rgba(var(--danger-rgb), .1)}.form-field .error{font-size:var(--text-xs);color:var(--danger);margin-top:var(--space-xs);font-weight:600;animation:.2s ease-out slideDown}.form-field.datepicker{position:relative}.form-field.datepicker fieldset.select-field{border:none;width:100%;margin:0;padding:0}.form-field.datepicker fieldset.select-field legend{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin-bottom:var(--space-xs);padding:0;font-weight:700;display:block}.form-field.datepicker fieldset.select-field .inputs{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 var(--space-sm);transition:all var(--transition-fast);align-items:center;display:flex}.form-field.datepicker fieldset.select-field .inputs:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-10)}.form-field.datepicker fieldset.select-field .inputs input{appearance:textfield;padding:var(--space-sm) 4px;font-size:var(--text-lg);text-align:center;background:0 0;border:none;width:calc(2ch + 8px)}.form-field.datepicker fieldset.select-field .inputs input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-field.datepicker fieldset.select-field .inputs input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-field.datepicker fieldset.select-field .inputs input:focus{box-shadow:none!important}.form-field.datepicker fieldset.select-field .inputs input[name=year]{width:4.5rem!important}.form-field.datepicker fieldset.select-field .inputs .separator{color:var(--text-dim);-webkit-user-select:none;user-select:none;font-weight:700}.form-field.datepicker fieldset.select-field .inputs button{cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:4px;font-size:1.2rem;transition:opacity .2s;display:flex}.form-field.datepicker fieldset.select-field .inputs button:hover{opacity:1;color:var(--brand)}.form-field.datepicker .calendar{z-index:100;background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-hover);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-md);width:280px;margin-top:8px;animation:.2s ease-out slideDown;position:absolute;top:100%;left:0}.form-field.datepicker .calendar .header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.form-field.datepicker .calendar .header button{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:#fff;cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;display:flex}.form-field.datepicker .calendar .header button:hover{background:var(--brand-10);border-color:var(--brand)}.form-field.datepicker .calendar .header .date-select{gap:4px;display:flex}.form-field.datepicker .calendar .header .date-select select{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:#fff;cursor:pointer;padding:4px 8px;width:auto!important;font-size:var(--text-sm)!important}.form-field.datepicker .calendar .header .date-select select:hover{border-color:var(--brand)}.form-field.datepicker .calendar .days .week_days{text-align:center;text-transform:uppercase;color:var(--text-dim);grid-template-columns:repeat(7,1fr);margin-bottom:8px;font-size:10px;font-weight:800;display:grid}.form-field.datepicker .calendar .days .all_days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.form-field.datepicker .calendar .days .all_days div,.form-field.datepicker .calendar .days .all_days button{aspect-ratio:1;font-size:var(--text-sm);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;display:flex}.form-field.datepicker .calendar .days .all_days button{color:#fff;transition:all .2s}.form-field.datepicker .calendar .days .all_days button:hover{background:var(--brand-20);color:var(--brand)}.form-field.datepicker .calendar .days .all_days button.today{color:var(--brand);border:1px solid var(--brand-20);font-weight:800}.form-field.datepicker .calendar .days .all_days button.clicked{background:var(--brand);color:var(----text-inverse);font-weight:800}.form-field.datepicker .calendar .days .all_days div{opacity:.3;cursor:default}.SelectAndInput{transition:all var(--transition-fast);overflow:hidden;background:var(--bg-surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;display:flex!important}.SelectAndInput:focus-within{border-color:var(--brand)!important;box-shadow:0 0 0 3px var(--brand-10)!important}.SelectAndInput label{display:none!important}.SelectAndInput select{cursor:pointer;border:none!important;border-right:1px solid var(--border)!important;width:auto!important;padding:0 var(--space-sm)!important;font-size:var(--text-sm)!important;color:var(--brand)!important;background:0 0!important;border-radius:0!important}.SelectAndInput select:focus{box-shadow:none!important}.SelectAndInput input{flex:1;background:0 0!important;border:none!important;border-radius:0!important}.SelectAndInput input:focus{box-shadow:none!important}.input-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin-bottom:var(--space-sm);font-weight:700;display:block}.divider{background:var(--border);height:1px;margin:var(--space-lg) 0}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.px-md{padding-inline:var(--space-md)}.py-md{padding-block:var(--space-md)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-white{color:#fff}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.font-bold{font-weight:700}.font-black{font-weight:900}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.sr-only,.screen-reader{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.w-full{width:100%}.min-w-0{min-width:0}.relative{position:relative}.overflow-hidden{overflow:hidden}.hidden{display:none!important}.auth-container{background-color:var(--bg-deep);min-height:100vh;font-family:var(--font-sans);color:var(--text);box-sizing:border-box;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-background{pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-bg-blob{filter:blur(100px);opacity:.15;z-index:0;border-radius:50%;width:400px;height:400px;position:absolute}.auth-bg-blob-1{background:radial-gradient(circle at center, var(--brand-10) 0%, transparent 70%);animation:20s ease-in-out infinite float;top:-20%;left:-10%}.auth-bg-blob-2{background:radial-gradient(circle at center, var(--brand-20) 0%, transparent 70%);animation:25s ease-in-out infinite reverse float;bottom:-20%;right:-10%}.auth-card{background:var(--bg-panel);z-index:1;box-sizing:border-box;border:none;border-radius:1rem;width:100%;max-width:440px;padding:2.5rem;position:relative;box-shadow:0 20px 40px #0006}.auth-header{text-align:center;margin-bottom:2drem}.auth-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.auth-logo-link{margin-bottom:1.5rem;text-decoration:none;display:block}.auth-logo-text{font-family:var(--font-display);letter-spacing:-.04em;color:#fff;font-size:2.5rem;font-style:italic;font-weight:900}.text-brand{color:var(--brand)}.auth-subtitle{color:var(--text-muted);font-size:1rem}.custom-zitadel-auth{flex-direction:column;display:flex}.custom-zitadel-auth .auth-title,.custom-zitadel-auth .auth-subtitle,.custom-zitadel-auth h1,.custom-zitadel-auth h2{display:none!important}.custom-zitadel-auth form,.custom-zitadel-auth .auth-form,.custom-zitadel-auth .auth-row{flex-direction:column;gap:1.25rem;width:100%;display:flex}.custom-zitadel-auth label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.custom-zitadel-auth input:not([type=checkbox]):not([type=radio]){box-sizing:border-box;background:var(--bg-deep);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-sans);border-radius:var(--radius-md);outline:none;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.custom-zitadel-auth input:focus{border-color:var(--brand);background:var(--bg-deep);box-shadow:0 0 0 2px var(--brand-20)}.custom-zitadel-auth button[type=submit],.custom-zitadel-auth .auth-button-primary{background-color:var(--brand)!important;width:100%!important;color:var(--text-inverse)!important;font-family:var(--font-display)!important;cursor:pointer!important;text-align:center!important;border:none!important;border-radius:.75rem!important;margin-top:1rem!important;padding:1rem!important;font-size:1rem!important;font-weight:800!important;transition:all .2s!important}.custom-zitadel-auth button[type=submit]:hover:not(:disabled),.custom-zitadel-auth .auth-button-primary:hover:not(:disabled){background-color:var(--brand-dark)!important;transform:translateY(-1px)!important}.custom-zitadel-auth .auth-footer-links,.custom-zitadel-auth .auth-footer{justify-content:center;align-items:center;gap:1.5rem;margin-top:1.5rem;display:flex}.custom-zitadel-auth .auth-link{color:var(--text-muted);transition:color var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:none}.custom-zitadel-auth .auth-link:hover{color:var(--brand);text-decoration:underline}.custom-zitadel-auth .auth-error{color:#ef4444;border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef444433;margin:1rem 0 1.5rem;padding:1rem;font-size:.875rem;line-height:1.5}.custom-zitadel-auth .auth-success{color:#4ade80;border-radius:var(--radius-md);background:#4ade801a;border:1px solid #4ade8033;margin-bottom:1.5rem;padding:1rem;font-size:.875rem;line-height:1.5}.custom-zitadel-auth .form-field{position:relative}.custom-zitadel-auth .createPw{padding-right:40px}.custom-zitadel-auth .action.btn-generate,.custom-zitadel-auth .action.btn-copy{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);z-index:2;border-radius:.5rem;justify-content:center;align-items:center;padding:.4rem;display:flex;position:absolute;top:3em;right:0;box-shadow:0 2px 4px #0003;background:var(--bg-panel)!important;border:1px solid var(--border)!important}.custom-zitadel-auth .action.btn-generate:hover,.custom-zitadel-auth .action.btn-copy:hover{color:var(--brand);transform:translateY(-1px);border-color:var(--brand)!important;background:var(--bg-deep)!important}.custom-zitadel-auth .password-requirements .req-item{color:var(--warning)}.custom-zitadel-auth .password-requirements .req-item.met{color:var(--success)}.custom-zitadel-auth .auth-button-secondary{background-color:var(--bg-elevated);margin:.5rem 0;width:100%!important;color:var(--text)!important;border:1px solid var(--border)!important;font-family:var(--font-display)!important;cursor:pointer!important;transition:all var(--transition-fast)!important;text-align:center!important;border-radius:.75rem!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;padding:.875rem 1rem!important;font-size:.875rem!important;font-weight:700!important;display:flex!important}.custom-zitadel-auth .auth-button-secondary:hover:not(:disabled){background-color:var(--bg-surface)!important;border-color:var(--brand)!important;color:var(--brand)!important;transform:translateY(-1px)!important}.custom-zitadel-auth .auth-button-outline{width:100%!important;color:var(--text)!important;border:1px solid var(--border)!important;font-family:var(--font-display)!important;cursor:pointer!important;transition:all var(--transition-fast)!important;text-align:center!important;background-color:#0000!important;border-radius:.75rem!important;margin-top:.5rem!important;padding:.875rem 1rem!important;font-size:.875rem!important;font-weight:700!important}.custom-zitadel-auth .auth-button-outline:hover:not(:disabled){background-color:var(--brand-10)!important;border-color:var(--brand)!important;color:var(--brand)!important}.custom-zitadel-auth .auth-button-link{color:var(--brand)!important;font-family:var(--font-sans)!important;cursor:pointer!important;transition:all var(--transition-fast)!important;background:0 0!important;border:none!important;padding:0!important;font-size:.875rem!important;font-weight:600!important;text-decoration:none!important}.custom-zitadel-auth .auth-button-link:hover:not(:disabled){color:var(--brand-dark)!important;text-decoration:underline!important}.custom-zitadel-auth .auth-button-link:disabled{color:var(--text-dim)!important;cursor:not-allowed!important;opacity:.6!important}.zitadel-form{gap:var(--space-xs);margin-bottom:var(--space-md);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.form-input::placeholder,input::placeholder{color:#475569}.custom-zitadel-auth input,.custom-zitadel-auth select{width:100%;padding:var(--space-md) var(--space-lg)!important;background:var(--bg-deep)!important;border-radius:var(--radius-md)!important;color:var(--text)!important;font-size:var(--text-lg)!important;transition:all var(--transition-fast)!important;border:none!important;border-bottom:2px solid #0000!important}.custom-zitadel-auth input:focus,.custom-zitadel-auth select:focus{border-bottom-color:var(--brand)!important;background:var(--bg-panel)!important;outline:none!important}.custom-zitadel-auth button[type=submit]{width:100%;margin-top:var(--space-lg);padding:var(--space-md) var(--space-xl)!important;background:var(--brand)!important;color:var(--bg-deep)!important;border-radius:var(--radius-full)!important;font-weight:800!important;font-size:var(--text-base)!important;cursor:pointer!important;transition:all var(--transition-fast)!important;border:none!important}.custom-zitadel-auth button[type=submit]:hover{box-shadow:0 10px 20px var(--brand-20);transform:translateY(-2px)}.form-field select,.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23cff84c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:var(--space-xl);cursor:pointer}:is(.form-field select,.form-group select):hover{border-color:var(--brand-40)}:is(.form-field select,.form-group select):focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-20);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}