.base-button[data-v-7caf7b1e]{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:all var(--transition-duration-standard) var(--transition-easing-ease-in-out);cursor:pointer;border:none;outline:none}.base-button[data-v-7caf7b1e]:disabled{opacity:.6;cursor:not-allowed}.base-button--primary[data-v-7caf7b1e]{background-color:var(--color-primary);color:var(--color-primary-contrast);box-shadow:var(--shadow-md)}.base-button--primary[data-v-7caf7b1e]:hover:not(:disabled){background-color:var(--color-primary-dark)}.base-button--secondary[data-v-7caf7b1e]{background-color:var(--color-secondary);color:var(--color-secondary-contrast);box-shadow:var(--shadow-md)}.base-button--secondary[data-v-7caf7b1e]:hover:not(:disabled){background-color:var(--color-secondary-dark)}.base-button--outline[data-v-7caf7b1e]{background-color:transparent;border:1.5px solid var(--color-primary);color:var(--color-primary)}.base-button--outline[data-v-7caf7b1e]:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-primary-contrast)}.base-button--primary .base-button__icon[data-v-7caf7b1e] svg,.base-button--secondary .base-button__icon[data-v-7caf7b1e] svg{color:currentColor}.base-button--outline .base-button__icon[data-v-7caf7b1e] svg{color:var(--color-primary)}.base-button--outline:hover:not(:disabled) .base-button__icon[data-v-7caf7b1e] svg{color:var(--color-primary-contrast)}.base-button--text .base-button__icon[data-v-7caf7b1e] svg{color:var(--color-secondary)}.base-button--save .base-button__icon[data-v-7caf7b1e] svg{color:currentColor}.base-button--text[data-v-7caf7b1e]{background-color:transparent;color:var(--color-secondary);padding:0}.base-button--text[data-v-7caf7b1e]:hover:not(:disabled){background-color:var(--color-accent);opacity:.8}.base-button--save[data-v-7caf7b1e]{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-7caf7b1e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.base-button--save[data-v-7caf7b1e]:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4caf504d}.base-button--save[data-v-7caf7b1e]: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}.base-button--save[data-v-7caf7b1e]:hover:not(:disabled):before{left:100%}.base-button--sm[data-v-7caf7b1e]{padding:.5rem 1rem;font-size:.875rem}.base-button--md[data-v-7caf7b1e]{padding:.75rem 1.5rem;font-size:1rem}.base-button--lg[data-v-7caf7b1e]{padding:1rem 2rem;font-size:1.125rem}.base-button--full-width[data-v-7caf7b1e]{width:100%}.base-button__content[data-v-7caf7b1e]{display:inline-flex;align-items:center;justify-content:center}.base-button__icon[data-v-7caf7b1e]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.base-button__icon--left[data-v-7caf7b1e]{margin-right:.5rem}.base-button__icon--right[data-v-7caf7b1e]{margin-left:.5rem}.base-button__icon[data-v-7caf7b1e] svg{display:block;flex-shrink:0;transition:all var(--transition-duration-standard) var(--transition-easing-ease-in-out)}.base-button--sm .base-button__icon[data-v-7caf7b1e] svg{width:1rem;height:1rem}.base-button--md .base-button__icon[data-v-7caf7b1e] svg{width:1.125rem;height:1.125rem}.base-button--lg .base-button__icon[data-v-7caf7b1e] svg{width:1.25rem;height:1.25rem}.base-button__content:empty+.base-button__icon--right[data-v-7caf7b1e],.base-button__icon--left+.base-button__content[data-v-7caf7b1e]:empty{margin:0}.base-button__content:empty~.base-button__icon[data-v-7caf7b1e],.base-button__icon+.base-button__content[data-v-7caf7b1e]:empty{margin:0}@media (max-width: 768px){.base-button--sm .base-button__icon[data-v-7caf7b1e] svg{width:1.125rem;height:1.125rem}.base-button--md .base-button__icon[data-v-7caf7b1e] svg{width:1.25rem;height:1.25rem}.base-button--lg .base-button__icon[data-v-7caf7b1e] svg{width:1.375rem;height:1.375rem}.base-button--sm[data-v-7caf7b1e]{padding:.625rem 1.125rem;min-height:2.5rem}.base-button--md[data-v-7caf7b1e]{padding:.875rem 1.625rem;min-height:2.75rem}.base-button--lg[data-v-7caf7b1e]{padding:1.125rem 2.125rem;min-height:3rem}.base-button__icon--left[data-v-7caf7b1e]{margin-right:.375rem}.base-button__icon--right[data-v-7caf7b1e]{margin-left:.375rem}}@media (max-width: 480px){.base-button--sm[data-v-7caf7b1e]{padding:.5rem 1rem;min-height:2.25rem;font-size:.875rem}.base-button--md[data-v-7caf7b1e]{padding:.75rem 1.25rem;min-height:2.5rem;font-size:.9rem}.base-button--lg[data-v-7caf7b1e]{padding:1rem 1.75rem;min-height:2.75rem;font-size:1rem}.base-button__icon--left[data-v-7caf7b1e]{margin-right:.25rem}.base-button__icon--right[data-v-7caf7b1e]{margin-left:.25rem}}.app-header[data-v-37ef83cb]{width:100%;height:var(--header-height, 80px);background-color:#181818;box-shadow:0 2px 8px #00000040;border-bottom:1px solid #333;position:relative;z-index:var(--z-index-header)}.header-content[data-v-37ef83cb]{max-width:1200px;height:100%;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.logo-link[data-v-37ef83cb]{font-size:1.5rem;font-weight:700;color:#f1f3f4;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;gap:.75rem}.logo-link[data-v-37ef83cb]:hover{color:#2e7d32}.logo-image[data-v-37ef83cb]{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:all .3s ease}.logo-link:hover .logo-image[data-v-37ef83cb]{filter:drop-shadow(0 0 12px rgba(46,125,50,.7));transform:scale(1.05)}.logo-text[data-v-37ef83cb]{font-size:1.5rem;font-weight:700}.desktop-navigation[data-v-37ef83cb]{display:flex;gap:1.5rem;align-items:center}@media (max-width: 1024px){.desktop-navigation[data-v-37ef83cb],.desktop-navigation .nav-link[data-v-37ef83cb]{display:none!important}}@media (max-width: 1024px){.desktop-auth-link[data-v-37ef83cb]{display:none!important}}.navigation[data-v-37ef83cb]{display:flex;gap:1.5rem;align-items:center}.mobile-menu-toggle[data-v-37ef83cb]{display:none;background:none;border:none;color:#f1f3f4;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background-color .2s ease}.mobile-menu-toggle[data-v-37ef83cb]:hover{background-color:#ffffff1a}.menu-icon[data-v-37ef83cb]{width:1.5rem;height:1.5rem}@media (max-width: 1024px){.mobile-menu-toggle[data-v-37ef83cb]{display:block!important}}.desktop-user-actions[data-v-37ef83cb]{display:flex;align-items:center;gap:1rem}@media (max-width: 1024px){.desktop-user-actions[data-v-37ef83cb],.desktop-user-actions .nav-link[data-v-37ef83cb],.desktop-auth-link[data-v-37ef83cb]{display:none!important}}.mobile-navigation[data-v-37ef83cb]{display:none;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background-color:#1f1f1f;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-37ef83cb]{display:block;top:var(--header-height-mobile)}}.mobile-navigation--open[data-v-37ef83cb]{transform:translate(0)}.mobile-nav-content[data-v-37ef83cb]{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.mobile-nav-link[data-v-37ef83cb]{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:#f1f3f4;text-decoration:none;border-radius:.5rem;transition:all .2s ease;position:relative;background:none;border:none;width:100%;text-align:left;font-size:1rem;cursor:pointer}.mobile-nav-link[data-v-37ef83cb]:hover,.mobile-nav-link[data-v-37ef83cb]:focus{background-color:#2e7d321a;color:#2e7d32}.mobile-nav-link.router-link-active[data-v-37ef83cb]{background-color:#2e7d3233;color:#2e7d32}.mobile-logout[data-v-37ef83cb]{margin-top:1rem;border-top:1px solid #333;padding-top:1.5rem}.mobile-logout[data-v-37ef83cb]:hover{background-color:#ef44441a;color:#ef4444}.nav-icon[data-v-37ef83cb]{width:1.25rem;height:1.25rem;flex-shrink:0}.chat-link[data-v-37ef83cb]{position:relative;transition:all .3s ease}.chat-link--has-unread[data-v-37ef83cb]{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-37ef83cb 2s ease-in-out infinite alternate!important}.chat-link--has-unread[data-v-37ef83cb]: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-37ef83cb]{color:var(--color-chat-notification)!important;animation:iconPulse-37ef83cb 1.5s ease-in-out infinite!important}@keyframes chatGlow-37ef83cb{0%{box-shadow:0 0 15px var(--color-chat-notification-glow)}to{box-shadow:0 0 25px #ef444466}}@keyframes iconPulse-37ef83cb{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-37ef83cb]{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-37ef83cb 2s infinite;box-shadow:0 2px 8px var(--color-chat-notification-glow)}@keyframes pulse-37ef83cb{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-37ef83cb]{margin-top:2rem;padding:1rem;background-color:#ffffff0d;border-radius:.5rem;display:flex;align-items:center;gap:.75rem}.user-avatar[data-v-37ef83cb]{width:2.5rem;height:2.5rem;background-color:#2e7d3233;border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-icon[data-v-37ef83cb]{width:1.5rem;height:1.5rem;color:#2e7d32}.user-details[data-v-37ef83cb]{display:flex;flex-direction:column;gap:.25rem}.user-name[data-v-37ef83cb]{font-weight:600;color:#f1f3f4}.user-role[data-v-37ef83cb]{font-size:.875rem;padding:.125rem .5rem;border-radius:.25rem;font-weight:500}.user-type--player[data-v-37ef83cb]{background-color:#3b82f633;color:#60a5fa}.user-type--club[data-v-37ef83cb]{background-color:#10b98133;color:#34d399}.user-type--admin[data-v-37ef83cb]{background-color:#fbbf2433;color:#fbbf24}.mobile-menu-backdrop[data-v-37ef83cb]{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:var(--z-index-navigation)}@media (max-width: 768px){.mobile-menu-backdrop[data-v-37ef83cb]{display:block}}.spinning-icon[data-v-37ef83cb]{animation:spin-37ef83cb 1s linear infinite}@keyframes spin-37ef83cb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-link[data-v-37ef83cb]{color:#f1f3f4;text-decoration:none;font-size:1rem;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;transition:all .2s ease;white-space:nowrap;position:relative;display:flex;align-items:center;gap:.5rem}.nav-link[data-v-37ef83cb]:hover{background-color:#2e7d3233;color:#f1f3f4}.nav-link.router-link-active[data-v-37ef83cb]{background-color:#2e7d324d;color:#f1f3f4}.nav-link--disabled[data-v-37ef83cb]:hover{background-color:#ffffff0d!important;color:#999!important}.mobile-nav-link--disabled[data-v-37ef83cb]:hover{background-color:#ffffff0d!important;color:#999!important}.mobile-feature-badge[data-v-37ef83cb]{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:.75rem;margin-left:auto;font-weight:500}.feature-badge[data-v-37ef83cb]{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:.75rem;margin-left:.5rem;font-weight:600;animation:pulse-37ef83cb 2s infinite}@keyframes pulse-37ef83cb{0%,to{opacity:1}50%{opacity:.7}}.user-actions[data-v-37ef83cb]{display:flex;align-items:center;gap:1rem}.user-info[data-v-37ef83cb]{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.logout-button[data-v-37ef83cb]{background:linear-gradient(135deg,#ff5722,#e64a19);color:#fff;border:none;box-shadow:0 2px 8px #ff57224d;position:relative;overflow:hidden}.logout-button[data-v-37ef83cb]:hover:not(:disabled){background:linear-gradient(135deg,#e64a19,#d84315);transform:translateY(-1px);box-shadow:0 4px 12px #ff572266}.logout-button[data-v-37ef83cb]:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #ff57224d}.logout-button[data-v-37ef83cb]: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-37ef83cb]:hover:not(:disabled):before{left:100%}.debug-user-info[data-v-37ef83cb]{color:orange;font-size:.7rem;margin-left:1rem;max-width:300px;overflow:visible;text-overflow:ellipsis;white-space:nowrap}.debug-actions[data-v-37ef83cb]{display:flex;gap:.5rem;margin-top:.5rem}.debug-btn[data-v-37ef83cb]{background:orange;color:#000;border:none;padding:.2rem .5rem;border-radius:3px;font-size:.6rem;cursor:pointer;white-space:nowrap}.debug-btn[data-v-37ef83cb]:hover{background:#ff8c00}@media (max-width: 768px){.header-content[data-v-37ef83cb]{padding:0 .5rem}.navigation[data-v-37ef83cb]{gap:.75rem}.user-info[data-v-37ef83cb]{display:none}.logout-button[data-v-37ef83cb]{padding:.4rem .8rem;font-size:.8rem}.nav-link[data-v-37ef83cb]{font-size:.9rem;padding:.4rem}.user-actions[data-v-37ef83cb]{gap:.5rem}.user-name[data-v-37ef83cb]{font-size:.8rem}.user-role[data-v-37ef83cb]{font-size:.6rem}.logout-btn[data-v-37ef83cb]{padding:.4rem .8rem;font-size:.8rem}.debug-user-info[data-v-37ef83cb]{display:none}}@media (max-width: 480px){.app-header[data-v-37ef83cb]{height:var(--header-height-small, 48px)}.mobile-navigation[data-v-37ef83cb]{top:var(--header-height-small, 48px)}.header-content[data-v-37ef83cb]{padding:0 .5rem}.logo-link[data-v-37ef83cb]{font-size:1rem;gap:.25rem}.logo-image[data-v-37ef83cb]{width:1.5rem;height:1.5rem}.logo-text[data-v-37ef83cb]{font-size:1rem}.navigation[data-v-37ef83cb]{gap:.5rem}.nav-link[data-v-37ef83cb]{font-size:.75rem;padding:.25rem .5rem}.user-info[data-v-37ef83cb]{display:none}.logout-btn[data-v-37ef83cb]{padding:.25rem .5rem;font-size:.7rem}.mobile-menu-toggle[data-v-37ef83cb]{padding:.25rem}.menu-icon[data-v-37ef83cb]{width:1.1rem;height:1.1rem}.mobile-nav-content[data-v-37ef83cb]{padding:.5rem}.mobile-nav-link[data-v-37ef83cb]{padding:.5rem;font-size:.85rem}.nav-icon[data-v-37ef83cb]{width:1rem;height:1rem}}@media (max-width: 380px){.app-header[data-v-37ef83cb]{height:var(--header-height-tiny, 44px)}.mobile-navigation[data-v-37ef83cb]{top:var(--header-height-tiny, 44px)}.header-content[data-v-37ef83cb]{padding:0 .25rem}.logo-link[data-v-37ef83cb]{font-size:.9rem;gap:.2rem}.logo-image[data-v-37ef83cb]{width:1.4rem;height:1.4rem}.logo-text[data-v-37ef83cb]{font-size:.9rem}.navigation[data-v-37ef83cb]{gap:.25rem}.nav-link[data-v-37ef83cb]{font-size:.7rem;padding:.2rem .4rem}.logout-btn[data-v-37ef83cb]{padding:.2rem .4rem;font-size:.65rem}.mobile-menu-toggle[data-v-37ef83cb]{padding:.2rem}.menu-icon[data-v-37ef83cb]{width:1rem;height:1rem}.mobile-nav-content[data-v-37ef83cb]{padding:.4rem}.mobile-nav-link[data-v-37ef83cb]{padding:.4rem;font-size:.8rem}.nav-icon[data-v-37ef83cb]{width:.9rem;height:.9rem}}@media screen and (max-width: 926px) and (orientation: landscape) and (max-height: 500px){.app-header[data-v-37ef83cb]{height:var(--header-height-landscape)!important;min-height:var(--header-height-landscape)!important;max-height:var(--header-height-landscape)!important}.header-content[data-v-37ef83cb]{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-37ef83cb]{top:var(--header-height-landscape)!important}.logo-link[data-v-37ef83cb]{font-size:.95rem;gap:.15rem}.logo-image[data-v-37ef83cb]{width:1.2rem;height:1.2rem}.logo-text[data-v-37ef83cb]{font-size:.95rem}.mobile-menu-toggle[data-v-37ef83cb]{padding:.1rem!important}.menu-icon[data-v-37ef83cb]{width:1rem;height:1rem}.mobile-nav-content[data-v-37ef83cb]{padding:.25rem!important;gap:.1rem!important}.mobile-nav-link[data-v-37ef83cb]{padding:.25rem!important;font-size:.75rem!important;border-radius:6px!important}.nav-icon[data-v-37ef83cb]{width:.85rem!important;height:.85rem!important}}@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.desktop-navigation[data-v-37ef83cb]{display:flex!important}.mobile-menu-toggle[data-v-37ef83cb]{display:none!important}.desktop-user-actions[data-v-37ef83cb]{display:flex!important}.nav-link[data-v-37ef83cb]{font-size:.9rem;padding:.5rem .75rem}}.nav-link--disabled[data-v-37ef83cb]{opacity:.5;cursor:not-allowed;pointer-events:auto}.nav-link--disabled[data-v-37ef83cb]:hover{background-color:#ffffff08!important;color:#666!important}.mobile-nav-link--disabled[data-v-37ef83cb]{opacity:.5;cursor:not-allowed;pointer-events:auto}.mobile-nav-link--disabled[data-v-37ef83cb]:hover{background-color:#ffffff08!important;color:#666!important}.mobile-feature-badge[data-v-37ef83cb]{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;font-size:.65rem;padding:.15rem .4rem;border-radius:.5rem;margin-left:auto;font-weight:600;animation:pulse-37ef83cb 2s infinite;white-space:nowrap}.legal-links-section[data-v-37ef83cb]{margin-top:auto;padding-top:1rem}.legal-links-divider[data-v-37ef83cb]{height:1px;background:#f1f3f41a;margin-bottom:1rem}.legal-links[data-v-37ef83cb]{display:flex;flex-direction:column;gap:.25rem}.legal-link[data-v-37ef83cb]{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;color:#999;text-decoration:none;font-size:.875rem;font-weight:400;border-radius:.5rem;transition:all .2s ease}.legal-link[data-v-37ef83cb]:hover{background-color:#ffffff0d;color:#ccc}.legal-icon[data-v-37ef83cb]{width:1rem;height:1rem;opacity:.7;flex-shrink:0}.app-footer[data-v-b2f6936b]{width:100%;height:var(--footer-height);min-height:var(--footer-height);max-height:var(--footer-height);background-color:#1a1a1a;border-top:1px solid #F1F3F4;box-shadow:0 -1px 4px #0003;box-sizing:border-box;position:relative;overflow:hidden}.footer-content[data-v-b2f6936b]{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-b2f6936b]{color:#b0bec5;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0}.footer-links[data-v-b2f6936b]{display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0}.footer-link[data-v-b2f6936b]{color:#e8eaed;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-b2f6936b]:hover{color:#2e7d32}.footer-link--disabled[data-v-b2f6936b]{opacity:.5;cursor:not-allowed;pointer-events:auto;position:relative}.footer-link--disabled[data-v-b2f6936b]:hover{color:#666!important}.footer-feature-badge[data-v-b2f6936b]{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-b2f6936b 2s infinite;white-space:nowrap;vertical-align:top}@keyframes pulse-b2f6936b{0%,to{opacity:1}50%{opacity:.7}}.footer-separator[data-v-b2f6936b]{color:#666;margin:0 .15rem}@media (max-width: 1023px){.app-footer[data-v-b2f6936b]{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:0 -2px 12px #00000026;margin:0;padding:0}.footer-content[data-v-b2f6936b]{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-b2f6936b]{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-b2f6936b]{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-b2f6936b]{font-size:.8rem;padding:0 .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-separator[data-v-b2f6936b]{margin:0 .15rem}.footer-mobile-nav[data-v-b2f6936b]{margin-bottom:0}}@media (max-width: 768px){.footer-content[data-v-b2f6936b]{padding:0 .25rem;gap:.25rem}.footer-info[data-v-b2f6936b],.footer-links[data-v-b2f6936b]{font-size:.75rem}}@media (max-width: 480px){.footer-link[data-v-b2f6936b],.footer-info[data-v-b2f6936b]{font-size:.7rem}}@media (max-width: 1023px) and (orientation: landscape){.app-footer[data-v-b2f6936b],.footer-content[data-v-b2f6936b]{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-78bb4ed7]{padding:.75rem 1rem;background-color:transparent;border-bottom:none;box-shadow:none;margin:0}ol[data-v-78bb4ed7]{list-style:none;padding:0;display:flex;flex-wrap:wrap;align-items:center;max-width:1200px;margin:0 auto}li[data-v-78bb4ed7]{display:flex;align-items:center}.breadcrumb-link[data-v-78bb4ed7]{color:#f1f3f4;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s ease}.breadcrumb-link[data-v-78bb4ed7]:hover{color:#2e7d32;text-decoration:none}.breadcrumb-current[data-v-78bb4ed7]{color:#e8eaed;font-size:.875rem;font-weight:600}.separator[data-v-78bb4ed7]{margin:0 .75rem;color:#666;font-weight:400}@media (max-width: 768px){.breadcrumbs[data-v-78bb4ed7]{padding:.5rem 1rem}.breadcrumb-link[data-v-78bb4ed7],.breadcrumb-current[data-v-78bb4ed7]{font-size:.8rem}.separator[data-v-78bb4ed7]{margin:0 .5rem}}@media (max-width: 480px){.breadcrumbs[data-v-78bb4ed7]{padding:.5rem .75rem}ol[data-v-78bb4ed7]{overflow-x:auto;white-space:nowrap}li[data-v-78bb4ed7]{flex-shrink:0}}@media (max-width: 480px){.breadcrumbs[data-v-78bb4ed7]{display:none}}.mobile-profile-footer[data-v-064d3755]{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:0 .5rem}.footer-nav-btn[data-v-064d3755]{flex:1 1 0;min-width:0;max-width:100%;display:flex;align-items:center;justify-content:center;border-radius:.3rem;margin:0 .18rem;white-space:nowrap;transition:all .3s ease;font-size:1rem;padding:.5rem .7rem;box-sizing:border-box;position:relative}.chat-button[data-v-064d3755]{position:relative;transition:all .3s ease}.chat-button--has-unread[data-v-064d3755]{background:linear-gradient(135deg,#ef444426,#ef444414)!important;border:2px solid var(--color-chat-notification-border)!important;box-shadow:0 0 20px var(--color-chat-notification-glow)!important;animation:mobileChatGlow-064d3755 2s ease-in-out infinite alternate!important}.chat-button--has-unread[data-v-064d3755]:hover{background:linear-gradient(135deg,#ef444433,#ef44441f)!important;border-color:var(--color-chat-notification)!important;box-shadow:0 0 25px var(--color-chat-notification-glow)!important;transform:translateY(-2px) scale(1.02)!important}.chat-button--has-unread .footer-section-icon[data-v-064d3755]{color:var(--color-chat-notification)!important;animation:mobileIconPulse-064d3755 1.5s ease-in-out infinite!important}@keyframes mobileChatGlow-064d3755{0%{box-shadow:0 0 20px var(--color-chat-notification-glow)}to{box-shadow:0 0 30px #ef444480}}@keyframes mobileIconPulse-064d3755{0%,to{transform:scale(1);color:var(--color-chat-notification)}50%{transform:scale(1.15);color:var(--color-chat-notification-light)}}.button-content[data-v-064d3755]{position:relative;display:flex;align-items:center;justify-content:center}.notification-badge[data-v-064d3755]{position:absolute;top:-.5rem;right:-.5rem;background-color:#ef4444;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;line-height:1;border:2px solid var(--color-neutral-dark);animation:pulse-064d3755 2s infinite}@keyframes pulse-064d3755{0%,to{transform:scale(1);box-shadow:0 0 #ef4444b3}50%{transform:scale(1.05);box-shadow:0 0 0 4px #ef444400}}.mobile-profile-footer[data-v-064d3755]:has(.footer-nav-btn:nth-child(1):last-child){justify-content:center}.mobile-profile-footer[data-v-064d3755]:has(.footer-nav-btn:nth-child(2):last-child){justify-content:center;gap:2rem}.footer-section-icon[data-v-064d3755]{width:1.5rem;height:1.5rem;color:var(--color-neutral-white);transition:all .3s ease;display:block}@keyframes fadeIn-064d3755{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (min-width: 769px){.mobile-profile-footer[data-v-064d3755]{display:none}}@media screen and (max-width: 926px) and (orientation: landscape){.mobile-profile-footer[data-v-064d3755]{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 .25rem!important}}[data-v-d1ef6fac]:root{--layout-height: calc(var(--vh, 1vh) * 100)}.app-layout[data-v-d1ef6fac]{height:100%;width:100%;max-width:100vw;display:grid;grid-template-areas:"header" "breadcrumb" "content" "footer";grid-template-rows:var(--header-height) auto 1fr var(--footer-height);background:transparent;color:#f1f3f4;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.header-container[data-v-d1ef6fac]{-ms-grid-row:1;-ms-grid-column:1;grid-area:header;position:sticky;top:0;z-index:var(--z-index-header);height:var(--header-height);min-height:var(--header-height);max-height:var(--header-height);width:100%;box-sizing:border-box}.breadcrumb-section[data-v-d1ef6fac]{-ms-grid-row:2;-ms-grid-column:1;grid-area:breadcrumb;margin:0;padding:0;border-bottom:1px solid #333;background:#181818cc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:auto;min-height:0;max-height:var(--breadcrumb-max-height);overflow:hidden;width:100%;box-sizing:border-box}.content-container[data-v-d1ef6fac]{-ms-grid-row:3;-ms-grid-column:1;grid-area:content;overflow-x:hidden;padding:0;background:transparent;color:#f1f3f4;height:auto;min-height:0;width:100%;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.main-content[data-v-d1ef6fac]{max-width:1440px;margin:0 auto;width:100%;height:100%;padding:0;box-sizing:border-box;display:flex;flex-direction:column;overflow-x:hidden}.footer-container[data-v-d1ef6fac]{-ms-grid-row:4;-ms-grid-column:1;grid-area:footer;background:#181818;height:var(--footer-height);min-height:var(--footer-height);max-height:var(--footer-height);display:flex;align-items:center;width:100%;box-sizing:border-box}@media (max-width: 768px){.header-container[data-v-d1ef6fac]{height:var(--header-height-mobile);min-height:var(--header-height-mobile);max-height:var(--header-height-mobile)}.footer-container[data-v-d1ef6fac]{height:auto;min-height:var(--mobile-footer-height);max-height:none}}@media (max-width: 480px){.app-layout[data-v-d1ef6fac]{grid-template-rows:var(--header-height-small) auto 1fr var(--footer-height-mobile)}.header-container[data-v-d1ef6fac]{height:var(--header-height-small);min-height:var(--header-height-small);max-height:var(--header-height-small)}.content-container[data-v-d1ef6fac]{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.footer-container[data-v-d1ef6fac]{height:auto;min-height:var(--mobile-footer-height);max-height:none}}@media (max-width: 380px){.header-container[data-v-d1ef6fac]{height:var(--header-height-tiny);min-height:var(--header-height-tiny);max-height:var(--header-height-tiny)}.footer-container[data-v-d1ef6fac]{height:var(--footer-height-tiny);min-height:var(--footer-height-tiny);max-height:var(--footer-height-tiny)}.content-container[data-v-d1ef6fac]{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}}@media screen and (min-width: 381px) and (max-width: 926px) and (orientation: landscape) and (max-height: 500px){.app-layout[data-v-d1ef6fac]{height:var(--layout-height)!important;min-height:var(--layout-height)!important;overflow:hidden}.header-container[data-v-d1ef6fac]{height:var(--header-height-landscape);min-height:var(--header-height-landscape);max-height:var(--header-height-landscape)}.footer-container[data-v-d1ef6fac]{height:var(--footer-height-landscape);min-height:var(--footer-height-landscape);max-height:var(--footer-height-landscape)}.breadcrumb-section[data-v-d1ef6fac]{display:none;height:0;min-height:0;max-height:0;margin:0;padding:0}.content-container[data-v-d1ef6fac]{height:var(--layout-height);min-height:var(--layout-height)!important;max-height:var(--layout-height)!important;flex:1;display:flex;flex-direction:column;overflow:hidden}.main-content[data-v-d1ef6fac]{padding:0;height:100%;max-height:var(--layout-height)!important;flex:1;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}}@media screen and (max-width: 926px) and (orientation: landscape) and (max-height: 500px){.app-layout[data-v-d1ef6fac]{height:var(--layout-height)!important;min-height:var(--layout-height)!important;overflow:hidden}.header-container[data-v-d1ef6fac]{height:var(--header-height-landscape);min-height:var(--header-height-landscape);max-height:var(--header-height-landscape)}.footer-container[data-v-d1ef6fac]{display:none}.breadcrumb-section[data-v-d1ef6fac]{display:none;height:0;min-height:0;max-height:0;margin:0;padding:0}.content-container[data-v-d1ef6fac]{height:var(--layout-height);min-height:var(--layout-height)!important;max-height:var(--layout-height)!important;flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.main-content[data-v-d1ef6fac]{padding:0;height:100%;min-height:var(--layout-height)!important;max-height:var(--layout-height)!important;flex:1;display:flex;flex-direction:column;box-sizing:border-box}}@media screen and (max-width: 480px) and (orientation: landscape) and (max-height: 450px){.app-layout[data-v-d1ef6fac]{height:var(--layout-height)!important;min-height:var(--layout-height)!important}.header-container[data-v-d1ef6fac]{height:var(--header-height-landscape-tiny);min-height:var(--header-height-landscape-tiny);max-height:var(--header-height-landscape-tiny)}.footer-container[data-v-d1ef6fac]{height:var(--footer-height-landscape-tiny);min-height:var(--footer-height-landscape-tiny);max-height:var(--footer-height-landscape-tiny)}.breadcrumb-section[data-v-d1ef6fac]{display:none;height:0}.content-container[data-v-d1ef6fac]{height:var(--layout-height);min-height:var(--layout-height)!important;max-height:var(--layout-height)!important;flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.main-content[data-v-d1ef6fac]{padding:0;height:100%;min-height:var(--layout-height)!important;max-height:var(--layout-height)!important;flex:1;display:flex;flex-direction:column;box-sizing:border-box}}.welcome-card[data-v-d1ef6fac]::-webkit-scrollbar{width:6px}.welcome-card[data-v-d1ef6fac]::-webkit-scrollbar-track{background:#f1f3f41a}.welcome-card[data-v-d1ef6fac]::-webkit-scrollbar-thumb{background:#f1f3f44d;border-radius:3px}.welcome-card[data-v-d1ef6fac]::-webkit-scrollbar-thumb:hover{background:#f1f3f480}.base-toast[data-v-dd6b6e6f]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--219c0a91);background-color:var(--4d01d03a);box-shadow:var(--57615250);margin-bottom:var(--spacing-2);transform:translate(100%);opacity:0;transition:all var(--165d3257) var(--7e5400c6)}.base-toast--visible[data-v-dd6b6e6f]{transform:translate(0);opacity:1}.base-toast--success[data-v-dd6b6e6f]{border-left:4px solid var(--2d372db2)}.base-toast--error[data-v-dd6b6e6f]{border-left:4px solid var(--a1710c66)}.base-toast--warning[data-v-dd6b6e6f]{border-left:4px solid var(--0e20a00e)}.base-toast--info[data-v-dd6b6e6f]{border-left:4px solid var(--d0868e8e)}.base-toast__icon[data-v-dd6b6e6f]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.base-toast--success .base-toast__icon[data-v-dd6b6e6f]{color:var(--2d372db2)}.base-toast--error .base-toast__icon[data-v-dd6b6e6f]{color:var(--a1710c66)}.base-toast--warning .base-toast__icon[data-v-dd6b6e6f]{color:var(--0e20a00e)}.base-toast--info .base-toast__icon[data-v-dd6b6e6f]{color:var(--d0868e8e)}.base-toast__content[data-v-dd6b6e6f]{flex:1}.base-toast__message[data-v-dd6b6e6f]{margin:0;font-size:var(--9a2469e4);color:var(--3c451fef)}.base-toast__close[data-v-dd6b6e6f]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;color:var(--f98f053e);cursor:pointer;transition:color var(--165d3257) var(--7e5400c6)}.base-toast__close[data-v-dd6b6e6f]:hover{color:var(--3c451fef)}.toast-container[data-v-d69d3446]{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-d69d3446],.toast-leave-active[data-v-d69d3446]{transition:all .3s ease}.toast-enter-from[data-v-d69d3446],.toast-leave-to[data-v-d69d3446]{transform:translate(100%);opacity:0}.grass-background[data-v-aedf1d12]{position:relative;height:var(--full-viewport-height);width:100%;background:url(/assets/grass-bg.BMxRUy6G.webp) center center / cover no-repeat;overflow:hidden}.grass-background__overlay[data-v-aedf1d12]{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-aedf1d12]{position:relative;z-index:var(--z-index-ground);height:var(--full-viewport-height)}.base-loading[data-v-3f43947c]{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2)}.base-loading--overlay[data-v-3f43947c]{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-3f43947c]{background-color:#000c}.base-loading__spinner[data-v-3f43947c]{display:inline-block;position:relative;width:var(--spinner-size);height:var(--spinner-size)}.base-loading__spinner-circle[data-v-3f43947c]{width:100%;height:100%;animation:rotate-3f43947c 2s linear infinite;transform-origin:center}.base-loading__spinner-track[data-v-3f43947c]{stroke:var(--7943a3e2);opacity:.3}.base-loading__spinner-path[data-v-3f43947c]{stroke-dasharray:251.2;stroke-dashoffset:251.2;animation:dash-3f43947c 1.5s ease-in-out infinite}.base-loading--primary .base-loading__spinner-path[data-v-3f43947c]{stroke:var(--12a07701)}.base-loading--secondary .base-loading__spinner-path[data-v-3f43947c]{stroke:var(--af00e3e2)}.base-loading--white .base-loading__spinner-path[data-v-3f43947c]{stroke:#fff}.base-loading--white .base-loading__spinner-track[data-v-3f43947c]{stroke:#ffffff4d}.base-loading--sm[data-v-3f43947c]{--spinner-size: 24px}.base-loading--md[data-v-3f43947c]{--spinner-size: 32px}.base-loading--lg[data-v-3f43947c]{--spinner-size: 48px}.base-loading__text[data-v-3f43947c]{font-size:var(--cff1e22e);color:var(--7943a3e2);font-weight:500}.base-loading--white .base-loading__text[data-v-3f43947c]{color:#fff}@keyframes rotate-3f43947c{to{transform:rotate(360deg)}}@keyframes dash-3f43947c{0%{stroke-dashoffset:251.2}50%{stroke-dashoffset:62.8}to{stroke-dashoffset:251.2}}.base-card[data-v-b6e55b37]{background:#232323;border-radius:8px;box-shadow:0 2px 12px #00000040;padding:1.5em;margin-bottom:1em;color:#f1f3f4;border:1.5px solid #F1F3F4}.cookie-consent[data-v-20f982c8]{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-index-cookie-consent);padding:var(--spacing-4);animation:slideUp-20f982c8 .4s ease-out}.cookie-consent__card[data-v-20f982c8]{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-20f982c8]{padding:var(--spacing-4)}.cookie-consent__header[data-v-20f982c8]{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.cookie-consent__icon[data-v-20f982c8]{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-20f982c8]{width:20px;height:20px}.cookie-consent__title[data-v-20f982c8]{color:var(--color-brand-green);font-size:1.2rem;font-weight:600;margin:0}.cookie-consent__description[data-v-20f982c8]{color:var(--color-neutral-white);line-height:1.5;margin-bottom:var(--spacing-4)}.cookie-consent__learn-more[data-v-20f982c8]{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-20f982c8]:hover{color:#4caf50}.cookie-consent__details[data-v-20f982c8]{margin-bottom:var(--spacing-4)}.cookie-types[data-v-20f982c8]{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.cookie-type[data-v-20f982c8]{background:#3a3a3a80;border:1px solid rgba(46,125,50,.3);border-radius:8px;padding:var(--spacing-3)}.cookie-type__header[data-v-20f982c8]{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.cookie-type__icon[data-v-20f982c8]{width:18px;height:18px;color:var(--color-brand-green)}.cookie-type__title[data-v-20f982c8]{font-weight:500;color:var(--color-neutral-white);flex:1}.cookie-type__status[data-v-20f982c8]{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.cookie-type__status--required[data-v-20f982c8]{background:#2e7d3233;color:var(--color-brand-green);border:1px solid var(--color-brand-green)}.cookie-type__description[data-v-20f982c8]{color:#b0bec5;font-size:.875rem;margin:0;line-height:1.4}.cookie-toggle[data-v-20f982c8]{position:relative;display:inline-block;width:44px;height:24px}.cookie-toggle__input[data-v-20f982c8]{opacity:0;width:0;height:0}.cookie-toggle__slider[data-v-20f982c8]{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-20f982c8]: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-20f982c8]{background-color:var(--color-brand-green)}.cookie-toggle__input:checked+.cookie-toggle__slider[data-v-20f982c8]:before{transform:translate(20px)}.cookie-consent__links[data-v-20f982c8]{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-20f982c8]{color:var(--color-brand-green);text-decoration:none;font-size:.875rem}.cookie-link[data-v-20f982c8]:hover{text-decoration:underline}.cookie-link-separator[data-v-20f982c8]{color:#666}.cookie-consent__actions[data-v-20f982c8]{display:flex;flex-direction:column;gap:var(--spacing-3)}.action-row[data-v-20f982c8]{display:flex;gap:var(--spacing-3)}.action-button[data-v-20f982c8]{flex:1}.action-button--full-width[data-v-20f982c8]{width:100%}.action-button--primary[data-v-20f982c8]{background:linear-gradient(135deg,var(--color-brand-green) 0%,#4CAF50 100%)}.button-icon[data-v-20f982c8]{width:16px;height:16px}.enzuzo-container[data-v-20f982c8]{display:none}@keyframes slideUp-20f982c8{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.cookie-consent[data-v-20f982c8],.cookie-consent__content[data-v-20f982c8]{padding:var(--spacing-3)}.cookie-consent__title[data-v-20f982c8]{font-size:1.1rem}.action-row[data-v-20f982c8]{flex-direction:column}.cookie-types[data-v-20f982c8]{gap:var(--spacing-2)}.cookie-type[data-v-20f982c8]{padding:var(--spacing-2)}.cookie-type__header[data-v-20f982c8]{flex-wrap:wrap;gap:var(--spacing-2)}.cookie-toggle[data-v-20f982c8]{width:40px;height:22px}.cookie-toggle__slider[data-v-20f982c8]:before{height:16px;width:16px}.cookie-toggle__input:checked+.cookie-toggle__slider[data-v-20f982c8]:before{transform:translate(18px)}}@media (prefers-contrast: high){.cookie-consent__card[data-v-20f982c8]{border-width:3px}.cookie-type[data-v-20f982c8]{border-width:2px}}@media (prefers-reduced-motion: reduce){.cookie-consent[data-v-20f982c8]{animation:none}.cookie-toggle__slider[data-v-20f982c8],.cookie-toggle__slider[data-v-20f982c8]:before{transition:none}}.chat-websocket-debug[data-v-b4be9450]{background:var(--color-neutral-dark);border:1px solid var(--color-border);border-radius:8px;padding:1rem;margin:1rem 0}.debug-info[data-v-b4be9450]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin:1rem 0}.debug-item[data-v-b4be9450]{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#ffffff0d;border-radius:4px}.label[data-v-b4be9450]{font-weight:500;color:var(--color-neutral-white)}.value[data-v-b4be9450]{color:var(--color-neutral-white);font-weight:600}.value.connected[data-v-b4be9450]{color:#10b981}.value.error[data-v-b4be9450]{color:#ef4444}.value.has-unread[data-v-b4be9450]{color:#f59e0b}.debug-actions[data-v-b4be9450]{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.debug-details[data-v-b4be9450]{margin:1rem 0}.debug-json[data-v-b4be9450]{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-b4be9450]{margin:1rem 0}.log-entries[data-v-b4be9450]{background:#0000004d;border-radius:4px;max-height:200px;overflow-y:auto}.log-entry[data-v-b4be9450]{display:flex;padding:.25rem .5rem;border-bottom:1px solid rgba(255,255,255,.1);font-size:.8rem}.log-entry[data-v-b4be9450]:last-child{border-bottom:none}.log-time[data-v-b4be9450]{color:#6b7280;margin-right:.5rem;min-width:60px}.log-message[data-v-b4be9450]{color:var(--color-neutral-white);flex:1}.unified-dev-panel[data-v-e17218af]{position:fixed;top:50%;left:20px;z-index:var(--z-index-dev-panel);pointer-events:auto}.dev-toggle-btn[data-v-e17218af]{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-e17218af]:hover{background:linear-gradient(135deg,#4caf50,#66bb6a);transform:scale(1.05);box-shadow:0 12px 40px #2e7d3280}.dev-toggle-btn.expanded[data-v-e17218af]{background:linear-gradient(135deg,#4caf50,#81c784)}.dev-icon[data-v-e17218af]{width:32px;height:32px;color:#f1f3f4}.dev-badge[data-v-e17218af]{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-e17218af]{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-e17218af]{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-e17218af]{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:800px;min-height:600px;overflow:hidden;display:flex;flex-direction:column;flex-shrink:0}.panel-header[data-v-e17218af]{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-e17218af]{display:flex;align-items:center;gap:12px}.header-left h3[data-v-e17218af]{margin:0;font-size:18px;font-weight:600}.env-badge[data-v-e17218af],.status-indicator[data-v-e17218af]{background:#0000004d;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700}.close-btn[data-v-e17218af]{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-e17218af]:hover{background:#0006}.close-icon[data-v-e17218af]{width:20px;height:20px;color:#f1f3f4}.tab-navigation[data-v-e17218af]{display:flex;background:#181818e6;border-bottom:1px solid #2E7D32;overflow-x:auto}.tab-btn[data-v-e17218af]{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-e17218af]:hover{background:#2e7d321a;color:#e8eaed}.tab-btn.active[data-v-e17218af]{color:#4caf50;border-bottom-color:#4caf50;background:#2e7d3226}.tab-icon[data-v-e17218af]{width:18px;height:18px}.tab-count[data-v-e17218af],.tab-issues[data-v-e17218af]{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-e17218af]{background:#f44336;color:#f1f3f4}.panel-content[data-v-e17218af]{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-e17218af]{width:100%;min-height:400px;box-sizing:border-box}.content-header[data-v-e17218af]{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-e17218af]{margin:0;font-size:20px;font-weight:600;color:#42a5f5}.quick-actions[data-v-e17218af],.feature-controls[data-v-e17218af]{display:flex;gap:12px}.btn-small[data-v-e17218af],.btn-primary[data-v-e17218af],.btn-secondary[data-v-e17218af],.action-btn[data-v-e17218af]{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-e17218af],.btn-primary[data-v-e17218af]{background:linear-gradient(135deg,#2e7d32,#4caf50);color:#f1f3f4}.btn-small.btn-warning[data-v-e17218af]{background:linear-gradient(135deg,#f57c00,#ff9800);color:#f1f3f4}.btn-secondary[data-v-e17218af]{background:#95a5a6cc;color:#f1f3f4}.action-btn[data-v-e17218af]{background:#42a5f51a;border:1px solid rgba(66,165,245,.3);color:#42a5f5}.btn-icon[data-v-e17218af]{width:14px;height:14px}.state-grid[data-v-e17218af],.router-grid[data-v-e17218af],.local-tools-grid[data-v-e17218af]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;width:100%}.state-section[data-v-e17218af],.router-section[data-v-e17218af],.tool-card[data-v-e17218af]{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-e17218af],.router-section h5[data-v-e17218af],.tool-card h5[data-v-e17218af]{margin:0 0 12px;color:#42a5f5;font-size:14px;font-weight:600}.state-display[data-v-e17218af],.router-display[data-v-e17218af]{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-e17218af]{display:flex;gap:16px;align-items:end;margin-bottom:24px;flex-wrap:wrap;width:100%}.method-selector[data-v-e17218af],.endpoint-input[data-v-e17218af]{display:flex;flex-direction:column;gap:6px}.method-selector label[data-v-e17218af],.endpoint-input label[data-v-e17218af]{font-size:12px;color:#b0bec5;font-weight:500}.method-select[data-v-e17218af],.endpoint-field[data-v-e17218af]{padding:8px 12px;background:#2a2a2acc;border:1px solid #333;border-radius:6px;color:#e8eaed;font-size:14px}.endpoint-field[data-v-e17218af]{min-width:200px;flex:1}.execute-btn[data-v-e17218af]{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-e17218af]:disabled{background:#666;cursor:not-allowed}.spinning[data-v-e17218af]{animation:spin-e17218af 1s linear infinite}@keyframes spin-e17218af{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quick-endpoints[data-v-e17218af]{margin-top:24px}.quick-endpoints h5[data-v-e17218af]{color:#f1f3f4;margin-bottom:16px}.endpoint-grid[data-v-e17218af]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.quick-endpoint-btn[data-v-e17218af]{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-e17218af]:hover{background:#f1f3f41a;border-color:#f1f3f4}.method-badge[data-v-e17218af]{background:#f1f3f4;color:#000;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700}.flags-grid[data-v-e17218af]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.flag-item[data-v-e17218af]{background:#2a2a2a99;border:1px solid #333;border-radius:6px;padding:12px}.flag-label[data-v-e17218af]{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:#e8eaed}.flag-label input[type=checkbox][data-v-e17218af]{width:18px;height:18px;accent-color:#4CAF50}.flag-name[data-v-e17218af]{flex:1;font-weight:500}.flag-status[data-v-e17218af]{width:20px;height:20px}.flag-status.enabled[data-v-e17218af]{color:#66bb6a}.flag-status.disabled[data-v-e17218af]{color:#f44336}.connection-status[data-v-e17218af],.router-status[data-v-e17218af],.dev-mode-badge[data-v-e17218af],.feature-stats[data-v-e17218af]{background:#f1f3f433;color:#f1f3f4;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700}.history-list[data-v-e17218af]{max-height:200px;overflow-y:auto}.history-item[data-v-e17218af]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #333;font-size:12px}.route-path[data-v-e17218af]{color:#f1f3f4;font-weight:500}.route-time[data-v-e17218af]{color:#b0bec5}.action-buttons[data-v-e17218af]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.performance-metrics[data-v-e17218af],.env-info[data-v-e17218af]{display:flex;flex-direction:column;gap:8px}.metric[data-v-e17218af],.env-item[data-v-e17218af]{display:flex;justify-content:space-between;align-items:center;font-size:12px}.metric-label[data-v-e17218af],.env-label[data-v-e17218af]{color:#b0bec5}.metric-value[data-v-e17218af],.env-value[data-v-e17218af]{color:#f1f3f4;font-weight:600}.dev-panel-enter-active[data-v-e17218af],.dev-panel-leave-active[data-v-e17218af]{transition:all .3s ease}.dev-panel-enter-from[data-v-e17218af],.dev-panel-leave-to[data-v-e17218af]{opacity:0;transform:scale(.95)}@media (min-width: 1920px){.dev-panel[data-v-e17218af]{width:calc(100% - 30px);max-width:1800px;height:calc(100% - 30px);max-height:1000px}.panel-content[data-v-e17218af]{padding:40px}.state-grid[data-v-e17218af],.router-grid[data-v-e17218af],.local-tools-grid[data-v-e17218af]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.state-section[data-v-e17218af],.router-section[data-v-e17218af],.tool-card[data-v-e17218af]{min-height:180px;padding:24px}.state-display[data-v-e17218af],.router-display[data-v-e17218af]{max-height:300px;font-size:13px;padding:20px}.flags-grid[data-v-e17218af]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}}@media (min-width: 2560px){.dev-panel[data-v-e17218af]{width:calc(100% - 20px);max-width:2400px;height:calc(100% - 20px);max-height:1200px}.panel-content[data-v-e17218af]{padding:50px}.state-grid[data-v-e17218af],.router-grid[data-v-e17218af],.local-tools-grid[data-v-e17218af]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.state-section[data-v-e17218af],.router-section[data-v-e17218af],.tool-card[data-v-e17218af]{min-height:200px;padding:28px}.state-display[data-v-e17218af],.router-display[data-v-e17218af]{max-height:350px;font-size:14px;padding:24px}}@media (max-width: 768px){.unified-dev-panel[data-v-e17218af]{top:auto;bottom:80px;left:15px}.dev-toggle-btn[data-v-e17218af]{width:50px;height:50px}.dev-icon[data-v-e17218af]{width:24px;height:24px}.dev-badge[data-v-e17218af]{font-size:8px;padding:2px 4px}.dev-panel-overlay[data-v-e17218af]{padding:5px}.dev-panel[data-v-e17218af]{width:95vw;height:85%;max-height:600px;min-height:400px;max-width:none}.panel-header[data-v-e17218af]{padding:12px 16px}.header-left h3[data-v-e17218af]{font-size:14px}.env-badge[data-v-e17218af],.status-indicator[data-v-e17218af]{font-size:10px;padding:2px 6px}.panel-content[data-v-e17218af]{padding:12px}.tab-navigation[data-v-e17218af]{overflow-x:auto}.tab-btn[data-v-e17218af]{padding:12px 16px;font-size:12px;gap:6px}.tab-icon[data-v-e17218af]{width:16px;height:16px}.tab-count[data-v-e17218af],.tab-issues[data-v-e17218af]{width:18px;height:18px;font-size:10px}.state-grid[data-v-e17218af],.router-grid[data-v-e17218af],.local-tools-grid[data-v-e17218af]{grid-template-columns:1fr;gap:8px;width:100%}.state-section[data-v-e17218af],.router-section[data-v-e17218af],.tool-card[data-v-e17218af]{padding:12px;min-height:120px}.state-display[data-v-e17218af],.router-display[data-v-e17218af]{max-height:100px;font-size:9px;padding:8px}.api-controls[data-v-e17218af]{flex-direction:column;align-items:stretch;gap:8px}.flags-grid[data-v-e17218af]{grid-template-columns:1fr;gap:8px}.flag-item[data-v-e17218af]{padding:8px}.flag-label[data-v-e17218af]{font-size:12px;gap:8px}.content-header h4[data-v-e17218af]{font-size:16px}.quick-actions[data-v-e17218af],.feature-controls[data-v-e17218af]{gap:8px}}@media (max-width: 480px){.unified-dev-panel[data-v-e17218af]{bottom:70px;left:10px}.dev-toggle-btn[data-v-e17218af]{width:45px;height:45px}.dev-icon[data-v-e17218af]{width:20px;height:20px}.dev-panel[data-v-e17218af]{width:98vw;height:80%;max-height:500px;min-height:350px}.panel-header[data-v-e17218af]{padding:10px 12px}.header-left h3[data-v-e17218af]{font-size:12px}.panel-content[data-v-e17218af]{padding:8px}.tab-btn[data-v-e17218af]{padding:10px 12px;font-size:11px}.state-section[data-v-e17218af],.router-section[data-v-e17218af],.tool-card[data-v-e17218af]{padding:8px;min-height:100px}.state-display[data-v-e17218af],.router-display[data-v-e17218af]{max-height:80px;font-size:8px;padding:6px}}@media (max-width: 926px) and (orientation: landscape){.unified-dev-panel[data-v-e17218af]{bottom:60px;left:10px}.dev-panel[data-v-e17218af]{height:75%;max-height:400px;min-height:300px}.panel-content[data-v-e17218af]{padding:8px}.state-display[data-v-e17218af],.router-display[data-v-e17218af]{max-height:60px}}.app{height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column}.auth-loading{height:calc(var(--vh, 1vh) * 100);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%;height:100%;min-height:100%}*{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:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column}.logo[data-v-53e5f83f]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-53e5f83f]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-53e5f83f]:hover{filter:drop-shadow(0 0 2em #42b883aa)}html,body,#app,.app-layout,.main-content,.route-wrapper{height:100%;min-height:100%}:root{--color-brand-green: #2E7D32;--color-brand-green-light: #4CAF50;--color-brand-green-dark: #1B5E20;--color-brand-blue: #1976D2;--color-brand-blue-light: #2196F3;--color-brand-blue-dark: #0D47A1;--color-brand-orange: #F1F3F4;--color-brand-orange-light: #F8F9FA;--color-brand-orange-dark: #E8EAED;--color-brand-gold: #FFD700;--color-brand-gold-light: #FFED4A;--color-brand-gold-dark: #B8860B;--color-neutral-white: #FFFFFF;--color-neutral-black: #000000;--color-neutral-dark: #232323;--color-neutral-grey-light: #F5F5F5;--color-neutral-grey: #757575;--color-neutral-grey-dark: #424242;--color-success: #4CAF50;--color-warning: #F1F3F4;--color-info: #2196F3;--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: #2a2a2a;--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);--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: 60px;--header-height-mobile: 60px;--footer-height-mobile: 50px;--header-height-small: 48px;--footer-height-small: 32px;--header-height-tiny: 44px;--footer-height-tiny: 60px;--breadcrumb-max-height: 50px;--breadcrumb-max-height-mobile: 40px;--vh: 1vh;--svh: 100svh;--lvh: 100lvh;--dvh: 100dvh;--svw: 100svw;--lvw: 100lvw;--dvw: 100dvw;--viewport-height: calc(var(--dvh, var(--lvh, var(--svh, 100vh))));--viewport-width: calc(var(--dvw, var(--lvw, var(--svw, 100vw))));--mobile-viewport-height: max(calc(var(--dvh, var(--lvh, var(--svh, 100vh))) - var(--header-height-mobile) - var(--footer-height-mobile)), 400px);--landscape-viewport-height: max(calc(var(--dvh, var(--lvh, var(--svh, 100vh))) - var(--header-height-landscape) - var(--footer-height-landscape)), 300px);--full-viewport-height: calc(var(--dvh, var(--lvh, var(--svh, 100vh))));--swipe-card-height: max(calc(var(--dvh, var(--lvh, var(--svh, 100vh))) * .8), 500px);--swipe-card-height-mobile: max(calc(var(--dvh, var(--lvh, var(--svh, 100vh))) * .75), 400px);--swipe-card-height-landscape: max(calc(var(--dvh, var(--lvh, var(--svh, 100vh))) * .9), 300px);--header-height-landscape: 36px;--footer-height-landscape: 48px;--header-height-landscape-tiny: 40px;--footer-height-landscape-tiny: 28px;--content-padding-landscape: .5rem;--swipe-card-height-landscape: 350px;--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}.dark{--color-primary: var(--color-brand-green-light);--color-primary-light: #A5D6A7;--color-primary-dark: var(--color-brand-green);--color-primary-contrast: var(--color-neutral-black);--color-secondary: var(--color-brand-orange-light);--color-secondary-light: #FFFFFF;--color-secondary-dark: var(--color-brand-orange);--color-secondary-contrast: #212121;--color-accent: var(--color-brand-orange-light);--color-accent-light: #FFFFFF;--color-accent-dark: var(--color-brand-orange);--color-accent-contrast: #212121;--color-error: #E57373;--color-error-light: #EF9A9A;--color-error-dark: #F44336;--color-error-contrast: var(--color-neutral-black);--color-warning: var(--color-brand-orange-light);--color-warning-light: #FFFFFF;--color-warning-dark: var(--color-brand-orange);--color-warning-contrast: #212121;--color-success: var(--color-brand-green-light);--color-success-light: #A5D6A7;--color-success-dark: var(--color-brand-green);--color-success-contrast: var(--color-neutral-black)}.overlay-content-area{position:fixed!important;left:0!important;right:0!important;bottom:var(--footer-height)!important;z-index:2000!important}@media (max-width: 768px){.overlay-content-area{bottom:var(--footer-height-mobile)!important}}@media screen and (max-width: 926px) and (orientation: landscape) and (max-height: 500px){.overlay-content-area{bottom:var(--footer-height-landscape)!important}}@media screen and (max-width: 480px) and (orientation: landscape) and (max-height: 450px){.overlay-content-area{bottom:var(--footer-height-landscape-tiny)!important}}@media screen and (max-width: 380px){.overlay-content-area{bottom:var(--footer-height-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:calc(var(--vh, 1vh) * 100);overflow-x:hidden}body{margin:0;padding:0;font-family:Roboto,Arial,sans-serif;color:var(--color-accent);background-color:var(--color-neutral-dark);height:calc(var(--vh, 1vh) * 100);overflow:hidden}.scrollable-content{height:calc(var(--vh, 1vh) * 100);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.mobile-viewport-fix{height:calc(var(--vh, 1vh) * 100);min-height:calc(var(--vh, 1vh) * 100)}.mobile-content-area{height:calc(var(--vh, 1vh) * 100 - var(--header-height-mobile) - var(--footer-height-mobile));max-height:calc(var(--vh, 1vh) * 100 - var(--header-height-mobile) - var(--footer-height-mobile));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.landscape-content-area{height:calc(var(--vh, 1vh) * 100 - var(--header-height-landscape) - var(--footer-height-landscape));max-height:calc(var(--vh, 1vh) * 100 - var(--header-height-landscape) - var(--footer-height-landscape));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.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{height:var(--dvh);min-height:var(--dvh)}.mobile-viewport-height{height:var(--mobile-viewport-height);min-height:var(--mobile-viewport-height);max-height:var(--mobile-viewport-height)}.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(--mobile-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}.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}.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)}h1,h2,h3{font-family:Bebas Neue,Arial,sans-serif;letter-spacing:.02em;color:var(--color-accent);margin-top:0}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.5rem}.text-center{text-align:center}.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)}.mt-4{margin-top:var(--spacing-4)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}@media screen and (max-width: 926px) and (orientation: landscape) and (max-height: 500px){:root{--header-height-mobile: var(--header-height-landscape);--footer-height-mobile: var(--footer-height-landscape);--spacing-4: .75rem;--spacing-6: 1rem;--spacing-8: 1.25rem;--content-max-height-landscape: calc(100vh - var(--header-height-landscape) - var(--footer-height-landscape))}.app-layout{grid-template-rows:var(--header-height-landscape) 0 1fr var(--footer-height-landscape)!important}.main-content{padding:0!important;height:100%!important}h1{font-size:1.5rem!important;margin-bottom:.5rem!important;line-height:1.2!important}h2{font-size:1.3rem!important;margin-bottom:.5rem!important;line-height:1.2!important}.breadcrumbs{display:none!important}.landscape-optimized{height:var(--content-max-height-landscape)!important;max-height:var(--content-max-height-landscape)!important;overflow-y:auto!important;overflow-x:hidden!important}.landscape-container{padding:.25rem!important;box-sizing:border-box!important}}@media screen and (max-width: 480px) and (orientation: landscape) and (max-height: 450px){:root{--header-height-mobile: var(--header-height-landscape-tiny);--footer-height-mobile: var(--footer-height-landscape-tiny);--spacing-4: .5rem;--spacing-6: .75rem;--spacing-8: 1rem;--content-max-height-landscape: calc(100vh - var(--header-height-landscape-tiny) - var(--footer-height-landscape-tiny))}.app-layout{grid-template-rows:var(--header-height-landscape-tiny) 0 1fr var(--footer-height-landscape-tiny)!important}.main-content{padding:0!important}h1{font-size:1.25rem!important;margin-bottom:.25rem!important}h2{font-size:1.1rem!important;margin-bottom:.25rem!important}.landscape-optimized{height:var(--content-max-height-landscape)!important;max-height:var(--content-max-height-landscape)!important}.landscape-container{padding:.125rem!important}}@media screen and (max-width: 380px){:root{--header-height-mobile: var(--header-height-tiny);--footer-height-mobile: var(--footer-height-tiny);--spacing-4: .5rem;--spacing-6: .75rem}.app-layout{grid-template-rows:var(--header-height-tiny) auto 1fr var(--footer-height-tiny)!important}h1{font-size:1.4rem!important;margin-bottom:.5rem!important}h2{font-size:1.2rem!important;margin-bottom:.5rem!important}}@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.two-column-landscape{display:grid;grid-template-columns:1fr 1fr;gap:2rem}}select,.base-select__select{background-color:var(--color-neutral-dark)!important;color:var(--color-neutral-white)!important}select option,.base-select__select option{background-color:var(--color-neutral-white)!important;color:var(--color-neutral-dark)!important}@media screen and (orientation: landscape){.landscape-hide{display:none!important}.landscape-compact{padding:.5rem!important;margin:.5rem 0!important;font-size:.95em!important;line-height:1.2!important}.sticky-bottom-cta{position:fixed!important;left:0;right:0;bottom:var(--footer-height-landscape, 32px);z-index:100;width:100vw;max-width:100vw;background:var(--color-neutral-dark, #232323);box-shadow:0 -2px 12px #00000026;padding:.5rem 1rem!important;display:flex;justify-content:center;align-items:center}}@media (max-width: 768px){.modal-content,.modal-body,.modal-wrapper,.match-celebration-modal,.club-detail-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}.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}