*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--primary-color:#646cff;--primary-hover:#535bf2;--secondary-color:#6c757d;--secondary-hover:#5a6268;--success-color:#51cf66;--danger-color:#ff6b6b;--warning-color:orange;--error-color:#f44;--color-primary:var(--primary-color);--color-primary-light:#7b85ff;--primary-light:#7b85ff;--primary-color-darker:#303f9f;--color-success:var(--success-color);--color-error:var(--error-color);--color-warning:var(--warning-color);--text-primary:#213547;--text-secondary:#888;--text-muted:#666;--text-primary-dark:#646cff;--text-color:var(--text-primary);--text-secondary-color:var(--text-secondary);--text-disabled:#999;--bg-primary:#ffffff1a;--bg-primary-light:#ffffffe6;--bg-secondary:#ffffff14;--bg-tertiary:#ffffff08;--bg-card:#646cff1a;--bg-card-light:#2135471a;--bg-feature:#ffffff0d;--bg-feature-light:#0000000d;--bg-warning:#ffa5001a;--bg-disabled:#e0e0e0;--primary-bg:#646cff1a;--color-error-bg:#ff44441a;--color-primary-bg:#646cff1a;--surface-color:#fff;--background-color:#f5f5f5;--hover-color:#f0f0f0;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-xxl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:50%;--font-size-xs:.75rem;--font-size-sm:.8rem;--font-size-base:.9rem;--font-size-md:1rem;--font-size-lg:1.1rem;--font-size-xl:1.2rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--border-color:#ffffff1a;--volume-width:70%;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{box-sizing:border-box;width:100vw;min-width:320px;height:100dvh;min-height:100dvh;margin:0;padding:0;overflow-x:hidden}#app{text-align:center;box-sizing:border-box;justify-content:center;align-items:stretch;width:100vw;height:100dvh;margin:0;padding:0;display:flex}.centered-app{width:auto;max-width:1280px;height:auto;margin:0 auto;padding:2rem}a{color:var(--primary-color);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--primary-hover)}@media (prefers-color-scheme:dark){:root{--text-heading:var(--text-primary-dark);--bg-card-primary:var(--bg-card);--bg-button:#1a1a1a;--text-button:white}}.page-container{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100vh;min-height:100vh;display:flex}.content-container{max-width:800px;margin:0 auto}.card{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--space-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border:1px solid #ffffff1a;margin:1rem 0}.card--sm{min-width:400px}.card--md{min-width:500px}.card--responsive{min-width:400px}@media (width<=600px){.card--responsive{min-width:350px}}.heading{color:var(--text-heading);margin-bottom:var(--space-sm)}.heading--lg{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm)}.heading--md{font-size:var(--font-size-md);margin:0}.text-muted{color:var(--text-secondary)}.text-small{font-size:var(--font-size-base);color:var(--text-secondary)}.btn{border-radius:var(--radius-md);background-color:var(--bg-button);color:var(--text-button);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);font-family:inherit;font-weight:500;font-size:var(--font-size-lg);border:1px solid #0000;padding:.75rem 1.5rem;text-decoration:none;transition:all .25s;display:inline-flex}.btn:hover{border-color:var(--primary-color)}.btn:focus,.btn:focus-visible{outline:4px auto -webkit-focus-ring-color}.btn--primary{background-color:var(--primary-color);color:#fff}.btn--primary:hover{background-color:var(--primary-hover)}.btn--secondary{background:var(--secondary-color);color:#fff}.btn--secondary:hover{background:var(--secondary-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--wide{min-width:200px}.btn--large{font-size:var(--font-size-xl);min-height:56px;padding:1.25rem 1.5rem}.avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary-color), var(--primary-hover));color:#fff;width:60px;height:60px;font-size:var(--font-size-2xl);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.user-display{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card-primary);border-radius:var(--radius-md);margin-bottom:var(--space-xl);text-align:left;display:flex}.user-info h3{margin:0 0 var(--space-xs) 0;color:var(--text-heading)}.user-email{margin:0 0 var(--space-sm) 0;color:var(--text-secondary);font-size:var(--font-size-base)}.user-role{margin:0}.role-badge{padding:var(--space-xs) .75rem;border-radius:var(--radius-lg);font-size:var(--font-size-sm);text-transform:uppercase;font-weight:500;display:inline-block}.role-badge--user{background:var(--success-color);color:#fff}.features-section{margin-bottom:var(--space-xl)}.features-title{text-align:center;margin-bottom:var(--space-lg);color:var(--text-heading)}.feature-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.feature-list{text-align:left;flex-direction:column;gap:.75rem;display:flex}.feature-card{padding:var(--space-lg) var(--space-md);background:var(--bg-feature);border-radius:var(--radius-md);text-align:center;transition:transform .2s}.feature-card:hover{transform:translateY(-2px)}.feature-card h4{margin:0 0 var(--space-sm) 0;color:var(--text-heading)}.feature-card p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.feature-item{padding:var(--space-sm) 0;align-items:center;gap:.75rem;display:flex}.feature-icon{font-size:var(--font-size-xl);text-align:center;width:24px}.feature-icon--lg{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm)}.page-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.section{margin:var(--space-xl) 0}.section--sm{margin:var(--space-lg) 0}.actions{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.actions--vertical{flex-direction:column}.loading{border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:var(--radius-full);width:20px;height:20px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message{padding:var(--space-md);border-radius:var(--radius-sm);margin:var(--space-md) 0}.message--error{background:var(--error-color);color:#fff}.message--warning{background:var(--bg-warning);text-align:center;margin-bottom:var(--space-xl)}.message--info,.message--info small{color:var(--text-secondary)}.message p{margin:var(--space-sm) 0;color:var(--text-muted)}.modal-backdrop{z-index:1000;padding:var(--space-lg);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#fff;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000004d}.modal--large{max-width:800px}@media (prefers-color-scheme:dark){.modal{color:#fff;background:#1a1a2e}}.modal__header{padding:var(--space-lg);border-bottom:1px solid var(--border-color);background:var(--bg-feature);justify-content:space-between;align-items:center;display:flex}.modal__header h2,.modal__header h3{color:var(--text-heading);font-size:var(--font-size-xl);margin:0}.modal__close-btn{font-size:var(--font-size-2xl);cursor:pointer;color:var(--text-secondary);padding:var(--space-sm);border-radius:var(--radius-sm);background:0 0;border:none;transition:all .2s}.modal__close-btn:hover{background:var(--bg-primary);color:var(--text-heading)}.modal__content{padding:var(--space-lg);flex:1;overflow-y:auto}.modal__actions{gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--border-color);background:var(--bg-feature);justify-content:flex-end;display:flex}.form-group{margin-bottom:0}.form-group label{margin-bottom:var(--space-xs);color:var(--text-heading);font-weight:500;font-size:var(--font-size-sm);display:block}.form-input,.search-input,.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=file],.form-group select,.form-group textarea{width:100%;padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-heading);font-size:var(--font-size-sm);font-family:inherit}.form-input:focus,.search-input:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none}.form-group input.input--missing,.form-group input.input--missing:focus{border-color:var(--color-error);background:var(--color-error-bg)}.create-routine-form .switchable-content.switchable-content--missing{outline:2px solid var(--color-error);outline-offset:-2px;border-radius:var(--radius-md)}.typeahead-container{width:100%;position:relative}.typeahead-container input{width:100%;padding-right:calc(var(--space-xl) + var(--space-xs))}.typeahead-clear{top:50%;right:var(--space-sm);width:var(--space-lg);height:var(--space-lg);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.25rem;line-height:1;display:flex;position:absolute;transform:translateY(-50%)}.typeahead-clear:hover{background:var(--bg-card);color:var(--primary-color)}.typeahead-dropdown{background:var(--bg-primary-light);border:1px solid var(--border-color);border-radius:0 0 var(--radius-sm) var(--radius-sm);z-index:1000;border-top:none;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.typeahead-item{padding:var(--space-sm);cursor:pointer;color:var(--text-heading);transition:background-color .2s}.typeahead-item:hover,.typeahead-item.selected{background:var(--bg-card);color:var(--primary-color)}.form-row{gap:var(--space-md);box-sizing:border-box;grid-template-columns:1fr 1fr;width:100%;max-width:100%;margin-bottom:0;display:grid}.form-actions{justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-lg);width:100%;display:flex}.content-container{padding:var(--space-md);box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:100%;display:flex}.content-container .header{align-items:center;gap:var(--space-md);margin:0 0 var(--space-lg) 0;width:100%;max-width:800px;display:flex}.content-container .header--actions{gap:var(--space-sm);justify-content:center;align-items:center;display:flex}.content-container .header--actions .btn{white-space:nowrap}.content-container .header h2{font-size:var(--font-size-xl);color:var(--text-heading);margin:0;padding:0}.create-routine-form{box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:800px!important;min-height:auto!important;margin:0 auto!important;display:flex!important}.create-routine-form .switchable-content{box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important}.create-routine-form>.form-row:first-of-type{box-sizing:border-box!important;flex-shrink:0!important;width:100%!important;min-width:0!important;max-width:100%!important}.create-routine-form>.form-row:first-of-type .form-group{width:100%;max-width:100%;min-height:auto}.create-routine-form>.form-row:first-of-type .form-group input{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%}.create-routine-form .form-group{flex-direction:column;display:flex}:is(.create-routine-form .form-group:has(.athlete-routine-selector),.create-routine-form .athlete-routine-selector-container){margin-bottom:var(--space-lg);box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;display:flex!important}:is(.create-routine-form .form-row:has(input[type=file]),.create-routine-form .file-upload-container){width:100%!important;min-width:0!important;max-width:100%!important;height:400px!important;padding:var(--space-md)!important;box-sizing:border-box!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;display:flex!important}.file-upload-wrapper{gap:var(--space-sm);margin-top:var(--space-md);align-items:center;display:flex}.file-display{padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-feature);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tune-selection-mode{width:100%;max-width:100%;margin-top:var(--space-md);margin-bottom:var(--space-md)}.mode-label{margin-bottom:var(--space-sm);color:var(--text-heading);font-weight:500;font-size:var(--font-size-md);display:block}.segmented-control{background:var(--bg-feature);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:row;gap:0;width:100%;max-width:600px;margin:0 auto;padding:4px;display:flex}.segment-btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);color:var(--text-secondary);font-size:var(--font-size-md);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;font-weight:500;transition:all .2s;display:flex}.segment-btn:hover{background:var(--bg-primary);color:var(--text-heading)}.segment-btn.active{background:var(--bg-card);color:var(--primary-color);box-shadow:0 1px 3px #0000001a}.segment-icon{font-size:1.2em;line-height:1}.segment-text{font-size:var(--font-size-md)}.create-routine-form .athlete-routine-selector{overflow:hidden}.create-routine-form .form-row:has(input[type=file]){min-height:350px;padding-top:var(--space-md);align-items:flex-start;display:flex}.create-routine-form .form-row .form-group:has(input[type=file]){flex-direction:column;justify-content:flex-start;min-height:300px;display:flex}.form-section{margin-bottom:var(--space-md)}.form-section h3{margin:0 0 var(--space-sm) 0;color:var(--text-heading);font-size:var(--font-size-md)}.radio-group{gap:var(--space-xs);margin-top:var(--space-xs);flex-direction:column;display:flex}.radio-option{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-primary);transition:all .2s;display:flex}.radio-option:hover{background:var(--bg-feature)}.radio-option input[type=radio]{margin:0}.radio-option input[type=radio]:checked+label{background:var(--bg-card);border-color:var(--primary-color);color:var(--primary-color)}.radio-option:has(input[type=radio]:checked){background:var(--bg-card);border-color:var(--primary-color);color:var(--primary-color)}.selection-container{margin-bottom:var(--space-md)}.selection-lists{gap:var(--space-xs);grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:100%;display:grid}.athlete-routine-selector.mode-browser .selection-lists{height:100%}.list-section{flex-direction:column;display:flex}.list-section label{margin-bottom:var(--space-xs);color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;font-family:system-ui,-apple-system,sans-serif;font-size:.7rem;font-weight:700;display:block}.selection-list{border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-feature);width:100%;max-width:100%;overflow-y:auto;box-shadow:inset 0 1px 3px #0000000d}.athlete-routine-selector.mode-browser .selection-list{flex:1}.athlete-routine-selector.mode-add-routine{margin-bottom:var(--space-lg)}.athlete-routine-selector.mode-add-routine .selection-list{height:calc(100vh - 350px);min-height:300px;max-height:none}.list-item{padding:var(--space-sm);cursor:pointer;color:var(--text-heading);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:var(--font-size-base);letter-spacing:normal;word-wrap:break-word;overflow-wrap:break-word;background:0 0;border-bottom:1px solid #0000000d;font-weight:400;transition:all .15s}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--bg-card);transform:translate(2px)}.list-item.selected{background:var(--primary-color);color:#fff;font-weight:500;box-shadow:0 2px 4px #0000001a}.list-item.selected:hover{background:var(--primary-color);transform:none}.routine-info{justify-content:space-between;align-items:center;display:flex}.routine-apparatus{font-weight:500}.routine-date{font-size:var(--font-size-sm);color:var(--text-secondary)}.list-item.selected .routine-date{color:#ffffffe6}.list-item.selected .routine-apparatus,.list-item.selected .routine-info{color:#fff}.empty-state{padding:var(--space-lg);text-align:center;color:var(--text-secondary);font-style:italic}.routine-player{background:var(--bg-feature);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md)}.player-info{margin-bottom:var(--space-sm)}.track-name{color:var(--text-heading);font-weight:500;font-size:var(--font-size-sm)}.player-controls{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.play-btn{background:var(--primary-color);color:#fff;border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;font-size:var(--font-size-md);border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.play-btn:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05)}.play-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.progress-section{align-items:center;gap:var(--space-xs);flex:1;min-width:200px;display:flex}.routine-player .progress-bar{background:var(--border-color);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.routine-player .progress-bar::-webkit-slider-thumb{appearance:none;background:var(--primary-color);cursor:pointer;border-radius:50%;width:12px;height:12px}.routine-player .progress-bar::-moz-range-thumb{background:var(--primary-color);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.time{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;min-width:35px}.volume-section{align-items:center;gap:var(--space-xs);display:flex}.volume-icon{font-size:var(--font-size-sm)}.volume-bar{background:var(--border-color);cursor:pointer;border-radius:2px;outline:none;width:60px;height:4px}.volume-bar::-webkit-slider-thumb{appearance:none;background:var(--primary-color);cursor:pointer;border-radius:50%;width:10px;height:10px}.volume-bar::-moz-range-thumb{background:var(--primary-color);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px}.no-track{color:var(--text-secondary);font-style:italic;font-size:var(--font-size-sm);align-items:center;display:flex}@media (width<=600px){.form-row{grid-template-columns:1fr}.selection-lists{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.athlete-routine-selector.mode-browser .selection-lists{height:100%}.athlete-routine-selector.mode-browser .selection-list{flex:1}.athlete-routine-selector.mode-add-routine .selection-list{min-height:150px;max-height:200px}}.modal .error-message{background:var(--error-color);color:#fff;padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.modal .success-message{background:var(--success-color);color:#fff;padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.modal .warning{background:var(--bg-warning);border:1px solid var(--warning-color);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);text-align:center}@media (width<=768px){.modal-backdrop{padding:var(--space-md)}.modal{max-width:calc(100vw - 2rem)}.modal__content{padding:var(--space-md)}.modal__actions{flex-direction:column}}.login-divider{margin:var(--space-md) 0;text-align:center;position:relative}.login-divider:before{content:"";background:var(--border-color);z-index:0;height:1px;position:absolute;top:50%;left:0;right:0}.login-divider span{background:var(--bg-primary);padding:0 var(--space-md);color:var(--text-secondary);font-size:var(--font-size-sm);z-index:1;position:relative}.btn--keycloak{width:100%;margin-top:var(--space-sm);justify-content:center;align-items:center;gap:var(--space-sm);display:flex}.btn--keycloak:first-of-type{margin-top:0}.dashboard{background:var(--bg-primary);box-sizing:border-box;flex-direction:column;width:100%;max-width:1400px;height:100dvh;padding:0;display:flex;overflow-x:hidden}.dashboard__header{z-index:200;background:var(--bg-primary);border-bottom:1px solid var(--border-color);justify-content:center;display:flex;position:fixed;top:0;left:0;right:0}.dashboard__header>*{width:100%}.dashboard__footer{z-index:100;background:var(--bg-primary);border-top:1px solid var(--border-color);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.dashboard__footer>*{width:100%}.dashboard__content{flex-direction:column;flex:1;width:100%;max-width:100%;padding-top:80px;padding-bottom:200px;display:flex;position:relative;overflow:hidden auto}.dashboard__main{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:100%;min-height:0;display:flex;overflow:hidden auto}.dashboard__browser{padding:0 var(--space-lg) var(--space-lg);flex:1;width:100%;max-width:100%;overflow:hidden}.dashboard__content.dashboard__content--fill{padding-bottom:var(--dashboard-footer-height,200px);overflow-y:hidden}.dashboard__content--fill .dashboard__main{overflow-y:hidden}.dashboard__content--fill .content-container{flex:1;min-height:0}.dashboard__content--fill .create-routine-form{flex:1 1 0!important;min-height:0!important}.dashboard__content--fill .create-routine-form .switchable-content{overflow-y:auto;flex:1 1 0!important;min-height:0!important}.dashboard__content--fill .content-container .header--actions{margin:var(--space-sm) 0 0 0;flex-shrink:0}.dashboard__content--fill .create-routine-form .athlete-routine-selector-container{flex:1;margin-bottom:0;min-height:0!important}.dashboard__content--fill .athlete-routine-selector.mode-add-routine{flex:1;min-height:0;margin-bottom:0}.dashboard__content--fill .athlete-routine-selector.mode-add-routine .selection-lists{flex:1;grid-template-rows:minmax(0,1fr);min-height:0}.dashboard__content--fill .athlete-routine-selector.mode-add-routine .column,.dashboard__content--fill .athlete-routine-selector.mode-add-routine .list-section{height:100%;min-height:0}.dashboard__content--fill .athlete-routine-selector.mode-add-routine .selection-list{flex:1;height:auto!important;min-height:0!important;max-height:none!important}main{width:100%;max-width:800px}.icon{width:20px;height:20px}.fab{background:var(--primary-color);color:#fff;cursor:pointer;z-index:90;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:32px;line-height:1;transition:all .2s;display:flex;position:fixed;bottom:140px;right:24px;box-shadow:0 4px 8px #0000004d}.fab:hover{background:var(--primary-hover);transform:scale(1.05);box-shadow:0 6px 12px #0006}.fab:active{transform:scale(.95)}.browser{background:var(--bg-primary);border-radius:var(--radius-md);box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;height:100%;display:flex;position:relative;overflow:hidden}.browser__notice{padding:var(--space-lg);background:var(--bg-card-primary);border-bottom:1px solid var(--border-color)}.browser__notice p{color:var(--text-secondary);text-align:center;margin:0;font-style:italic}.browser__controls{padding:var(--space-sm);background:var(--bg-feature);border-bottom:1px solid var(--border-color);box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;overflow:hidden}.search-section{margin-bottom:0}.search-bar{gap:var(--space-md);align-items:center;width:100%;display:flex}.search-input{flex:1;min-width:0}.browser__content{padding:var(--space-sm);box-sizing:border-box;flex:1;width:100%;overflow:hidden auto}.routine-list{background:var(--bg-card-primary);border-radius:var(--radius-md);overflow:hidden}.routine-header,.routine-item{gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);grid-template-columns:1fr 1fr 120px;align-items:center;display:grid}.routine-header{background:var(--bg-feature);color:var(--text-heading);font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.routine-item:last-child{border-bottom:none}.routine-item{cursor:pointer;transition:all .2s}.routine-item:hover{background:var(--bg-feature);transform:translateY(-1px);box-shadow:0 2px 8px #646cff1a}.routine-item:active{transform:translateY(0);box-shadow:0 1px 4px #646cff1a}.routine-item.selected{background:var(--bg-card);border-left:3px solid var(--primary-color);color:var(--primary-color);font-weight:500;box-shadow:0 2px 12px #646cff26}.routine-item.selected:hover{background:var(--bg-card);transform:translateY(-1px);box-shadow:0 4px 16px #646cff33}.routine-item.selected .routine-created{color:var(--primary-color);opacity:.8}.routine-item.selected .routine-apparatus,.routine-item.selected .routine-gymnast{color:var(--primary-color)}.routine-apparatus,.routine-gymnast{color:var(--text-heading);font-weight:500}.routine-created{color:var(--text-secondary);font-size:var(--font-size-sm)}.loading-state,.error-state{padding:var(--space-xl);text-align:center}.loading-state{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.loading-state p{color:var(--text-secondary);margin:0;font-style:italic}.error-state .error-message{color:var(--error-color);margin:0;font-weight:500}.browser__empty-state{padding:var(--space-xl);flex:1;justify-content:center;align-items:center;display:flex}.empty-state-card{text-align:center;background:var(--bg-card-primary);padding:var(--space-xl);border-radius:var(--radius-md);max-width:400px}.empty-state-card h4{margin:0 0 var(--space-md) 0;color:var(--text-heading)}.empty-state-card p{color:var(--text-secondary);margin:0}.player{background:var(--bg-card-primary);border-top:1px solid var(--border-color);flex-direction:column;display:flex}.player__top{padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.player__bottom{padding:0 var(--space-lg) var(--space-md)}.player__info{flex:1;min-width:200px}.track-info{align-items:center;gap:var(--space-md);display:flex}.album-art{border-radius:var(--radius-sm);flex-shrink:0;width:50px;height:50px;overflow:hidden}.album-art img{object-fit:cover;width:100%;height:100%}.album-art-placeholder{background:var(--bg-feature);width:100%;height:100%;font-size:var(--font-size-xl);justify-content:center;align-items:center;display:flex}.track-details{flex-direction:column;flex:1;gap:2px;display:flex}.track-title{color:var(--text-heading);font-weight:600;font-size:var(--font-size-lg);line-height:1.3}.track-artist{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.3}.track-club{color:var(--text-muted);font-size:var(--font-size-sm)}.no-track-icon{font-size:var(--font-size-2xl);opacity:.6}.no-track-text div{margin-bottom:var(--space-xs)}.no-track-text div:last-child{margin-bottom:0}.no-club-message{font-style:italic;font-size:var(--font-size-sm)}.instruction{font-size:var(--font-size-sm);color:var(--text-muted)}.player__controls{justify-content:flex-end;align-items:center;display:flex}.transport-controls{align-items:center;gap:var(--space-md);display:flex;position:relative}.control-btn{background:var(--bg-feature);cursor:pointer;border-radius:var(--radius-lg);width:80px;height:80px;color:var(--text-heading);border:none;justify-content:center;align-items:center;font-size:2.5rem;transition:all .2s;display:flex}.control-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;transform:scale(1.05)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.loading--sm{border-width:4px;width:32px;height:32px}.progress-section{align-items:center;gap:var(--space-md);width:100%;display:flex}.time-display{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;min-width:40px}.progress-bar-container{background:var(--bg-feature);border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.progress-bar-container input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.progress-fill{background:var(--primary-color);border-radius:3px;height:100%;transition:width .1s}.volume-btn{cursor:pointer;width:40px;height:40px;font-size:var(--font-size-xl);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex}.volume-btn:hover{background:var(--bg-feature)}.volume-control-wrapper{align-items:center;display:flex;position:relative}.volume-popup{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);align-items:center;gap:var(--space-sm);z-index:1000;flex-direction:column;margin-bottom:8px;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.volume-slider-vertical{appearance:none;writing-mode:vertical-lr;background:var(--bg-feature);cursor:pointer;direction:rtl;border-radius:4px;outline:none;width:8px;height:120px;padding:0}.volume-slider-vertical::-webkit-slider-thumb{appearance:none;background:var(--primary-color);cursor:pointer;border-radius:50%;width:16px;height:16px}.volume-slider-vertical::-moz-range-thumb{background:var(--primary-color);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.volume-mute-btn{cursor:pointer;font-size:var(--font-size-lg);padding:var(--space-xs);border-radius:var(--radius-sm);background:0 0;border:none;transition:background .2s}.volume-mute-btn:hover{background:var(--bg-feature)}.status-bar{padding:var(--space-md) var(--space-xl);background:var(--bg-card-primary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.status-bar__left,.status-bar__user{align-items:center;gap:var(--space-md);display:flex}.avatar--sm{width:40px;height:40px;font-size:var(--font-size-lg)}.user-info{gap:var(--space-xs);flex-direction:column;display:flex}.user-name{color:var(--text-heading);font-weight:600;font-size:var(--font-size-base)}.user-role{font-size:var(--font-size-sm)}.status-bar__club{flex:1;justify-content:center;display:flex}.club-info{align-items:center;gap:var(--space-sm);display:flex;position:relative}.club-label{color:var(--text-secondary);font-weight:500}.club-selector{position:relative}.club-button,.no-club-button{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-heading);font-size:var(--font-size-base);transition:all .2s;display:flex}.club-button:hover,.no-club-button:hover{background:var(--bg-feature);border-color:var(--primary-color)}.club-name{font-weight:500}.club-role,.dropdown-arrow{color:var(--text-secondary);font-size:var(--font-size-sm)}.club-dropdown{border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:1000;min-width:200px;margin-top:var(--space-xs);background:#fff;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #00000040}.dropdown-item{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);cursor:pointer;text-align:left;color:var(--text-heading);background:0 0;border:none;transition:background-color .2s;display:flex}.dropdown-item:hover{background:var(--bg-feature)}.dropdown-item.active{background:var(--primary-color);color:#fff}.dropdown-item--action{color:var(--primary-color);font-weight:500}.dropdown-separator{background:var(--border-color);height:1px;margin:var(--space-xs) 0}.dropdown-message{padding:var(--space-md);color:var(--text-secondary);font-style:italic}.status-bar__actions{gap:var(--space-sm);display:flex}.status-bar__placeholder{align-items:center;gap:var(--space-md);color:var(--text-secondary);display:flex}.club-tabs{background:var(--bg-feature);border-bottom:1px solid var(--border-color);width:100%;display:flex}.tab-btn{padding:var(--space-md) var(--space-lg);cursor:pointer;color:var(--text-secondary);font-size:var(--font-size-base);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;transition:all .2s}.tab-btn:hover{background:var(--bg-primary);color:var(--text-heading)}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:var(--bg-card-primary)}.clubs-list{max-height:300px;margin-bottom:var(--space-lg);overflow-y:auto}.club-card{align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-md);cursor:pointer;background:var(--bg-primary);transition:all .2s;display:flex}.club-card:hover{background:var(--bg-feature);border-color:var(--primary-color)}.club-card.selected{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.club-info{flex:1}.club-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.club-header h4{color:inherit;font-size:var(--font-size-lg);margin:0}.selection-indicator{font-size:var(--font-size-xl);color:#fff;background:var(--success-color);border-radius:var(--radius-full);justify-content:center;align-items:center;width:30px;height:30px;display:flex}.join-confirmation{background:var(--bg-feature);padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--border-color)}.join-message{margin-bottom:var(--space-lg);color:var(--text-heading);font-weight:500}.create-info{margin-bottom:var(--space-lg)}.info-card{background:var(--bg-warning);border:1px solid var(--warning-color);border-radius:var(--radius-md);padding:var(--space-lg)}.info-card h4{margin:0 0 var(--space-md) 0;color:var(--text-heading)}.info-card ul{padding-left:var(--space-lg);color:var(--text-heading);margin:0}.info-card li{margin-bottom:var(--space-xs)}@media (prefers-color-scheme:light){:root{color:#213547;--text-heading:var(--text-primary);--text-color:var(--text-primary);--bg-primary:var(--bg-primary-light);--bg-secondary:#f5f5f5;--bg-tertiary:#e0e0e0;--bg-card-primary:var(--bg-card-light);--bg-feature:var(--bg-feature-light);--bg-button:#f9f9f9;--text-button:var(--text-primary);--border-color:#0000001a;--surface-color:#fff;--background-color:#f5f5f5;--hover-color:#f0f0f0;background-color:#fff}a:hover{color:#747bff}.card{background:#f9f9f9;border:1px solid #e6e6e6}.btn--primary,.button.primary{background-color:var(--primary-color);color:#fff}.button{color:#213547;background-color:#f9f9f9}.result-json{color:#333;background:#f8f8f8}}@media (width<=768px){.dashboard{max-width:100%}}@media (width>=768px) and (width<=1200px){.dashboard{max-width:1200px}}@media (width>=1200px) and (width<=1600px){.dashboard{max-width:1400px}}@media (width>=1600px){.dashboard{max-width:1600px}}@media (width<=600px){.page-header{text-align:center}.user-display{text-align:center;flex-direction:column}.actions{flex-direction:column}.feature-grid{grid-template-columns:1fr}.dashboard__browser{padding:0 var(--space-md) var(--space-md)}.routine-header,.routine-item{gap:var(--space-sm);grid-template-columns:1fr 120px}.routine-col-gymnast,.routine-col-created{display:none}.search-bar{flex-direction:column;align-items:stretch}.dashboard__content{padding-top:60px;padding-bottom:90px}.fab{width:48px;height:48px;font-size:28px;bottom:100px;right:16px}.player__top{padding:var(--space-sm);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-direction:row}.player__bottom{padding:0 var(--space-sm) var(--space-sm)}.player__info{flex:1;min-width:0}.player__controls{flex-shrink:0}.progress-section{gap:var(--space-sm)}.track-info,.track-details{gap:0}.track-title,.track-artist,.no-track-text{font-size:var(--font-size-sm)}.control-btn{width:56px;height:56px;font-size:1.6rem}.transport-controls{gap:var(--space-xs)}.time-display{font-size:var(--font-size-sm);min-width:35px}.loading--sm{border-width:3px;width:24px;height:24px}.status-bar{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);flex-direction:row;justify-content:space-between;align-items:center}.status-bar__user{display:none}.status-bar__club{flex:1;justify-content:flex-start;min-width:0;max-width:calc(100% - 100px)}.club-info{font-size:var(--font-size-sm);min-width:0;max-width:100%}.club-label{display:none}.club-selector{min-width:0;max-width:100%}.club-button,.no-club-button{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);min-width:0;max-width:100%}.club-name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.club-role{white-space:nowrap;flex-shrink:0}.dropdown-arrow{flex-shrink:0}.club-dropdown{min-width:250px}.status-bar__actions{gap:var(--space-xs);flex-shrink:0;min-width:48px}.status-bar__actions .btn{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}.message-notification-button{justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:6px;display:flex}.message-notification-button svg{width:24px;height:24px}.club-card{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.selection-indicator{align-self:flex-end}.content-container{padding:var(--space-sm)}.content-container .header{margin:0 0 var(--space-md) 0}.content-container .header--actions{gap:var(--space-xs);flex-wrap:wrap;justify-content:center}.content-container .header h2{font-size:var(--font-size-lg);margin:0}.create-routine-form{width:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;padding:0!important}.create-routine-form .switchable-content{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:250px!important;max-height:none!important}.create-routine-form>.form-row:first-of-type{gap:var(--space-sm)!important;flex-direction:column!important;width:100%!important;min-width:0!important;max-width:100%!important}.create-routine-form .form-group{width:100%;min-height:auto!important}:is(.create-routine-form .form-group:has(.athlete-routine-selector),.create-routine-form .athlete-routine-selector-container){width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important}:is(.create-routine-form .form-row:has(input[type=file]),.create-routine-form .file-upload-container){width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:200px!important;padding:var(--space-sm)!important}.create-routine-form .form-row:has(input[type=file]){min-height:200px}.segmented-control{width:100%;max-width:100%;padding:3px}.segment-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);gap:4px}.segment-icon{font-size:1em}.segment-text{font-size:var(--font-size-sm)}.form-actions{gap:var(--space-sm)!important;flex-direction:column-reverse!important}.form-actions .btn{width:100%!important}.athlete-routine-selector .selection-lists{height:100%;gap:var(--space-xs)!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.athlete-routine-selector .list-section{flex-direction:column;height:100%;display:flex}.athlete-routine-selector.mode-browser .selection-list{flex:1!important;min-height:300px!important;max-height:calc(100vh - 280px)!important}.athlete-routine-selector.mode-add-routine .selection-list{height:calc(100vh - 400px)!important;min-height:250px!important;max-height:none!important}.file-upload-wrapper{gap:var(--space-sm);flex-direction:column;align-items:stretch}.file-display{padding:var(--space-sm);font-size:var(--font-size-sm)}.file-upload-wrapper .btn{width:100%}}@media (width>=768px){.card--responsive{min-width:500px}}.athlete-routine-selector{flex-direction:column;width:100%;max-width:100%;display:flex}.athlete-routine-selector.mode-browser{height:100%}.athlete-routine-selector .overall-title{margin:0 0 var(--space-sm) 0;color:var(--text-heading);padding:0;font-size:1rem;font-weight:600}.athlete-routine-selector .column{flex-direction:column;min-width:0;max-width:100%;min-height:0;display:flex}.athlete-routine-selector.mode-browser .column{height:100%}.athlete-routine-selector .list-section{flex-direction:column;min-width:0;max-width:100%;display:flex}.athlete-routine-selector.mode-browser .list-section{height:100%}.athlete-routine-selector .list-section h3{color:var(--text-heading);margin:0;padding-bottom:4px;font-size:1rem;font-weight:600}.athlete-routine-selector .routine-info{flex-direction:column;gap:2px;display:flex}.athlete-routine-selector .routine-header-row{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.athlete-routine-selector .routine-apparatus{color:var(--text-heading);flex:1;font-weight:500}.athlete-routine-selector .routine-status-icon{color:var(--success-color);flex-shrink:0;font-size:1.1rem;line-height:1}.athlete-routine-selector .list-item .routine-status-icon{color:var(--text-secondary)}.athlete-routine-selector .list-item.selected .routine-status-icon{color:#fff}.athlete-routine-selector .routine-date{color:var(--text-secondary);font-size:.875rem}.athlete-routine-selector .routine-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.athlete-routine-selector .routine-tag{background-color:var(--primary-color);color:#fff;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-block}.athlete-routine-selector .list-item.selected .routine-tag{color:var(--primary-color);background-color:#fff}.athlete-routine-selector .loading{color:var(--text-secondary);font-style:italic}.athlete-routine-selector .show-inactive-button{background-color:var(--bg-secondary);border-top:2px solid var(--border-color);color:var(--text-secondary);font-style:italic}.athlete-routine-selector .show-inactive-button:hover{background-color:var(--primary-light);color:var(--primary-color);font-weight:500}.athlete-routine-selector .show-inactive-text{text-align:center;padding:var(--space-xs)}.notification-banner{color:#fff;z-index:1000;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0000001a}.notification-banner__content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:12px 20px;display:flex}.notification-banner__text p{opacity:.9;margin:4px 0 0;font-size:14px}.notification-banner__actions{gap:8px;display:flex}.message-notifications{flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.message-notification-button{color:var(--text-color,#333);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:8px;transition:background-color .2s;position:relative}.message-notification-button:hover{background-color:#ffffff1a}.message-notification-button.has-unread{color:var(--primary-color,#667eea)}.unread-badge{color:#fff;text-align:center;background:#f44;border-radius:10px;min-width:18px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:0;right:0;transform:translate(25%,-25%)}.connection-status{align-items:center;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;transition:background-color .3s}.status--connected .status-dot{background-color:#4caf50}.status--connecting .status-dot,.status--reconnecting .status-dot{background-color:#ff9800;animation:1.5s infinite pulse}.status--disconnected .status-dot{background-color:#f44336}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.messages-panel{background:var(--surface-color,#fff);border:1px solid var(--border-color,#e0e0e0);z-index:10002;border-radius:12px;flex-direction:column;width:800px;max-width:90vw;height:600px;max-height:80vh;display:flex;position:fixed;top:60px;right:20px;overflow:hidden;box-shadow:0 8px 24px #00000026}.messages-panel.mobile{width:100vw;height:var(--messages-viewport-height,100dvh);max-width:100vw;max-height:var(--messages-viewport-height,100dvh);top:var(--messages-viewport-top,0px);z-index:10002;border-radius:0;bottom:auto;left:0;right:0}@supports not (height:100dvh){.messages-panel.mobile{height:var(--messages-viewport-height,100vh);max-height:var(--messages-viewport-height,100vh)}}.messages-panel__header{border-bottom:1px solid var(--border-color,#e0e0e0);background:var(--primary-color,#3f51b5);color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.messages-panel__header h3{color:#fff;margin:0;font-size:18px}.close-button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:24px;line-height:1;transition:background-color .2s}.close-button:hover{background-color:#fff3}.messages-panel__content{max-height:400px;overflow-y:auto}.no-messages{text-align:center;color:var(--text-secondary-color,#666);padding:40px 20px}.message-list{padding:8px 0}.message-item{border-left:3px solid #0000;border-bottom:1px solid var(--border-color,#e0e0e0);background:var(--surface-color,#fff);padding:16px 20px;transition:background-color .2s}.message-item:hover{background:var(--hover-color,#f0f0f0)}.message-item.unread{border-left:3px solid var(--primary-color,#667eea);background:#667eea0d}.message-item.join-request{border-left:3px solid #ff9800}.message-item.outgoing{background-color:#e8f5e8;border-left:5px solid #4caf50;border-radius:0 8px 8px 0;margin-left:30px}.message-item.incoming{background-color:#e3f2fd;border-left:5px solid #2196f3;border-radius:8px 0 0 8px;margin-right:30px}.message-item.highlighted{animation:2s ease-in-out highlight-pulse;box-shadow:0 0 0 3px #ffc10780}@keyframes highlight-pulse{0%,to{background-color:inherit}50%{background-color:#ffc10733}}.message-item__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sender-name{color:var(--text-color,#333);font-weight:600}.message-item.outgoing .sender-name{color:#2e7d32;font-weight:600}.message-item.incoming .sender-name{color:#1565c0;font-weight:600}.message-time{color:var(--text-secondary-color,#666);font-size:12px}.message-metadata{text-align:left;margin-bottom:8px}.message-from-to{flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:4px;display:flex}.message-from,.message-to{color:var(--text-secondary-color,#666);font-size:12px;font-style:italic}.message-subject{color:var(--text-secondary-color,#666);text-align:left;font-size:12px;font-weight:500}.message-content{color:var(--text-secondary-color,#666);margin-bottom:8px;line-height:1.4}.message-item.outgoing .message-content{color:#2e7d32}.message-item.incoming .message-content{color:#1565c0}.message-actions{gap:8px;margin-top:12px;display:flex}.message-status{border-radius:4px;margin-top:8px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-block}.message-status.approved{color:#4caf50;background:#4caf501a}.message-status.rejected{color:#f44336;background:#f443361a}.mark-read-button{color:var(--primary-color,#667eea);cursor:pointer;background:0 0;border:none;margin-top:8px;padding:4px 0;font-size:12px;transition:opacity .2s}.mark-read-button:hover{opacity:.8}.message-tabs{border-bottom:1px solid var(--border-color,#e0e0e0);background:var(--background-color,#f5f5f5);display:flex}.message-tab{cursor:pointer;color:var(--text-secondary-color,#666);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;position:relative}.message-tab:hover{background-color:#ffffff80}.message-tab.active{color:var(--primary-color,#667eea);border-bottom-color:var(--primary-color,#667eea);background-color:var(--surface-color,#fff)}.tab-badge{color:#fff;text-align:center;background:#f44;border-radius:10px;min-width:16px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:8px;right:8px}.compose-button{width:calc(100% - 40px);margin:16px 20px}.compose-form,.reply-form{background:var(--surface-color,#fff);border-bottom:1px solid var(--border-color,#e0e0e0);padding:16px 20px}.compose-form h4,.reply-form h4{color:var(--text-color,#333);margin:0 0 12px;font-size:14px;font-weight:600}.compose-subject,.reply-subject,.compose-content,.reply-content{border:1px solid var(--border-color,#e0e0e0);background:var(--background-color,#f5f5f5);width:100%;color:var(--text-color,#333);border-radius:4px;margin-bottom:8px;padding:8px 12px;font-family:inherit;font-size:14px}.compose-content,.reply-content{resize:vertical;min-height:80px}.compose-subject:focus,.reply-subject:focus,.compose-content:focus,.reply-content:focus{border-color:var(--primary-color,#667eea);background:var(--surface-color,#fff);outline:none}.compose-actions,.reply-actions{justify-content:flex-end;gap:8px;display:flex}.message-item.text-message{border-left:3px solid #9c27b0}.messages-panel__body{flex:1;min-height:0;display:flex;overflow:hidden}.conversation-list{border-right:1px solid var(--border-color,#e0e0e0);background:var(--surface-color,#fff);flex-direction:column;flex-shrink:0;width:300px;min-height:0;display:flex;overflow:hidden}.conversation-list.hidden{display:none}.conversation-list-items{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.no-conversations{text-align:center;color:var(--text-secondary-color,#666);padding:40px 20px}.no-conversations p{margin-bottom:16px}.feedback-help-button-container{border-top:1px solid var(--border-color,#e0e0e0);background:var(--surface-color,#fff);flex-grow:0;flex-shrink:0;padding:16px}.feedback-help-button-container .btn{width:100%}.conversation-item{text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--border-color,#f0f0f0);background:0 0;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;transition:background-color .15s;display:flex}.conversation-item:hover{background-color:#00000008}.conversation-item.active{background-color:rgba(var(--primary-color-rgb,63, 81, 181), .08)}.conversation-item.unread{background-color:rgba(var(--primary-color-rgb,63, 81, 181), .05)}.conversation-item.unread .conversation-name{font-weight:700}.conversation-item.unread .conversation-last-message{color:var(--text-color,#333);font-weight:600}.conversation-avatar{background:var(--primary-color,#3f51b5);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;display:flex}.conversation-content{flex:1;min-width:0}.conversation-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.conversation-name{color:var(--text-color,#333);font-size:15px;font-weight:600}.conversation-time{color:var(--text-secondary-color,#999);flex-shrink:0;margin-left:8px;font-size:12px}.conversation-preview{color:var(--text-secondary-color,#666);align-items:center;gap:8px;font-size:13px;display:flex}.conversation-preview>:first-child{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.conversation-unread-badge{background:var(--primary-color,#3f51b5);color:#fff;border-radius:10px;flex-shrink:0;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600}.chat-view{background:var(--background-color,#f5f5f5);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-view.hidden{display:none}.no-conversation-selected{color:var(--text-secondary-color,#999);text-align:center;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.chat-header{border-bottom:1px solid var(--border-color,#e0e0e0);background:#fff;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.back-button{color:var(--text-color,#333);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-right:8px;padding:4px 8px;font-size:24px;transition:background-color .15s}.back-button:hover{background-color:#0000000d}.chat-header-info{flex:1;align-items:center;gap:12px;display:flex}.chat-avatar{background:var(--primary-color,#3f51b5);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.chat-name{color:var(--text-color,#333);font-size:16px;font-weight:600}.chat-messages{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.message-bubble{word-wrap:break-word;border-radius:16px;flex-shrink:0;max-width:70%;padding:10px 14px;animation:.2s ease-out messageAppear;position:relative}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble.outgoing{background:var(--primary-color,#3f51b5);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.message-bubble.incoming{color:var(--text-color,#333);background:#fff;border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 1px 2px #0000001a}.message-subject{color:#fff;border-bottom:1px solid #fff3;margin-bottom:8px;padding-bottom:6px;font-size:14px;font-weight:700}.message-text{white-space:pre-wrap;font-size:14px;line-height:1.5}.message-time{opacity:.7;text-align:right;margin-top:6px;font-size:11px}.chat-input{border-top:1px solid var(--border-color,#e0e0e0);background:#fff;flex-shrink:0;gap:8px;padding:12px 16px;display:flex}.chat-input input{border:1px solid var(--border-color,#e0e0e0);border-radius:24px;outline:none;flex:1;padding:10px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}.chat-input input:focus{border-color:var(--primary-color,#3f51b5)}.send-button{background:var(--primary-color,#3f51b5);color:#fff;cursor:pointer;border:none;border-radius:24px;padding:10px 24px;font-size:14px;font-weight:600;transition:background-color .2s}.send-button:hover:not(:disabled){background:var(--primary-color-darker,#303f9f)}.send-button:disabled{opacity:.5;cursor:not-allowed}@media (width<=767px){.conversation-list{border-right:none;width:100%}.message-bubble{max-width:85%}.chat-input input{font-size:16px}}.growl-container{z-index:10000;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.growl-notification{cursor:pointer;background:#fff;border-left:4px solid;border-radius:8px;min-width:300px;max-width:400px;animation:.3s ease-out slideInRight;box-shadow:0 4px 12px #00000026}.growl-notification--success{border-left-color:#4caf50}.growl-notification--error{border-left-color:#f44336}.growl-notification--warning{border-left-color:#ff9800}.growl-notification--info{border-left-color:#2196f3}.growl-content{align-items:center;gap:12px;padding:12px 16px;display:flex}.growl-icon{flex-shrink:0;font-size:18px;font-weight:700}.growl-notification--success .growl-icon{color:#4caf50}.growl-notification--error .growl-icon{color:#f44336}.growl-notification--warning .growl-icon{color:#ff9800}.growl-notification--info .growl-icon{color:#2196f3}.growl-message{color:var(--text-color,#333);flex:1;font-size:14px;line-height:1.4}.growl-close{color:var(--text-secondary-color,#666);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:18px;transition:background-color .2s;display:flex}.growl-close:hover{background-color:#0000001a}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.messages-panel{width:auto;left:10px;right:10px}.notification-banner__content{text-align:center;flex-direction:column;gap:12px}.conversation-list{border-right:none;width:100%}}.landing-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;width:100%;min-height:100vh;display:flex}.landing-container{width:100%;max-width:1200px;padding:var(--space-xl);margin:0 auto;padding-bottom:180px}.hero-section{text-align:center;padding:var(--space-xxl) 0;color:#fff}.hero-title{margin:0 0 var(--space-lg) 0;color:#fff;font-size:3rem;font-weight:700;line-height:1.2}.hero-subtitle{opacity:.95;color:#fff;margin:0;font-size:1.5rem;font-weight:400}.cta-button{color:#667eea;border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:var(--space-sm);background:#fff;border:none;padding:1rem 2.5rem;font-size:1.25rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #0003}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.problem-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-xxl) 0;text-align:center;color:#fff;background:#ffffff26}.problem-text{margin:0;font-size:1.25rem;font-weight:500}.features-section{border-radius:var(--radius-lg);padding:var(--space-xxl);margin:var(--space-xxl) 0;background:#fff}.features-title{text-align:center;margin:0 0 var(--space-xxl) 0;color:var(--text-primary);font-size:2rem;font-weight:600}.features-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.landing-feature-card{background:var(--bg-feature-light);border-radius:var(--radius-md);padding:var(--space-lg);border:2px solid #0000;transition:all .3s}.landing-feature-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 20px #667eea26}.landing-feature-icon{margin-bottom:var(--space-md);font-size:2.5rem;display:block}.landing-feature-title{margin:0 0 var(--space-sm) 0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.landing-feature-description{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.6}.coming-soon-section{border-radius:var(--radius-lg);padding:var(--space-xxl);margin:var(--space-xxl) 0;text-align:center;background:#fff}.coming-soon-title{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-size:2rem;font-weight:600}.coming-soon-description{margin:0 0 var(--space-xl) 0;color:var(--text-secondary);font-size:1.25rem}.mobile-apps{justify-content:center;gap:var(--space-xl);flex-wrap:wrap;display:flex}.mobile-app-badge{align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);background:var(--bg-feature-light);border-radius:var(--radius-lg);border:2px solid #e0e0e0;flex-direction:column;min-width:140px;transition:all .3s;display:flex}.mobile-app-badge:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 20px #667eea26}.mobile-app-icon{font-size:3rem}.mobile-app-name{color:var(--text-primary);font-size:1.25rem;font-weight:600}.pain-points-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--space-xxl);margin:var(--space-xxl) 0;color:#fff;background:#ffffff26}.pain-points-title{text-align:center;margin:0 0 var(--space-xl) 0;font-size:1.75rem;font-weight:600}.pain-points-list{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0;padding:0;list-style:none;display:grid}.pain-point-item{align-items:flex-start;gap:var(--space-md);font-size:1.1rem;line-height:1.5;display:flex}.pain-point-icon{flex-shrink:0;margin-top:2px;font-size:1.5rem}.fixed-cta-section{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#764ba2 0%,#667eea 100%);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.fixed-cta-container{max-width:1200px;padding:var(--space-xl);text-align:center;margin:0 auto}.fixed-cta-title{margin:0 0 var(--space-md) 0;color:#fff;font-size:1.5rem;font-weight:600}@media (width<=768px){.landing-page .hero-title{font-size:2rem}.landing-page .hero-subtitle{font-size:1.25rem}.landing-page .features-grid{grid-template-columns:1fr}.landing-page .coming-soon-title{font-size:1.5rem}.landing-page .coming-soon-description{font-size:1.1rem}.landing-page .mobile-apps{gap:var(--space-md)}.landing-page .pain-points-list{grid-template-columns:1fr}.landing-page .landing-container{padding:var(--space-lg);padding-bottom:160px}.landing-page .fixed-cta-container{padding:var(--space-lg)}.landing-page .fixed-cta-title{font-size:1.25rem}.landing-page .cta-button{padding:.875rem 2rem;font-size:1.1rem}}@media (width<=480px){.landing-page .hero-title{font-size:1.75rem}.landing-page .hero-subtitle{font-size:1.1rem}.landing-page .features-title{font-size:1.5rem}.landing-page .coming-soon-title{font-size:1.25rem}.landing-page .coming-soon-description{font-size:1rem}.landing-page .mobile-app-badge{min-width:120px;padding:var(--space-md) var(--space-lg)}.landing-page .mobile-app-icon{font-size:2.5rem}.landing-page .mobile-app-name{font-size:1.1rem}.landing-page .pain-points-title{font-size:1.5rem}.landing-page .fixed-cta-container{padding:var(--space-md)}.landing-page .fixed-cta-title{margin:0 0 var(--space-sm) 0;font-size:1.1rem}.landing-page .cta-button{padding:.75rem 1.5rem;font-size:1rem}}.member-management-wrapper{flex-direction:column;min-height:100%;display:flex}.member-management__notice{text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.member-management__header{margin-bottom:var(--space-lg)}.member-management__header h2{color:var(--text-heading);font-size:var(--font-size-xl);margin:0;font-weight:600}.member-management__toolbar{z-index:10;padding:var(--space-md);background:var(--bg-feature);align-items:center;gap:var(--space-xs);margin:var(--space-lg);border-radius:var(--radius-md);flex-wrap:wrap;flex-shrink:0;margin-bottom:0;display:flex;position:sticky;top:0}.member-management__content{padding:var(--space-lg);padding-top:var(--space-md)}.toolbar__actions{gap:var(--space-xs);flex-wrap:wrap;flex:1;justify-content:flex-end;display:flex}.selection-count{color:var(--text-secondary);font-size:var(--font-size-sm);white-space:nowrap;margin-left:var(--space-sm);font-weight:500}.member-table{border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:visible}.member-table__header{background:var(--bg-feature);border-bottom:2px solid var(--border-color);flex-shrink:0;grid-template-columns:60px 1fr;display:grid}.member-table__header-cell{padding:var(--space-md);color:var(--text-heading);font-weight:600}.member-table__header-cell--checkbox{justify-content:center;align-items:center;display:flex}.member-table__header-cell--checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px}.member-table__body{background:var(--bg-card-primary)}.member-table__row{border-bottom:1px solid var(--border-color);grid-template-columns:60px 1fr;transition:background-color .2s;display:grid}.member-table__row:last-child{border-bottom:none}.member-table__row:hover,.member-table__row--current{background:var(--bg-feature)}.member-table__row--admin{background:linear-gradient(90deg,#ffd7000d,#0000);border-left:3px solid gold}.member-table__row--admin:hover{background:linear-gradient(to right, #ffd7001a, var(--bg-feature))}.member-table__cell{padding:var(--space-md)}.member-table__cell--checkbox{justify-content:center;align-items:center;display:flex}.member-table__cell--checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-placeholder{width:18px;height:18px}.member-info{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;display:flex}.member-info__name{color:var(--text-heading);align-items:center;gap:var(--space-xs);flex:1;font-weight:500;display:flex}.admin-icon{font-size:16px;line-height:1}.current-user-badge{font-size:var(--font-size-sm);color:var(--primary-color);background:var(--primary-bg);border-radius:var(--radius-sm);padding:2px 8px;font-weight:500}.member-menu-container{position:relative}.member-menu-button{color:var(--text-secondary);padding:var(--space-xs);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;line-height:1;transition:all .2s;display:flex}.member-menu-button:hover{background:var(--bg-feature);color:var(--text-primary)}.member-menu-dropdown{border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:1000;min-width:250px;padding:var(--space-sm);background:#fff;margin-top:4px;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000026}.member-menu-item{padding:var(--space-sm);color:var(--text-primary);font-size:var(--font-size-sm);gap:var(--space-xs);border-bottom:1px solid var(--border-color);align-items:center;display:flex}.member-menu-item:last-child{border-bottom:none}.member-menu-item strong{min-width:60px}.role-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);white-space:nowrap;font-weight:500}.role-badge--admin{background:var(--primary-color);color:#fff}.role-badge--member{background:var(--bg-feature);color:var(--text-secondary);border:1px solid var(--border-color)}.btn--danger{color:#fff;background:#dc3545}.btn--danger:hover:not(:disabled){background:#c82333}.btn--danger:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}@media (width<=768px){.member-table__header,.member-table__row{grid-template-columns:50px 1fr}}.view-container{flex-direction:column;width:100%;height:100%;display:flex}.view-header{padding:var(--space-md);border-bottom:1px solid var(--border-color);background:var(--bg-card-primary)}.menu-dropdown-container{position:relative}.menu-button{color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:24px;transition:all .2s;display:flex}.menu-button:hover{background:var(--bg-feature)}.menu-dropdown{border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:1000;min-width:200px;padding:var(--space-xs) 0;background:#fff;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 12px #00000026}.menu-dropdown .dropdown-item{width:100%;padding:var(--space-sm) var(--space-md);text-align:left;cursor:pointer;color:var(--text-primary);font-size:var(--font-size-base);align-items:center;gap:var(--space-xs);background:0 0;border:none;transition:background-color .2s;display:flex}.menu-dropdown .dropdown-item:hover:not(:disabled){background:var(--bg-feature)}.menu-dropdown .dropdown-item:disabled{opacity:.6;cursor:not-allowed}.menu-dropdown .dropdown-item--logout{border-top:1px solid var(--border-color);margin-top:var(--space-xs);padding-top:var(--space-sm)}.menu-dropdown .dropdown-version{border-top:1px solid var(--border-color);margin-top:var(--space-xs);padding:var(--space-xs) var(--space-md);color:var(--text-secondary);font-size:var(--font-size-sm);-webkit-user-select:text;user-select:text}.competium-import{gap:var(--space-lg);padding:var(--space-lg);flex-direction:column;height:100%;display:flex;overflow-y:auto}.competium-import__header{justify-content:space-between;align-items:center;display:flex}.competium-import__title{font-size:var(--font-size-xl);color:var(--text-primary);margin:0;font-weight:600}.loading-state{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-xxl);color:var(--text-secondary);flex-direction:column;display:flex}.empty-state{text-align:center;padding:var(--space-xxl);color:var(--text-secondary)}.club-list__title{font-size:var(--font-size-lg);margin:0 0 var(--space-md) 0;color:var(--text-primary);font-weight:600}.club-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.club-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex}.club-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);display:flex}.club-card__name{font-size:var(--font-size-base);color:var(--text-primary);flex:1;margin:0;font-weight:600}.club-card__linked-icon{color:var(--color-success);font-size:var(--font-size-lg);line-height:1}.club-card__actions{gap:var(--space-sm);display:flex}.import-progress{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);margin-top:var(--space-md)}.import-progress__header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.import-progress__title{font-size:var(--font-size-lg);margin:0;font-weight:600}.import-progress__title.status--in-progress{color:var(--color-primary)}.import-progress__title.status--completed{color:var(--color-success)}.import-progress__title.status--failed{color:var(--color-error)}.import-progress__title.status--cancelled{color:var(--color-warning)}.import-progress__stats{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.stat{gap:var(--space-xs);flex-direction:column;display:flex}.stat__label{font-size:var(--font-size-sm);color:var(--text-secondary)}.stat__value{font-size:var(--font-size-xl);color:var(--text-primary);font-weight:600}.stat--success .stat__value{color:var(--color-success)}.stat--warning .stat__value{color:var(--color-warning)}.stat--error .stat__value{color:var(--color-error)}.import-progress__bar{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.import-progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-sm);flex:1;height:24px;overflow:hidden}.import-progress-bar__fill{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));height:100%;transition:width .3s}.progress-percentage{font-size:var(--font-size-base);color:var(--text-primary);text-align:right;min-width:45px;font-weight:600}.import-progress__error{padding:var(--space-md);background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);margin-bottom:var(--space-md)}.import-progress__log{margin-top:var(--space-lg)}.import-progress__log-title{font-size:var(--font-size-base);margin:0 0 var(--space-md) 0;color:var(--text-primary);font-weight:600}.import-log{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);max-height:400px;overflow-y:auto}.log-entry{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color);display:flex}.log-entry:last-child{border-bottom:none}.log-entry__icon{font-size:var(--font-size-lg);text-align:center;min-width:24px;line-height:1}.log-entry.routine-status--success .log-entry__icon{color:var(--color-success)}.log-entry.routine-status--failed .log-entry__icon{color:var(--color-error)}.log-entry.routine-status--skipped .log-entry__icon{color:var(--color-warning)}.log-entry__content{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.log-entry__main{gap:var(--space-xs);align-items:baseline;display:flex}.log-entry__routine{color:var(--text-primary);font-weight:500}.log-entry__athlete{font-size:var(--font-size-sm);color:var(--text-secondary)}.log-entry__error{font-size:var(--font-size-sm);color:var(--color-error)}.competium-club-badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-primary-bg);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-primary);font-weight:500;display:inline-flex}.competium-club-badge__icon{font-size:var(--font-size-sm)}.competium-athlete-id{font-size:var(--font-size-sm);color:var(--text-secondary);align-items:center;gap:var(--space-xs);display:flex}.competium-athlete-id__label{font-weight:500}.alert{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);display:flex}.alert--error{background:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error)}.alert__icon{font-size:var(--font-size-lg)}.alert__message{flex:1}.alert__close{color:inherit;font-size:var(--font-size-xl);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.alert__close:hover{background:#0000001a}.cookie-consent-overlay{z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000c;animation:.3s ease-out slideUp;position:fixed;bottom:0;left:0;right:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-consent-banner{border-top:2px solid var(--primary-color);padding:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-lg);background:#242424fa;flex-wrap:wrap;max-width:1200px;margin:0 auto;display:flex}@media (width<=768px){.cookie-consent-banner{align-items:stretch;gap:var(--space-md);flex-direction:column}}.cookie-consent-content{flex:1;min-width:300px}.cookie-consent-title{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-lg);color:#fffffff2;font-weight:600}.cookie-consent-text{font-size:var(--font-size-sm);color:#fffc;margin:0;line-height:1.5}.cookie-consent-actions{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}@media (width<=768px){.cookie-consent-actions{flex-direction:column;justify-content:stretch;width:100%}.cookie-consent-actions button{width:100%}}.cookie-consent-link{color:var(--primary-color);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:0 0;border:none;text-decoration:underline;transition:background .2s}.cookie-consent-link:hover{background:#646cff1a;text-decoration:none}.cookie-policy-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10001;padding:var(--space-lg);background:#000000bf;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cookie-policy-container{border-radius:var(--radius-lg);background:#2a2a2a;flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.3s ease-out slideDown;display:flex;box-shadow:0 10px 40px #0000004d}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.cookie-policy-header{padding:var(--space-lg);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.cookie-policy-title{font-size:var(--font-size-2xl);color:#fffffff2;margin:0;font-weight:600}.close-button{color:#ffffffb3;font-size:var(--font-size-2xl);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.close-button:hover{color:#fffffff2;background:#ffffff1a}.cookie-policy-content{padding:var(--space-lg);flex:1;overflow-y:auto}.policy-section{margin-bottom:var(--space-xl)}.policy-section:last-child{margin-bottom:0}.policy-section h2{margin:0 0 var(--space-md) 0;font-size:var(--font-size-xl);color:#fffffff2;font-weight:600}.policy-section h3{margin:var(--space-lg) 0 var(--space-sm) 0;font-size:var(--font-size-lg);color:#ffffffe6;font-weight:500}.policy-section p{margin:0 0 var(--space-md) 0;color:#fffc;line-height:1.6;font-size:var(--font-size-base)}.policy-section ul{margin:var(--space-md) 0;padding-left:var(--space-xl);color:#fffc}.policy-section li{margin-bottom:var(--space-sm);line-height:1.6}.policy-footer{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid #ffffff1a}.policy-last-updated{font-size:var(--font-size-sm);color:#fff9;margin:0;font-style:italic}.cookie-policy-actions{padding:var(--space-lg);justify-content:flex-end;gap:var(--space-md);border-top:1px solid #ffffff1a;display:flex}.policy-link{color:#fff9;cursor:pointer;font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);background:0 0;border:none;text-decoration:underline;transition:color .2s}.policy-link:hover{color:var(--primary-color)}.cta-footer{margin-top:var(--space-md);justify-content:center;align-items:center;gap:var(--space-md);display:flex}.cta-version{color:#fff9;font-size:var(--font-size-xs);-webkit-user-select:text;user-select:text}@media (prefers-color-scheme:light){.cookie-consent-banner{border-top-color:var(--primary-color);background:#fffffffa}.cookie-consent-title{color:var(--text-primary)}.cookie-consent-text{color:var(--text-secondary)}.cookie-policy-container{background:#fff}.cookie-policy-title,.policy-section h2,.policy-section h3{color:var(--text-primary)}.policy-section p,.policy-section ul,.policy-section li{color:var(--text-secondary)}.cookie-policy-header,.cookie-policy-actions,.policy-footer{border-color:#0000001a}.close-button{color:var(--text-secondary)}.close-button:hover{color:var(--text-primary);background:#0000000d}.policy-last-updated,.policy-link{color:var(--text-muted)}.policy-link:hover{color:var(--primary-color)}}