@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--spacing:.25rem;--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mr-4{margin-right:calc(var(--spacing) * 4)}.ml-1{margin-left:calc(var(--spacing) * 1)}.flex{display:flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.pt-20{padding-top:calc(var(--spacing) * 20)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.align-bottom{vertical-align:bottom}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-red-500{color:var(--color-red-500)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-1{transition-delay:1ms}.delay-2{transition-delay:2ms}.delay-3{transition-delay:3ms}}:root,.light{--bg-dark:var(--hexBackgroundLight);--surface-dark:var(--hexSurfaceLight);--surface-hover:var(--hexButtonBackgroundLight);--surface-active:var(--hexBackgroundLight);--accent-orange:var(--hexAccentOrangeLight);--text-primary:var(--hexTextPrimaryLight);--text-secondary:var(--hexTextSecondaryLight);--border-color:var(--hexTextGrayLight)}@supports (color:color-mix(in lab,red,red)){:root,.light{--border-color:color-mix(in srgb, var(--hexTextGrayLight) 50%, transparent)}}:root,.light{--header-height:60px;--bottom-nav-height:70px}.dark{--bg-dark:var(--hexBackground);--surface-dark:var(--hexSurfaceDark);--surface-hover:var(--hexButtonBackground)}@supports (color:color-mix(in lab,red,red)){.dark{--surface-hover:color-mix(in srgb, var(--hexButtonBackground) 70%, white)}}.dark{--surface-active:var(--hexBackground);--accent-orange:var(--hexAccentOrange);--text-primary:var(--hexTextPrimary);--text-secondary:var(--hexTextSecondary);--border-color:var(--hexTextGray)}@supports (color:color-mix(in lab,red,red)){.dark{--border-color:color-mix(in srgb, var(--hexTextGray) 50%, transparent)}}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-primary);margin:0;padding:0;font-family:Inter,sans-serif;transition:background-color .3s,color .3s;overflow:hidden}#root{width:100%;height:100%}.app-container{width:100vw;height:100dvh;display:flex;overflow:hidden}.sidebar{background-color:var(--surface-dark);border-right:1px solid var(--border-color);z-index:200;flex-direction:column;height:100%;transition:background-color .3s,border-color .3s;display:flex}.sidebar.desktop{flex-shrink:0;width:260px;transition:width .3s cubic-bezier(.4,0,.2,1),background-color .3s,border-color .3s;position:relative}.sidebar.desktop.collapsed{width:80px}.sidebar.collapsed .logo-image{opacity:0;visibility:hidden;width:0}.sidebar.collapsed .logo-section{justify-content:center;padding:24px 0}.collapse-btn{background:var(--surface-hover);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;transition:all .2s;display:flex}.collapse-btn:hover{color:var(--text-primary);background-color:var(--surface-active)}.sidebar.collapsed .collapse-btn{margin-left:0}.nav-text,.pro-badge,.user-info{white-space:nowrap;transition:opacity .2s,width .2s;overflow:hidden}.sidebar.collapsed .nav-text,.sidebar.collapsed .pro-badge,.sidebar.collapsed .user-info{opacity:0;width:0;margin-left:0;padding:0}.sidebar.collapsed .user-footer{justify-content:center;padding:12px 0}.sidebar.collapsed .avatar{margin-right:0}.nav-item svg{flex-shrink:0;min-width:20px}.collapse-btn svg{transition:transform .3s}.sidebar.collapsed .collapse-btn svg{transform:rotate(180deg)}.sidebar.mobile-drawer{width:280px;height:100%;transition:transform .3s ease-in-out;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.mobile-drawer.open{transform:translate(0)}.logo-section{align-items:center;padding:24px;display:flex}.logo-image{-o-object-fit:contain;object-fit:contain;width:auto;height:32px;display:block}.nav-column{flex-direction:column;flex:1;gap:8px;padding:0 16px;display:flex;position:relative;overflow-y:auto}.active-indicator{background-color:var(--accent-orange);z-index:10;border-radius:4px;width:4px;height:24px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;left:22px}.nav-item{cursor:pointer;height:48px;color:var(--text-secondary);border-radius:8px;align-items:center;padding:0 16px;transition:background-color .2s,color .2s;display:flex}.nav-item:hover{background-color:var(--surface-hover);color:var(--text-primary)}.nav-item.active{background-color:var(--surface-active);color:var(--accent-orange)}.nav-item>*{transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-item.active>*{transform:translate(6px)}.nav-text{margin-left:16px;font-size:14px;font-weight:500}.pro-badge{background-color:var(--accent-orange)}@supports (color:color-mix(in lab,red,red)){.pro-badge{background-color:color-mix(in srgb,var(--accent-orange) 15%,transparent)}}.pro-badge{color:var(--accent-orange);letter-spacing:.5px;border-radius:4px;margin-left:auto;padding:3px 6px;font-size:10px;font-weight:700}.notification-dot{background-color:var(--accent-orange);border-radius:50%;width:8px;height:8px;margin-left:auto}.user-footer{border-top:1px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:8px;align-items:center;margin:16px;padding:12px;transition:background-color .2s,border-color .3s;display:flex}.user-footer:hover{background-color:var(--surface-hover)}.avatar{background:var(--surface-active);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;margin-right:12px;font-size:14px;font-weight:700;display:flex}.user-info{flex:1;overflow:hidden}.user-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden}.user-role{color:var(--accent-orange);margin-top:2px;font-size:12px}.mobile-topbar{height:var(--header-height);background-color:var(--surface-dark);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;width:100%;padding:0 16px;transition:background-color .3s,border-color .3s;display:flex;position:fixed;top:0}.mobile-overlay{z-index:150;background-color:#0009;animation:.2s fadeIn;position:fixed;inset:0}.bottom-nav{width:100%;height:var(--bottom-nav-height);background-color:var(--surface-dark);border-top:1px solid var(--border-color);z-index:100;justify-content:space-evenly;align-items:flex-end;padding-bottom:8px;transition:background-color .3s,border-color .3s;display:flex;position:fixed;bottom:0;left:0}.bottom-nav-item{cursor:pointer;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;padding-bottom:4px;display:flex;position:relative}.bottom-label{color:var(--text-secondary);margin-top:4px;font-size:10px;font-weight:500}.bottom-label.active-text{color:var(--accent-orange)}.icon-wrapper.highlight{background-color:var(--accent-orange);width:56px;height:56px;box-shadow:0 8px 20px var(--accent-orange);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-24px}@supports (color:color-mix(in lab,red,red)){.icon-wrapper.highlight{box-shadow:0 8px 20px color-mix(in srgb,var(--accent-orange) 40%,transparent)}}.icon-wrapper.highlight{border:4px solid var(--bg-dark);transition:border-color .3s}.coach-label{color:var(--text-secondary);font-size:10px;font-weight:500;position:absolute;bottom:4px}.active-line{background:linear-gradient(90deg,transparent,var(--accent-orange),transparent);width:32px;height:3px;box-shadow:0 0 8px var(--accent-orange);border-radius:4px 4px 0 0;position:absolute;bottom:0}.main-content{flex-direction:column;flex:1;height:100%;padding:0;display:flex;position:relative;overflow-y:auto}.icon-btn,.close-btn{cursor:pointer;color:var(--text-primary);background:0 0;border:none;align-items:center;padding:4px;display:flex}.close-btn{position:absolute;top:16px;right:16px}.topbar-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.topbar-avatar{background:var(--surface-active);border:1px solid var(--border-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}@media(max-width:768px){.app-container{flex-direction:column}.main-content{margin-top:var(--header-height);height:calc(100dvh - var(--header-height) - var(--bottom-nav-height))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}:root{--bg-color: var(--hexBackgroundLight);--text-color: var(--hexTextPrimaryLight);--text-muted: var(--hexTextSecondaryLight);--border-color: color-mix(in srgb, var(--hexTextGrayLight) 50%, transparent);--accent-orange: var(--hexAccentOrangeLight);--accent-orange-hover: var(--hexAccentOrange);--google-btn-hover: var(--hexButtonBackgroundLight);--divider-color: color-mix(in srgb, var(--hexTextGrayLight) 25%, transparent);--error-color: var(--hexErrorTextLight)}.dark{--bg-color: var(--hexBackground);--text-color: var(--hexTextPrimary);--text-muted: var(--hexTextSecondary);--border-color: color-mix(in srgb, var(--hexTextGray) 50%, transparent);--accent-orange: var(--hexAccentOrange);--google-btn-hover: var(--hexButtonBackground);--divider-color: var(--hexSurfaceDark);--error-color: var(--hexErrorText)}@media(prefers-color-scheme:dark){:root{--bg-color: var(--hexBackground);--text-color: var(--hexTextPrimary);--text-muted: var(--hexTextSecondary);--border-color: color-mix(in srgb, var(--hexTextGray) 50%, transparent);--accent-orange: var(--hexAccentOrange);--google-btn-hover: var(--hexButtonBackground);--divider-color: var(--hexSurfaceDark);--error-color: var(--hexErrorText)}}.login-wrapper{height:100dvh;width:100%;overflow:hidden;overscroll-behavior:none;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.login-form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:28rem;padding:0 2rem}.login-logo{height:4rem;margin-bottom:3rem;-o-object-fit:contain;object-fit:contain}.input-group{width:100%;display:flex;flex-direction:column;gap:1rem}.input-wrapper{position:relative;width:100%}.input-field{width:100%;height:3.5rem;padding:1.25rem 1rem .25rem;background-color:transparent;border:1px solid var(--border-color);border-radius:1rem;outline:none;color:var(--text-color);font-size:1rem;transition:border-color .2s ease}.input-field:focus{border-color:var(--accent-orange)}.floating-label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1rem;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.input-field:not(:-moz-placeholder)~.floating-label{top:1rem;font-size:.75rem;font-weight:600}.input-field:focus~.floating-label,.input-field:not(:placeholder-shown)~.floating-label{top:1rem;font-size:.75rem;font-weight:600}.input-field:focus~.floating-label{color:var(--accent-orange)}.input-field.password-field{padding-right:3rem}.password-toggle-btn{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .2s ease}@media(hover:hover)and (pointer:fine){.password-toggle-btn:hover{color:var(--text-primary)}}.password-toggle-btn:active{color:var(--text-primary)}.register-prompt{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;width:100%}.register-prompt-text{color:var(--text-muted);font-size:.875rem}.register-link-btn{background:none;border:none;color:var(--accent-orange);font-size:.875rem;font-weight:700;cursor:pointer;padding:0;transition:color .2s ease}.register-link-btn:hover{text-decoration:underline;color:var(--accent-orange-hover)}.forgot-password-container{width:100%;display:flex;justify-content:flex-end;margin-top:.5rem;margin-bottom:2rem}.forgot-password-btn{font-size:.875rem;font-weight:500;color:var(--accent-orange);background:none;border:none;cursor:pointer;padding:.25rem}.forgot-password-btn:hover{text-decoration:underline}.primary-btn{width:100%;height:3.5rem;border-radius:9999px;background-color:var(--accent-orange);color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.primary-btn:hover:not(:disabled){background-color:var(--accent-orange-hover)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.google-btn{width:100%;height:3.5rem;border-radius:9999px;border:1px solid var(--border-color);background:transparent;color:var(--text-color);display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:background-color .2s ease}.google-btn:hover{background-color:var(--google-btn-hover)}.google-btn-icon{font-size:1.25rem;font-weight:800}.google-btn-text{font-size:1rem;font-weight:500}.error-message{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:var(--error-color);font-size:.875rem;font-weight:500;animation:slideDown .3s ease}.divider-container{width:100%;display:flex;align-items:center;gap:1rem;margin:2rem 0}.divider-line{flex:1;height:1px;background-color:var(--divider-color)}.divider-text{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-height:740px){.login-form{padding:1rem}.login-logo{margin-bottom:1.5rem}.input-group{gap:.5rem}.forgot-password-container{margin-top:.25rem;margin-bottom:1rem}.divider-container{margin:1rem 0}.error-message{margin-bottom:1rem}.register-prompt{margin-top:1.25rem}}.profile-container{width:100%;max-width:1200px;margin:0 auto;padding:24px 16px;background-color:transparent;color:var(--text-primary);font-family:Inter,sans-serif;overflow-y:auto}.text-muted{color:var(--text-secondary)}.card-surface{background-color:var(--surface-dark);border-radius:16px;padding:24px}.profile-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:32px;gap:16px}.avatar-gradient-ring{width:100px;height:100px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#EC4899,var(--accent-orange));display:flex;align-items:center;justify-content:center}.avatar-inner{width:100%;height:100%;background-color:var(--bg-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--text-primary)}.header-info{display:flex;flex-direction:column;align-items:center}.username{font-size:28px;font-weight:800;margin:0 0 12px;letter-spacing:.5px}.badges-row{display:flex;align-items:center;gap:12px}.elo-badge{border:1px solid color-mix(in srgb,var(--error-color) 40%,transparent);background-color:color-mix(in srgb,var(--error-color) 10%,transparent);color:var(--error-color);font-size:12px;font-weight:700;padding:4px 12px;border-radius:9999px}.member-since{color:var(--text-secondary);font-size:14px}.content-section{margin-bottom:32px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-left:4px}.section-title h2{font-size:18px;font-weight:700;margin:0;color:var(--text-primary)}.item-list{display:flex;flex-direction:column;gap:12px}.item-card{background-color:var(--surface-dark);border-radius:16px;padding:16px;display:flex;align-items:center}.item-card.clickable{cursor:pointer;transition:background-color .2s ease}.icon-box{width:48px;height:48px;background-color:color-mix(in srgb,var(--bg-dark) 50%,transparent);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px}.rubber-dot{width:14px;height:14px;border-radius:50%}.rubber-dot.red{background-color:#ff4b4b}.rubber-dot.black{background-color:#000;border:1px solid #333}.item-info{display:flex;flex-direction:column;justify-content:center}.item-label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.item-value{font-size:16px;font-weight:700;margin:0}.item-title{font-size:16px;font-weight:700;flex:1}.item-action{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background-color:color-mix(in srgb,var(--error-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--error-color) 30%,transparent);color:var(--error-color);padding:18px;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s ease}@media(min-width:768px){.profile-container{padding:40px}.profile-header{flex-direction:row;text-align:left;gap:32px}.header-info{align-items:flex-start}.item-list.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.item-list.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.desktop-logout-container{display:flex;justify-content:flex-end}.logout-btn{width:250px}}.expandable-card{background-color:var(--surface-dark);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.expandable-header{display:flex;align-items:center;padding:16px;cursor:pointer;transition:background-color .2s ease}.chevron-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.expandable-card.open .chevron-icon{transform:rotate(-180deg)}.expandable-content-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1)}.expandable-card.open .expandable-content-wrapper{grid-template-rows:1fr}.expandable-content{overflow:hidden}.options-list{display:flex;flex-direction:column;padding:0 16px 16px;gap:8px}.option-btn{background-color:color-mix(in srgb,var(--bg-dark) 40%,transparent);color:var(--text-primary);border:1px solid transparent;padding:14px 16px;border-radius:12px;text-align:left;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.option-btn.selected{border-color:color-mix(in srgb,var(--accent-orange) 50%,transparent);color:var(--accent-orange);background-color:color-mix(in srgb,var(--accent-orange) 10%,transparent)}@media(hover:hover)and (pointer:fine){.item-card.clickable:hover,.expandable-header:hover{background-color:var(--surface-hover)}.option-btn:hover{background-color:color-mix(in srgb,var(--bg-dark) 80%,transparent)}.logout-btn:hover{background-color:color-mix(in srgb,var(--error-color) 15%,transparent)}}.item-card.clickable:active,.expandable-header:active{background-color:var(--surface-active)}.option-btn:active{background-color:color-mix(in srgb,var(--bg-dark) 90%,transparent)}.logout-btn:active{background-color:color-mix(in srgb,var(--error-color) 25%,transparent)}.map-screen-container{position:relative;width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark)}.floating-filters{position:absolute;top:16px;left:16px;right:16px;display:flex;gap:8px;z-index:10;overflow-x:auto;padding-bottom:8px;animation:slideDownFade .5s cubic-bezier(.2,.8,.2,1) backwards}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.floating-filters::-webkit-scrollbar{display:none}.filter-chip{background-color:var(--surface-dark);color:var(--text-primary);border:none;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0003}.filter-chip.active{background-color:var(--accent-orange)}.floating-actions{position:absolute;right:16px;display:flex;flex-direction:column;gap:12px;z-index:10;transition:bottom .5s cubic-bezier(.34,1.25,.64,1);animation:fabScaleIn .4s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes fabScaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.floating-actions.sheet-collapsed{bottom:110px}.floating-actions.sheet-half{bottom:calc(40% + 20px)}.fab-btn{width:48px;height:48px;border-radius:50%;background-color:var(--surface-dark);color:var(--accent-orange);border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;cursor:pointer}.selected-club-overlay{position:absolute;bottom:104px;left:50%;width:calc(100% - 32px);max-width:400px;z-index:15;animation:cardSlideUpBouncy .5s cubic-bezier(.34,1.25,.64,1) forwards}@keyframes cardSlideUpBouncy{0%{opacity:0;transform:translate(-50%,60px)}to{opacity:1;transform:translate(-50%)}}.selected-club-card{background-color:var(--surface-dark);border-radius:16px;padding:16px;box-shadow:0 8px 24px #0006}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.club-name{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.club-subtitle{margin:4px 0 0;font-size:14px;color:var(--text-secondary)}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer}.card-footer{display:flex;align-items:center;gap:12px;margin-top:16px}.rating-badge{background-color:#1e3a4c;color:#4ac4f3;padding:6px 8px;border-radius:6px;display:flex;align-items:center;gap:4px;font-size:14px;font-weight:700}.text-blue{color:#4ac4f3}.navigate-btn{flex:1;height:36px;background-color:var(--accent-orange);color:var(--bg-dark);border:none;border-radius:8px;font-weight:700;cursor:pointer}.bottom-sheet{position:absolute;left:0;right:0;top:0;height:100%;background-color:var(--bg-dark);z-index:20;display:flex;flex-direction:column;box-shadow:0 -4px 20px #0000004d;transition:transform .5s cubic-bezier(.34,1.15,.64,1),border-radius .4s ease;transform:translateY(var(--sheet-base-y))}.bottom-sheet.dragging{transition:none}.bottom-sheet.state-collapsed{--sheet-base-y: calc(100% - 90px) ;border-radius:24px 24px 0 0}.bottom-sheet.state-half{--sheet-base-y: 60%;border-radius:24px 24px 0 0}.bottom-sheet.state-expanded{--sheet-base-y: 16px;border-radius:24px 24px 0 0}.drag-handle-area{width:100%;padding:12px 0;display:flex;justify-content:center;cursor:grab;touch-action:none}.drag-handle-area:active{cursor:grabbing}.drag-handle-bar{width:40px;height:4px;background-color:#9ca3af80;border-radius:2px}.sheet-content{flex:1;overflow-y:auto;padding:0 16px 24px}.sheet-title{font-size:20px;font-weight:700;margin:0 0 16px;color:var(--text-primary)}.club-list{display:flex;flex-direction:column;gap:12px}.club-list-item{background-color:var(--surface-dark);border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:background-color .2s ease;opacity:0;animation:cascadeUp .4s cubic-bezier(.2,.8,.2,1) forwards}.club-list-item:nth-child(1){animation-delay:.1s}.club-list-item:nth-child(2){animation-delay:.15s}.club-list-item:nth-child(3){animation-delay:.2s}.club-list-item:nth-child(4){animation-delay:.25s}.club-list-item:nth-child(5){animation-delay:.3s}.club-list-item:nth-child(6){animation-delay:.35s}@keyframes cascadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.club-list-item:hover{background-color:var(--surface-hover)}.club-list-img-placeholder{width:50px;height:50px;background-color:#333947;border-radius:8px;flex-shrink:0}.club-list-info h4{margin:0 0 4px;font-size:16px;color:var(--text-primary)}.club-list-info p{margin:0;font-size:14px;color:var(--text-secondary)}.selected-club-overlay.exiting{animation:cardSlideOut .3s cubic-bezier(.4,0,1,1) forwards}@keyframes cardSlideOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,40px)}}.user-location-marker{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.user-location-halo{position:absolute;width:100%;height:100%;background-color:#00d2ff33;border-radius:50%;animation:pulseHalo 2.5s infinite ease-in-out}.user-location-dot{position:relative;width:22px;height:22px;background-color:#00d2ff;border:3px solid white;border-radius:50%;box-shadow:0 2px 6px #0006}@keyframes pulseHalo{0%{transform:scale(.8);opacity:.6}50%{transform:scale(1.2);opacity:.2}to{transform:scale(.8);opacity:.6}}.club-marker{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#ff7b42;border-radius:50%;font-size:16px;box-shadow:0 4px 8px #0000004d;transition:all .5s cubic-bezier(.34,1.25,.64,1);cursor:pointer}.club-marker.selected{width:48px;height:48px;font-size:22px;box-shadow:0 8px 16px #00000080;transform:translateY(-5px)}@media(min-width:768px){.map-screen-container{padding-left:380px;box-sizing:border-box}.bottom-sheet{width:380px;height:100%!important;top:0;left:0;bottom:0;transform:none!important;border-radius:0;border-right:1px solid var(--border-color);box-shadow:4px 0 24px #00000080}.drag-handle-area{display:none}.sheet-content{padding-top:32px}.floating-filters{left:396px;top:24px}.selected-club-overlay{left:calc(50% + 190px);max-width:360px;bottom:32px;animation:desktopCardSlideUp .5s cubic-bezier(.34,1.25,.64,1) forwards}@keyframes desktopCardSlideUp{0%{opacity:0;transform:translate(-50%,60px)}to{opacity:1;transform:translate(-50%)}}.floating-actions{bottom:32px!important;right:24px}}.match-container{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;position:relative;overflow:hidden;padding-top:8px}.blurred-content-wrapper{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;transition:filter .3s ease}.blurred-content-wrapper.blurred{filter:blur(3px);pointer-events:none;opacity:.7}.match-header{display:flex;align-items:center;gap:8px;margin-bottom:24px}.text-orange{color:var(--accent-orange)}.header-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0}.card-stack-area{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding-bottom:90px}.card-stack-wrapper{position:relative;width:min(380px,calc(100% - 32px),calc((100dvh - 260px)*.75));aspect-ratio:3 / 4}.match-card{position:absolute;inset:0;border-radius:24px;background:linear-gradient(180deg,#3b4cca,#151c2c);box-shadow:0 10px 30px #0000004d;will-change:transform,opacity;cursor:grab;overflow:hidden}.match-card:active{cursor:grabbing}.background-card{transform:scale(.95);z-index:1}.top-card{z-index:2}.animate-snap{transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .3s ease}.exit-left{transform:translate(-150%) rotate(-20deg)!important;opacity:0!important;transition:transform .3s ease-out,opacity .3s ease-out}.exit-right{transform:translate(150%) rotate(20deg)!important;opacity:0!important;transition:transform .3s ease-out,opacity .3s ease-out}.card-content-inner{display:flex;flex-direction:column;justify-content:flex-end;height:100%;width:100%}.card-avatar-placeholder{flex:1;display:flex;align-items:center;justify-content:center}.inner-circle{width:120px;height:120px;border-radius:50%;background-color:#fff3}.card-info{padding:24px}.card-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0}.card-gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(21,28,44,.6) 75%,rgba(21,28,44,1) 100%);z-index:1;pointer-events:none}.card-content-inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;height:100%;width:100%}.info-row{display:flex;align-items:center;gap:8px}.align-bottom{align-items:flex-end}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.text-gray{color:#d1d5db}.card-name{font-size:32px;font-weight:800;color:#fff;line-height:1}.card-age{font-size:24px;color:#fffc;line-height:1.1;margin-bottom:2px}.elo-tag{display:flex;align-items:center;gap:4px;border:1px solid var(--accent-orange);color:var(--accent-orange);padding:4px 8px;border-radius:8px;font-size:12px;font-weight:700;margin-left:auto}.skill-chip{background-color:#0006;color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500}.action-buttons{position:absolute;bottom:24px;display:flex;gap:24px;z-index:10;left:50%;transform:translate(-50%);animation:fadeInUpCentered .4s ease}@keyframes fadeInUpCentered{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.action-btn{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--surface-dark);cursor:pointer;transition:transform .1s ease}.action-btn:active{transform:scale(.9)}.pass-btn{border:2px solid rgba(255,75,75,.5);color:#ff4b4b}.like-btn{border:2px solid rgba(0,230,118,.5);color:#00e676}.match-overlay{position:absolute;inset:0;background-color:#151c2cf2;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.match-title{color:var(--accent-orange);font-size:42px;font-weight:800;text-shadow:0 0 20px var(--accent-orange);margin:0 0 16px}.match-subtitle{color:#fff;font-size:16px;margin:0}.match-avatars{display:flex;gap:16px;margin-top:48px}.avatar{width:100px;height:100px;border-radius:50%;border:3px solid var(--accent-orange);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff}.avatar.me{background-color:gray}.avatar.them{background-color:#fff3}.primary-btn{background-color:var(--accent-orange);color:var(--bg-dark);font-weight:700;padding:16px 48px;border-radius:24px;border:none;cursor:pointer}.secondary-btn{background-color:transparent;color:#fff;font-weight:700;padding:16px 48px;border-radius:24px;border:2px solid white;cursor:pointer}.mt-12{margin-top:48px}.fade-in{animation:fadeIn .3s ease}.fade-in-down{animation:fadeInDown .4s ease}.fade-in-up{animation:fadeInUp .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.unauth-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--bg-color) 10%,rgba(0,0,0,.4) 50%,transparent 100%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:40px;z-index:10}.unauth-content{background-color:color-mix(in srgb,var(--surface-dark) 75%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--text-muted) 20%,transparent);border-radius:28px;padding:32px 24px;width:calc(100% - 32px);max-width:360px;text-align:center;box-shadow:0 20px 40px #00000080;animation:slideUp .5s cubic-bezier(.2,.8,.2,1)}.overlay-title{color:var(--accent-orange);font-size:24px;font-weight:800;text-shadow:0 0 15px color-mix(in srgb,var(--accent-orange) 50%,transparent);margin:0 0 12px;letter-spacing:.5px}.overlay-subtitle{color:var(--text-primary);font-size:15px;line-height:1.5;margin:0 0 24px}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.register-container{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background-color:var(--bg-dark, #151C2C);padding:24px;color:#fff}.register-content{width:100%;max-width:400px;display:flex;flex-direction:column}.register-header{text-align:center;margin-bottom:40px}.logo-placeholder{font-size:56px;margin-bottom:16px;filter:drop-shadow(0 4px 12px rgba(255,123,66,.4))}.register-title{font-size:32px;font-weight:800;margin:0 0 8px;color:#fff}.register-subtitle{font-size:16px;color:var(--text-secondary, #9CA3AF);margin:0}.register-form{display:flex;flex-direction:column;gap:20px}.input-group{position:relative;width:100%}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary, #9CA3AF);z-index:2;transition:color .3s ease}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary, #9CA3AF);cursor:pointer;z-index:2;padding:4px}.password-toggle:hover{color:#fff}.floating-input{width:100%;background-color:var(--surface-dark, #1E293B);border:2px solid transparent;border-radius:16px;padding:26px 48px 10px;font-size:16px;color:#fff;outline:none;transition:all .3s ease;box-sizing:border-box}.floating-input:focus{border-color:var(--accent-orange, #FF7B42);background-color:#1e293bcc}.floating-input:focus~.input-icon{color:var(--accent-orange, #FF7B42)}.floating-label{position:absolute;left:48px;top:50%;transform:translateY(-50%);color:var(--text-secondary, #9CA3AF);font-size:16px;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);transform-origin:left top}.floating-input:not(:-moz-placeholder)~.floating-label{top:14px;transform:translateY(0) scale(.75);color:var(--text-secondary, #9CA3AF)}.floating-input:focus~.floating-label,.floating-input:not(:placeholder-shown)~.floating-label{top:14px;transform:translateY(0) scale(.75);color:var(--text-secondary, #9CA3AF)}.floating-input:focus~.floating-label{color:var(--accent-orange, #FF7B42)}.primary-submit-btn{width:100%;height:56px;margin-top:8px;background:linear-gradient(135deg,#ff7b42,#ff512f);color:#fff;border:none;border-radius:16px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 20px #ff7b424d;transition:all .2s cubic-bezier(.34,1.25,.64,1)}.primary-submit-btn:active{transform:scale(.96)}.primary-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider-container{display:flex;align-items:center;margin:32px 0;gap:16px}.divider-line{flex:1;height:1px;background-color:#ffffff1a}.divider-text{color:var(--text-secondary, #9CA3AF);font-size:14px;font-weight:500}.social-buttons{display:flex;gap:16px}.social-btn{flex:1;height:48px;background-color:var(--surface-dark, #1E293B);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background-color .2s ease}.social-btn:hover{background-color:#ffffff0d}.social-icon{width:20px;height:20px}.apple-btn{background-color:#fff;color:#000}.apple-btn:hover{background-color:#f3f4f6}.login-link-text{text-align:center;margin-top:32px;color:var(--text-secondary, #9CA3AF);font-size:15px}.login-link{color:var(--accent-orange, #FF7B42);font-weight:700;text-decoration:none;margin-left:4px}.login-link:hover{text-decoration:underline}.fade-in-up{opacity:0;animation:fadeInUp .6s cubic-bezier(.2,.8,.2,1) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-banner{display:flex;align-items:center;gap:12px;background-color:#ef444426;color:#ef4444;padding:12px 16px;border-radius:12px;border:1px solid rgba(239,68,68,.3);margin-bottom:24px;font-size:14px;font-weight:500}