:root{--tgr-primary: #2E9E56;--tgr-primary-hover: #247A43;--tgr-primary-light: #D4EDDA;--tgr-accent: #C5E000;--tgr-accent-dark: #A3B800;--tgr-bg: #F2F6EF;--tgr-surface: #FFFFFF;--tgr-surface-subtle: #EBF1E6;--tgr-border: #CED9C5;--tgr-border-subtle: #E4EDE0;--tgr-sidebar-bg: #0D2018;--tgr-sidebar-border: #1A3D26;--tgr-text: #1A2415;--tgr-text-muted: #5A6E50;--tgr-text-subtle: #8A9E80;--tgr-success: #2A7D2A;--tgr-success-bg: #E8F5E9;--tgr-success-border: #A5D6A7;--tgr-warning: #B26A00;--tgr-warning-bg: #FFF8E1;--tgr-warning-border: #FFE082;--tgr-error: #C62828;--tgr-error-bg: #FFEBEE;--tgr-error-border: #FFCDD2;--tgr-info: #1565C0;--tgr-info-bg: #E3F2FD;--tgr-info-border: #90CAF9;--tgr-neutral: #616161;--tgr-neutral-bg: #F5F5F5;--tgr-neutral-border: #D9D9D9;--tgr-radius-sm: 6px;--tgr-radius: 10px;--tgr-radius-lg: 16px;--tgr-shadow-sm: 0 1px 3px rgba(0,0,0,0.08);--tgr-shadow: 0 2px 8px rgba(0,0,0,0.10);--tgr-shadow-lg: 0 4px 20px rgba(0,0,0,0.14);--tgr-transition: 150ms ease}html{--aura-accent-color-light: #2E9E56;--aura-accent-color-dark: #2E9E56;--aura-accent-color: #2E9E56;--vaadin-avatar-text-color: #000000}vaadin-button[theme~='primary'],vaadin-menu-bar-button[theme~='primary']{--vaadin-button-background: #2E9E56 !important;--vaadin-button-text-color: #ffffff !important;--aura-accent-color: #2E9E56;--aura-accent-color-light: #2E9E56;--aura-accent-color-dark: #2E9E56}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: 2px 0 12px rgba(0,0,0,0.25)}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-sidebar-bg) !important;border-top: 1px solid var(--tgr-sidebar-border);box-shadow: 0 -2px 8px rgba(0,0,0,0.20)}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);color-scheme: dark;--aura-background-color-dark: #0D2018;--aura-accent-color-dark: #C5E000;--aura-accent-color-light: #C5E000;--vaadin-text-color: #C8D8C0;--vaadin-text-color-secondary:#8AAA85;color: #C8D8C0}.tgr-drawer vaadin-side-nav-item::part(content){border-radius: var(--tgr-radius-sm);transition: background var(--tgr-transition),color var(--tgr-transition)}.tgr-drawer vaadin-side-nav-item[current]::part(content){background: rgba(197,224,0,0.15);color: #C5E000;font-weight: 600}.tgr-drawer vaadin-side-nav-item::part(content):hover{background: rgba(255,255,255,0.07);color: #E8F8E0}.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: #8AAA85;text-decoration: none;font-size: 0.6rem;font-weight: 600;letter-spacing: 0.03em;text-transform: uppercase;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: #C5E000}.tgr-bottom-nav-item vaadin-icon{width: 22px;height: 22px}.tgr-card{background: var(--tgr-surface);border: 1px solid var(--tgr-border-subtle);border-radius: var(--tgr-radius);box-shadow: var(--tgr-shadow-sm);transition: box-shadow var(--tgr-transition),transform var(--tgr-transition)}.tgr-card--clickable{cursor: pointer}.tgr-card--clickable:hover{box-shadow: var(--tgr-shadow);transform: translateY(-1px)}.card-element{background: var(--tgr-surface);border: 1px solid var(--tgr-border-subtle);border-radius: var(--tgr-radius);box-shadow: var(--tgr-shadow-sm);padding: 1rem;transition: box-shadow var(--tgr-transition)}.tgr-badge{display: inline-flex;align-items: center;border-radius: 99px;padding: 2px 10px;font-size: 0.76rem;font-weight: 700;line-height: 1.4;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-section-title{font-size: 0.75rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--tgr-text-muted);margin: 0 0 0.75rem}.tgr-auth-bg{background: linear-gradient(150deg,#0D2018 0%,#1A3D28 50%,#0A1A10 100%);min-height: 100%}.tgr-auth-card{background: var(--tgr-surface);border-radius: var(--tgr-radius-lg);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}}[readonly]::part(input-field){--aura-surface-opacity: 0.7}vaadin-login-form{--vaadin-login-form-width: 100%}