:root{--tgr-primary: #25834B;--tgr-primary-hover: #1D5238;--tgr-primary-light: #E9F7EC;--tgr-accent: #C8E94E;--tgr-accent-dark: #A3B800;--tgr-bg: #F4F7F1;--tgr-surface: #FFFFFF;--tgr-surface-subtle: #F8FAF6;--tgr-border: #DCE6D8;--tgr-border-subtle: #DCE6D8;--tgr-sidebar-bg: #EDF4EB;--tgr-sidebar-border: #D5E2D1;--tgr-text: #17251C;--tgr-text-muted: #647465;--tgr-text-subtle: #738C78;--tgr-success: #167441;--tgr-success-bg: #E9F7EC;--tgr-success-border: #C3E4CA;--tgr-warning: #9A5C02;--tgr-warning-bg: #FFF6DD;--tgr-warning-border: #EFD68F;--tgr-error: #BE3B39;--tgr-error-bg: #FFF0EF;--tgr-error-border: #F1C5C3;--tgr-info: #1968AA;--tgr-info-bg: #EBF5FF;--tgr-info-border: #B9D8F2;--tgr-neutral: #616161;--tgr-neutral-bg: #F5F5F5;--tgr-neutral-border: #D9D9D9;--tgr-radius-sm: 10px;--tgr-radius: 16px;--tgr-radius-lg: 16px;--tgr-shadow-sm: 0 1px 3px rgba(17,48,32,0.06);--tgr-shadow: 0 7px 18px rgba(17,48,32,0.08);--tgr-shadow-lg: 0 12px 32px rgba(17,48,32,0.10);--tgr-transition: 150ms ease}html{--aura-accent-color-light: #25834B;--aura-accent-color-dark: #25834B;--aura-accent-color: #25834B;--vaadin-avatar-text-color: #000000}vaadin-button[theme~='primary'],vaadin-menu-bar-button[theme~='primary']{--vaadin-button-background: #25834B !important;--vaadin-button-text-color: #ffffff !important;--aura-accent-color: #25834B;--aura-accent-color-light: #25834B;--aura-accent-color-dark: #25834B}body{color: var(--tgr-text);line-height: 1.45}h1,h2,h3,h4{letter-spacing: -0.025em}vaadin-button{min-height: 42px;border-radius: 9px;font-weight: 700}vaadin-button:not([theme~='primary']):not([theme~='tertiary']),vaadin-menu-bar-button:not([theme~='primary']):not([theme~='tertiary']){--vaadin-button-border-color: var(--tgr-border);--vaadin-button-text-color: var(--tgr-text);--aura-surface-opacity: 0.06}.bg-bright{background-color: var(--tgr-bg)}.bg-dark{background-color: var(--tgr-sidebar-bg);color: #C8D8C0}vaadin-app-layout{position: relative;--aura-app-layout-inset: 0px;--aura-app-layout-border-width: 0px;--vaadin-app-layout-navbar-padding-inline-start: 0;--vaadin-app-layout-navbar-padding-inline-end: 0}vaadin-app-layout::part(drawer),vaadin-app-layout::part(navbar){position: absolute}vaadin-app-layout::part(drawer){background: var(--tgr-sidebar-bg);border-right: 1px solid var(--tgr-sidebar-border);box-shadow: none}vaadin-app-layout::part(navbar){background: var(--tgr-surface);border-bottom: 1px solid var(--tgr-border-subtle);box-shadow: 0 1px 4px rgba(0,0,0,0.06)}vaadin-app-layout::part(navbar-bottom){padding: 0 !important;background: var(--tgr-surface) !important;border-top: 1px solid var(--tgr-border);box-shadow: 0 -2px 8px rgba(17,48,32,0.08)}vaadin-app-layout[touch-optimized]::part(navbar){background: transparent;border: none;box-shadow: none;padding: 0;--vaadin-app-layout-navbar-padding-top: 0;--vaadin-app-layout-navbar-padding-inline-start: 0;--vaadin-app-layout-navbar-padding-inline-end: 0}:root{--tgr-bottom-nav-height: 64px}.tgr-drawer{background: var(--tgr-sidebar-bg);--aura-background-color-light: #EDF4EB;--aura-accent-color-light: #25834B;--vaadin-text-color: #45604C;--vaadin-text-color-secondary: #738C78;color: #45604C}.tgr-drawer vaadin-side-nav-item::part(content){border-radius: 9px;min-height: 36px;transition: background var(--tgr-transition),color var(--tgr-transition)}.tgr-drawer vaadin-side-nav-item[current]::part(content),.tgr-drawer vaadin-side-nav-item.tgr-nav-active::part(content){background: #D8EFDC;color: #155C31;box-shadow: inset 3px 0 0 var(--tgr-primary);font-weight: 800}.tgr-drawer vaadin-side-nav-item::part(content):hover{background: #DFEBDC;color: #155C31}.tgr-drawer-link-active{background: #D8EFDC !important;color: #155C31 !important;box-shadow: inset 3px 0 0 var(--tgr-primary);font-weight: 800}.tgr-bottom-nav{width: 100%;min-height: var(--tgr-bottom-nav-height)}.tgr-bottom-nav-item{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3px;padding: 6px 10px;color: var(--tgr-text-muted);text-decoration: none;font-size: 0.65rem;font-weight: 700;transition: color var(--tgr-transition);border-radius: var(--tgr-radius-sm);cursor: pointer;min-width: 52px}.tgr-bottom-nav-item:hover,.tgr-bottom-nav-item.active{color: var(--tgr-primary)}.tgr-bottom-nav-item vaadin-icon{width: 22px;height: 22px}.tgr-bottom-nav-item.active vaadin-icon,.tgr-bottom-nav-item.active vaadin-avatar{background: var(--tgr-success-bg);border-radius: 99px;box-sizing: content-box;padding: 2px 10px}.tgr-card{background: var(--tgr-surface);border: 1px solid var(--tgr-border);border-radius: var(--tgr-radius);transition: box-shadow var(--tgr-transition),transform var(--tgr-transition)}.tgr-card--clickable{cursor: pointer}@media (hover: hover){.tgr-card--clickable:hover{box-shadow: var(--tgr-shadow);transform: translateY(-1px)}}.tgr-card--clickable:focus-visible{outline: 2px solid var(--tgr-primary);outline-offset: 2px}.card-element{background: var(--tgr-surface);border: 1px solid var(--tgr-border-subtle);border-radius: var(--tgr-radius);padding: 1rem;transition: box-shadow var(--tgr-transition)}.card-element>h1,.card-element>h2{margin: 0 0 0.75rem;color: var(--tgr-text);font-size: 1rem}vaadin-grid{overflow: hidden;border: 1px solid var(--tgr-border);border-radius: var(--tgr-radius-sm);background: var(--tgr-surface)}vaadin-tabs{margin-bottom: 0.5rem;border-bottom: 1px solid var(--tgr-border)}.tgr-badge{display: inline-flex;align-items: center;border-radius: 99px;padding: 5px 8px;font-size: 0.7rem;font-weight: 700;line-height: 1.1;white-space: nowrap;border: 1px solid transparent}.tgr-badge--success{background: var(--tgr-success-bg);color: var(--tgr-success);border-color: var(--tgr-success-border)}.tgr-badge--warning{background: var(--tgr-warning-bg);color: var(--tgr-warning);border-color: var(--tgr-warning-border)}.tgr-badge--error{background: var(--tgr-error-bg);color: var(--tgr-error);border-color: var(--tgr-error-border)}.tgr-badge--info{background: var(--tgr-info-bg);color: var(--tgr-info);border-color: var(--tgr-info-border)}.tgr-badge--neutral{background: var(--tgr-neutral-bg);color: var(--tgr-neutral);border-color: var(--tgr-neutral-border)}.tgr-page-header{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 0.75rem;margin-bottom: 1.25rem}.tgr-page{width: 100%;min-height: 100%;padding: clamp(1rem,3vw,2rem);box-sizing: border-box;background: var(--tgr-bg)}.tgr-page>*{width: 100%;max-width: 1120px;margin-right: auto;margin-left: auto}.tgr-page__content{width: 100%;max-width: 1120px;margin: 0 auto}.tgr-page-heading{margin: 0;color: var(--tgr-text);font-size: clamp(1.5rem,3vw,2rem);line-height: 1.1}.tgr-page-lead{margin: 0.35rem 0 0;color: var(--tgr-text-muted);font-size: 0.9rem}.tgr-eyebrow{color: var(--tgr-primary);font-size: 0.75rem;letter-spacing: 0.1em;font-weight: 800;text-transform: uppercase}.tgr-filter-bar{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem}.tgr-filter-bar vaadin-button{min-height: 36px;border-radius: 99px}.tgr-empty-state{padding: 2rem 1rem;border: 1px dashed var(--tgr-border);border-radius: var(--tgr-radius);background: var(--tgr-surface);color: var(--tgr-text-muted);text-align: center}.tgr-detail-card{padding: clamp(1rem,2vw,1.25rem);border: 1px solid var(--tgr-border);border-radius: 13px;background: var(--tgr-surface)}.tgr-feedback{padding: 0.65rem 0.8rem;border: 1px solid var(--tgr-warning-border);border-radius: 8px;background: var(--tgr-warning-bg);color: var(--tgr-warning);font-size: 0.85rem;font-weight: 650}.tgr-summary-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.8rem;margin: 1.5rem auto}.tgr-metric{padding: 1rem;border: 1px solid var(--tgr-border);border-radius: var(--tgr-radius-sm);background: var(--tgr-surface)}.tgr-metric__label{color: var(--tgr-text-muted);font-size: 0.7rem;font-weight: 750;letter-spacing: 0.06em;text-transform: uppercase}.tgr-metric__value{display: block;margin-top: 0.2rem;color: var(--tgr-text);font-size: 1.45rem;letter-spacing: -0.035em}.tgr-metric__hint{display: block;margin-top: 0.2rem;color: var(--tgr-success);font-size: 0.75rem;font-weight: 650}.tgr-dashboard-profile-card{display: flex;flex-direction: column;gap: 0.45rem}.tgr-dashboard-profile-card__header{display: flex;align-items: flex-start;justify-content: space-between;gap: 0.75rem}.tgr-dashboard-profile-card__name{display: block;color: var(--tgr-text);font-size: 1rem;line-height: 1.25}.tgr-dashboard-profile-card__meta{display: block;margin-top: 0.15rem;color: var(--tgr-text-muted);font-size: 0.72rem;line-height: 1.35}.tgr-dashboard-profile-card__absence{align-self: flex-start;font-size: 0.7rem}.tgr-dashboard-profile-card__action{align-self: flex-start;padding: 0.3rem 0.65rem;border: 1px solid var(--tgr-border);border-radius: 7px;background: transparent;color: var(--tgr-text);cursor: pointer;font: inherit;font-size: 0.72rem;font-weight: 700}.tgr-dashboard-profile-card__action:hover{border-color: var(--tgr-primary);color: var(--tgr-primary)}.tgr-dashboard-profile-card__push{display: flex;align-items: center;gap: 0.3rem;padding: 0.35rem 0.5rem;border: 1px solid #FFE082;border-radius: 7px;background: #FFF8E1;color: #7A5F00;font-size: 0.68rem}.tgr-match-card{display: grid;grid-template-columns: 50px minmax(0,1fr) auto;align-items: start;gap: 15px;padding: 16px;border: 1px solid var(--tgr-border);border-radius: var(--tgr-radius);background: var(--tgr-surface);color: inherit;text-align: left;text-decoration: none;transition: box-shadow var(--tgr-transition),transform var(--tgr-transition)}.tgr-match-card--warning{border-color: var(--tgr-warning-border)}.tgr-match-card__date{height: 51px;display: grid;align-content: center;border: 1px solid var(--tgr-success-border);border-radius: 11px;background: var(--tgr-success-bg);color: var(--tgr-primary);line-height: 1;text-align: center}.tgr-match-card__date span{font-size: 0.56rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase}.tgr-match-card__date strong{margin-top: 3px;font-size: 1.2rem}.tgr-match-card__content{min-width: 0}.tgr-match-card__content h3{margin: 0 0 4px;color: var(--tgr-text);font-size: 0.94rem}.tgr-match-card__meta{color: var(--tgr-text-muted);font-size: 0.75rem}.tgr-match-card__players{display: flex;align-items: center;gap: 8px;min-width: 0;margin-top: 10px;color: var(--tgr-text-muted);font-size: 0.7rem;line-height: 1.35}.tgr-avatar-stack{display: flex;flex: 0 0 auto}.tgr-avatar-stack>span{width: 22px;height: 22px;display: grid;place-items: center;margin-left: -5px;border: 2px solid var(--tgr-surface);border-radius: 50%;background: #dcefe1;color: var(--tgr-primary);font-size: 0.5rem;font-weight: 800}.tgr-avatar-stack>span:first-child{margin-left: 0}.tgr-avatar-stack>span img{width: 100%;height: 100%;border-radius: inherit;object-fit: cover}.tgr-avatar-stack>.tgr-avatar-stack__item--warning{background: var(--tgr-warning-bg);color: var(--tgr-warning)}.tgr-dashboard-work-grid{display: grid;grid-template-columns: minmax(0,1.45fr) minmax(260px,0.85fr);align-items: start;gap: 1.25rem;margin-top: 1.5rem}.tgr-dashboard-section + .tgr-dashboard-section{margin-top: 1rem}.tgr-dashboard-match-list,.tgr-dashboard-task-list{display: grid;gap: 0.65rem}.tgr-training-day-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px}.tgr-dashboard-task{display: flex;align-items: flex-start;justify-content: space-between;gap: 0.65rem;padding: 13px 15px;border: 1px solid var(--tgr-border);border-radius: var(--tgr-radius-sm);background: var(--tgr-surface);transition: box-shadow var(--tgr-transition),transform var(--tgr-transition)}.tgr-dashboard-task__link{flex: 1 1 auto;min-width: 0;align-self: stretch;display: flex;align-items: flex-start;justify-content: space-between;gap: 0.65rem;color: inherit;text-decoration: none}.tgr-dashboard-task__content{min-width: 0;display: grid;gap: 0.2rem}.tgr-dashboard-task strong{color: var(--tgr-text);font-size: 0.82rem}.tgr-dashboard-task__content>span{color: var(--tgr-text-muted);font-size: 0.72rem;line-height: 1.35}.tgr-dashboard-task:has(.tgr-dashboard-task__link:focus-visible){outline: 2px solid var(--tgr-primary);outline-offset: 2px}.tgr-dashboard-task__link:focus-visible{outline: none}.tgr-dashboard-task__actions{display: flex;align-items: center;gap: 0.35rem;flex: 0 0 auto}.tgr-dashboard-helper-card{margin-top: 0.65rem;padding: 15px;border: 1px solid var(--tgr-success-border);border-radius: var(--tgr-radius);background: var(--tgr-success-bg)}.tgr-dashboard-helper-card h3{margin: 0 0 0.35rem;font-size: 0.88rem}.tgr-dashboard-helper-card p:last-child{margin-bottom: 0}.tgr-challenge-list{width: 100%;align-items: flex-start}.tgr-challenge-card{width: 100%;max-width: 480px;box-sizing: border-box}.tgr-detail-calendar-row{display: flex;align-items: flex-start;justify-content: space-between;gap: 0.75rem;flex-wrap: wrap;color: var(--tgr-text-muted);font-size: 0.9rem}.tgr-detail-calendar-row__meta{display: flex;flex: 1 1 420px;flex-wrap: wrap;gap: 0.75rem}.tgr-detail-calendar-row__action{flex: 0 0 auto;margin-left: auto}.tgr-tournament-row{display: grid;grid-template-columns: 38px minmax(0,1fr) auto;align-items: center;gap: 11px;padding: 13px;border: 1px solid var(--tgr-border);border-radius: 12px;background: var(--tgr-surface);color: inherit;text-decoration: none;transition: box-shadow var(--tgr-transition),transform var(--tgr-transition)}.tgr-tournament-row__icon{width: 38px;height: 38px;display: grid;place-items: center;border: 1px solid var(--tgr-success-border);border-radius: 10px;background: var(--tgr-success-bg);font-size: 1.15rem;font-weight: 800}.tgr-tournament-row__content{min-width: 0}.tgr-tournament-row__content strong{display: block;overflow: hidden;color: var(--tgr-text);font-size: 0.82rem;text-overflow: ellipsis;white-space: nowrap}.tgr-tournament-row__content>span{display: block;margin-top: 3px;color: var(--tgr-text-muted);font-size: 0.7rem;line-height: 1.35}.tgr-tournament-row__trailing{display: flex;align-items: center;gap: 0.55rem;color: var(--tgr-text-muted)}.tgr-tournament-list-row{display: flex;align-items: center;gap: 0.65rem;padding: 13px;border: 1px solid var(--tgr-border);border-radius: 12px;background: var(--tgr-surface)}.tgr-tournament-list-row__link{min-width: 0;display: grid;grid-template-columns: 38px minmax(0,1fr) auto;align-items: center;gap: 11px;flex: 1;color: inherit;text-decoration: none}.tgr-event-row{display: grid;grid-template-columns: 50px minmax(0,1fr) auto;align-items: center;gap: 15px;padding: 16px;border: 1px solid var(--tgr-border);border-radius: var(--tgr-radius);background: var(--tgr-surface);color: inherit;text-decoration: none}.tgr-event-row__date{height: 51px;display: grid;align-content: center;border: 1px solid var(--tgr-success-border);border-radius: 11px;background: var(--tgr-success-bg);color: var(--tgr-primary);font-size: 0.7rem;font-weight: 800;line-height: 1.1;text-align: center;text-transform: uppercase}.tgr-event-row__content{min-width: 0}.tgr-event-row__content strong{display: block;color: var(--tgr-text);font-size: 0.94rem}.tgr-event-row__content span{display: block;margin-top: 4px;color: var(--tgr-text-muted);font-size: 0.75rem;line-height: 1.4}.tgr-event-row__trailing{display: flex;align-items: center;gap: 0.55rem;color: var(--tgr-text-muted)}.tgr-view-section{margin-top: 1.5rem}.tgr-section-header{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;margin-bottom: 0.75rem}.tgr-section-header h2,.tgr-section-header h3{margin: 0;color: var(--tgr-text);font-size: 1rem}.tgr-text-link{color: var(--tgr-primary);font-size: 0.8rem;font-weight: 750;text-decoration: none}.tgr-section-title{font-size: 0.75rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--tgr-text-muted)}.tgr-auth-bg{background: radial-gradient(circle at top left,rgba(200,233,78,0.18),transparent 34rem),var(--tgr-bg);min-height: 100%}.tgr-auth-card{box-sizing: border-box;background: var(--tgr-surface);border: 1px solid var(--tgr-border);border-radius: 24px;box-shadow: var(--tgr-shadow-lg)}.tgr-notification-dropdown{background: var(--tgr-surface);border: 1px solid var(--tgr-border);border-radius: var(--tgr-radius);box-shadow: var(--tgr-shadow-lg);overflow: hidden;font-family: inherit}.tgr-notification-header{padding: 10px 14px;border-bottom: 1px solid var(--tgr-border-subtle);display: flex;justify-content: space-between;align-items: center;background: var(--tgr-surface-subtle)}.tgr-notification-item{padding: 10px 14px;cursor: pointer;border-bottom: 1px solid var(--tgr-border-subtle);background: var(--tgr-surface);transition: background var(--tgr-transition)}.tgr-notification-item:hover{background: var(--tgr-surface-subtle)}.tgr-notification-item--unread{background: var(--tgr-info-bg)}.tgr-notification-item--unread:hover{background: #CCE0F8}vaadin-text-field.score-input::part(input-field){text-align: center}vaadin-text-field.score-input input{text-align: center}@media (max-width: 799px){html{--aura-base-font-size: 14}.tgr-btn-label-hide-mobile{display: none}.tgr-page{padding: 1rem}.tgr-page-header{align-items: flex-start;margin-bottom: 1rem}.tgr-dashboard-work-grid{grid-template-columns: 1fr}.tgr-training-day-grid{grid-template-columns: 1fr}.tgr-detail-calendar-row__action{margin-left: 0}.tgr-match-card{position: relative;grid-template-columns: 44px minmax(0,1fr);gap: 11px;padding: 13px}.tgr-match-card__date{height: 45px}.tgr-match-card>.tgr-badge{position: absolute;top: 12px;right: 12px}.tgr-match-card__content h3{padding-right: 7rem}.tgr-tournament-row__trailing{align-items: flex-end;flex-direction: column;gap: 0.25rem}.tgr-tournament-list-row{align-items: stretch;flex-direction: column}.tgr-tournament-list-row>vaadin-button{width: 100%}.tgr-event-row{grid-template-columns: 44px minmax(0,1fr);gap: 11px;padding: 13px}.tgr-event-row__date{height: 45px}.tgr-event-row__trailing{grid-column: 2;justify-content: space-between}.tgr-brand-crumb{display: none}.tgr-filter-bar{width: 100%}.tgr-filter-bar vaadin-button{flex: 1 1 auto}.tgr-summary-grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.5rem;margin: 1rem auto}.tgr-metric{min-width: 0;padding: 0.65rem;text-align: center}.tgr-metric__label{font-size: 0.56rem;line-height: 1.25}.tgr-metric__value{font-size: 1.08rem}.tgr-metric__hint{font-size: 0.58rem;line-height: 1.25}.tgr-dashboard-profile-card{grid-column: 1 / -1;grid-row: 1;padding: 0.8rem;text-align: left}}[readonly]::part(input-field){--aura-surface-opacity: 0.7}vaadin-login-form{--vaadin-login-form-width: 100%}