.base-button[data-v-39fd9d67]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--border-radius-base);font-family:var(--font-family-primary);font-weight:500;transition:background-color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out,opacity .15s ease-out;will-change:transform,background-color;transform:translateZ(0);backface-visibility:hidden;cursor:pointer;border:none;outline:none}.base-button[data-v-39fd9d67]:disabled{opacity:.6;cursor:not-allowed}.base-button--primary[data-v-39fd9d67]{background-color:var(--color-primary);color:var(--color-primary-contrast);box-shadow:var(--shadow-md)}.base-button--primary[data-v-39fd9d67]:hover:not(:disabled){background-color:var(--color-primary-dark)}.base-button--secondary[data-v-39fd9d67]{background-color:var(--color-secondary);color:var(--color-secondary-contrast);box-shadow:var(--shadow-md)}.base-button--secondary[data-v-39fd9d67]:hover:not(:disabled){background-color:var(--color-secondary-dark)}.base-button--outline[data-v-39fd9d67]{background-color:transparent;border:1.5px solid var(--color-primary);color:var(--color-primary)}.base-button--outline[data-v-39fd9d67]:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-primary-contrast)}.base-button--primary .base-button__icon[data-v-39fd9d67] svg,.base-button--secondary .base-button__icon[data-v-39fd9d67] svg{color:currentColor}.base-button--outline .base-button__icon[data-v-39fd9d67] svg{color:var(--color-primary)}.base-button--outline:hover:not(:disabled) .base-button__icon[data-v-39fd9d67] svg{color:var(--color-primary-contrast)}.base-button--text .base-button__icon[data-v-39fd9d67] svg{color:var(--color-secondary)}.base-button--save .base-button__icon[data-v-39fd9d67] svg{color:currentColor}.base-button--text[data-v-39fd9d67]{background-color:transparent;color:var(--color-secondary);padding:0}.base-button--text[data-v-39fd9d67]:hover:not(:disabled){background-color:var(--color-accent);opacity:.8}.base-button--save[data-v-39fd9d67]{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:var(--color-success-contrast);box-shadow:0 4px 12px #4caf504d;position:relative;overflow:hidden;transform:translateY(0)}.base-button--save[data-v-39fd9d67]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.base-button--save[data-v-39fd9d67]:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4caf504d}.base-button--save[data-v-39fd9d67]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .35s ease-out;will-change:left}.base-button--save[data-v-39fd9d67]:hover:not(:disabled):before{left:100%}.base-button--sm[data-v-39fd9d67]{padding:.5rem 1rem;font-size:.875rem}.base-button--md[data-v-39fd9d67]{padding:.75rem 1.5rem;font-size:1rem}.base-button--lg[data-v-39fd9d67]{padding:1rem 2rem;font-size:1.125rem}.base-button--full-width[data-v-39fd9d67]{width:100%}.base-button__content[data-v-39fd9d67]{display:inline-flex;align-items:center;justify-content:center}.base-button__icon[data-v-39fd9d67]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.base-button__icon--left[data-v-39fd9d67]{margin-right:.5rem}.base-button__icon--right[data-v-39fd9d67]{margin-left:.5rem}.base-button__icon[data-v-39fd9d67] svg{display:block;flex-shrink:0;transition:color .15s ease-out,transform .15s ease-out;will-change:transform}.base-button--sm .base-button__icon[data-v-39fd9d67] svg{width:1rem;height:1rem}.base-button--md .base-button__icon[data-v-39fd9d67] svg{width:1.125rem;height:1.125rem}.base-button--lg .base-button__icon[data-v-39fd9d67] svg{width:1.25rem;height:1.25rem}.base-button__content:empty+.base-button__icon--right[data-v-39fd9d67],.base-button__icon--left+.base-button__content[data-v-39fd9d67]:empty{margin:0}.base-button__content:empty~.base-button__icon[data-v-39fd9d67],.base-button__icon+.base-button__content[data-v-39fd9d67]:empty{margin:0}@media (max-width: 768px){.base-button--sm .base-button__icon[data-v-39fd9d67] svg{width:1.125rem;height:1.125rem}.base-button--md .base-button__icon[data-v-39fd9d67] svg{width:1.25rem;height:1.25rem}.base-button--lg .base-button__icon[data-v-39fd9d67] svg{width:1.375rem;height:1.375rem}.base-button--sm[data-v-39fd9d67]{padding:.625rem 1.125rem;min-height:2.5rem}.base-button--md[data-v-39fd9d67]{padding:.875rem 1.625rem;min-height:2.75rem}.base-button--lg[data-v-39fd9d67]{padding:1.125rem 2.125rem;min-height:3rem}.base-button__icon--left[data-v-39fd9d67]{margin-right:.375rem}.base-button__icon--right[data-v-39fd9d67]{margin-left:.375rem}}@media (max-width: 480px){.base-button--sm[data-v-39fd9d67]{padding:.5rem 1rem;min-height:2.25rem;font-size:.875rem}.base-button--md[data-v-39fd9d67]{padding:.75rem 1.25rem;min-height:2.5rem;font-size:.9rem}.base-button--lg[data-v-39fd9d67]{padding:1rem 1.75rem;min-height:2.75rem;font-size:1rem}.base-button__icon--left[data-v-39fd9d67]{margin-right:.25rem}.base-button__icon--right[data-v-39fd9d67]{margin-left:.25rem}}.filter-settings-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.filter-settings-content{background:var(--color-neutral-dark);border-radius:1rem;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(46,125,50,.2)}.filter-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.filter-header h2{font-size:1.5rem;font-weight:700;color:var(--color-brand-green);margin:0}.close-btn{background:transparent;border:none;color:var(--color-text);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn:hover{color:var(--color-brand-green)}.close-btn .icon{width:1.5rem;height:1.5rem}.filter-body{flex:1;overflow-y:auto;padding:1.5rem}.filter-section{margin-bottom:2rem}.filter-header-with-expand{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;gap:1rem}.filter-label-wrapper{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.filter-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-text);margin-bottom:0;font-size:1rem;flex-wrap:nowrap}.filter-label .icon{flex-shrink:0}.bundesland-wrapper{display:flex;align-items:center;margin-left:1.75rem;flex-wrap:wrap;gap:.25rem}.filter-label .icon{width:1.25rem;height:1.25rem;color:var(--color-brand-green)}.expand-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-surface, rgba(255, 255, 255, .05));border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:.5rem;color:var(--color-text);font-size:.875rem;cursor:pointer;transition:all .2s;white-space:nowrap}.expand-toggle-btn:hover{background:var(--color-background, rgba(255, 255, 255, .08));border-color:var(--color-brand-green);box-shadow:0 0 0 2px #2e7d321a}.selected-count{font-weight:500;color:var(--color-brand-green)}.chevron-icon{width:1rem;height:1rem;flex-shrink:0}.expandable-content{overflow:hidden}.expand-enter-active,.expand-leave-active{transition:all .3s ease;max-height:1000px}.expand-enter-from,.expand-leave-to{max-height:0;opacity:0;transform:translateY(-10px)}.expand-enter-to,.expand-leave-from{max-height:1000px;opacity:1;transform:translateY(0)}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--color-text);font-size:.9375rem}.checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--color-brand-green)}.checkbox-label-large{display:flex;align-items:center;gap:1rem;cursor:pointer;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;transition:all .2s}.checkbox-label-large:hover{background:#ffffff14;border-color:var(--color-brand-green)}.checkbox-label-large input[type=checkbox]{width:1.5rem;height:1.5rem;cursor:pointer;accent-color:var(--color-brand-green)}.checkbox-content{display:flex;align-items:center;gap:.75rem;color:var(--color-text);font-size:1rem;font-weight:500}.checkbox-content .icon{width:1.5rem;height:1.5rem;color:var(--color-brand-green)}.position-groups{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.position-group-btn{padding:.5rem 1rem;background:var(--color-surface, rgba(255, 255, 255, .05));border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:.5rem;color:var(--color-text);font-weight:500;cursor:pointer;transition:all .2s}.position-group-btn:hover{background:var(--color-background, rgba(255, 255, 255, .1));border-color:var(--color-brand-green);box-shadow:0 0 0 2px #2e7d321a}.position-group-btn.active{background:var(--color-brand-green);border-color:var(--color-brand-green);color:#fff}.position-group-btn.active:hover{background:var(--color-brand-green-dark, #1b5e20);border-color:var(--color-brand-green-dark, #1b5e20)}.slider{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-brand-green);cursor:pointer}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-brand-green);cursor:pointer;border:none}.slider-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.hint{margin-top:.5rem;font-size:.875rem;color:var(--color-text-secondary);font-style:italic}.filter-hint{font-size:.875rem;font-weight:400;color:var(--color-text-secondary);margin-left:.5rem}.filter-hint-warning{font-size:.875rem;font-weight:400;color:var(--color-warning, #ffc107);margin-left:.5rem;font-style:italic}.filter-info{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#2e7d321a;border-radius:.5rem;border:1px solid rgba(46,125,50,.2)}.filter-count{font-weight:600;color:var(--color-brand-green)}.default-badge{font-size:.875rem;padding:.25rem .75rem;background:#ffffff1a;border-radius:1rem;color:var(--color-text)}.filter-info-box{margin-top:.5rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#2e7d321a;border:1px solid rgba(46,125,50,.2);border-radius:.5rem}.filter-info-box p{margin:0;color:var(--color-text);font-size:.875rem;line-height:1.4}.info-icon{width:1.25rem;height:1.25rem;color:var(--color-brand-green);flex-shrink:0}.filter-warning{padding:1rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:.5rem;text-align:center}.filter-warning p{margin:0;color:var(--color-text);font-size:.875rem}.filter-validation-error{margin-top:.75rem;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem}.filter-validation-error p{margin:0;color:var(--color-error, #ef4444);font-size:.875rem;line-height:1.4;font-weight:500}.error-icon{width:1.25rem;height:1.25rem;color:var(--color-error, #ef4444);flex-shrink:0}.bundesland-link{font-size:.875rem;font-weight:500;color:var(--color-brand-green);background:none;border:none;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;padding:0;transition:all .2s}.bundesland-link:hover{color:var(--color-brand-green-dark, #1b5e20);text-decoration-style:solid}.bundesland-link:active{transform:scale(.98)}.inline-link{background:none;border:none;color:var(--color-brand-green);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;padding:0;font-size:inherit;font-weight:500;transition:all .2s}.inline-link:hover{color:var(--color-brand-green-dark, #1b5e20);text-decoration-style:solid}.class-range,.age-range{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.range-input-wrapper{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:120px}.range-input-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.range-separator{color:var(--color-text);font-weight:500;margin-top:1.5rem}.class-range input,.age-range input{flex:1;padding:.75rem;background:var(--color-background);border:2px solid var(--color-border);border-radius:.5rem;color:var(--color-text);font-size:1rem;transition:border-color .2s,box-shadow .2s}.class-range input:hover,.age-range input:hover{border-color:var(--color-brand-green)}.class-range input:focus,.age-range input:focus{outline:none;border-color:var(--color-brand-green);box-shadow:0 0 0 3px #2e7d321a}.text-input{width:100%;padding:.75rem;background:var(--color-background);border:2px solid var(--color-border);border-radius:.5rem;color:var(--color-text);font-size:1rem;transition:border-color .2s,box-shadow .2s}.text-input:hover{border-color:var(--color-brand-green)}.text-input:focus{outline:none;border-color:var(--color-brand-green);box-shadow:0 0 0 3px #2e7d321a}.text-input::-moz-placeholder{color:var(--color-text-secondary);opacity:.6}.text-input::placeholder{color:var(--color-text-secondary);opacity:.6}.trainer-toggle-section{padding:1.5rem;background:#2e7d320d;border:2px solid rgba(46,125,50,.2);border-radius:.75rem;margin-bottom:2rem}.toggle-label{margin-bottom:1rem;font-size:1.125rem}.toggle-container{display:flex;gap:1rem;margin-bottom:1rem}.toggle-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:.5rem;color:var(--color-text);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.toggle-button:hover{background:var(--color-background);border-color:var(--color-brand-green);box-shadow:0 0 0 2px #2e7d321a}.toggle-button.active{background:var(--color-brand-green);border-color:var(--color-brand-green);color:#fff}.toggle-button.active:hover{background:var(--color-brand-green-dark, #1b5e20);border-color:var(--color-brand-green-dark, #1b5e20)}.toggle-icon{width:1.25rem;height:1.25rem}.filter-footer{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.filter-footer button{flex:1}@media (max-width: 768px){.filter-settings-modal{padding:0;top:var(--header-height-mobile, 50px);bottom:var(--footer-height-mobile, 65px)}.filter-settings-content{max-width:100%;height:100%;border-radius:0;display:flex;flex-direction:column}.filter-body{flex:1;overflow-y:auto;padding:1.5rem 1.5rem 6rem}.filter-footer{position:sticky;bottom:0;background:var(--color-neutral-dark);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 20px #0000004d;z-index:10;padding:1rem;display:flex;gap:1rem;flex-shrink:0}.checkbox-group{grid-template-columns:1fr}.position-groups{flex-direction:column}}@media (max-width: 480px){.filter-header{padding:1rem}.filter-header h2{font-size:1.25rem}.filter-body{padding:1rem 1rem 6rem}.filter-footer{padding:.75rem 1rem;flex-direction:column;gap:.75rem;position:sticky;bottom:0;background:var(--color-neutral-dark);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 20px #0000004d;z-index:10;flex-shrink:0}.filter-footer button{width:100%}.filter-section{margin-bottom:1.5rem}.checkbox-label{font-size:.875rem}}.app-header[data-v-20f34e2f]{width:100%;height:var(--header-height, 80px);background-color:var(--color-surface);box-shadow:0 2px 8px #0000001a;border-bottom:1px solid var(--color-border);position:relative;z-index:var(--z-index-header)}.dark .app-header[data-v-20f34e2f]{background-color:#000}.header-content[data-v-20f34e2f]{max-width:1200px;height:100%;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo-link[data-v-20f34e2f]{font-size:1.5rem;font-weight:700;color:var(--color-text);text-decoration:none;transition:transform .2s ease-out,opacity .2s ease-out;will-change:transform;transform:translateZ(0);display:flex;align-items:center;gap:.75rem}.logo-link[data-v-20f34e2f]:hover{color:var(--color-brand-green)}.logo-image[data-v-20f34e2f]{width:2.5rem;height:2.5rem;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 8px rgba(46,125,50,.4));transition:transform .2s ease-out,filter .2s ease-out;will-change:transform;transform:translateZ(0)}.logo-link:hover .logo-image[data-v-20f34e2f]{filter:drop-shadow(0 0 12px rgba(var(--color-primary-rgb),.7));transform:scale(1.05)}.logo-text[data-v-20f34e2f]{font-size:1.5rem;font-weight:400;font-family:Impact,Arial Black,Arial Bold,Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase}.mobile-actions[data-v-20f34e2f]{display:none;align-items:center;gap:.5rem;margin-left:auto}@media (max-width: 1024px){.mobile-actions[data-v-20f34e2f]{display:flex!important}}.desktop-navigation[data-v-20f34e2f]{display:flex;gap:1.5rem;align-items:center;flex:1;justify-content:center}@media (max-width: 1024px){.desktop-navigation[data-v-20f34e2f],.desktop-navigation .nav-link[data-v-20f34e2f]{display:none!important}}@media (max-width: 1024px){.desktop-auth-link[data-v-20f34e2f]{display:none!important}}.navigation[data-v-20f34e2f]{display:flex;gap:1.5rem;align-items:center}.filter-toggle[data-v-20f34e2f]{display:flex;align-items:center;justify-content:center;gap:.375rem;background:var(--color-brand-green);border:2px solid var(--color-brand-green);color:#fff;cursor:pointer;padding:.25rem .5rem;transition:background-color .15s ease-out,transform .15s ease-out;will-change:transform;transform:translateZ(0);font-weight:500;box-shadow:0 2px 4px #0000001a;font-size:.875rem}.filter-toggle[data-v-20f34e2f]:hover{background:#267d2a;border-color:#267d2a;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.filter-icon[data-v-20f34e2f]{width:1.25rem;height:1.25rem;display:block;flex-shrink:0}.filter-text[data-v-20f34e2f]{font-size:.875rem;line-height:1}.mobile-filter-toggle[data-v-20f34e2f]{padding:.5rem;width:2.5rem;height:2.5rem}.mobile-filter-toggle .filter-icon[data-v-20f34e2f]{width:1.25rem;height:1.25rem}.desktop-filter-toggle[data-v-20f34e2f]{display:flex}@media (max-width: 1024px){.desktop-filter-toggle[data-v-20f34e2f]{display:none!important}}.mobile-menu-toggle[data-v-20f34e2f]{background:none;border:none;color:var(--color-text);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background-color .2s ease}.mobile-menu-toggle[data-v-20f34e2f]:hover{background-color:#0000001a}.menu-icon[data-v-20f34e2f]{width:1.5rem;height:1.5rem}.desktop-user-actions[data-v-20f34e2f]{display:flex;align-items:center;gap:1rem}@media (max-width: 1024px){.desktop-user-actions[data-v-20f34e2f],.desktop-user-actions .nav-link[data-v-20f34e2f],.desktop-auth-link[data-v-20f34e2f]{display:none!important}}.mobile-navigation[data-v-20f34e2f]{display:none;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background-color:var(--color-background);transform:translate(-100%);transition:transform .3s ease;z-index:var(--z-index-mobile-nav);overflow-y:auto}@media (max-width: 1024px){.mobile-navigation[data-v-20f34e2f]{display:block;top:var(--header-height-mobile)}}.mobile-navigation--open[data-v-20f34e2f]{transform:translate(0)}.mobile-nav-content[data-v-20f34e2f]{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.mobile-nav-link[data-v-20f34e2f]{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:var(--color-text);text-decoration:none;border-radius:.5rem;transition:background-color .15s ease-out,color .15s ease-out,transform .15s ease-out;will-change:transform;transform:translateZ(0);position:relative;background:none;border:none;width:100%;text-align:left;font-size:1rem;cursor:pointer}.mobile-nav-link[data-v-20f34e2f]:hover,.mobile-nav-link[data-v-20f34e2f]:focus{background-color:rgba(var(--color-primary-rgb),.1);color:var(--color-brand-green)}.mobile-nav-link.router-link-active[data-v-20f34e2f]{background-color:rgba(var(--color-primary-rgb),.2);color:var(--color-brand-green)}.mobile-logout[data-v-20f34e2f]{margin-top:1rem;border-top:1px solid var(--color-border);padding-top:1.5rem}.mobile-logout[data-v-20f34e2f]:hover{background-color:#ef44441a;color:var(--color-error)}.nav-icon[data-v-20f34e2f]{width:1.25rem;height:1.25rem;flex-shrink:0}.chat-link[data-v-20f34e2f]{position:relative;transition:transform .2s ease-out;will-change:transform;transform:translateZ(0)}.chat-link--has-unread[data-v-20f34e2f]{background:linear-gradient(135deg,var(--color-chat-notification-glow),rgba(239,68,68,.05))!important;border:1px solid var(--color-chat-notification-border)!important;box-shadow:0 0 15px var(--color-chat-notification-glow)!important;animation:chatGlow-20f34e2f 2s ease-in-out infinite alternate!important}.chat-link--has-unread[data-v-20f34e2f]:hover{background:linear-gradient(135deg,#ef444426,#ef444414)!important;border-color:var(--color-chat-notification)!important;box-shadow:0 0 20px var(--color-chat-notification-glow)!important;transform:translateY(-1px)!important}.chat-link--has-unread .nav-icon[data-v-20f34e2f]{color:var(--color-chat-notification)!important;animation:iconPulse-20f34e2f 1.5s ease-in-out infinite!important}@keyframes chatGlow-20f34e2f{0%{box-shadow:0 0 15px var(--color-chat-notification-glow)}to{box-shadow:0 0 25px #ef444466}}@keyframes iconPulse-20f34e2f{0%,to{transform:scale(1);color:var(--color-chat-notification)}50%{transform:scale(1.1);color:var(--color-chat-notification-light)}}.notification-badge[data-v-20f34e2f]{position:absolute;top:-.25rem;right:-.25rem;background-color:var(--color-chat-notification);color:#fff;font-size:.75rem;font-weight:700;padding:.125rem .375rem;border-radius:9999px;min-width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--color-neutral-dark);animation:pulse-20f34e2f 2s infinite;box-shadow:0 2px 8px var(--color-chat-notification-glow)}@keyframes pulse-20f34e2f{0%,to{transform:scale(1);box-shadow:0 2px 8px #ef44444d}50%{transform:scale(1.05);box-shadow:0 4px 12px #ef444480}}.mobile-user-info[data-v-20f34e2f]{margin-top:2rem;padding:1rem;background-color:#0000000d;border-radius:.5rem;display:flex;align-items:center;gap:.75rem}.user-avatar[data-v-20f34e2f]{width:2.5rem;height:2.5rem;background-color:rgba(var(--color-primary-rgb),.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-icon[data-v-20f34e2f]{width:1.5rem;height:1.5rem;color:var(--color-brand-green)}.user-details[data-v-20f34e2f]{display:flex;flex-direction:column;gap:.25rem}.user-name[data-v-20f34e2f]{font-weight:600;color:var(--color-text)}.user-role[data-v-20f34e2f]{font-size:.875rem;padding:.125rem .5rem;border-radius:.25rem;font-weight:500}.user-type--player[data-v-20f34e2f]{background-color:var(--color-brand-blue-light);color:var(--color-brand-blue-dark)}.user-type--club[data-v-20f34e2f]{background-color:var(--color-brand-green-light);color:var(--color-brand-green-dark)}.user-type--trainer[data-v-20f34e2f]{background-color:var(--color-brand-orange-light);color:var(--color-brand-orange-dark)}.user-type--admin[data-v-20f34e2f]{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.mobile-menu-backdrop[data-v-20f34e2f]{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:var(--z-index-navigation)}@media (max-width: 1366px){.mobile-menu-backdrop[data-v-20f34e2f]{display:block}}.spinning-icon[data-v-20f34e2f]{animation:spin-20f34e2f 1s linear infinite}@keyframes spin-20f34e2f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-link[data-v-20f34e2f]{color:var(--color-text);text-decoration:none;font-size:1rem;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;transition:background-color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out;will-change:transform;transform:translateZ(0);white-space:nowrap;position:relative;display:flex;align-items:center;gap:.5rem}.nav-link[data-v-20f34e2f]:hover{background-color:rgba(var(--color-primary-rgb),.1);color:var(--color-text)}.nav-link.router-link-active[data-v-20f34e2f]{background-color:rgba(var(--color-primary-rgb),.2);color:var(--color-text)}.nav-link--disabled[data-v-20f34e2f]:hover{background-color:#0000000d!important;color:var(--color-text-secondary)!important}.mobile-nav-link--disabled[data-v-20f34e2f]:hover{background-color:#0000000d!important;color:var(--color-text-secondary)!important}.mobile-feature-badge[data-v-20f34e2f]{background:linear-gradient(135deg,var(--color-brand-orange),var(--color-brand-orange-dark));color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:.75rem;margin-left:auto;font-weight:500}.feature-badge[data-v-20f34e2f]{background:linear-gradient(135deg,var(--color-brand-orange),var(--color-brand-orange-dark));color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:.75rem;margin-left:.5rem;font-weight:600;animation:pulse-20f34e2f 2s infinite}@keyframes pulse-20f34e2f{0%,to{opacity:1}50%{opacity:.7}}.user-actions[data-v-20f34e2f]{display:flex;align-items:center;gap:1rem}.user-info[data-v-20f34e2f]{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.logout-button[data-v-20f34e2f]{background:linear-gradient(135deg,var(--color-error) 0%,var(--color-error-dark) 100%);color:#fff;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #ff57224d;position:relative;overflow:hidden;display:flex;align-items:center;gap:.5rem;transition:background-color .2s ease-out,color .2s ease-out;will-change:background-color;min-height:2.5rem;font-family:inherit}.logout-button[data-v-20f34e2f]:hover:not(:disabled){background:linear-gradient(135deg,var(--color-error-dark) 0%,#d84315 100%);transform:translateY(-1px);box-shadow:0 4px 12px #ff572266}.logout-button[data-v-20f34e2f]:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #ff57224d}.logout-button[data-v-20f34e2f]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.logout-button[data-v-20f34e2f]:focus{outline:2px solid rgba(255,87,34,.5);outline-offset:2px}.logout-button[data-v-20f34e2f]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.logout-button[data-v-20f34e2f]:hover:not(:disabled):before{left:100%}.logout-icon[data-v-20f34e2f]{flex-shrink:0;color:#fff;transition:transform .2s ease}.logout-button:hover:not(:disabled) .logout-icon[data-v-20f34e2f]{transform:translate(2px)}.logout-text[data-v-20f34e2f]{white-space:nowrap;font-weight:500;transition:transform .2s ease}.logout-button:hover:not(:disabled) .logout-text[data-v-20f34e2f]{transform:translate(1px)}.debug-user-info[data-v-20f34e2f]{color:var(--color-brand-orange);font-size:.7rem;margin-left:1rem;max-width:300px;overflow:visible;text-overflow:ellipsis;white-space:nowrap}.debug-actions[data-v-20f34e2f]{display:flex;gap:.5rem;margin-top:.5rem}.debug-btn[data-v-20f34e2f]{background:var(--color-brand-orange);color:#000;border:none;padding:.2rem .5rem;border-radius:3px;font-size:.6rem;cursor:pointer;white-space:nowrap}.debug-btn[data-v-20f34e2f]:hover{background:var(--color-brand-orange-dark)}@media (max-width: 1366px){.header-content[data-v-20f34e2f]{padding:0 .5rem}.navigation[data-v-20f34e2f]{gap:.75rem}.user-info[data-v-20f34e2f]{display:none}.logout-button[data-v-20f34e2f]{padding:.4rem .8rem;font-size:.8rem}.nav-link[data-v-20f34e2f]{font-size:.9rem;padding:.4rem}.user-actions[data-v-20f34e2f]{gap:.5rem}.user-name[data-v-20f34e2f]{font-size:.8rem}.user-role[data-v-20f34e2f]{font-size:.6rem}.logout-btn[data-v-20f34e2f]{padding:.4rem .8rem;font-size:.8rem}.debug-user-info[data-v-20f34e2f]{display:none}}@media (max-width: 480px){.app-header[data-v-20f34e2f]{height:var(--header-height-small, 48px)}.mobile-navigation[data-v-20f34e2f]{top:var(--header-height-small, 48px)}.header-content[data-v-20f34e2f]{padding:0 .5rem}.logo-link[data-v-20f34e2f]{font-size:1rem;gap:.25rem}.logo-image[data-v-20f34e2f]{width:1.5rem;height:1.5rem}.logo-text[data-v-20f34e2f]{font-size:1rem}.navigation[data-v-20f34e2f]{gap:.5rem}.nav-link[data-v-20f34e2f]{font-size:.75rem;padding:.25rem .5rem}.user-info[data-v-20f34e2f]{display:none}.logout-btn[data-v-20f34e2f]{padding:.25rem .5rem;font-size:.7rem}.mobile-menu-toggle[data-v-20f34e2f]{padding:.25rem}.menu-icon[data-v-20f34e2f]{width:1.1rem;height:1.1rem}.mobile-nav-content[data-v-20f34e2f]{padding:.5rem}.mobile-nav-link[data-v-20f34e2f]{padding:.5rem;font-size:.85rem}.nav-icon[data-v-20f34e2f]{width:1rem;height:1rem}}@media (max-width: 380px){.app-header[data-v-20f34e2f]{height:var(--header-height-tiny, 44px)}.mobile-navigation[data-v-20f34e2f]{top:var(--header-height-tiny, 44px)}.header-content[data-v-20f34e2f]{padding:0 .25rem}.logo-link[data-v-20f34e2f]{font-size:.9rem;gap:.2rem}.logo-image[data-v-20f34e2f]{width:1.4rem;height:1.4rem}.logo-text[data-v-20f34e2f]{font-size:.9rem}.navigation[data-v-20f34e2f]{gap:.25rem}.nav-link[data-v-20f34e2f]{font-size:.7rem;padding:.2rem .4rem}.logout-btn[data-v-20f34e2f]{padding:.2rem .4rem;font-size:.65rem}.mobile-menu-toggle[data-v-20f34e2f]{padding:.2rem}.menu-icon[data-v-20f34e2f]{width:1rem;height:1rem}.mobile-nav-content[data-v-20f34e2f]{padding:.4rem}.mobile-nav-link[data-v-20f34e2f]{padding:.4rem;font-size:.8rem}.nav-icon[data-v-20f34e2f]{width:.9rem;height:.9rem}}@media screen and (max-width: 926px) and (orientation: landscape) and (max-height: 500px){.app-header[data-v-20f34e2f]{height:var(--header-height-landscape)!important;min-height:var(--header-height-landscape)!important;max-height:var(--header-height-landscape)!important}.header-content[data-v-20f34e2f]{min-height:var(--header-height-landscape)!important;max-height:var(--header-height-landscape)!important;height:var(--header-height-landscape)!important;padding:0 .25rem!important}.mobile-navigation[data-v-20f34e2f]{top:var(--header-height-landscape)!important}.logo-link[data-v-20f34e2f]{font-size:.95rem;gap:.15rem}.logo-image[data-v-20f34e2f]{width:1.2rem;height:1.2rem}.logo-text[data-v-20f34e2f]{font-size:.95rem}.mobile-menu-toggle[data-v-20f34e2f]{padding:.1rem!important}.menu-icon[data-v-20f34e2f]{width:1rem;height:1rem}.mobile-nav-content[data-v-20f34e2f]{padding:.25rem!important;gap:.1rem!important}.mobile-nav-link[data-v-20f34e2f]{padding:.25rem!important;font-size:.75rem!important;border-radius:6px!important}.nav-icon[data-v-20f34e2f]{width:.85rem!important;height:.85rem!important}}@media screen and (min-width: 1367px) and (orientation: landscape){.desktop-navigation[data-v-20f34e2f]{display:flex!important}.mobile-menu-toggle[data-v-20f34e2f]{display:none!important}.desktop-user-actions[data-v-20f34e2f]{display:flex!important}.nav-link[data-v-20f34e2f]{font-size:.9rem;padding:.5rem .75rem}}.nav-link--disabled[data-v-20f34e2f]{opacity:.5;cursor:not-allowed;pointer-events:auto}.nav-link--disabled[data-v-20f34e2f]:hover{background-color:#00000008!important;color:var(--color-text-secondary)!important}.mobile-nav-link--disabled[data-v-20f34e2f]{opacity:.5;cursor:not-allowed;pointer-events:auto}.mobile-nav-link--disabled[data-v-20f34e2f]:hover{background-color:#00000008!important;color:var(--color-text-secondary)!important}.mobile-feature-badge[data-v-20f34e2f]{background:linear-gradient(135deg,var(--color-brand-orange),var(--color-brand-orange-dark));color:#fff;font-size:.65rem;padding:.15rem .4rem;border-radius:.5rem;margin-left:auto;font-weight:600;animation:pulse-20f34e2f 2s infinite;white-space:nowrap}.legal-links-section[data-v-20f34e2f]{margin-top:auto;padding-top:1rem}.legal-links-divider[data-v-20f34e2f]{height:1px;background:#0000001a;margin-bottom:1rem}.legal-links[data-v-20f34e2f]{display:flex;flex-direction:column;gap:.25rem}.legal-link[data-v-20f34e2f]{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;color:var(--color-text-secondary);text-decoration:none;font-size:.875rem;font-weight:400;border-radius:.5rem;transition:color .15s ease-out,background-color .15s ease-out}.legal-link[data-v-20f34e2f]:hover{background-color:#0000000d;color:var(--color-text)}.legal-icon[data-v-20f34e2f]{width:1rem;height:1rem;opacity:.7;flex-shrink:0}.app-footer[data-v-3095c005]{width:100%;height:var(--footer-height);min-height:var(--footer-height);max-height:var(--footer-height);background-color:#fff;border-top:1px solid var(--color-border);box-shadow:var(--shadow-sm);box-sizing:border-box;position:relative;overflow:hidden}.dark .app-footer[data-v-3095c005]{background-color:#000}.footer-content[data-v-3095c005]{max-width:1200px;height:100%;min-height:var(--footer-height);max-height:var(--footer-height);margin:0 auto;padding:0 1rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;overflow:hidden;white-space:nowrap}.footer-info[data-v-3095c005]{color:var(--color-text-muted);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0}.footer-links[data-v-3095c005]{display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0}.footer-link[data-v-3095c005]{color:var(--color-text);text-decoration:none;font-size:.875rem;transition:color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .1rem}.footer-link[data-v-3095c005]:hover{color:var(--color-primary)}.footer-link--disabled[data-v-3095c005]{opacity:.5;cursor:not-allowed;pointer-events:auto;position:relative}.footer-link--disabled[data-v-3095c005]:hover{color:var(--color-text-muted)!important}.footer-feature-badge[data-v-3095c005]{display:inline-block;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;font-size:.6rem;padding:.1rem .3rem;border-radius:.5rem;margin-left:.3rem;font-weight:600;animation:pulse-3095c005 2s infinite;white-space:nowrap;vertical-align:top}@keyframes pulse-3095c005{0%,to{opacity:1}50%{opacity:.7}}.footer-separator[data-v-3095c005]{color:var(--color-text-muted);margin:0 .15rem}@media (max-width: 1366px){.app-footer[data-v-3095c005]{position:fixed;left:0;right:0;bottom:0;width:100vw;z-index:var(--z-index-footer);height:var(--footer-height-mobile);min-height:var(--footer-height-mobile);max-height:var(--footer-height-mobile);box-shadow:var(--shadow-sm);margin:0;padding:0}.footer-content[data-v-3095c005]{flex-direction:row;align-items:center;justify-content:center;gap:.5rem;padding:0 .5rem;height:var(--footer-height-mobile);min-height:var(--footer-height-mobile);max-height:var(--footer-height-mobile);overflow:hidden;white-space:nowrap}.footer-info[data-v-3095c005]{font-size:.8rem;text-align:left;margin-right:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0}.footer-links[data-v-3095c005]{flex-direction:row;align-items:center;gap:.5rem;font-size:.8rem;flex-wrap:nowrap;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0}.footer-link[data-v-3095c005]{font-size:.8rem;padding:0 .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-separator[data-v-3095c005]{margin:0 .15rem}.footer-mobile-nav[data-v-3095c005]{margin-bottom:0}}@media (max-width: 1366px){.footer-content[data-v-3095c005]{padding:0 .25rem;gap:.25rem}.footer-info[data-v-3095c005],.footer-links[data-v-3095c005]{font-size:.75rem}}@media (max-width: 480px){.footer-link[data-v-3095c005],.footer-info[data-v-3095c005]{font-size:.7rem}}@media (max-width: 1366px) and (orientation: landscape){.app-footer[data-v-3095c005],.footer-content[data-v-3095c005]{height:var(--footer-height-landscape, 48px)!important;min-height:var(--footer-height-landscape, 48px)!important;max-height:var(--footer-height-landscape, 48px)!important}}.breadcrumbs[data-v-47de95a0]{padding:.75rem 1rem;background-color:#1a1a1acc;border-bottom:1px solid rgba(241,243,244,.1);box-shadow:0 1px 3px #0000001a;margin:0}ol[data-v-47de95a0]{list-style:none;padding:0;display:flex;flex-wrap:wrap;align-items:center;max-width:1200px;margin:0 auto}li[data-v-47de95a0]{display:flex;align-items:center}.breadcrumb-link[data-v-47de95a0]{color:#f1f3f4;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s ease}.breadcrumb-link[data-v-47de95a0]:hover{color:#2e7d32;text-decoration:none}.breadcrumb-current[data-v-47de95a0]{color:#e8eaed;font-size:.875rem;font-weight:600}.separator[data-v-47de95a0]{margin:0 .75rem;color:#666;font-weight:400}@media (max-width: 768px){.breadcrumbs[data-v-47de95a0]{padding:.5rem 1rem}.breadcrumb-link[data-v-47de95a0],.breadcrumb-current[data-v-47de95a0]{font-size:.8rem}.separator[data-v-47de95a0]{margin:0 .5rem}}@media (max-width: 480px){.breadcrumbs[data-v-47de95a0]{padding:.5rem .75rem}ol[data-v-47de95a0]{overflow-x:auto;white-space:nowrap}li[data-v-47de95a0]{flex-shrink:0}}@media (max-width: 480px){.breadcrumbs[data-v-47de95a0]{display:none}}.mobile-nav-button[data-v-17fdb95e]{flex:1 1 0;min-width:0;max-width:100%;display:flex;align-items:center;justify-content:center;border:none;border-radius:.5rem;margin:0 .25rem;white-space:nowrap;transition:all .3s ease;font-size:1rem;padding:.5rem .75rem;box-sizing:border-box;position:relative;height:100%;min-height:100%;background:transparent;color:var(--color-text);cursor:pointer;outline:none}.mobile-nav-button[data-v-17fdb95e]:hover{background:#ffffff0d;transform:translateY(-1px)}.mobile-nav-button--active[data-v-17fdb95e]{background:var(--color-brand-green)!important;color:#fff!important;box-shadow:0 2px 8px #2e7d324d!important;transform:translateY(-1px)!important;padding:.5rem .75rem!important;height:100%!important;min-height:100%!important}.mobile-nav-button--active[data-v-17fdb95e]:hover{background:var(--color-brand-green)!important;box-shadow:0 4px 12px #2e7d3266!important;transform:translateY(-2px)!important;padding:.5rem .75rem!important;height:100%!important;min-height:100%!important}.mobile-nav-button--has-notification[data-v-17fdb95e]{background:linear-gradient(135deg,var(--color-brand-green),rgba(76,175,80,.15))!important;border:2px solid var(--color-brand-green)!important;box-shadow:0 0 20px #4caf504d!important;animation:mobileNavGlow-17fdb95e 2s ease-in-out infinite alternate!important}.mobile-nav-button--has-notification[data-v-17fdb95e]:hover{background:linear-gradient(135deg,#4caf5040,#4caf502e)!important;border-color:var(--color-brand-green-light)!important;box-shadow:0 0 25px #4caf5066!important;transform:translateY(-2px) scale(1.02)!important}.mobile-nav-button-content[data-v-17fdb95e]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:100%;padding:.1rem 0}.mobile-nav-button-icon[data-v-17fdb95e]{display:flex;align-items:center;justify-content:center;margin-bottom:.25rem;transition:all .3s ease}.mobile-nav-button-icon[data-v-17fdb95e] svg{width:1.3rem;height:1.3rem;color:inherit;transition:all .3s ease}.mobile-nav-button-icon[data-v-17fdb95e] .footer-section-icon{width:1.3rem;height:1.3rem;color:inherit;transition:all .3s ease}.mobile-nav-button--active .mobile-nav-button-icon[data-v-17fdb95e]{color:#fff!important;animation:mobileIconPulse-17fdb95e 1.5s ease-in-out infinite!important}.mobile-nav-button--has-notification .mobile-nav-button-icon[data-v-17fdb95e]{color:var(--color-brand-green)!important;animation:mobileIconPulse-17fdb95e 1.5s ease-in-out infinite!important}.mobile-nav-button-label[data-v-17fdb95e]{font-size:.75rem;font-weight:500;text-align:center;transition:all .3s ease;line-height:1}.mobile-nav-button-label[data-v-17fdb95e] .footer-label{font-size:.6rem;font-weight:500;color:inherit;margin-top:.1rem;text-align:center;width:100%;line-height:1;transition:all .3s ease}.mobile-nav-button--active .mobile-nav-button-label[data-v-17fdb95e]{color:#fff!important;font-weight:600!important}.mobile-nav-notification-badge[data-v-17fdb95e]{position:absolute;top:-.5rem;right:-.5rem;background-color:var(--color-brand-green);color:#fff;font-size:.7rem;font-weight:700;padding:.1rem .3rem;border-radius:9999px;min-width:1.1rem;height:1.1rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-neutral-dark);box-shadow:0 2px 4px #0003;animation:mobileBadgePulse-17fdb95e 1.5s ease-in-out infinite alternate}@keyframes mobileNavGlow-17fdb95e{0%{box-shadow:0 0 20px #4caf504d}to{box-shadow:0 0 30px #4caf5080}}@keyframes mobileIconPulse-17fdb95e{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes mobileBadgePulse-17fdb95e{0%{transform:scale(1)}to{transform:scale(1.1)}}@media (max-width: 480px){.mobile-nav-button[data-v-17fdb95e]{padding:.4rem .6rem;margin:0 .2rem}.mobile-nav-button--active[data-v-17fdb95e]{padding:.4rem .6rem!important}.mobile-nav-button-icon[data-v-17fdb95e] svg,.mobile-nav-button-icon[data-v-17fdb95e] .footer-section-icon{width:1.2rem;height:1.2rem}.mobile-nav-button-label[data-v-17fdb95e]{font-size:.7rem}.mobile-nav-notification-badge[data-v-17fdb95e]{font-size:.65rem;min-width:1rem;height:1rem;padding:.08rem .25rem}}@media screen and (max-width: 926px) and (orientation: landscape){.mobile-nav-button[data-v-17fdb95e]{padding:.25rem .5rem;margin:0 .15rem}.mobile-nav-button--active[data-v-17fdb95e]{padding:.25rem .5rem!important}.mobile-nav-button-icon[data-v-17fdb95e] svg,.mobile-nav-button-icon[data-v-17fdb95e] .footer-section-icon{width:1.1rem;height:1.1rem}.mobile-nav-button-label[data-v-17fdb95e]{font-size:.65rem}.mobile-nav-button-icon[data-v-17fdb95e]{margin-bottom:.15rem}}.mobile-profile-footer[data-v-bbec7eb5]{display:flex;justify-content:space-between;align-items:center;width:100vw;height:var(--footer-height-mobile);min-height:var(--footer-height-mobile);max-height:var(--footer-height-mobile);background:var(--color-neutral-dark);border-top:2px solid var(--color-brand-green);position:fixed;left:0;bottom:0;z-index:var(--z-index-mobile-nav);box-shadow:0 -2px 12px #00000026;padding:.75rem}.dark .mobile-profile-footer[data-v-bbec7eb5]{background-color:#000}@media (min-width: 1367px){.mobile-profile-footer[data-v-bbec7eb5]{display:none}}@media screen and (max-width: 926px) and (orientation: landscape){.mobile-profile-footer[data-v-bbec7eb5]{height:var(--footer-height-landscape, 48px)!important;min-height:var(--footer-height-landscape, 48px)!important;max-height:var(--footer-height-landscape, 48px)!important;padding:0 .5rem!important}}[data-v-6126bc22]:root{--header-height: 72px;--footer-height: 56px;--breadcrumbs-height-desktop: 40px;--header-height-mobile: 50px;--footer-height-mobile: 65px}.app-layout[data-v-6126bc22]{display:flex;flex-direction:column;width:100vw;min-height:100vh;height:var(--layout-height);background:transparent;color:#f1f3f4;overflow-x:hidden;box-sizing:border-box}.header-container[data-v-6126bc22]{width:100%;box-sizing:border-box}.breadcrumb-section[data-v-6126bc22]{flex-shrink:0;width:100%;box-sizing:border-box}.desktop-content-wrapper[data-v-6126bc22]{display:flex;align-items:center;justify-content:center;width:100%;flex:1 1 auto;min-height:0;box-sizing:border-box;gap:2rem;padding:0 2rem}.side-image[data-v-6126bc22]{flex-shrink:0;display:flex;align-items:center;justify-content:center;max-width:280px;max-height:800px;opacity:.8;transition:opacity .3s ease}.side-image[data-v-6126bc22]:hover{opacity:1}.side-image img[data-v-6126bc22]{width:100%;height:auto;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:12px;box-shadow:0 8px 32px #0000004d}.content-container[data-v-6126bc22]{width:100%;flex:1 1 auto;min-height:0;box-sizing:border-box;margin:0 auto;max-width:1440px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;height:var(--content-container-height-desktop);max-height:var(--content-container-height-desktop)}@media (max-width: 1366px){.content-container[data-v-6126bc22]{height:var(--content-container-height-mobile);max-height:var(--content-container-height-mobile)}}.footer-container[data-v-6126bc22]{width:100%;box-sizing:border-box;display:flex;align-items:center;flex-shrink:0;min-height:var(--footer-height)}@media (max-width: 1366px){.footer-container[data-v-6126bc22]{min-height:var(--footer-height-mobile)}}@media (max-width: 1200px){.desktop-content-wrapper[data-v-6126bc22]{gap:1.5rem;padding:0 1.5rem}.side-image[data-v-6126bc22]{max-width:220px;max-height:650px}}@media (max-width: 1024px){.desktop-content-wrapper[data-v-6126bc22]{gap:1rem;padding:0 1rem}.side-image[data-v-6126bc22]{max-width:180px;max-height:550px}}.welcome-card[data-v-6126bc22]::-webkit-scrollbar{width:6px}.welcome-card[data-v-6126bc22]::-webkit-scrollbar-track{background:#f1f3f41a}.welcome-card[data-v-6126bc22]::-webkit-scrollbar-thumb{background:#f1f3f44d;border-radius:3px}.welcome-card[data-v-6126bc22]::-webkit-scrollbar-thumb:hover{background:#f1f3f480}.base-toast[data-v-f106479e]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--40b76e26);background-color:var(--3ec7700f);box-shadow:var(--42a8c74a);margin-bottom:var(--spacing-2);transform:translate(100%);opacity:0;transition:transform .25s ease-out,opacity .25s ease-out;will-change:transform,opacity;backface-visibility:hidden}.base-toast--visible[data-v-f106479e]{transform:translate(0);opacity:1}.base-toast--success[data-v-f106479e]{border-left:4px solid var(--19effff2)}.base-toast--error[data-v-f106479e]{border-left:4px solid var(--633a453c)}.base-toast--warning[data-v-f106479e]{border-left:4px solid var(--827efb64)}.base-toast--info[data-v-f106479e]{border-left:4px solid var(--5ae7e2f8)}.base-toast__icon[data-v-f106479e]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.base-toast--success .base-toast__icon[data-v-f106479e]{color:var(--19effff2)}.base-toast--error .base-toast__icon[data-v-f106479e]{color:var(--633a453c)}.base-toast--warning .base-toast__icon[data-v-f106479e]{color:var(--827efb64)}.base-toast--info .base-toast__icon[data-v-f106479e]{color:var(--5ae7e2f8)}.base-toast__content[data-v-f106479e]{flex:1}.base-toast__message[data-v-f106479e]{margin:0;font-size:var(--0c47b44e);color:var(--0215f244)}.base-toast__close[data-v-f106479e]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;color:var(--181e0e76);cursor:pointer;transition:color .15s ease-out,transform .15s ease-out;will-change:transform}.base-toast__close[data-v-f106479e]:hover{color:var(--0215f244)}.toast-container[data-v-1bef1e05]{position:fixed;top:var(--spacing-4);right:var(--spacing-4);z-index:var(--z-index-toast);display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-2);max-width:400px;width:100%}.toast-enter-active[data-v-1bef1e05],.toast-leave-active[data-v-1bef1e05]{transition:all .3s ease}.toast-enter-from[data-v-1bef1e05],.toast-leave-to[data-v-1bef1e05]{transform:translate(100%);opacity:0}.grass-background[data-v-157cf4b8]{position:relative;height:var(--full-viewport-height);width:100%;background:url(/assets/grass-bg.BMxRUy6G.png) center center / cover no-repeat;overflow:hidden}.grass-background__overlay[data-v-157cf4b8]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0000002e,#00000014,#0000002e);pointer-events:none;z-index:var(--z-index-base)}.grass-background__content[data-v-157cf4b8]{position:relative;z-index:var(--z-index-ground);height:var(--full-viewport-height)}.base-loading[data-v-ef76076f]{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2)}.base-loading--overlay[data-v-ef76076f]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fffc;z-index:var(--z-index-loading)}.base-loading--overlay.dark[data-v-ef76076f]{background-color:#000c}.base-loading__spinner[data-v-ef76076f]{display:inline-block;position:relative;width:var(--spinner-size);height:var(--spinner-size)}.base-loading__spinner-circle[data-v-ef76076f]{width:100%;height:100%;animation:rotate-ef76076f 2s linear infinite;transform-origin:center}.base-loading__spinner-track[data-v-ef76076f]{stroke:var(--5c77f74d);opacity:.3}.base-loading__spinner-path[data-v-ef76076f]{stroke-dasharray:251.2;stroke-dashoffset:251.2;animation:dash-ef76076f 1.5s ease-in-out infinite}.base-loading--primary .base-loading__spinner-path[data-v-ef76076f]{stroke:var(--057777bf)}.base-loading--secondary .base-loading__spinner-path[data-v-ef76076f]{stroke:var(--4199574d)}.base-loading--white .base-loading__spinner-path[data-v-ef76076f]{stroke:#fff}.base-loading--white .base-loading__spinner-track[data-v-ef76076f]{stroke:#ffffff4d}.base-loading--sm[data-v-ef76076f]{--spinner-size: 24px}.base-loading--md[data-v-ef76076f]{--spinner-size: 32px}.base-loading--lg[data-v-ef76076f]{--spinner-size: 48px}.base-loading__text[data-v-ef76076f]{font-size:var(--22266d6b);color:var(--5c77f74d);font-weight:500}.base-loading--white .base-loading__text[data-v-ef76076f]{color:#fff}@keyframes rotate-ef76076f{to{transform:rotate(360deg)}}@keyframes dash-ef76076f{0%{stroke-dashoffset:251.2}50%{stroke-dashoffset:62.8}to{stroke-dashoffset:251.2}}.base-card[data-v-0501f853]{background:var(--color-surface);border-radius:8px;box-shadow:0 2px 12px #00000040;padding:1em;margin-bottom:1em;color:var(--color-text);border:1.5px solid var(--color-border)}.cookie-consent[data-v-da827cd3]{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-index-cookie-consent);padding:var(--spacing-4);animation:slideUp-da827cd3 .4s ease-out}.cookie-consent__card[data-v-da827cd3]{background:var(--color-neutral-dark);border:2px solid var(--color-brand-green);box-shadow:0 -4px 20px #0000004d,0 0 15px #2e7d3266;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:600px;margin:0 auto}.cookie-consent__content[data-v-da827cd3]{padding:var(--spacing-4)}.cookie-consent__header[data-v-da827cd3]{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.cookie-consent__icon[data-v-da827cd3]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--color-brand-green),#4caf50);border-radius:50%;color:var(--color-neutral-white)}.icon[data-v-da827cd3]{width:20px;height:20px}.cookie-consent__title[data-v-da827cd3]{color:var(--color-brand-green);font-size:1.2rem;font-weight:600;margin:0}.cookie-consent__description[data-v-da827cd3]{color:var(--color-neutral-white);line-height:1.5;margin-bottom:var(--spacing-4)}.cookie-consent__learn-more[data-v-da827cd3]{background:none;border:none;color:var(--color-brand-green);text-decoration:underline;cursor:pointer;font-size:inherit;margin-left:var(--spacing-1)}.cookie-consent__learn-more[data-v-da827cd3]:hover{color:#4caf50}.cookie-consent__details[data-v-da827cd3]{margin-bottom:var(--spacing-4)}.cookie-types[data-v-da827cd3]{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.cookie-type[data-v-da827cd3]{background:#3a3a3a80;border:1px solid rgba(46,125,50,.3);border-radius:8px;padding:var(--spacing-3)}.cookie-type__header[data-v-da827cd3]{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.cookie-type__icon[data-v-da827cd3]{width:18px;height:18px;color:var(--color-brand-green)}.cookie-type__title[data-v-da827cd3]{font-weight:500;color:var(--color-neutral-white);flex:1}.cookie-type__status[data-v-da827cd3]{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.cookie-type__status--required[data-v-da827cd3]{background:#2e7d3233;color:var(--color-brand-green);border:1px solid var(--color-brand-green)}.cookie-type__description[data-v-da827cd3]{color:#b0bec5;font-size:.875rem;margin:0;line-height:1.4}.cookie-toggle[data-v-da827cd3]{position:relative;display:inline-block;width:44px;height:24px}.cookie-toggle__input[data-v-da827cd3]{opacity:0;width:0;height:0}.cookie-toggle__slider[data-v-da827cd3]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#444;transition:.3s;border-radius:24px}.cookie-toggle__slider[data-v-da827cd3]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.cookie-toggle__input:checked+.cookie-toggle__slider[data-v-da827cd3]{background-color:var(--color-brand-green)}.cookie-toggle__input:checked+.cookie-toggle__slider[data-v-da827cd3]:before{transform:translate(20px)}.cookie-consent__links[data-v-da827cd3]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) 0;border-top:1px solid rgba(46,125,50,.3)}.cookie-link[data-v-da827cd3]{color:var(--color-brand-green);text-decoration:none;font-size:.875rem}.cookie-link[data-v-da827cd3]:hover{text-decoration:underline}.cookie-link-separator[data-v-da827cd3]{color:#666}.cookie-consent__actions[data-v-da827cd3]{display:flex;flex-direction:column;gap:var(--spacing-3)}.action-row[data-v-da827cd3]{display:flex;gap:var(--spacing-3)}.action-button[data-v-da827cd3]{flex:1}.action-button--full-width[data-v-da827cd3]{width:100%}.action-button--primary[data-v-da827cd3]{background:linear-gradient(135deg,var(--color-brand-green) 0%,#4caf50 100%)}.button-icon[data-v-da827cd3]{width:16px;height:16px}.enzuzo-container[data-v-da827cd3]{display:none}@keyframes slideUp-da827cd3{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.cookie-consent[data-v-da827cd3],.cookie-consent__content[data-v-da827cd3]{padding:var(--spacing-3)}.cookie-consent__title[data-v-da827cd3]{font-size:1.1rem}.action-row[data-v-da827cd3]{flex-direction:column}.cookie-types[data-v-da827cd3]{gap:var(--spacing-2)}.cookie-type[data-v-da827cd3]{padding:var(--spacing-2)}.cookie-type__header[data-v-da827cd3]{flex-wrap:wrap;gap:var(--spacing-2)}.cookie-toggle[data-v-da827cd3]{width:40px;height:22px}.cookie-toggle__slider[data-v-da827cd3]:before{height:16px;width:16px}.cookie-toggle__input:checked+.cookie-toggle__slider[data-v-da827cd3]:before{transform:translate(18px)}}@media (prefers-contrast: high){.cookie-consent__card[data-v-da827cd3]{border-width:3px}.cookie-type[data-v-da827cd3]{border-width:2px}}@media (prefers-reduced-motion: reduce){.cookie-consent[data-v-da827cd3]{animation:none}.cookie-toggle__slider[data-v-da827cd3],.cookie-toggle__slider[data-v-da827cd3]:before{transition:none}}.chat-websocket-debug[data-v-247b6720]{background:var(--color-neutral-dark);border:1px solid var(--color-border);border-radius:8px;padding:1rem;margin:1rem 0}.debug-info[data-v-247b6720]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin:1rem 0}.debug-item[data-v-247b6720]{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#ffffff0d;border-radius:4px}.label[data-v-247b6720]{font-weight:500;color:var(--color-neutral-white)}.value[data-v-247b6720]{color:var(--color-neutral-white);font-weight:600}.value.connected[data-v-247b6720]{color:#10b981}.value.error[data-v-247b6720]{color:#ef4444}.value.has-unread[data-v-247b6720]{color:#f59e0b}.debug-actions[data-v-247b6720]{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.debug-details[data-v-247b6720]{margin:1rem 0}.debug-json[data-v-247b6720]{background:#0000004d;padding:.5rem;border-radius:4px;font-size:.8rem;color:var(--color-neutral-white);overflow-x:auto;max-height:200px;overflow-y:auto}.debug-log[data-v-247b6720]{margin:1rem 0}.log-entries[data-v-247b6720]{background:#0000004d;border-radius:4px;max-height:200px;overflow-y:auto}.log-entry[data-v-247b6720]{display:flex;padding:.25rem .5rem;border-bottom:1px solid rgba(255,255,255,.1);font-size:.8rem}.log-entry[data-v-247b6720]:last-child{border-bottom:none}.log-time[data-v-247b6720]{color:#6b7280;margin-right:.5rem;min-width:60px}.log-message[data-v-247b6720]{color:var(--color-neutral-white);flex:1}.environment-debug[data-v-88edec78]{background:var(--color-neutral-dark);border:1px solid var(--color-neutral-white);border-radius:8px;padding:1rem;margin:1rem 0}.debug-info[data-v-88edec78]{margin-bottom:1rem}.debug-info p[data-v-88edec78]{margin:.5rem 0;font-family:monospace;font-size:.9rem}.api-result[data-v-88edec78]{margin-top:1rem;padding:1rem;background:#0000004d;border-radius:4px}.api-result pre[data-v-88edec78]{white-space:pre-wrap;word-break:break-all;font-size:.8rem}.ios-env-debug[data-v-caf0746f]{background:var(--color-neutral-dark);border:1px solid var(--color-brand-green);margin:1rem 0}.section-header h3[data-v-caf0746f]{color:var(--color-brand-green);margin-bottom:.5rem}.section-header p[data-v-caf0746f]{color:var(--color-neutral-white);opacity:.8;margin-bottom:1.5rem}.debug-grid[data-v-caf0746f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.debug-section[data-v-caf0746f]{background:#0000004d;padding:1rem;border-radius:8px;border:1px solid var(--color-neutral-white)}.debug-section h4[data-v-caf0746f]{color:var(--color-brand-blue);margin-bottom:1rem;font-size:1rem}.debug-item[data-v-caf0746f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.5rem;background:#0003;border-radius:4px}.debug-item strong[data-v-caf0746f]{color:var(--color-neutral-white);font-weight:600}.debug-item code[data-v-caf0746f]{background:#00000080;padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.85rem;color:var(--color-brand-orange);word-break:break-all}.user-agent[data-v-caf0746f]{font-size:.75rem!important;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.env-badge[data-v-caf0746f]{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.env-badge.ios[data-v-caf0746f]{background:var(--color-brand-green);color:var(--color-neutral-dark)}.env-badge.production[data-v-caf0746f]{background:var(--color-brand-blue);color:var(--color-neutral-white)}.env-badge.development[data-v-caf0746f]{background:var(--color-brand-orange);color:var(--color-neutral-dark)}.status-badge[data-v-caf0746f]{padding:.25rem .5rem;border-radius:8px;font-size:.8rem;font-weight:600}.status-badge.enabled[data-v-caf0746f]{background:#2e7d324d;color:var(--color-brand-green);border:1px solid var(--color-brand-green)}.status-badge.disabled[data-v-caf0746f]{background:#f443364d;color:#f44336;border:1px solid #f44336}.actions[data-v-caf0746f]{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.actions .icon[data-v-caf0746f]{width:1rem;height:1rem}.api-result[data-v-caf0746f]{background:#00000080;padding:1rem;border-radius:8px;border:1px solid var(--color-brand-blue);margin-bottom:1rem}.api-result h4[data-v-caf0746f]{color:var(--color-brand-blue);margin-bottom:.5rem}.api-result pre[data-v-caf0746f]{white-space:pre-wrap;word-break:break-all;font-size:.8rem;color:var(--color-neutral-white);background:#0000004d;padding:.5rem;border-radius:4px}.debug-logs[data-v-caf0746f]{background:#0000004d;padding:1rem;border-radius:8px;border:1px solid var(--color-brand-orange)}.debug-logs h4[data-v-caf0746f]{color:var(--color-brand-orange);margin-bottom:.5rem}.log-entry[data-v-caf0746f]{display:flex;gap:1rem;padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.8rem}.log-entry[data-v-caf0746f]:last-child{border-bottom:none}.log-time[data-v-caf0746f]{color:var(--color-brand-orange);font-family:monospace;min-width:80px}.log-message[data-v-caf0746f]{color:var(--color-neutral-white);flex:1}@media (max-width: 768px){.debug-grid[data-v-caf0746f]{grid-template-columns:1fr}.debug-item[data-v-caf0746f]{flex-direction:column;align-items:flex-start;gap:.5rem}.actions[data-v-caf0746f]{flex-direction:column}}.ios-logs-debug[data-v-18b3afdf]{background:var(--color-neutral-dark);border:1px solid var(--color-brand-green);margin:1rem 0}.section-header h3[data-v-18b3afdf]{color:var(--color-brand-green);margin-bottom:.5rem}.section-header p[data-v-18b3afdf]{color:var(--color-neutral-white);opacity:.8;margin-bottom:1.5rem}.debug-sections[data-v-18b3afdf]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.debug-section[data-v-18b3afdf]{background:#0000004d;padding:1rem;border-radius:8px;border:1px solid var(--color-neutral-white)}.debug-section h4[data-v-18b3afdf]{color:var(--color-brand-blue);margin-bottom:1rem;font-size:1rem}.debug-grid[data-v-18b3afdf]{display:flex;flex-direction:column;gap:.75rem}.debug-item[data-v-18b3afdf]{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#0003;border-radius:4px}.debug-item strong[data-v-18b3afdf]{color:var(--color-neutral-white);font-weight:600}.debug-item code[data-v-18b3afdf]{background:#00000080;padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.85rem;color:var(--color-brand-orange);word-break:break-all}.user-agent[data-v-18b3afdf]{font-size:.75rem!important;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.env-badge[data-v-18b3afdf]{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.env-badge.ios[data-v-18b3afdf]{background:var(--color-brand-green);color:var(--color-neutral-dark)}.env-badge.production[data-v-18b3afdf]{background:var(--color-brand-blue);color:var(--color-neutral-white)}.status-badge[data-v-18b3afdf]{padding:.25rem .5rem;border-radius:8px;font-size:.8rem;font-weight:600}.status-badge.enabled[data-v-18b3afdf]{background:#2e7d324d;color:var(--color-brand-green);border:1px solid var(--color-brand-green)}.status-badge.disabled[data-v-18b3afdf]{background:#f443364d;color:#f44336;border:1px solid #f44336}.actions[data-v-18b3afdf]{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.actions .icon[data-v-18b3afdf]{width:1rem;height:1rem}.test-results[data-v-18b3afdf]{background:#0000004d;padding:1rem;border-radius:8px;border:1px solid var(--color-brand-blue);margin-bottom:1rem}.test-results h4[data-v-18b3afdf]{color:var(--color-brand-blue);margin-bottom:.5rem}.result-item[data-v-18b3afdf]{margin-bottom:.75rem;padding:.5rem;background:#0003;border-radius:4px}.result-header[data-v-18b3afdf]{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.result-time[data-v-18b3afdf]{color:var(--color-brand-orange);font-family:monospace;font-size:.8rem;min-width:80px}.result-status[data-v-18b3afdf]{font-size:.8rem}.result-status.success[data-v-18b3afdf]{color:var(--color-brand-green)}.result-status.error[data-v-18b3afdf]{color:#f44336}.result-title[data-v-18b3afdf]{color:var(--color-neutral-white);font-weight:600}.result-message[data-v-18b3afdf]{color:var(--color-neutral-white);opacity:.8;font-size:.9rem;margin-left:1.5rem}.console-logs[data-v-18b3afdf]{background:#0000004d;padding:1rem;border-radius:8px;border:1px solid var(--color-brand-orange)}.console-logs h4[data-v-18b3afdf]{color:var(--color-brand-orange);margin-bottom:.5rem}.log-entry[data-v-18b3afdf]{display:flex;gap:1rem;padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.8rem}.log-entry[data-v-18b3afdf]:last-child{border-bottom:none}.log-time[data-v-18b3afdf]{color:var(--color-brand-orange);font-family:monospace;min-width:80px}.log-level[data-v-18b3afdf]{min-width:60px;font-weight:600}.log-level.info[data-v-18b3afdf]{color:var(--color-brand-blue)}.log-level.error[data-v-18b3afdf]{color:#f44336}.log-level.warn[data-v-18b3afdf]{color:#ff9800}.log-message[data-v-18b3afdf]{color:var(--color-neutral-white);flex:1}@media (max-width: 768px){.debug-sections[data-v-18b3afdf]{grid-template-columns:1fr}.debug-item[data-v-18b3afdf]{flex-direction:column;align-items:flex-start;gap:.5rem}.actions[data-v-18b3afdf]{flex-direction:column}}.unified-dev-panel[data-v-7f95125c]{position:fixed;top:50%;left:20px;z-index:var(--z-index-dev-panel);pointer-events:auto}.dev-toggle-btn[data-v-7f95125c]{position:relative;width:60px;height:60px;background:linear-gradient(135deg,#2e7d32,#4caf50);border:2px solid #2e7d32;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #2e7d3266}.dev-toggle-btn[data-v-7f95125c]:hover{background:linear-gradient(135deg,#4caf50,#66bb6a);transform:scale(1.05);box-shadow:0 12px 40px #2e7d3280}.dev-toggle-btn.expanded[data-v-7f95125c]{background:linear-gradient(135deg,#4caf50,#81c784)}.dev-icon[data-v-7f95125c]{width:32px;height:32px;color:#f1f3f4}.dev-badge[data-v-7f95125c]{position:absolute;top:-8px;left:-8px;background:#ff9800;color:#000;font-size:10px;font-weight:700;border-radius:6px;padding:3px 6px;border:2px solid #2e7d32}.issues-count[data-v-7f95125c]{position:absolute;top:-8px;right:-8px;background:#f44336;color:#f1f3f4;font-size:12px;font-weight:700;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:2px solid #2e7d32}.dev-panel-overlay[data-v-7f95125c]{background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.dev-panel[data-v-7f95125c]{background:#121212fa;border:2px solid #2e7d32;border-radius:16px;box-shadow:0 20px 60px #000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:calc(100% - 40px);max-width:1400px;height:calc(100% - 40px);max-height:90vh;min-height:600px;overflow:hidden;display:flex;flex-direction:column;flex-shrink:0}.panel-header[data-v-7f95125c]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#2e7d32,#4caf50);color:#f1f3f4;border-radius:14px 14px 0 0}.header-left[data-v-7f95125c]{display:flex;align-items:center;gap:12px}.header-left h3[data-v-7f95125c]{margin:0;font-size:18px;font-weight:600}.env-badge[data-v-7f95125c],.status-indicator[data-v-7f95125c]{background:#0000004d;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700}.close-btn[data-v-7f95125c]{background:#0003;border:1px solid rgba(0,0,0,.3);border-radius:8px;width:32px;height:32px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn[data-v-7f95125c]:hover{background:#0006}.close-icon[data-v-7f95125c]{width:20px;height:20px;color:#f1f3f4}.tab-navigation[data-v-7f95125c]{display:flex;background:#181818e6;border-bottom:1px solid #2e7d32;overflow-x:auto}.tab-btn[data-v-7f95125c]{display:flex;align-items:center;gap:8px;padding:16px 20px;background:transparent;border:none;color:#b0bec5;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;border-bottom:3px solid transparent;white-space:nowrap}.tab-btn[data-v-7f95125c]:hover{background:#2e7d321a;color:#e8eaed}.tab-btn.active[data-v-7f95125c]{color:#4caf50;border-bottom-color:#4caf50;background:#2e7d3226}.tab-icon[data-v-7f95125c]{width:18px;height:18px}.tab-count[data-v-7f95125c],.tab-issues[data-v-7f95125c]{background:#ff9800;color:#000;font-size:11px;font-weight:700;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.tab-issues[data-v-7f95125c]{background:#f44336;color:#f1f3f4}.panel-content[data-v-7f95125c]{flex:1;overflow-y:auto;overflow-x:hidden;padding:30px;color:#e8eaed;min-height:0;width:100%;box-sizing:border-box}.tab-content[data-v-7f95125c]{width:100%;min-height:400px;box-sizing:border-box}.content-header[data-v-7f95125c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #333}.content-header h4[data-v-7f95125c]{margin:0;font-size:20px;font-weight:600;color:#42a5f5}.quick-actions[data-v-7f95125c],.feature-controls[data-v-7f95125c]{display:flex;gap:12px}.btn-small[data-v-7f95125c],.btn-primary[data-v-7f95125c],.btn-secondary[data-v-7f95125c],.action-btn[data-v-7f95125c]{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.btn-small.btn-primary[data-v-7f95125c],.btn-primary[data-v-7f95125c]{background:linear-gradient(135deg,#2e7d32,#4caf50);color:#f1f3f4}.btn-small.btn-warning[data-v-7f95125c]{background:linear-gradient(135deg,#f57c00,#ff9800);color:#f1f3f4}.btn-secondary[data-v-7f95125c]{background:#95a5a6cc;color:#f1f3f4}.action-btn[data-v-7f95125c]{background:#42a5f51a;border:1px solid rgba(66,165,245,.3);color:#42a5f5}.btn-icon[data-v-7f95125c]{width:14px;height:14px}.state-grid[data-v-7f95125c],.router-grid[data-v-7f95125c],.local-tools-grid[data-v-7f95125c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;width:100%}.state-section[data-v-7f95125c],.router-section[data-v-7f95125c],.tool-card[data-v-7f95125c]{background:#181818cc;border:1px solid #2e7d32;border-radius:8px;padding:20px;width:100%;box-sizing:border-box;min-height:150px}.state-section h5[data-v-7f95125c],.router-section h5[data-v-7f95125c],.tool-card h5[data-v-7f95125c]{margin:0 0 12px;color:#42a5f5;font-size:14px;font-weight:600}.state-display[data-v-7f95125c],.router-display[data-v-7f95125c]{background:#0009;border:1px solid #2e7d32;border-radius:6px;padding:15px;font-size:12px;max-height:250px;overflow-y:auto;color:#e8eaed;font-family:Courier New,monospace;white-space:pre-wrap;word-break:break-all}.api-controls[data-v-7f95125c]{display:flex;gap:16px;align-items:end;margin-bottom:24px;flex-wrap:wrap;width:100%}.method-selector[data-v-7f95125c],.endpoint-input[data-v-7f95125c]{display:flex;flex-direction:column;gap:6px}.method-selector label[data-v-7f95125c],.endpoint-input label[data-v-7f95125c]{font-size:12px;color:#b0bec5;font-weight:500}.method-select[data-v-7f95125c],.endpoint-field[data-v-7f95125c]{padding:8px 12px;background:#2a2a2acc;border:1px solid #333;border-radius:6px;color:#e8eaed;font-size:14px}.endpoint-field[data-v-7f95125c]{min-width:200px;flex:1}.execute-btn[data-v-7f95125c]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#f1f3f4,#e8eaed);color:#212121;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.execute-btn[data-v-7f95125c]:disabled{background:#666;cursor:not-allowed}.spinning[data-v-7f95125c]{animation:spin-7f95125c 1s linear infinite}@keyframes spin-7f95125c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quick-endpoints[data-v-7f95125c]{margin-top:24px}.quick-endpoints h5[data-v-7f95125c]{color:#f1f3f4;margin-bottom:16px}.endpoint-grid[data-v-7f95125c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.quick-endpoint-btn[data-v-7f95125c]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#2a2a2acc;border:1px solid #333;border-radius:6px;color:#e8eaed;cursor:pointer;transition:all .2s ease;font-size:12px}.quick-endpoint-btn[data-v-7f95125c]:hover{background:#f1f3f41a;border-color:#f1f3f4}.method-badge[data-v-7f95125c]{background:#f1f3f4;color:#000;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700}.flags-grid[data-v-7f95125c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.flag-item[data-v-7f95125c]{background:#2a2a2a99;border:1px solid #333;border-radius:6px;padding:12px}.flag-label[data-v-7f95125c]{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:#e8eaed}.flag-label input[type=checkbox][data-v-7f95125c]{width:18px;height:18px;accent-color:#4caf50}.flag-name[data-v-7f95125c]{flex:1;font-weight:500}.flag-status[data-v-7f95125c]{width:20px;height:20px}.flag-status.enabled[data-v-7f95125c]{color:#66bb6a}.flag-status.disabled[data-v-7f95125c]{color:#f44336}.connection-status[data-v-7f95125c],.router-status[data-v-7f95125c],.dev-mode-badge[data-v-7f95125c],.feature-stats[data-v-7f95125c]{background:#f1f3f433;color:#f1f3f4;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700}.history-list[data-v-7f95125c]{max-height:200px;overflow-y:auto}.history-item[data-v-7f95125c]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #333;font-size:12px}.route-path[data-v-7f95125c]{color:#f1f3f4;font-weight:500}.route-time[data-v-7f95125c]{color:#b0bec5}.action-buttons[data-v-7f95125c]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.performance-metrics[data-v-7f95125c],.env-info[data-v-7f95125c]{display:flex;flex-direction:column;gap:8px}.metric[data-v-7f95125c],.env-item[data-v-7f95125c]{display:flex;justify-content:space-between;align-items:center;font-size:12px}.metric-label[data-v-7f95125c],.env-label[data-v-7f95125c]{color:#b0bec5}.metric-value[data-v-7f95125c],.env-value[data-v-7f95125c]{color:#f1f3f4;font-weight:600}.dev-panel-enter-active[data-v-7f95125c],.dev-panel-leave-active[data-v-7f95125c]{transition:all .3s ease}.dev-panel-enter-from[data-v-7f95125c],.dev-panel-leave-to[data-v-7f95125c]{opacity:0;transform:scale(.95)}@media (min-width: 1920px){.dev-panel[data-v-7f95125c]{width:calc(100% - 30px);max-width:1800px;height:calc(100% - 30px);max-height:1000px}.panel-content[data-v-7f95125c]{padding:40px}.state-grid[data-v-7f95125c],.router-grid[data-v-7f95125c],.local-tools-grid[data-v-7f95125c]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.state-section[data-v-7f95125c],.router-section[data-v-7f95125c],.tool-card[data-v-7f95125c]{min-height:180px;padding:24px}.state-display[data-v-7f95125c],.router-display[data-v-7f95125c]{max-height:300px;font-size:13px;padding:20px}.flags-grid[data-v-7f95125c]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}}@media (min-width: 2560px){.dev-panel[data-v-7f95125c]{width:calc(100% - 20px);max-width:2400px;height:calc(100% - 20px);max-height:1200px}.panel-content[data-v-7f95125c]{padding:50px}.state-grid[data-v-7f95125c],.router-grid[data-v-7f95125c],.local-tools-grid[data-v-7f95125c]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.state-section[data-v-7f95125c],.router-section[data-v-7f95125c],.tool-card[data-v-7f95125c]{min-height:200px;padding:28px}.state-display[data-v-7f95125c],.router-display[data-v-7f95125c]{max-height:350px;font-size:14px;padding:24px}}@media (max-width: 768px){.unified-dev-panel[data-v-7f95125c]{top:auto;bottom:80px;left:15px}.dev-toggle-btn[data-v-7f95125c]{width:50px;height:50px}.dev-icon[data-v-7f95125c]{width:24px;height:24px}.dev-badge[data-v-7f95125c]{font-size:8px;padding:2px 4px}.dev-panel-overlay[data-v-7f95125c]{padding:5px}.dev-panel[data-v-7f95125c]{width:95vw;height:90vh;max-height:none;min-height:70vh;max-width:none}.panel-header[data-v-7f95125c]{padding:12px 16px}.header-left h3[data-v-7f95125c]{font-size:14px}.env-badge[data-v-7f95125c],.status-indicator[data-v-7f95125c]{font-size:10px;padding:2px 6px}.panel-content[data-v-7f95125c]{padding:12px;max-height:calc(90vh - 120px)}.tab-navigation[data-v-7f95125c]{overflow-x:auto}.tab-btn[data-v-7f95125c]{padding:12px 16px;font-size:12px;gap:6px}.tab-icon[data-v-7f95125c]{width:16px;height:16px}.tab-count[data-v-7f95125c],.tab-issues[data-v-7f95125c]{width:18px;height:18px;font-size:10px}.state-grid[data-v-7f95125c],.router-grid[data-v-7f95125c],.local-tools-grid[data-v-7f95125c]{grid-template-columns:1fr;gap:8px;width:100%}.state-section[data-v-7f95125c],.router-section[data-v-7f95125c],.tool-card[data-v-7f95125c]{padding:12px;min-height:120px}.state-display[data-v-7f95125c],.router-display[data-v-7f95125c]{max-height:150px;font-size:9px;padding:8px}.api-controls[data-v-7f95125c]{flex-direction:column;align-items:stretch;gap:8px}.flags-grid[data-v-7f95125c]{grid-template-columns:1fr;gap:8px}.flag-item[data-v-7f95125c]{padding:8px}.flag-label[data-v-7f95125c]{font-size:12px;gap:8px}.content-header h4[data-v-7f95125c]{font-size:16px}.quick-actions[data-v-7f95125c],.feature-controls[data-v-7f95125c]{gap:8px}}@media (max-width: 480px){.unified-dev-panel[data-v-7f95125c]{bottom:70px;left:10px}.dev-toggle-btn[data-v-7f95125c]{width:45px;height:45px}.dev-icon[data-v-7f95125c]{width:20px;height:20px}.dev-panel[data-v-7f95125c]{width:98vw;height:95vh;max-height:none;min-height:80vh}.panel-header[data-v-7f95125c]{padding:10px 12px}.header-left h3[data-v-7f95125c]{font-size:12px}.panel-content[data-v-7f95125c]{padding:8px;max-height:calc(95vh - 110px)}.tab-btn[data-v-7f95125c]{padding:10px 12px;font-size:11px}.state-section[data-v-7f95125c],.router-section[data-v-7f95125c],.tool-card[data-v-7f95125c]{padding:8px;min-height:100px}.state-display[data-v-7f95125c],.router-display[data-v-7f95125c]{max-height:120px;font-size:8px;padding:6px}}@media (max-width: 926px) and (orientation: landscape){.unified-dev-panel[data-v-7f95125c]{bottom:60px;left:10px}.dev-panel[data-v-7f95125c]{height:85vh;max-height:none;min-height:60vh}.panel-content[data-v-7f95125c]{padding:8px;max-height:calc(85vh - 100px)}.state-display[data-v-7f95125c],.router-display[data-v-7f95125c]{max-height:80px}}.auth-loading{height:var(--dvh);display:flex;align-items:center;justify-content:center;background:var(--color-neutral-dark);color:var(--color-neutral-white)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.route-wrapper{width:100%;flex:1 1 auto;height:100%;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;overflow:visible!important}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-color);background-color:var(--background-color);line-height:1.6}#app{height:var(--dvh);display:flex;flex-direction:column}.logo[data-v-9e4e45fd]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-9e4e45fd]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-9e4e45fd]:hover{filter:drop-shadow(0 0 2em #42b883aa)}:root{--vh: 1px;--svh: 100px;--lvh: 100px;--dvh: 100px;--svw: 100px;--lvw: 100px;--dvw: 100px;--viewport-height: 100px;--viewport-width: 100px;--mobile-viewport-height: 400px;--landscape-viewport-height: 300px;--full-viewport-height: 100px;--content-container-height-mobile: calc(var(--dvh) - var(--header-height-mobile) - var(--footer-height-mobile));--content-container-height-desktop: calc(100vh - var(--header-height) - var(--footer-height) - var(--breadcrumbs-height-desktop));--swipe-card-height: 500px;--swipe-card-height-mobile: 400px;--swipe-card-height-landscape: 300px;--mobile-safe-area-inset-top: env(safe-area-inset-top, 0px);--mobile-safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--mobile-safe-area-inset-left: env(safe-area-inset-left, 0px);--mobile-safe-area-inset-right: env(safe-area-inset-right, 0px)}.viewport-height{height:var(--viewport-height);min-height:var(--viewport-height)}.viewport-width{width:var(--viewport-width);max-width:var(--viewport-width)}.svh-height{height:var(--svh);min-height:var(--svh)}.lvh-height{height:var(--lvh);min-height:var(--lvh)}.dvh-height,#app,.app-layout{height:var(--dvh);min-height:var(--dvh)}.content-container{overflow-y:auto;overflow-x:hidden}input,select,textarea{font-size:16px}button,.clickable{min-height:48px;min-width:48px}.scrollable-content{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media screen and (min-height: 800px){.swipe-card-height{height:var(--swipe-card-height);min-height:var(--swipe-card-height);max-height:var(--swipe-card-height)}}@media screen and (min-height: 600px) and (max-height: 799px){.viewport-height,.mobile-viewport-height,.landscape-viewport-height{height:var(--mobile-viewport-height);min-height:var(--mobile-viewport-height);max-height:var(--mobile-viewport-height)}.swipe-card-height{height:var(--swipe-card-height);min-height:var(--swipe-card-height);max-height:var(--swipe-card-height)}}@media screen and (min-height: 500px) and (max-height: 599px){.swipe-card-height{height:var(--swipe-card-height-mobile);min-height:var(--swipe-card-height-mobile);max-height:var(--swipe-card-height-mobile)}}@media screen and (min-height: 400px) and (max-height: 499px){.swipe-card-height{height:var(--swipe-card-height-mobile);min-height:var(--swipe-card-height-mobile);max-height:var(--swipe-card-height-mobile)}}@media screen and (max-height: 399px){.viewport-height,.mobile-viewport-height,.landscape-viewport-height{height:var(--mobile-viewport-height);min-height:var(--mobile-viewport-height)}.swipe-card-height{height:var(--swipe-card-height-mobile);min-height:var(--swipe-card-height-mobile);max-height:var(--swipe-card-height-mobile)}}@media screen and (orientation: landscape) and (min-height: 400px) and (max-height: 600px){.landscape-viewport-height{height:var(--landscape-viewport-height);min-height:var(--landscape-viewport-height);max-height:var(--landscape-viewport-height)}.swipe-card-height{height:var(--swipe-card-height-landscape);min-height:var(--swipe-card-height-landscape);max-height:var(--swipe-card-height-landscape)}}@media screen and (orientation: landscape) and (max-height: 399px){.swipe-card-height{height:var(--swipe-card-height-landscape);min-height:var(--swipe-card-height-landscape);max-height:var(--swipe-card-height-landscape)}}.landscape-viewport-height{height:var(--landscape-viewport-height);min-height:var(--landscape-viewport-height);max-height:var(--landscape-viewport-height)}.full-viewport-height{height:var(--full-viewport-height);min-height:var(--full-viewport-height)}.svw-width{width:var(--svw);max-width:var(--svw)}.lvw-width{width:var(--lvw);max-width:var(--lvw)}.dvw-width{width:var(--dvw);max-width:var(--dvw)}.scrollable-viewport{height:var(--viewport-height);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.scrollable-landscape{height:var(--landscape-viewport-height);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.mobile-container{height:var(--mobile-viewport-height);width:var(--viewport-width);min-height:var(--mobile-viewport-height);max-width:var(--viewport-width);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.content-container-height-mobile{height:var(--content-container-height-mobile);min-height:var(--content-container-height-mobile);max-height:var(--content-container-height-mobile)}.content-container-height-desktop{height:var(--content-container-height-desktop);min-height:var(--content-container-height-desktop);max-height:var(--content-container-height-desktop)}.swipe-card-height{height:var(--swipe-card-height);min-height:var(--swipe-card-height);max-height:var(--swipe-card-height)}.swipe-card-height-mobile{height:var(--swipe-card-height-mobile);min-height:var(--swipe-card-height-mobile);max-height:var(--swipe-card-height-mobile)}.swipe-card-height-landscape{height:var(--swipe-card-height-landscape);min-height:var(--swipe-card-height-landscape);max-height:var(--swipe-card-height-landscape)}@media screen and (min-height: 800px){button,.clickable{min-height:48px;min-width:48px}}@media screen and (min-height: 600px) and (max-height: 799px){button,.clickable{min-height:44px;min-width:44px}}@media screen and (min-height: 500px) and (max-height: 599px){button,.clickable{min-height:40px;min-width:40px}}@media screen and (min-height: 400px) and (max-height: 499px){button,.clickable{min-height:36px;min-width:36px}}@media screen and (max-height: 399px){button,.clickable{min-height:32px;min-width:32px}}.viewport-flex{display:flex;height:var(--viewport-height);min-height:var(--viewport-height)}.mobile-viewport-flex{display:flex;height:var(--mobile-viewport-height);min-height:var(--mobile-viewport-height);max-height:var(--mobile-viewport-height)}.landscape-viewport-flex{display:flex;height:var(--landscape-viewport-height);min-height:var(--landscape-viewport-height);max-height:var(--landscape-viewport-height)}.viewport-grid{display:grid;height:var(--viewport-height);min-height:var(--viewport-height)}.mobile-viewport-grid{display:grid;height:var(--mobile-viewport-height);min-height:var(--mobile-viewport-height);max-height:var(--mobile-viewport-height)}.viewport-transition{transition:height .3s ease,min-height .3s ease}.swipe-card-transition{transition:height .3s ease,min-height .3s ease,max-height .3s ease}.debug-viewport{position:relative;border:2px solid red}.debug-viewport:before{content:"Viewport Debug";position:absolute;top:0;left:0;background:red;color:#fff;padding:2px 6px;font-size:10px;z-index:10000}.theme-viewport{height:var(--viewport-height);min-height:var(--viewport-height);background:var(--color-background);color:var(--color-text)}.theme-viewport-mobile{height:var(--mobile-viewport-height);min-height:var(--mobile-viewport-height);max-height:var(--mobile-viewport-height);background:var(--color-background);color:var(--color-text)}.viewport-optimized{will-change:height,min-height}.viewport-accelerated{transform:translateZ(0);backface-visibility:hidden}.android-safe-area-top{padding-top:24px;padding-top:env(safe-area-inset-top,24px)}.android-safe-area-bottom{padding-bottom:48px;padding-bottom:env(safe-area-inset-bottom,48px)}.android-safe-area-left{padding-left:env(safe-area-inset-left,0px)}.android-safe-area-right{padding-right:env(safe-area-inset-right,0px)}.android-viewport{min-height:100vh;min-height:100dvh;padding-bottom:48px}.android-edge-to-edge{padding-bottom:48px;min-height:calc(100vh - 48px);min-height:calc(100dvh - 48px)}.android-immersive{padding-top:env(safe-area-inset-top,24px);padding-bottom:env(safe-area-inset-bottom,48px)}@media screen and (max-width: 360px){.android-safe-area-top{padding-top:20px}.android-safe-area-bottom,.android-viewport{padding-bottom:40px}.android-edge-to-edge{padding-bottom:40px;min-height:calc(100vh - 40px);min-height:calc(100dvh - 40px)}}@media screen and (min-width: 361px) and (max-width: 480px){.android-safe-area-top{padding-top:22px}.android-safe-area-bottom,.android-viewport{padding-bottom:44px}.android-edge-to-edge{padding-bottom:44px;min-height:calc(100vh - 44px);min-height:calc(100dvh - 44px)}}@media screen and (min-width: 481px){.android-safe-area-top{padding-top:24px}.android-safe-area-bottom,.android-viewport{padding-bottom:48px}.android-edge-to-edge{padding-bottom:48px;min-height:calc(100vh - 48px);min-height:calc(100dvh - 48px)}}.android-reserved-top{margin-top:24px}.android-reserved-bottom{margin-bottom:48px}.android-system-ui-overlay{position:relative;z-index:10000}.android-keyboard-adjust{padding-bottom:env(keyboard-inset-height,0px)}@media (max-width: 1px){.android-debug-safe-areas{outline:2px solid red;outline-offset:-2px}.android-debug-status-bar{outline:2px solid blue;outline-offset:-2px}.android-debug-navigation-bar{outline:2px solid green;outline-offset:-2px}}:root{--color-brand-green: #4CAF50;--color-brand-green-light: #81C784;--color-brand-green-dark: #388E3C;--color-brand-green-rgb: 76, 175, 80;--color-brand-blue: #2196F3;--color-brand-blue-light: #d5e0ea;--color-brand-blue-dark: #1976D2;--color-brand-blue-rgb: 33, 150, 243;--color-brand-orange: #FFF3E0;--color-brand-orange-light: #FFFFFF;--color-brand-orange-dark: #E65100;--color-brand-gold: #F4B400;--color-brand-gold-light: #FFD54F;--color-brand-gold-dark: #FF8F00;--color-neutral-white: #FFFFFF;--color-neutral-black: #212121;--color-neutral-dark: rgb(253, 253, 253);--color-neutral-grey-light: #FFFFFF;--color-neutral-grey: #E9ECEF;--color-neutral-grey-dark: #DEE2E6;--color-success: #81C784;--color-error: #E57373;--color-warning: #FFF8E1;--color-info: #64B5F6;--color-primary: var(--color-brand-green);--color-primary-light: var(--color-brand-green-light);--color-primary-dark: var(--color-brand-green-dark);--color-primary-contrast: var(--color-neutral-white);--color-primary-rgb: 46, 125, 50;--color-secondary: var(--color-brand-orange);--color-secondary-light: var(--color-brand-orange-light);--color-secondary-dark: var(--color-brand-orange-dark);--color-secondary-contrast: #212121;--color-accent: var(--color-brand-orange);--color-accent-light: var(--color-brand-orange-light);--color-accent-dark: var(--color-brand-orange-dark);--color-accent-contrast: #212121;--color-error: #F44336;--color-error-light: #E57373;--color-error-dark: #D32F2F;--color-error-contrast: var(--color-neutral-white);--color-warning: var(--color-brand-orange);--color-warning-light: var(--color-brand-orange-light);--color-warning-dark: var(--color-brand-orange-dark);--color-warning-contrast: #212121;--color-success: var(--color-brand-green);--color-success-light: var(--color-brand-green-light);--color-success-dark: var(--color-brand-green-dark);--color-success-contrast: var(--color-neutral-white);--color-background: var(--color-neutral-dark);--color-surface: #FFFFFF;--color-border: #E9ECEF;--color-text: #212529;--color-text-secondary: #495057;--color-chat-own-message: var(--color-primary);--color-chat-other-message: #f8f9fa;--color-chat-unread: var(--color-accent);--color-input-background: var(--color-surface);--color-input-border: var(--color-border);--color-input-text: var(--color-text);--color-input-placeholder: var(--color-text-secondary);--color-input-focus: var(--color-primary);--color-input-disabled: var(--color-neutral-grey);--color-input-disabled-text: var(--color-text-secondary);--color-status-success: #10b981;--color-status-error: #ef4444;--color-status-warning: #f59e0b;--color-status-info: #3b82f6;--color-status-neutral: #6b7280;--color-tag-neutral-bg: #26A69A;--color-tag-neutral-border: transparent;--color-tag-neutral-text: #FFFFFF;--color-bg-light: var(--color-neutral-grey-light);--color-bg-medium: var(--color-neutral-grey);--color-bg-dark: var(--color-neutral-grey-dark);--color-bg-overlay: rgba(0, 0, 0, .5);--color-border-light: var(--color-neutral-grey);--color-border-medium: var(--color-neutral-grey-dark);--color-border-dark: var(--color-text-secondary);--color-text-muted: var(--color-text-secondary);--color-text-light: var(--color-neutral-white);--color-text-dark: var(--color-neutral-black);--color-btn-primary: var(--color-primary);--color-btn-primary-hover: var(--color-primary-dark);--color-btn-secondary: var(--color-secondary);--color-btn-secondary-hover: var(--color-secondary-dark);--color-btn-danger: var(--color-error);--color-btn-danger-hover: var(--color-error-dark);--color-btn-success: var(--color-success);--color-btn-success-hover: var(--color-success-dark);--color-card-background: var(--color-neutral-dark);--color-card-border: var(--color-border);--color-card-shadow: var(--shadow-base);--color-loading: var(--color-text-secondary);--color-disabled: var(--color-neutral-grey);--color-disabled-text: var(--color-text-secondary);--color-selection: rgba(var(--color-primary-rgb), .2);--color-focus-ring: rgba(var(--color-primary-rgb), .5);--color-scrollbar-track: var(--color-neutral-grey);--color-scrollbar-thumb: var(--color-text-secondary);--color-scrollbar-thumb-hover: var(--color-text);--color-glow-primary: #FF6B35;--color-glow-secondary: #F39C12;--color-glow-accent: #E74C3C;--color-glow-warning: #FF9800;--color-glow-success: #27AE60;--color-scheme: light}.dark{--color-brand-green: #2E7D32;--color-brand-green-light: #4CAF50;--color-brand-green-dark: #1B5E20;--color-brand-green-rgb: 46, 125, 50;--color-brand-blue: #1976D2;--color-brand-blue-light: #2196F3;--color-brand-blue-dark: #0D47A1;--color-brand-blue-rgb: 25, 118, 210;--color-brand-orange: #FFB74D;--color-brand-orange-light: #FFCC80;--color-brand-orange-dark: #F57C00;--color-brand-gold: #FFD700;--color-brand-gold-light: #FFED4A;--color-brand-gold-dark: #FFC107;--color-neutral-white: #FFFFFF;--color-neutral-black: #212121;--color-neutral-dark: #121212;--color-neutral-grey-light: #2a2a2a;--color-neutral-grey: #333333;--color-neutral-grey-dark: #444444;--color-success: #4CAF50;--color-error: #F44336;--color-warning: #FF9800;--color-info: #2196F3;--color-primary: var(--color-brand-green-dark);--color-primary-light: var(--color-brand-green);--color-primary-dark: #1B5E20;--color-primary-contrast: var(--color-neutral-white);--color-primary-rgb: 46, 125, 50;--color-secondary: var(--color-brand-blue-dark);--color-secondary-light: var(--color-brand-blue);--color-secondary-dark: #0D47A1;--color-secondary-contrast: var(--color-neutral-white);--color-accent: var(--color-brand-orange-dark);--color-accent-light: var(--color-brand-orange);--color-accent-dark: #F57C00;--color-accent-contrast: var(--color-neutral-black);--color-error: #D32F2F;--color-error-light: #F44336;--color-error-dark: #B71C1C;--color-error-contrast: var(--color-neutral-white);--color-warning: var(--color-brand-orange-dark);--color-warning-light: var(--color-brand-orange);--color-warning-dark: #F57C00;--color-warning-contrast: var(--color-neutral-black);--color-success: var(--color-brand-green-dark);--color-success-light: var(--color-brand-green);--color-success-dark: #1B5E20;--color-success-contrast: var(--color-neutral-white);--color-background: #121212;--color-surface: #1E1E1E;--color-border: #333333;--color-text: #FFFFFF;--color-text-secondary: #B0B0B0;--color-chat-own-message: var(--color-primary);--color-chat-other-message: var(--color-surface);--color-chat-unread: var(--color-accent);--color-input-background: #2a2a2a;--color-input-border: #444444;--color-input-text: #FFFFFF;--color-input-placeholder: #888888;--color-input-focus: var(--color-primary);--color-input-disabled: #333333;--color-input-disabled-text: #666666;--color-status-success: #10b981;--color-status-error: #ef4444;--color-status-warning: #f59e0b;--color-status-info: #3b82f6;--color-status-neutral: #9ca3af;--color-tag-neutral-bg: #26A69A;--color-tag-neutral-border: transparent;--color-tag-neutral-text: #FFFFFF;--color-bg-light: #2a2a2a;--color-bg-medium: #333333;--color-bg-dark: #1a1a1a;--color-bg-overlay: rgba(0, 0, 0, .7);--color-border-light: #444444;--color-border-medium: #555555;--color-border-dark: #666666;--color-text-muted: #888888;--color-text-light: #FFFFFF;--color-text-dark: #E5E5E5;--color-btn-primary: var(--color-primary);--color-btn-primary-hover: var(--color-primary-light);--color-btn-secondary: var(--color-secondary);--color-btn-secondary-hover: var(--color-secondary-light);--color-btn-danger: var(--color-error);--color-btn-danger-hover: var(--color-error-light);--color-btn-success: var(--color-success);--color-btn-success-hover: var(--color-success-light);--color-card-background: #1E1E1E;--color-card-border: #333333;--color-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--color-loading: #888888;--color-disabled: #333333;--color-disabled-text: #666666;--color-selection: rgba(var(--color-primary-rgb), .3);--color-focus-ring: rgba(var(--color-primary-rgb), .6);--color-scrollbar-track: #333333;--color-scrollbar-thumb: #666666;--color-scrollbar-thumb-hover: #888888;--color-glow-primary: #FF7043;--color-glow-secondary: #FFB74D;--color-glow-accent: #FF5252;--color-glow-warning: #FFA726;--color-glow-success: #66BB6A;--color-scheme: dark}.support-view{min-height:100vh;padding:var(--spacing-8) var(--spacing-4);background:var(--color-background)}.support-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-8)}.support-header{text-align:center;margin-bottom:var(--spacing-4)}.support-title{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);font-size:2.5rem;font-weight:700;color:var(--color-brand-green);margin-bottom:var(--spacing-4)}.support-title-icon{width:2.5rem;height:2.5rem}.support-subtitle{font-size:1.125rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.section-title{display:flex;align-items:center;gap:var(--spacing-3);font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0}.section-icon{width:1.5rem;height:1.5rem;color:var(--color-brand-green)}.faq-section{margin-bottom:var(--spacing-8)}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.faq-item{border:1px solid var(--color-border);border-radius:var(--border-radius-xl);overflow:hidden;transition:all .2s ease}.faq-item:hover,.faq-item--open{border-color:var(--color-brand-green)}.faq-question{width:100%;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-5);background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease}.faq-question:hover{background-color:rgba(var(--color-primary-rgb),.05)}.faq-icon{width:1.25rem;height:1.25rem;color:var(--color-brand-green);flex-shrink:0}.faq-question-text{font-size:1.125rem;font-weight:500;color:var(--color-text);flex:1}.faq-chevron{width:1.25rem;height:1.25rem;color:var(--color-text-secondary);transition:transform .2s ease;flex-shrink:0}.faq-chevron--rotated{transform:rotate(180deg)}.faq-answer{padding:0 var(--spacing-5) var(--spacing-5);border-top:1px solid var(--color-border);background-color:rgba(var(--color-primary-rgb),.02)}.faq-answer p{margin:0;color:var(--color-text-secondary);line-height:1.6}.support-form-section{margin-bottom:var(--spacing-8)}.support-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-label{display:flex;align-items:center;gap:var(--spacing-2);font-weight:500;color:var(--color-text);font-size:1rem}.form-label-icon{width:1rem;height:1rem;color:var(--color-brand-green);flex-shrink:0}.form-input,.form-select,.form-textarea{padding:.875rem var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-background);color:var(--color-text);font-size:1rem;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-brand-green);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed}.custom-select-wrapper{position:relative;width:100%}.custom-select-button{width:100%;padding:.875rem var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-background);color:var(--color-text);font-size:1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left}.custom-select-button:hover{border-color:var(--color-brand-green)}.custom-select-button:focus{outline:none;border-color:var(--color-brand-green);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.custom-select-button:disabled{opacity:.6;cursor:not-allowed}.custom-select-button--open{border-color:var(--color-brand-green);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.custom-select-content{display:flex;align-items:center;gap:var(--spacing-2);flex:1}.custom-select-icon{width:1rem;height:1rem;color:var(--color-brand-green);flex-shrink:0}.custom-select-text{color:var(--color-text)}.custom-select-chevron{width:1rem;height:1rem;color:var(--color-text-secondary);transition:transform .2s ease;flex-shrink:0}.custom-select-chevron--rotated{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);z-index:10;margin-top:.25rem;max-height:200px;overflow-y:auto}.custom-select-option{width:100%;padding:.75rem var(--spacing-4);border:none;background:none;color:var(--color-text);font-size:1rem;text-align:left;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-2);transition:background-color .2s ease}.custom-select-option:hover{background-color:rgba(var(--color-primary-rgb),.05)}.custom-select-option--selected{background-color:rgba(var(--color-primary-rgb),.1);color:var(--color-brand-green)}.custom-select-option-icon{width:1rem;height:1rem;color:var(--color-brand-green);flex-shrink:0}.custom-select-option-text{flex:1}.form-textarea{resize:vertical;min-height:120px;font-family:inherit}.form-help{font-size:.875rem;color:var(--color-text-secondary)}.auth-required-info{padding:var(--spacing-6);background:linear-gradient(135deg,#2e7d320d,#1976d20d);border:1px solid rgba(46,125,50,.2);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-4)}.auth-info-content{display:flex;flex-direction:column;align-items:center;text-align:center}.auth-info-text{width:100%}.auth-info-title{font-size:1.25rem;font-weight:600;color:var(--color-brand-green);margin:0 0 var(--spacing-3) 0}.auth-info-description{color:var(--color-text);line-height:1.6;margin:0 0 var(--spacing-5) 0;opacity:.9}.auth-info-actions{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.button-icon{width:1rem;height:1rem}@media (max-width: 768px){.auth-required-info{padding:var(--spacing-4)}.auth-info-actions{justify-content:center;flex-direction:column;align-items:center;gap:var(--spacing-3)}.auth-info-actions .base-button{width:100%;max-width:200px}}.form-validation-message{margin-top:var(--spacing-4)}.validation-error{padding:.75rem 1rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--border-radius-md);color:#ef4444;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.validation-error:before{content:"⚠️";font-size:1rem;flex-shrink:0}.form-actions{display:flex;justify-content:center;margin-top:var(--spacing-4)}.button-icon{width:1.25rem;height:1.25rem}@media (max-width: 768px){.support-view{padding:var(--spacing-4) var(--spacing-2)}.support-title{font-size:2rem;flex-direction:column;gap:var(--spacing-2)}.support-title-icon{width:2rem;height:2rem}.support-subtitle{font-size:1rem}.section-title{font-size:1.25rem}.faq-question{padding:var(--spacing-4)}.faq-question-text{font-size:1rem}.faq-answer{padding:0 var(--spacing-4) var(--spacing-4)}.form-actions{margin-top:var(--spacing-2)}}@media (max-width: 480px){.support-container{gap:var(--spacing-6)}.support-title{font-size:1.75rem}.faq-question{padding:.875rem}.form-input,.form-select,.form-textarea{padding:.75rem}}@font-face{font-family:Pemage;src:url(/fonts/PemageRegular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}.mobile-only{display:none}@media (max-width: 1366px){.mobile-only{display:block}.desktop-only{display:none!important}}html,body,#app,.app-layout{height:100%;min-height:98%}:root{--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-secondary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--border-radius-none: 0;--border-radius-sm: .125rem;--border-radius-base: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--header-height: 64px;--footer-height: 50px;--header-height-mobile: 50px;--footer-height-mobile: calc(65px + env(safe-area-inset-bottom, 0px)) ;--header-height-tiny: 44px;--footer-height-tiny: 45px;--header-height-landscape: 36px;--footer-height-landscape: 48px;--header-height-landscape-tiny: 40px;--footer-height-landscape-tiny: 28px;--breadcrumb-max-height: 50px;--breadcrumb-max-height-mobile: 40px;--breadcrumbs-height: 50px;--breadcrumbs-height-desktop: 50px;--breadcrumbs-height-mobile: 0px;--content-padding-landscape: .5rem;--swipe-card-max-width-landscape: 600px;--transition-duration-shortest: .15s;--transition-duration-shorter: .2s;--transition-duration-short: .25s;--transition-duration-standard: .3s;--transition-duration-complex: 375ms;--transition-duration-entering-screen: 225ms;--transition-duration-leaving-screen: 195ms;--transition-easing-ease-in-out: cubic-bezier(.4, 0, .2, 1);--transition-easing-ease-out: cubic-bezier(0, 0, .2, 1);--transition-easing-ease-in: cubic-bezier(.4, 0, 1, 1);--transition-easing-sharp: cubic-bezier(.4, 0, .6, 1);--z-index-base: 0;--z-index-ground: 1;--z-index-surface: 10;--z-index-elevated: 100;--z-index-navigation: 1000;--z-index-header: 1000;--z-index-footer: 1000;--z-index-mobile-nav: 1500;--z-index-dropdown: 1000;--z-index-select: 10;--z-index-tooltip: 1000;--z-index-popover: 1000;--z-index-card: 10;--z-index-button: 1;--z-index-modal-backdrop: 2000;--z-index-modal: 2000;--z-index-drawer: 2000;--z-index-overlay: 2000;--z-index-filter-overlay: 2500;--z-index-loading: 1000;--z-index-cookie-consent: 9998;--z-index-toast: 10001;--z-index-notification: 10001;--z-index-swipe-feedback: 9999;--z-index-dev-panel: 10000;--z-index-debug: 9999;--z-index-chat-interface: 1000;--z-index-chat-message: 1000;--z-index-chat-overlay: 2000;--color-chat-notification: #ef4444;--color-chat-notification-light: #f87171;--color-chat-notification-dark: #dc2626;--color-chat-notification-glow: rgba(239, 68, 68, .3);--color-chat-notification-border: rgba(239, 68, 68, .4);--z-index-match-celebration: 3000;--z-index-swipe-interface: 20;--z-index-match-card: 10;--z-index-admin-modal: 1100;--z-index-confirm-delete: 9999;--z-index-maximum: 10001}.overlay-content-area{position:fixed!important;left:0!important;right:0!important;bottom:var(--footer-height)!important;z-index:2000!important}@media screen and (min-height: 800px){:root{--header-height: 64px;--footer-height: 50px;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem}h1{font-size:3.5rem;margin-bottom:1rem}h2{font-size:2.5rem;margin-bottom:1rem}h3{font-size:1.5rem;margin-bottom:.75rem}.main-content{padding:2rem}}@media screen and (min-height: 600px) and (max-height: 799px){:root{--header-height: 56px;--footer-height: 50px;--spacing-4: .875rem;--spacing-6: 1.25rem;--spacing-8: 1.75rem}h1{font-size:2.5rem;margin-bottom:.75rem}h2{font-size:2rem;margin-bottom:.75rem}h3{font-size:1.25rem;margin-bottom:.5rem}.main-content{padding:1.5rem}}@media screen and (min-height: 500px) and (max-height: 599px){:root{--header-height: 50px;--footer-height: 40px;--spacing-4: .75rem;--spacing-6: 1rem;--spacing-8: 1.5rem}h1{font-size:2rem;margin-bottom:.5rem}h2{font-size:1.5rem;margin-bottom:.5rem}h3{font-size:1.1rem;margin-bottom:.375rem}.main-content{padding:1rem}.breadcrumbs{display:none}}@media screen and (min-height: 400px) and (max-height: 499px){:root{--header-height: 44px;--footer-height: 35px;--spacing-4: .5rem;--spacing-6: .75rem;--spacing-8: 1.25rem}h1{font-size:1.5rem;margin-bottom:.375rem}h2{font-size:1.25rem;margin-bottom:.375rem}h3{font-size:1rem;margin-bottom:.25rem}.main-content{padding:.75rem}.breadcrumbs{display:none}}@media screen and (max-height: 399px){:root{--header-height: 36px;--footer-height: 28px;--spacing-4: .375rem;--spacing-6: .5rem;--spacing-8: 1rem}h1{font-size:1.25rem;margin-bottom:.25rem}h2{font-size:1.1rem;margin-bottom:.25rem}h3{font-size:.9rem;margin-bottom:.125rem}.main-content{padding:.5rem}.breadcrumbs{display:none}}@media screen and (orientation: landscape) and (min-height: 400px) and (max-height: 600px){:root{--header-height: var(--header-height-landscape);--footer-height: var(--footer-height-landscape);--spacing-4: .5rem;--spacing-6: .75rem;--spacing-8: 1rem}.main-content{padding:.5rem}h1{font-size:1.5rem;margin-bottom:.375rem}h2{font-size:1.25rem;margin-bottom:.375rem}.breadcrumbs{display:none}}@media screen and (orientation: landscape) and (max-height: 399px){:root{--header-height: var(--header-height-landscape-tiny);--footer-height: var(--footer-height-landscape-tiny);--spacing-4: .375rem;--spacing-6: .5rem;--spacing-8: .75rem}.main-content{padding:.25rem}h1{font-size:1.1rem;margin-bottom:.25rem}h2{font-size:1rem;margin-bottom:.25rem}.breadcrumbs{display:none}}@media screen and (min-height: 800px){.overlay-content-area{bottom:var(--footer-height)!important}}@media screen and (min-height: 600px) and (max-height: 799px){.overlay-content-area{bottom:var(--footer-height)!important}}@media screen and (min-height: 500px) and (max-height: 599px){.overlay-content-area{bottom:var(--footer-height)!important}}@media screen and (min-height: 400px) and (max-height: 499px){.overlay-content-area{bottom:var(--footer-height)!important}}@media screen and (max-height: 399px){.overlay-content-area{bottom:var(--footer-height)!important}}@media screen and (orientation: landscape) and (min-height: 400px) and (max-height: 600px){.overlay-content-area{bottom:var(--footer-height-landscape)!important}}@media screen and (orientation: landscape) and (max-height: 399px){.overlay-content-area{bottom:var(--footer-height-landscape-tiny)!important}}html{font-family:var(--font-family-primary);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:var(--dvh);overflow-x:hidden}body{margin:0;padding:0;font-family:Roboto,Arial,sans-serif;color:var(--color-text);background-color:var(--color-neutral-dark);height:var(--dvh);overflow:hidden}.scrollable-content{height:var(--dvh);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.mobile-viewport-fix{height:var(--dvh);min-height:var(--dvh)}.mobile-content-area{height:var(--mobile-viewport-height);max-height:var(--mobile-viewport-height);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--footer-height-mobile) + 1rem)}.landscape-content-area{height:var(--landscape-viewport-height);max-height:var(--landscape-viewport-height);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.fullscreen-container{height:var(--full-viewport-height);width:var(--viewport-width);min-height:var(--full-viewport-height);max-width:var(--viewport-width);overflow:hidden}.mobile-container{height:var(--mobile-viewport-height);width:var(--viewport-width);min-height:var(--mobile-viewport-height);max-width:var(--viewport-width);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--footer-height-mobile) + 1rem)}h1,h2,h3{font-family:Bebas Neue,Arial,sans-serif;letter-spacing:.02em;color:var(--color-text);margin-top:0}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.w-full{width:100%}.h-full{height:100%}.m-0{margin:0}.p-0{padding:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-auto{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:var(--color-surface);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);border:1.5px solid var(--color-border);color:var(--color-text);padding:var(--spacing-8) var(--spacing-6);max-width:900px;width:100%;margin:0 auto}.rounded{border-radius:var(--border-radius-base)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.shadow{box-shadow:var(--shadow-base)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.bg-surface{background:var(--color-surface)}.bg-dark{background:var(--color-neutral-dark)}.bg-white{background:var(--color-neutral-white)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.pt-4{padding-top:var(--spacing-4)}.pb-4{padding-bottom:var(--spacing-4)}.pl-4{padding-left:var(--spacing-4)}.pr-4{padding-right:var(--spacing-4)}.m-4{margin:var(--spacing-4)}.mt-4{margin-top:var(--spacing-4)}.mb-4{margin-bottom:var(--spacing-4)}.mx-auto{margin-left:auto;margin-right:auto}.text-lg{font-size:1.1rem}.text-xl{font-size:1.5rem}.text-2xl{font-size:2rem}.text-bold{font-weight:700}.text-center{text-align:center}@media screen and (min-height: 800px){.modal-content,.modal-body,.modal-wrapper,.match-celebration-modal,.confirm-delete-profile-modal,.rejection-modal,.user-edit-modal,.api-testing-panel-modal,.development-dashboard-modal{max-height:calc(100vh - 4rem)!important;height:calc(100vh - 4rem)!important;width:100%;margin:0!important;border-radius:0!important;overflow-y:auto!important}.club-detail-modal,.player-detail-modal{max-width:800px!important;max-height:92%!important;height:auto!important;width:100%!important;margin:0!important;border-radius:12px!important;overflow-y:auto!important}}@media screen and (min-height: 600px) and (max-height: 799px){.modal-content,.modal-body,.modal-wrapper,.match-celebration-modal,.confirm-delete-profile-modal,.rejection-modal,.user-edit-modal,.api-testing-panel-modal,.development-dashboard-modal{max-height:calc(100vh - 3rem)!important;height:calc(100vh - 3rem)!important;width:100%;margin:0!important;border-radius:0!important;overflow-y:auto!important}.club-detail-modal,.player-detail-modal{max-width:700px!important;max-height:90%!important;height:auto!important;width:100%!important;margin:0!important;border-radius:12px!important;overflow-y:auto!important}}@media screen and (min-height: 500px) and (max-height: 599px){.modal-content,.modal-body,.modal-wrapper,.match-celebration-modal,.confirm-delete-profile-modal,.rejection-modal,.user-edit-modal,.api-testing-panel-modal,.development-dashboard-modal{max-height:var(--mobile-viewport-height)!important;height:var(--mobile-viewport-height)!important;width:100%;margin:0!important;border-radius:0!important;overflow-y:auto!important}.club-detail-modal,.player-detail-modal{max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;margin:0!important;border-radius:0!important;border:none!important;overflow-y:auto!important}.club-detail-modal-overlay,.player-detail-modal-overlay{padding:0!important}.club-detail-modal h2,.player-detail-modal h2{font-size:1.2rem!important}.club-detail-modal h3,.player-detail-modal h3{font-size:1rem!important}.club-detail-modal p,.club-detail-modal span,.club-detail-modal div,.player-detail-modal p,.player-detail-modal span,.player-detail-modal div{font-size:.85rem!important;line-height:1.3!important}.club-detail-modal .position-tag,.player-detail-modal .position-tag{font-size:.75rem!important;padding:.2rem .5rem!important}}@media screen and (max-height: 499px){.modal-content,.modal-body,.modal-wrapper,.match-celebration-modal,.confirm-delete-profile-modal,.rejection-modal,.user-edit-modal,.api-testing-panel-modal,.development-dashboard-modal{max-height:var(--mobile-viewport-height)!important;height:var(--mobile-viewport-height)!important;width:100%;margin:0!important;border-radius:0!important;overflow-y:auto!important}.club-detail-modal,.player-detail-modal{max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;margin:0!important;border-radius:0!important;border:none!important;overflow-y:auto!important}.club-detail-modal-overlay,.player-detail-modal-overlay{padding:0!important}.club-detail-modal h2,.player-detail-modal h2{font-size:1.1rem!important}.club-detail-modal h3,.player-detail-modal h3{font-size:.9rem!important}.club-detail-modal p,.club-detail-modal span,.club-detail-modal div,.player-detail-modal p,.player-detail-modal span,.player-detail-modal div{font-size:.8rem!important;line-height:1.25!important}.club-detail-modal .position-tag,.player-detail-modal .position-tag{font-size:.7rem!important;padding:.15rem .4rem!important}}.modal-overlay,.match-celebration-overlay,.club-detail-modal-overlay,.image-preview-modal-overlay,.overlay-content-area{align-items:center!important;justify-content:center!important;padding:1rem .5rem!important}.match-celebration-modal{max-height:calc(var(--mobile-viewport-height) - 2rem)!important;margin-top:0!important}.match-celebration-modal .celebration-content{justify-content:flex-start!important}.admin-user-detail,.admin-user-management,.admin-view,.admin-container{min-height:auto!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;position:relative!important}.admin-user-detail .app-layout,.admin-user-management .app-layout,.admin-view .app-layout{min-height:auto!important;max-height:none!important;overflow-y:auto!important;grid-template-rows:auto auto auto auto!important}.admin-user-detail .content-container,.admin-user-management .content-container,.admin-view .content-container,.admin-user-detail .main-content,.admin-user-management .main-content,.admin-view .main-content{min-height:auto!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;position:relative!important}.admin-user-detail{height:100%!important}.admin-user-detail *,.admin-user-management *,.admin-view *,.admin-container *{overflow-y:visible!important}.admin-user-detail,.admin-user-management{padding:2rem!important;margin:0 auto!important;max-width:1200px!important;min-height:auto!important;overflow-y:auto!important}.user-details-content,.admin-content{height:auto!important;min-height:auto!important;overflow-y:visible!important;position:relative!important}.details-grid,.admin-actions,.status-card,.info-section,.danger-section,.debug-section{height:auto!important;min-height:auto!important;overflow-y:visible!important}.table-container{height:auto!important;min-height:auto!important;overflow-y:visible!important;overflow-x:auto!important}.modal-overlay{height:100vh!important;overflow-y:auto!important;position:fixed!important}.modal-content{height:auto!important;max-height:90vh!important;overflow-y:auto!important}body.admin-page,html.admin-page{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;min-height:auto!important}select,.base-select__select,select option,.base-select__select option{background-color:var(--color-surface)!important;color:var(--color-text)!important}.mobile-viewport-height{display:flex;flex-direction:column;gap:1rem;padding:1rem;align-items:center;justify-content:center;flex:1 1 auto;height:var(--mobile-viewport-height);max-height:var(--mobile-viewport-height);width:100%;overflow-y:auto}.ad-banner{display:none;flex-direction:column;justify-content:center;align-items:center;width:300px;min-width:220px;max-width:340px;height:600px;margin:0 1.5rem;background:linear-gradient(120deg,var(--color-neutral-dark) 80%,var(--color-brand-green) 100%);border-radius:1.5rem;box-shadow:0 0 32px #66ff661a,0 2px 16px #0000001a;border:2px solid rgba(102,255,102,.13);color:var(--color-text-light);font-size:1.25rem;font-weight:700;text-align:center;letter-spacing:.01em;opacity:.93;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}@media (min-width: 1367px){.mobile-viewport-height{flex-direction:row;height:var(--viewport-height);max-height:var(--viewport-height)}.ad-banner{display:flex}}@media (max-width: 1366px){.ad-banner{display:none!important}.mobile-viewport-height{flex-direction:column;align-items:center}}@media (max-width: 600px){.mobile-viewport-height{padding:.5rem;gap:.75rem;height:var(--mobile-viewport-height);max-height:var(--mobile-viewport-height)}}