:root{--ae-bg:#eef2f6;--ae-surface:#fff;--ae-text:#142033;--ae-text-secondary:#627086;--ae-text-muted:#8a97aa;--ae-accent:#5e7fae;--ae-accent-hover:#4a6a9a;--ae-dark:#172233;--ae-dark-alt:#223149;--ae-success:#22a06b;--ae-warm:#f08a24;--ae-danger:#d95c78;--ae-border:#e2e8f0;--ae-border-hover:#cbd5e1;--ae-shadow-sm:0 1px 3px #0000000a;--ae-shadow-md:0 4px 12px #0000000f;--ae-shadow-lg:0 8px 24px #00000014;--ae-radius-sm:8px;--ae-radius-md:14px;--ae-radius-lg:22px;--sidebar-width:248px;--topbar-height:64px;--primary-50:#eef2f6;--primary-100:#e2e8f0;--primary-200:#cbd5e1;--primary-300:#8a97aa;--primary-400:#627086;--primary-500:#5e7fae;--primary-600:#4a6a9a;--primary-700:#223149;--primary-800:#1c2b3f;--primary-900:#142033;--accent-50:#eef2f6;--accent-100:#e2e8f0;--accent-400:#8a97aa;--accent-500:#5e7fae;--accent-600:#4a6a9a;--accent-700:#223149;--bg-primary:#eef2f6;--bg-secondary:#fff;--bg-tertiary:#e2e8f0;--bg-header:#fff;--bg-overlay:#ffffffd9;--bg-overlay-light:#ffffff80;--text-primary:#142033;--text-secondary:#627086;--text-muted:#8a97aa;--border-color:#e2e8f0;--border-light:#eef2f6;--shadow-color:#0000000a;--shadow-hover:#00000014;--accent-color:#5e7fae;--accent-hover:#4a6a9a;--accent-secondary:#d95c78;--error-bg:#fef2f2;--error-text:#d95c78;--success-bg:#ecfdf5;--success-text:#22a06b;--card-bg:#fff;--input-bg:#fff;--table-hover:#f8fafc;--footer-bg:#172233}html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eef2f6;background-color:var(--ae-bg);color:#142033;color:var(--ae-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}#root,body{display:flex;flex-direction:column}#root{flex:1 1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.container{margin:0 auto;max-width:1280px}.btn{background-color:#5e7fae;background-color:var(--ae-accent);border-radius:14px;border-radius:var(--ae-radius-md);color:#fff;font-size:14px;font-weight:500;transition:background-color .15s,box-shadow .15s}.btn:hover{background-color:#4a6a9a;background-color:var(--ae-accent-hover);box-shadow:0 1px 3px #0000000a;box-shadow:var(--ae-shadow-sm)}.btn:disabled{background-color:#8a97aa;background-color:var(--ae-text-muted)}.card{background:#fff;background:var(--ae-surface);border:1px solid var(--ae-border);border-radius:var(--ae-radius-lg);box-shadow:var(--ae-shadow-sm);padding:20px;transition:box-shadow .15s}.card:hover{box-shadow:var(--ae-shadow-md)}.activity-card{border-left:3px solid #5e7fae;border-left:3px solid var(--ae-accent);transition:transform .15s,box-shadow .15s}.activity-card:hover{box-shadow:0 4px 12px #0000000f;box-shadow:var(--ae-shadow-md);transform:translateY(-1px)}.loading{color:#627086;color:var(--ae-text-secondary);padding:40px;text-align:center}.error{background-color:#fef2f2;background-color:var(--error-bg);border-radius:8px;border-radius:var(--ae-radius-sm);color:#d95c78;color:var(--ae-danger);margin:10px 0;padding:12px 16px}input,select,textarea{background-color:#fff;background-color:var(--ae-surface);border:1px solid #e2e8f0;border:1px solid var(--ae-border);border-radius:14px;border-radius:var(--ae-radius-md);color:#142033;color:var(--ae-text);font-size:16px!important;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#5e7fae;border-color:var(--ae-accent);box-shadow:0 0 0 3px #5e7fae1f;outline:none}.App{min-height:100vh;position:relative}.app-loading-screen{align-items:center;background:var(--ae-bg);display:flex;justify-content:center;min-height:100vh}.app-loading-card{background:var(--ae-surface);border:1px solid var(--ae-border);border-radius:var(--ae-radius-lg);box-shadow:var(--ae-shadow-sm);padding:48px;text-align:center}.app-loading-card h2{color:var(--ae-text-secondary);font-size:16px;font-weight:500;margin:0}.app-banner{align-items:center;animation:slideDown .4s ease-out;border-radius:var(--ae-radius-md);box-shadow:var(--ae-shadow-lg);display:flex;font-size:14px;font-weight:500;gap:10px;left:50%;max-width:90%;padding:14px 24px;position:fixed;top:24px;transform:translateX(-50%);z-index:2000}.app-banner-success{background:var(--ae-success);color:#fff}.app-banner-verified{background:var(--success-bg);border:1px solid #22a06b33;color:var(--ae-success)}.app-banner-error{background:var(--error-bg);border:1px solid #d95c7833;color:var(--ae-danger)}.app-shell{background:var(--ae-bg);display:flex;min-height:100vh}.app-sidebar{background:var(--ae-surface);border-right:1px solid var(--ae-border);bottom:0;display:flex;flex-direction:column;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:transform .25s ease;width:var(--sidebar-width);z-index:100}.sidebar-logo{align-items:center;border-bottom:1px solid var(--ae-border);display:flex;gap:12px;padding:24px 20px 20px}.sidebar-logo img{filter:grayscale(100%);height:36px;width:36px}.sidebar-logo-text{color:var(--ae-text);font-size:18px;font-weight:700;letter-spacing:-.3px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 12px}.sidebar-nav-group{margin-bottom:20px}.sidebar-nav-group-label{color:var(--ae-text-muted);font-size:11px;font-weight:600;letter-spacing:.8px;margin-bottom:6px;padding:0 12px;text-transform:uppercase}.sidebar-nav-item{align-items:center;background:none;border:none;border-radius:10px;color:var(--ae-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:9px 12px;position:relative;text-align:left;transition:all .12s;width:100%}.sidebar-nav-item.active,.sidebar-nav-item:hover{background:var(--ae-bg);color:var(--ae-text)}.sidebar-nav-item.active{font-weight:600}.sidebar-nav-item.active:before{background:var(--ae-accent);border-radius:0 3px 3px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar-nav-icon{flex-shrink:0;height:18px;opacity:.7;width:18px}.sidebar-nav-item.active .sidebar-nav-icon{opacity:1}.sidebar-nav-badge{background:var(--ae-text-muted);border-radius:10px;color:#fff;font-size:11px;font-weight:600;margin-left:auto;min-width:18px;padding:1px 7px;text-align:center}.sidebar-user{align-items:center;border-top:1px solid var(--ae-border);display:flex;gap:10px;padding:16px}.sidebar-user-avatar{align-items:center;background:var(--ae-bg);border-radius:50%;color:var(--ae-text-secondary);display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:34px;justify-content:center;overflow:hidden;width:34px}.sidebar-user-avatar img{height:100%;object-fit:cover;width:100%}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{color:var(--ae-text);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:var(--ae-text-muted);font-size:11px}.sidebar-logout-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--ae-text-muted);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .12s}.sidebar-logout-btn:hover{background:var(--error-bg);color:var(--ae-danger)}.sidebar-overlay{background:#14203366;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99}.app-topbar{background:var(--ae-surface);border-bottom:1px solid var(--ae-border);height:var(--topbar-height);left:var(--sidebar-width);padding:0 28px;position:fixed;right:0;top:0;z-index:90}.app-topbar,.topbar-left{align-items:center;display:flex}.topbar-left{flex:1 1;gap:12px}.topbar-page-title{color:var(--ae-text);font-size:18px;font-weight:600;letter-spacing:-.2px}.topbar-breadcrumb{color:var(--ae-text-muted);font-size:13px}.mobile-menu-btn{background:none;border:none;border-radius:8px;color:var(--ae-text);cursor:pointer;display:none;padding:6px}.mobile-menu-btn:hover{background:var(--ae-bg)}.topbar-right{align-items:center;display:flex;gap:6px}.topbar-action-btn{align-items:center;background:var(--ae-surface);border:1px solid var(--ae-border);border-radius:10px;color:var(--ae-text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:all .12s}.topbar-action-btn:hover{background:var(--ae-bg);border-color:var(--ae-border-hover);color:var(--ae-text)}.topbar-action-btn svg{height:15px;width:15px}.topbar-icon-btn{align-items:center;background:none;border:none;border-radius:10px;color:var(--ae-text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .12s;width:36px}.topbar-icon-btn:hover{background:var(--ae-bg);color:var(--ae-text)}.topbar-user-avatar{align-items:center;background:var(--ae-bg);border-radius:50%;color:var(--ae-text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;margin-left:4px;overflow:hidden;width:32px}.topbar-user-avatar img{height:100%;object-fit:cover;width:100%}.app-main{display:flex;flex-direction:column;margin-left:var(--sidebar-width);margin-top:var(--topbar-height);min-height:calc(100vh - var(--topbar-height))}.app-content{flex:1 1;max-width:100%;padding:28px 32px}.app-footer{align-items:center;border-top:1px solid var(--ae-border);color:var(--ae-text-muted);display:flex;font-size:12px;justify-content:space-between;margin-top:auto;padding:16px 32px}.footer-left,.footer-right{text-align:left}.footer-right{text-align:right}.topbar-right .language-selector{font-size:13px}@media (max-width:1024px){.app-sidebar{transform:translateX(-100%)}.app-sidebar.open{transform:translateX(0)}.sidebar-overlay.visible{display:block}.app-topbar{left:0}.app-main{margin-left:0}.mobile-menu-btn{display:flex}}@media (max-width:768px){.app-content{padding:16px}.app-topbar{height:56px;padding:0 16px}.app-main{margin-top:56px;min-height:calc(100vh - 56px)}.topbar-page-title{font-size:16px}.topbar-action-btn span{display:none}.topbar-action-btn{padding:7px 10px}.app-footer{flex-direction:column;gap:4px;padding:12px 16px}.app-footer,.footer-left,.footer-right{text-align:center}}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{background:var(--ae-surface);border:1px solid var(--ae-border);border-radius:var(--ae-radius-lg);box-shadow:var(--ae-shadow-sm);padding:20px}.stat-card h3{color:var(--ae-text-secondary);font-size:12px;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.stat-card .value{color:var(--ae-accent);font-size:2rem;font-weight:700;margin:0}.navigation-menu{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.nav-button{background-color:var(--ae-surface);border:1px solid var(--ae-border);border-radius:var(--ae-radius-sm);color:var(--ae-text);cursor:pointer;font-size:14px;padding:10px 20px;transition:all .15s}.nav-button:hover{background-color:var(--ae-bg)}.nav-button.active{background-color:var(--ae-accent);border-color:var(--ae-accent);color:#fff}.clickable-rows tbody tr:hover{background-color:var(--table-hover)}.unread-indicator{background-color:var(--ae-danger);border-radius:50%;font-size:12px;font-weight:700;height:20px;line-height:20px;width:20px}.activity-filters{background:var(--ae-surface);border:1px solid var(--ae-border);border-radius:var(--ae-radius-lg);box-shadow:var(--ae-shadow-sm);margin-bottom:20px;padding:20px}.activity-filters input,.activity-filters select{background-color:var(--ae-surface);border:1px solid var(--ae-border);border-radius:var(--ae-radius-md);color:var(--ae-text);font-size:14px;margin-right:10px;padding:8px 12px}.activity-heartrate{background-color:var(--ae-bg);color:var(--ae-text)}.login-shell{background:#eef2f6;display:flex;min-height:100vh}.login-hero{align-items:flex-start;background:#172233;display:flex;flex:0 0 50%;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:56px;position:relative}.login-hero__bg{height:100%;inset:0;object-fit:cover;opacity:.7;position:absolute;width:100%}.login-hero__overlay{background:linear-gradient(0deg,#172233eb 0,#1722338c 40%,#17223340);inset:0;position:absolute}.login-hero__content{position:relative;z-index:1}.login-hero__logo{height:48px;margin-bottom:20px}.login-hero__brand{color:#fff;font-size:40px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.login-hero__tagline{color:#ffffffbf;font-size:18px;font-weight:400;margin:0}.login-panel{align-items:center;display:flex;flex:0 0 50%;justify-content:center;overflow-y:auto;padding:48px 32px}.login-panel__inner{max-width:440px;width:100%}.login-card{background:#fff;border-radius:22px;box-shadow:0 4px 24px #14203312;padding:40px 36px}.login-landing__title{color:#142033;font-size:28px;font-weight:700;margin:0 0 6px;text-align:center}.login-landing__subtitle{color:#627086;font-size:16px;font-weight:400;margin:0 0 24px;text-align:center}.login-landing__text{color:#627086;font-size:14px;line-height:1.7;margin:0 0 28px;text-align:left}.login-landing__text strong{color:#142033}.login-landing__actions{display:flex;gap:14px;justify-content:center}.login-form__title{color:#142033;font-size:24px;font-weight:700;margin:0 0 4px;text-align:center}.login-form__subtitle{color:#627086;font-size:14px;margin:0 0 28px;text-align:center}.login-field{margin-bottom:16px}.login-input{background:#f5f7fa;border:1.5px solid #e1e6ed;border-radius:14px;box-sizing:border-box;color:#142033;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.login-input::placeholder{color:#8a97aa}.login-input:focus{background:#fff;border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1f}.login-input--error{border-color:#d95c78}.login-input--error:focus{box-shadow:0 0 0 3px #d95c781f}.login-textarea{background:#f5f7fa;border:1.5px solid #e1e6ed;border-radius:14px;box-sizing:border-box;color:#142033;font-family:inherit;font-size:14px;min-height:80px;outline:none;padding:12px 16px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.login-textarea::placeholder{color:#8a97aa}.login-textarea:focus{background:#fff;border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1f}.login-field-error{align-items:center;color:#d95c78;display:flex;font-size:12px;gap:6px;margin-top:6px;padding-left:4px}.login-btn{align-items:center;background:#5e7fae;border:none;border-radius:14px;box-shadow:0 2px 8px #5e7fae40;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;justify-content:center;padding:13px 28px;transition:background .2s,transform .1s,box-shadow .2s;width:100%}.login-btn:hover{background:#4e6d9a;box-shadow:0 4px 14px #5e7fae59}.login-btn:active{transform:scale(.98)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.login-btn--secondary{background:#0000;border:1.5px solid #5e7fae;box-shadow:none;color:#5e7fae}.login-btn--secondary:hover{background:#5e7fae0f;box-shadow:none}.login-btn--landing{min-width:130px;width:auto}.login-google-btn{align-items:center;background:#4285f4;border:none;border-radius:14px;box-shadow:0 2px 8px #4285f440;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;margin-bottom:12px;padding:13px 28px;transition:background .2s,box-shadow .2s;width:100%}.login-google-btn:hover{background:#3574e2;box-shadow:0 4px 14px #4285f459}.login-divider{align-items:center;color:#8a97aa;display:flex;font-size:13px;font-weight:500;gap:14px;margin:16px 0}.login-divider:after,.login-divider:before{background:#e1e6ed;content:"";flex:1 1;height:1px}.login-error-banner{background:#fdf0f2;border:1px solid #f5c6ce;border-radius:14px;color:#9c2339;font-size:13px;margin-bottom:20px;padding:14px 16px}.login-error-banner strong{display:block;margin-bottom:8px}.login-error-banner ul{margin:0 0 0 18px;padding:0}.login-error-banner li{margin-bottom:2px}.login-terms{align-items:flex-start;color:#627086;display:flex;font-size:13px;gap:10px;margin-bottom:20px;text-align:left}.login-terms input[type=checkbox]{accent-color:#5e7fae;cursor:pointer;margin-top:2px}.login-terms a{color:#5e7fae;text-decoration:underline}.login-terms a:hover{color:#4e6d9a}.login-captcha{display:flex;justify-content:center;margin-bottom:16px}.login-link{background:none;border:none;color:#5e7fae;cursor:pointer;font-size:13px;font-weight:500;padding:0;transition:color .15s}.login-link:hover{color:#4e6d9a;text-decoration:underline}.login-link--muted{color:#8a97aa}.login-link--muted:hover{color:#627086}.login-form__links{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:22px}.login-message{border-radius:14px;font-size:13px;margin-top:20px;padding:12px 16px}.login-message--success{background:#22a06b14;border:1px solid #22a06b33;color:#176b47}.login-message--error{background:#fdf0f2;border:1px solid #f5c6ce;color:#9c2339}.login-footer{border-top:1px solid #e1e6ed;color:#8a97aa;font-size:11px;margin-top:28px;padding-top:18px;text-align:center}@media (max-width:900px){.login-shell{flex-direction:column}.login-hero{flex:none;height:220px;justify-content:flex-end;min-height:0;padding:28px 24px}.login-hero__brand{font-size:28px}.login-hero__tagline{font-size:15px}.login-hero__logo{height:36px;margin-bottom:12px}.login-panel{flex:1 1;padding:24px 16px}.login-card{padding:28px 22px}}@media (max-width:480px){.login-hero{height:180px;padding:20px}.login-hero__brand{font-size:24px}.login-hero__tagline{font-size:14px}.login-card{border-radius:18px;padding:24px 18px}.login-landing__actions{flex-direction:column}.login-btn--landing{width:100%}}.card{background-color:#eef2f6;box-shadow:none;margin-bottom:0;padding:0}.profile-grid-main{margin:0 auto;max-width:960px;padding:40px 32px 48px}.profile-grid-main>h2{border-bottom:none;color:#142033;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 32px;padding-bottom:0}h3{font-size:1.1rem;margin:0 0 16px}h3,h4{color:#142033;font-weight:600;letter-spacing:-.01em}h4{font-size:1rem;margin:0 0 20px}.profile-top-row{grid-gap:24px;gap:24px;margin-bottom:24px}.profile-user-info{padding:28px}.profile-user-info h3{margin:0 0 20px}.user-info-table{border-collapse:initial;border-spacing:0;margin-top:0;width:100%}.user-info-table td{border-bottom:1px solid #f1f5f9;font-size:.925rem;padding:10px 0;text-align:left}.user-info-table tr:last-child td{border-bottom:none}.user-info-table td:first-child{color:#627086;font-weight:500;padding-right:20px;white-space:nowrap}.user-info-table td:last-child{color:#142033;font-weight:500}.profile-oauth-column{gap:16px}.profile-google-section,.profile-strava-section{display:flex;flex:1 1;flex-direction:column;padding:24px 28px}.profile-google-section h4,.profile-strava-section h4{color:#142033;font-size:.925rem;font-weight:600;margin:0 0 16px}.oauth-actions-container{display:flex;justify-content:flex-start;margin-top:auto}.oauth-button-group{align-items:center;display:flex;gap:12px;width:100%}.oauth-button-group .btn{font-weight:600;letter-spacing:0}.oauth-btn,.oauth-button-group .btn{border-radius:12px;font-size:.85rem;min-width:0;padding:9px 18px;width:auto}.status-indicator{border:1px solid;border-radius:10px;cursor:default;font-size:.8rem;font-weight:600;min-width:0;padding:7px 14px;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap}.status-indicator.connected{background-color:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.status-indicator.disconnected{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.profile-second-row{grid-gap:24px;gap:24px;margin-bottom:24px}.profile-change-password,.profile-personal-info{padding:28px}.form-group label{font-weight:500;letter-spacing:.01em;margin-bottom:6px}.form-group input,.form-group select{-webkit-appearance:none;background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;box-sizing:border-box;color:#142033;font-size:.925rem;outline:none;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1a}.form-group input::placeholder{color:#8a97aa}.btn{align-items:center;display:inline-flex;justify-content:center;letter-spacing:0;line-height:1.4;padding:10px 20px;transition:all .2s ease;width:auto}.btn-primary{background-color:#142033;color:#fff}.btn-primary:hover{background-color:#1e3048;box-shadow:0 4px 12px #0000000f}.btn-primary:disabled{background-color:#8a97aa;box-shadow:none;cursor:not-allowed}.btn-danger{background-color:#dc2626}.btn-danger:hover{background-color:#b91c1c;box-shadow:0 4px 12px #dc262626}.btn-secondary{background-color:#fff;border:1px solid #e2e8f0;color:#142033;font-size:.875rem;font-weight:600;min-width:0;padding:10px 20px}.btn-secondary:hover{background-color:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.strava-status{border-radius:12px;font-size:.85rem;font-weight:600;margin-bottom:16px;padding:12px 16px;text-align:center}.strava-connected{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.strava-disconnected{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.strava-actions{align-items:center;display:flex;margin-top:16px}.strava-actions .btn{font-size:.85rem;height:auto;padding:9px 18px;width:auto}.strava-actions .strava-status{align-items:center;border-radius:10px;box-sizing:border-box;display:inline-flex;font-size:.85rem;font-weight:600;margin-bottom:0;margin-right:12px;padding:9px 16px;text-align:center}.profile-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}@media (min-width:768px){.profile-grid{grid-template-columns:1fr 1fr}}.user-info-grid{grid-gap:10px 20px;align-items:center;display:grid;gap:10px 20px;grid-template-columns:max-content 1fr}.user-info-label{color:#627086;font-weight:500}.user-info-value{color:#142033}.form-group label,.user-info p{color:#627086;font-size:.85rem}.user-info strong{color:#142033}.recommendations-section h3{margin-bottom:12px}.recommendations-section textarea{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;color:#142033;font-size:.925rem;min-height:150px;padding:12px 14px;resize:vertical;width:100%}.profile-delete-account{border:1px solid #fecaca;margin-top:32px;overflow:hidden}.danger-zone-header{background-color:#fef2f2;border-bottom:1px solid #fecaca;padding:14px 24px;text-align:left}.danger-zone-header h4{color:#dc2626;font-size:.925rem;font-weight:600;margin:0}.danger-zone-content{background-color:#fff;padding:24px;text-align:center}.delete-account-btn{background-color:#fff;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.875rem;font-weight:600;min-width:0;padding:10px 24px}.delete-account-btn:hover{background-color:#fef2f2;border-color:#dc2626;box-shadow:0 4px 12px #dc262614}.modal-overlay{background-color:#0f172a99}.delete-account-modal{background-color:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 24px 48px #0000001f;max-height:80vh;max-width:480px;overflow-y:auto;width:90%}.modal-header{background-color:#fff;border-bottom:none;padding:24px 28px 0}.modal-header h4{color:#142033;font-size:1.15rem;font-weight:700;margin:0 0 4px}.modal-body{padding:20px 28px 28px}.delete-warning{background-color:#fef2f2;border:1px solid #fecaca;border-radius:14px;color:#dc2626;font-size:.9rem;font-weight:500;line-height:1.5;margin-bottom:24px;padding:16px;text-align:left}.modal-actions{gap:12px}.final-delete-btn{background-color:#dc2626;border:none;border-radius:12px;color:#fff;font-size:.875rem;font-weight:600;min-width:0;padding:10px 20px}.final-delete-btn:hover{background-color:#b91c1c;box-shadow:0 4px 12px #dc262626}.error-message{border-radius:14px}.error-message,.success-message{font-size:.875rem;font-weight:500;margin:12px 0;padding:12px 16px;text-align:left}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;color:#16a34a}@media (max-width:768px){.profile-grid-main{padding:24px 16px 32px}.profile-grid-main>h2{font-size:1.5rem;margin-bottom:24px}.profile-second-row,.profile-top-row{gap:16px;grid-template-columns:1fr}.profile-change-password,.profile-google-section,.profile-personal-info,.profile-strava-section,.profile-user-info{padding:20px}.oauth-button-group{align-items:stretch;flex-direction:column}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.activities-grid{grid-gap:20px;display:grid;gap:20px;grid-auto-rows:1fr;grid-template-columns:repeat(4,1fr)}.activity-tile{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;display:flex!important;flex-direction:column!important;height:100%!important;transition:transform .22s ease,box-shadow .22s ease}.activity-tile .activity-buttons{margin-top:auto}.activity-tile:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-3px)}.map-modal-overlay{animation:activityFadeIn .2s ease}.map-modal-content{animation:activitySlideUp .3s ease;border-radius:22px!important}@keyframes activityFadeIn{0%{opacity:0}to{opacity:1}}@keyframes activitySlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.activities-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.activities-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.activities-grid{gap:14px;grid-template-columns:1fr}}.modal-content{width:90%}.delete-user-modal .modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 28px 18px}.delete-user-modal .modal-header h3{color:#dc2626;font-size:1.1rem;font-weight:700;letter-spacing:-.01em;margin:0}.modal-close{background:none;border:none;border-radius:8px;color:#8a97aa;cursor:pointer;font-size:22px;line-height:1;padding:4px;transition:all .15s ease}.modal-close:hover{background:#f1f5f9;color:#142033}.modal-body{padding:24px 28px}.warning-section{background-color:#fffbeb;border:1px solid #fde68a;border-radius:16px;margin-bottom:24px;padding:20px}.warning-icon{font-size:24px;margin-bottom:12px}.warning-section h4{color:#92400e;font-size:.95rem;font-weight:700;margin:0 0 12px}.warning-section p{color:#92400e;font-size:.875rem;line-height:1.5;margin:6px 0}.user-info{background-color:#fef3c7;border:1px solid #fde68a;border-radius:12px;color:#92400e;font-size:.9rem;margin:12px 0;padding:12px;text-align:center}.warning-section ul{color:#92400e;font-size:.85rem;line-height:1.6;margin:12px 0;padding-left:20px}.form-group input,.form-group label{color:#142033;font-size:.875rem}.form-group input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus{background:#fff;border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1f;outline:none}.help-text{color:#8a97aa;display:block;font-size:.78rem;margin-top:8px}.help-text strong{color:#627086}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.85rem;margin-bottom:18px;padding:12px 14px}.btn{border:none;border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 22px;transition:all .15s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background-color:#64748b;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#475569;box-shadow:0 2px 6px #64748b40}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.card{margin-top:0}.admin-users h2{border-bottom:none;color:#142033;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4px;margin-top:0;padding-bottom:0}.admin-users-header{margin-bottom:20px}.admin-users-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.admin-filter-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;color:#142033;font-size:.85rem;padding:9px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:280px}.admin-filter-input:focus{background:#fff;border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1f;outline:none}.admin-filter-input::placeholder{color:#8a97aa}.admin-filter-select{appearance:none;background:#f8fafc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%238A97AA' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:14px;color:#142033;cursor:pointer;font-size:.85rem;padding:9px 32px 9px 14px;transition:border-color .2s ease}.admin-filter-select:focus{border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1f;outline:none}.admin-filter-clear{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#627086;cursor:pointer;font-size:.8rem;font-weight:500;padding:9px 16px;transition:all .15s ease}.admin-filter-clear:hover{background:#eef2f6;border-color:#cbd5e1;color:#142033}.admin-users-table-wrap{border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto}.admin-users-table{border-collapse:collapse;font-size:.85rem;width:100%}.admin-users-table th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#627086;cursor:pointer;font-size:.72rem;font-weight:600;letter-spacing:.05em;padding:12px 14px;text-align:left;text-transform:uppercase;transition:background-color .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.admin-users-table th:hover{background-color:#eef2f6}.admin-users-table td{border-bottom:1px solid #f1f5f9;color:#142033;padding:10px 14px;vertical-align:middle}.admin-users-table tbody tr{transition:background-color .1s ease}.admin-users-table tbody tr:hover{background-color:#f8fafc}.admin-users-table tbody tr:last-child td{border-bottom:none}.col-id{color:#8a97aa;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.8rem;text-align:center;width:50px}.col-username{color:#142033;font-weight:600}.col-email{color:#627086;max-width:200px;word-break:break-all}.col-flag{text-align:center;width:60px}.col-tags{min-width:160px}.col-actions{cursor:default!important;width:140px}.col-actions:hover{background-color:#f8fafc!important}.flag-yes{background:#ecfdf5;border-radius:8px;color:#059669;display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.02em;padding:3px 8px}.flag-no{color:#cbd5e1;font-size:.8rem}.tags-cell{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.tag-pill{align-items:center;background:#eef2f6;border:1px solid #e2e8f0;border-radius:10px;color:#475569;display:inline-flex;font-size:.7rem;font-weight:600;gap:3px;padding:3px 10px;transition:background-color .15s ease}.tag-pill:hover{background:#e2e8f0}.tag-remove{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:.8rem;line-height:1;padding:0 2px;transition:color .15s ease}.tag-remove:hover{color:#ef4444}.tag-add-btn{align-items:center;background:none;border:1px dashed #cbd5e1;border-radius:8px;color:#94a3b8;cursor:pointer;display:inline-flex;font-size:.8rem;height:22px;justify-content:center;transition:all .15s ease;width:22px}.tag-add-btn:hover{background:#5e7fae0f;border-color:#5e7fae;color:#5e7fae}.tag-input-wrap{align-items:center;display:inline-flex;gap:3px}.tag-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#142033;font-size:.75rem;padding:3px 8px;transition:border-color .15s ease;width:80px}.tag-input:focus{border-color:#5e7fae;box-shadow:0 0 0 2px #5e7fae1a;outline:none}.tag-cancel,.tag-confirm{background:none;border:none;cursor:pointer;font-size:.85rem;line-height:1;padding:0 3px}.tag-confirm{color:#059669}.tag-cancel{color:#ef4444}.actions-cell{display:flex;gap:6px}.btn-sm{border:none;border-radius:8px;cursor:pointer;font-size:.72rem;font-weight:600;letter-spacing:.01em;padding:5px 10px;transition:all .15s ease;white-space:nowrap}.btn-grant{background-color:#059669;color:#fff}.btn-grant:hover{background-color:#047857;box-shadow:0 2px 6px #05966940}.btn-revoke{background-color:#64748b;color:#fff}.btn-revoke:hover{background-color:#475569;box-shadow:0 2px 6px #64748b40}.btn-delete{background-color:#ef4444;color:#fff!important}.btn-delete:hover{background-color:#dc2626;box-shadow:0 2px 6px #ef444440}.btn-sm:disabled{background-color:#f1f5f9;box-shadow:none;color:#94a3b8;cursor:not-allowed}.table-empty{color:#8a97aa;font-size:.9rem;font-style:normal;padding:40px!important;text-align:center}.btn-admin{border:none;border-radius:12px;cursor:pointer;font-size:.8rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-admin:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}.check-icon{color:#059669;font-size:1.2rem}.profile-grid-main{display:flex;flex-direction:column;gap:40px}.profile-top-row{grid-gap:40px;align-items:flex-start;display:grid;gap:40px;grid-template-columns:1fr 1fr}.profile-user-info{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;padding:24px}.profile-oauth-column{display:flex;flex-direction:column;gap:24px}.profile-google-section,.profile-strava-section{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;padding:24px}.profile-second-row{grid-gap:40px;align-items:flex-start;display:grid;gap:40px;grid-template-columns:1fr 1fr}.profile-change-password,.profile-delete-account,.profile-personal-info{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;padding:24px}.profile-delete-account{margin:0 auto;max-width:400px;text-align:center}@media (max-width:900px){.profile-second-row,.profile-top-row{gap:20px;grid-template-columns:1fr}.admin-users-filters{flex-direction:column}.admin-filter-input,.admin-filter-select{width:100%}}.webhook-events-container{padding:0}.webhook-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.stat-card{min-width:100px;padding:18px 24px}.webhook-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.filter-group select{appearance:none;background-color:#f8fafc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%238A97AA' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:14px;color:#142033;cursor:pointer;font-size:.85rem;padding:9px 32px 9px 14px;transition:border-color .2s ease}.filter-group select:focus{border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1f;outline:none}.btn-refresh{background-color:#5e7fae;border:none;color:#fff}.btn-refresh:hover{background-color:#4a6b96}.webhook-table{border-collapse:collapse;font-size:.85rem;width:100%}.webhook-table td,.webhook-table th{color:#142033;padding:11px 14px;text-align:left;white-space:nowrap}.webhook-table th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#627086;font-size:.72rem;font-weight:600;letter-spacing:.05em;position:sticky;text-transform:uppercase;top:0}.webhook-table td{border-bottom:1px solid #f1f5f9}.webhook-table tbody tr{transition:background-color .1s ease}.webhook-table tbody tr:hover{background-color:#f8fafc}.webhook-table tbody tr:last-child td{border-bottom:none}.id-cell{color:#8a97aa}.id-cell,.object-id-cell{font-family:SF Mono,Monaco,Menlo,monospace;font-size:.8rem}.object-id-cell{font-weight:600}.user-cell{max-width:200px}.user-name{color:#8a97aa;font-size:.8rem}.unknown-user{color:#8a97aa;font-style:italic}.date-cell{font-size:.8rem}.attempts-cell{font-weight:600;text-align:center}.error-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis}.error-text{color:#ef4444;cursor:help;font-size:.8rem}.action-badge,.status-badge,.type-badge{border-radius:8px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.03em;padding:4px 10px;text-transform:uppercase}.type-activity{background-color:#eff6ff;color:#2563eb}.type-athlete{background-color:#f5f3ff;color:#7c3aed}.action-create{background-color:#ecfdf5;color:#059669}.action-update{background-color:#fffbeb;color:#d97706}.action-delete{background-color:#fef2f2;color:#dc2626}@media (max-width:768px){.webhook-stats{justify-content:center}.stat-card{min-width:80px;padding:14px 16px}.stat-value{font-size:1.4rem}.webhook-filters{align-items:stretch;flex-direction:column}.filter-group{width:100%}.filter-group select{flex:1 1}.btn-refresh{width:100%}.webhook-table{font-size:.78rem}.webhook-table td,.webhook-table th{padding:8px 10px}}.youtube-admin-container{padding:0}.youtube-admin-container .card{background-color:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;margin-bottom:20px;padding:28px}.youtube-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.header-content{align-items:center;display:flex;gap:12px}.header-content h2{color:#142033;font-weight:700;letter-spacing:-.02em;margin:0}.canary-badge{background-color:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#d97706;font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.header-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-action{border:none;border-radius:12px;cursor:pointer;font-size:.85rem;font-weight:600;padding:9px 18px;transition:all .15s ease}.btn-action:disabled{cursor:not-allowed;opacity:.5}.btn-action.btn-primary{background-color:#5e7fae!important;border:none!important;color:#fff!important}.btn-action.btn-primary:hover:not(:disabled){background-color:#4a6b96!important;box-shadow:0 2px 8px #5e7fae4d}.btn-action.btn-secondary{background-color:#f8fafc!important;border:1px solid #e2e8f0!important;color:#142033!important}.btn-action.btn-secondary:hover:not(:disabled){background-color:#eef2f6!important;border-color:#cbd5e1!important}.btn-action.btn-outline{background-color:initial!important;border:1px solid #5e7fae!important;color:#5e7fae!important}.btn-action.btn-outline:hover:not(:disabled){background-color:#5e7fae!important;color:#fff!important}.youtube-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.stat-card{background-color:#fff;min-width:90px;padding:16px 22px}.stat-card.stat-success{background-color:#ecfdf5;border-color:#a7f3d0}.stat-card.stat-warning{background-color:#fffbeb;border-color:#fde68a}.stat-card.stat-info{background-color:#eff6ff;border-color:#bae6fd}.stat-card.stat-secondary{background-color:#f8fafc;border-color:#cbd5e1}.stat-card.stat-danger{background-color:#fef2f2;border-color:#fecaca}.stat-value{font-size:1.5rem}.stat-label{margin-top:3px}.youtube-filters{flex-wrap:wrap;gap:12px;margin-bottom:24px}.filter-group,.youtube-filters{align-items:center;display:flex}.filter-group{gap:8px}.filter-group label{color:#627086;font-size:.85rem;font-weight:600}.filter-group input[type=text],.filter-group select{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;color:#142033;font-size:.85rem;padding:9px 14px;transition:border-color .2s ease}.filter-group input[type=text]:focus,.filter-group select:focus{border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1f;outline:none}.filter-group input[type=text]{width:200px}.btn-refresh{background-color:#5e7fae!important;border:none!important;border-radius:12px;color:#fff!important;cursor:pointer;font-size:.85rem;font-weight:600;padding:9px 18px;transition:all .15s ease}.btn-refresh:hover{background-color:#4a6b96!important;box-shadow:0 2px 8px #5e7fae4d}.youtube-admin-container .section-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:14px}.youtube-admin-container .section-header h3{color:#142033;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin:0}.youtube-table{border-collapse:collapse;font-size:.83rem;width:100%}.youtube-table td,.youtube-table th{color:#142033;padding:11px 14px;text-align:left}.youtube-table th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#627086;font-size:.7rem;font-weight:600;letter-spacing:.05em;position:sticky;text-transform:uppercase;top:0;white-space:nowrap}.youtube-table td{border-bottom:1px solid #f1f5f9}.youtube-table tbody tr{transition:background-color .1s ease}.youtube-table tbody tr:hover{background-color:#f8fafc}.youtube-table tbody tr:last-child td{border-bottom:none}.channel-id{color:#8a97aa;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.7rem}.active-indicator{font-size:1.2rem}.active-indicator.active{color:#059669}.active-indicator.inactive{color:#ef4444}.mode-badge{background-color:#eef2f6;border-radius:8px;color:#64748b;display:inline-block;font-size:.72rem;font-weight:600;padding:3px 10px}.patterns-cell{max-width:200px}.patterns-list{display:flex;flex-wrap:wrap;gap:4px}.pattern-chip{background-color:#eff6ff;border-radius:6px;color:#2563eb;display:inline-block;font-size:.7rem;font-weight:500;padding:3px 8px;white-space:nowrap}.pattern-chip.exclude{background-color:#fef2f2;color:#dc2626}.pattern-more{color:#8a97aa;font-size:.7rem}.channels-table textarea{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#142033;font-size:.8rem;min-width:150px;padding:8px;resize:vertical;width:100%}.channels-table textarea:focus{border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1f;outline:none}.channels-table input[type=number],.channels-table input[type=text],.channels-table select{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#142033;font-size:.83rem;padding:6px 10px}.channels-table input[type=number]:focus,.channels-table input[type=text]:focus,.channels-table select:focus{border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1f;outline:none}.title-cell a{color:#142033;font-weight:500;text-decoration:none}.title-cell a:hover{color:#5e7fae;text-decoration:underline}.video-id{font-family:SF Mono,Monaco,Menlo,monospace}.stage-info,.video-id{color:#8a97aa;font-size:.7rem}.stage-info{margin-top:2px}.quality-cell .quality-score{font-weight:600}.quality-score.good{color:#059669}.quality-score.bad{color:#ef4444}.skip-reason{background-color:#eef2f6;border-radius:6px;color:#64748b;cursor:help;display:inline-block;font-size:.7rem;font-weight:600;padding:3px 8px}.article-link{color:#5e7fae;font-weight:600;text-decoration:none}.article-link:hover{text-decoration:underline}.date-cell{color:#627086;font-size:.78rem;white-space:nowrap}.no-data{color:#8a97aa;font-size:.9rem;padding:48px!important;text-align:center}.status-badge{font-size:.68rem;letter-spacing:.03em;padding:4px 10px;text-transform:uppercase}.badge-success{background-color:#ecfdf5;color:#059669}.badge-warning{background-color:#fffbeb;color:#d97706}.badge-info{background-color:#eff6ff;color:#2563eb}.badge-danger{background-color:#fef2f2;color:#dc2626}.badge-secondary{background-color:#eef2f6;color:#64748b}.action-buttons{display:flex;flex-wrap:wrap;gap:4px}.btn-small{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#142033;cursor:pointer;font-size:.73rem;font-weight:500;padding:5px 10px;transition:all .15s ease}.btn-small:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1}.btn-small:disabled{cursor:not-allowed;opacity:.4}.btn-edit{border-color:#5e7fae;color:#5e7fae}.btn-edit:hover{background-color:#5e7fae;color:#fff}.btn-save{background-color:#059669;border-color:#059669}.btn-save:hover:not(:disabled){background-color:#047857}.btn-cancel{background-color:#f8fafc}.btn-skip{border-color:#ef4444;color:#ef4444}.btn-skip:hover:not(:disabled){background-color:#ef4444;color:#fff}.btn-unskip{border-color:#059669;color:#059669}.btn-unskip:hover:not(:disabled){background-color:#059669;color:#fff}.btn-delete{border-color:#ef4444;color:#ef4444}.btn-delete:hover:not(:disabled){background-color:#ef4444;color:#fff}.btn-danger{background-color:#ef4444!important;border:none!important;border-radius:12px;color:#fff!important;cursor:pointer;font-weight:600;padding:9px 18px}.btn-danger:hover:not(:disabled){background-color:#dc2626!important;box-shadow:0 2px 8px #ef44444d}.btn-danger:disabled{cursor:not-allowed;opacity:.5}.pagination{margin-top:24px;padding-top:20px}.pagination button{background-color:#fff}.pagination button:hover:not(:disabled){background-color:#5e7fae;box-shadow:0 2px 6px #5e7fae40}.page-info{color:#627086;font-size:.85rem;font-weight:500}.modal-overlay{background-color:#0006}.modal{background-color:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 20px 60px #00000026;max-width:500px;min-width:400px;padding:28px}.modal h3{color:#142033;font-weight:700;margin:0 0 20px}.modal-content{margin-bottom:20px}.form-group label{font-size:.85rem}.form-group.checkbox label{gap:8px}.form-group input[type=text],.form-group select{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;color:#142033;font-size:.9rem;padding:10px 14px;transition:border-color .2s ease;width:100%}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1f;outline:none}.form-group textarea{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;color:#142033;font-size:.9rem;padding:10px 14px;width:100%}.form-group .hint{font-size:.78rem}.modal-actions button{border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 22px;transition:all .15s ease}.modal-actions .btn-cancel{background-color:#f8fafc!important;border:1px solid #e2e8f0!important;color:#142033!important}.modal-actions .btn-cancel:hover{background-color:#eef2f6!important}.modal-actions .btn-primary{background-color:#5e7fae!important;border:none!important;color:#fff!important}.modal-actions .btn-primary:hover:not(:disabled){background-color:#4a6b96!important;box-shadow:0 2px 8px #5e7fae4d}.modal-actions .btn-primary:disabled{cursor:not-allowed;opacity:.5}.toast-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:1100}.toast-success{background-color:#059669;color:#fff}.toast-error{background-color:#ef4444;color:#fff}.toast-info{background-color:#2563eb;color:#fff}@media (max-width:768px){.youtube-header{align-items:stretch}.header-actions,.youtube-header{flex-direction:column}.header-actions button{width:100%}.youtube-stats{justify-content:center}.stat-card{min-width:70px;padding:12px 16px}.stat-value{font-size:1.3rem}.youtube-filters{align-items:stretch;flex-direction:column}.filter-group{width:100%}.filter-group input[type=text],.filter-group select{flex:1 1;width:auto}.btn-refresh{width:100%}.youtube-table{font-size:.73rem}.youtube-table td,.youtube-table th{padding:8px}.modal{border-radius:18px;margin:20px;min-width:auto;width:calc(100% - 40px)}}.modal-wide{max-width:700px;width:100%}.test-result{border:1px solid;border-radius:14px;margin-top:18px;padding:18px}.test-result.success{background-color:#ecfdf5;border-color:#a7f3d0}.test-result.error{background-color:#fef2f2;border-color:#fecaca}.result-header{align-items:center;display:flex;flex-wrap:wrap;font-size:.9rem;gap:12px;margin-bottom:14px}.result-badge{border-radius:8px;font-size:.72rem;font-weight:700;letter-spacing:.03em;padding:4px 12px;text-transform:uppercase}.result-badge.success{background-color:#059669;color:#fff}.result-badge.error{background-color:#ef4444;color:#fff}.result-preview{margin-top:14px}.result-preview label{color:#475569;display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}.result-preview pre{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.78rem;margin:0;max-height:200px;overflow-y:auto;padding:14px;white-space:pre-wrap;word-break:break-word}.result-message{background-color:#fef2f2;border-radius:10px;color:#dc2626;font-size:.875rem;padding:10px 14px}.admin-mobile{padding:0}.admin-mobile-loading{align-items:center;color:#8a97aa;display:flex;font-size:.9rem;height:200px;justify-content:center}.admin-mobile-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000a;display:flex;flex:1 1;flex-direction:column;min-width:140px;padding:18px;text-align:center;transition:box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000000f}.stat-card.success{border-left:4px solid #059669}.stat-card.danger{border-left:4px solid #ef4444}.stat-value{color:#142033;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.stat-label{color:#8a97aa;font-size:.72rem;font-weight:600;letter-spacing:.05em;margin-top:4px;text-transform:uppercase}.admin-mobile-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000a;display:flex;gap:4px;margin-bottom:28px;overflow-x:auto;padding:6px}.admin-mobile-tabs .tab{background:#0000;border:none;border-radius:12px;color:#627086;cursor:pointer;font-size:.85rem;font-weight:500;padding:9px 18px;transition:all .2s ease;white-space:nowrap}.admin-mobile-tabs .tab:hover{background:#f1f5f9;color:#142033}.admin-mobile-tabs .tab.active{background:#5e7fae;border-bottom-color:#0000;box-shadow:0 1px 3px #5e7fae4d;color:#fff;font-weight:600}.admin-mobile-tabs .test-btn{background:#5e7fae;border-bottom:none;border-radius:12px;color:#fff;font-weight:600;margin-left:auto}.admin-mobile-tabs .test-btn:hover{background:#4a6b96;color:#fff}.admin-mobile-tabs .test-btn:disabled{cursor:not-allowed;opacity:.4}.settings-list{display:flex;flex-direction:column;gap:14px}.setting-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;padding:24px;transition:all .2s ease}.setting-card:hover{box-shadow:0 4px 12px #0000000f}.setting-card.disabled{opacity:.55}.setting-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:18px}.setting-title h3{color:#142033;font-size:1rem;font-weight:700;letter-spacing:-.01em;margin:0 0 6px}.setting-type-badge{background:#eef2f6;border-radius:8px;color:#8a97aa;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.7rem;font-weight:500;padding:3px 10px}.setting-actions{display:flex;gap:8px}.toggle-btn{border:none;border-radius:10px;cursor:pointer;font-size:.78rem;font-weight:600;letter-spacing:.02em;padding:7px 18px;transition:all .15s ease}.toggle-btn.on{background:#059669;color:#fff}.toggle-btn.on:hover{background:#047857;box-shadow:0 2px 6px #05966940}.toggle-btn.off{background:#eef2f6;color:#627086}.toggle-btn.off:hover{background:#e2e8f0}.toggle-btn:disabled{cursor:wait;opacity:.4}.edit-btn{background:#0000;border:1px solid #e2e8f0;border-radius:10px;color:#627086;cursor:pointer;font-size:.78rem;font-weight:500;padding:7px 14px;transition:all .15s ease}.edit-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#142033}.setting-details{display:flex;flex-direction:column;gap:10px}.detail-row{align-items:baseline;display:flex;gap:10px}.detail-row.template{flex-direction:column;gap:6px}.detail-label{color:#8a97aa;font-size:.82rem;font-weight:500;min-width:110px}.detail-value{color:#142033;font-size:.82rem}.detail-value code,code.detail-value{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#475569;display:block;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.78rem;overflow-x:auto;padding:6px 10px}.logs-section{display:flex;flex-direction:column;gap:18px}.logs-filters{display:flex;flex-wrap:wrap;gap:10px}.logs-filters select{appearance:none;background:#f8fafc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%238A97AA' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:14px;color:#142033;font-size:.85rem;padding:9px 32px 9px 14px;transition:border-color .2s ease}.logs-filters select:focus{border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1f;outline:none}.refresh-btn{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#142033;cursor:pointer;font-size:.85rem;font-weight:500;padding:9px 18px;transition:all .15s ease}.refresh-btn:hover{background:#f8fafc;border-color:#cbd5e1}.devices-table,.logs-table{background:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:14px;overflow:hidden;width:100%}.devices-table th,.logs-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#627086;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:12px 14px;text-align:left;text-transform:uppercase}.devices-table td,.logs-table td{border-bottom:1px solid #f1f5f9;color:#142033;font-size:.82rem;padding:12px 14px}.devices-table tbody tr:last-child td,.logs-table tbody tr:last-child td{border-bottom:none}.devices-table tr:hover,.logs-table tr:hover{background:#f8fafc}.devices-table .empty,.logs-table .empty{color:#8a97aa;font-size:.9rem;padding:48px;text-align:center}.logs-table .date{color:#627086;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.78rem;white-space:nowrap}.type-badge{border-radius:8px;display:inline-block;font-size:.7rem;font-weight:600;padding:3px 10px}.type-badge.new_activity{background:#eff6ff;color:#2563eb}.type-badge.weekly_summary{background:#fffbeb;color:#d97706}.type-badge.new_article{background:#ecfdf5;color:#059669}.type-badge.workout_reminder{background:#fff7ed;color:#ea580c}.type-badge.test{background:#f5f3ff;color:#7c3aed}.title-cell{max-width:300px}.log-title{color:#142033;font-weight:600;margin-bottom:3px}.log-body{color:#8a97aa;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{border-radius:8px;font-size:.7rem}.status-badge.delivered,.status-badge.sent{background:#ecfdf5;color:#059669}.status-badge.failed{background:#fef2f2;color:#dc2626}.status-badge.inactive{background:#eef2f6;color:#8a97aa}.error-msg{color:#ef4444;font-size:.7rem;margin-top:4px}.pagination{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:center;padding:20px 0}.pagination button{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#142033;cursor:pointer;font-size:.85rem;font-weight:500;padding:9px 18px;transition:all .15s ease}.pagination button:hover:not(:disabled){background:#5e7fae;border-color:#5e7fae;color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.4}.pagination span{color:#627086;font-size:.82rem;font-weight:500}.devices-section{overflow-x:auto}.platform-badge{border-radius:8px;display:inline-block;font-size:.7rem;font-weight:600;padding:3px 10px}.platform-badge.ios{background:#f8fafc;color:#475569}.platform-badge.android{background:#ecfdf5;color:#059669}.stat-value.platform-counts{align-items:center;display:flex;font-size:1.25rem;gap:6px}.platform-count-item{align-items:center;display:flex;gap:4px}.platform-count-divider{color:#cbd5e1;font-weight:300}.platform-icon{border-radius:6px;font-size:.6rem;font-weight:700;letter-spacing:.3px;padding:2px 6px}.platform-icon.ios-icon{background:#f1f5f9;color:#475569}.platform-icon.android-icon{background:#ecfdf5;color:#059669}.test-platforms{display:flex;gap:8px;margin-bottom:18px}.club-badge{border-radius:8px;display:inline-block;font-size:.7rem;font-weight:600;padding:3px 10px}.club-badge.yes{background:#ecfdf5;color:#059669}.club-badge.no{background:#eef2f6;color:#8a97aa}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;padding:28px;width:100%}.modal-content h2{color:#142033;font-size:1.15rem;font-weight:700;letter-spacing:-.01em;margin:0 0 22px}.test-modal .test-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;color:#627086;font-size:.82rem;line-height:1.5;margin-bottom:22px;padding:14px}.form-group{margin-bottom:18px}.form-group label{color:#627086;display:block;font-size:.82rem;font-weight:600;margin-bottom:8px}.form-group.checkbox label{align-items:center;cursor:pointer;display:flex;gap:10px}.form-group.checkbox input{accent-color:#5e7fae;cursor:pointer;height:18px;width:18px}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;color:#142033;font-size:.875rem;padding:10px 14px;transition:border-color .2s ease;width:100%}.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1f;outline:none}.form-group textarea{font-family:inherit;resize:vertical}.form-group .hint{color:#8a97aa;display:block;font-size:.72rem;margin-top:6px}.form-row{display:flex;gap:14px}.form-row .form-group{flex:1 1}.modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:18px}.cancel-btn{background:#0000;border:1px solid #e2e8f0;border-radius:12px;color:#627086;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 22px;transition:all .15s ease}.cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1}.save-btn{background:#5e7fae;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 22px;transition:all .15s ease}.save-btn:hover{background:#4a6b96;box-shadow:0 2px 8px #5e7fae4d}.save-btn:disabled{cursor:wait;opacity:.5}.toast{animation:slideIn .3s ease;border-radius:14px;box-shadow:0 8px 24px #0000001f;color:#fff;font-size:.875rem;font-weight:500;padding:14px 22px;position:fixed;right:20px;top:20px;z-index:2000}.toast.success{background:#059669}.toast.error{background:#ef4444}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.admin-mobile{padding:0}.admin-mobile-stats{flex-direction:column}.stat-card{border-radius:14px;flex-direction:row;justify-content:space-between;min-width:100%}.stat-value{font-size:1.5rem}.admin-mobile-tabs{border-radius:14px;flex-wrap:wrap}.admin-mobile-tabs .test-btn{flex:1 1;margin-left:0;margin-top:4px;min-width:100%}.setting-header{flex-direction:column;gap:12px}.setting-actions{justify-content:flex-end;width:100%}.logs-filters{flex-direction:column}.logs-filters select,.refresh-btn{width:100%}.devices-table,.logs-table{font-size:.78rem}.devices-table td,.devices-table th,.logs-table td,.logs-table th{padding:10px}.title-cell{max-width:150px}.modal-content{border-radius:18px;max-width:100%}.setting-card{border-radius:18px;padding:20px}}.admin-clubs{display:flex;gap:24px;margin-top:20px}.admin-clubs-sidebar{max-width:320px;min-width:280px}.admin-clubs-sidebar h3{color:#142033;font-size:1rem;font-weight:700;letter-spacing:-.01em;margin:0 0 14px}.club-list-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:6px;padding:12px 16px;transition:all .15s ease}.club-list-item:hover{background-color:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 6px #0000000a}.club-list-item.active{background-color:#5e7fae0f;border-color:#5e7fae;box-shadow:0 0 0 1px #5e7fae33}.club-list-item.inactive{opacity:.55}.club-list-item .club-name{color:#142033;font-size:.9rem;font-weight:600}.club-inactive-badge{background:#fef2f2;border-radius:8px;color:#dc2626;display:inline-block;font-size:.65rem;font-weight:600;margin-left:8px;padding:2px 8px;vertical-align:middle}.club-list-item .club-count{background:#eef2f6;border-radius:10px;color:#627086;font-size:.78rem;font-weight:600;padding:3px 10px}.admin-clubs-main{flex:1 1}.admin-clubs-main h3{color:#142033;font-size:1.1rem;font-weight:700;letter-spacing:-.01em;margin:0 0 16px}.club-members-table{border-collapse:collapse;border-radius:14px}.club-members-table td,.club-members-table th{color:#142033;padding:11px 14px;text-align:left}.club-members-table th{background-color:#f8fafc;color:#627086;font-size:.72rem;letter-spacing:.05em}.club-members-table td{font-size:.85rem}.club-members-table tbody tr{transition:background-color .1s ease}.club-members-table tbody tr:hover{background-color:#f8fafc}.club-members-table tbody tr:last-child td{border-bottom:none}.btn-remove{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:5px 12px;transition:all .15s ease}.btn-remove:hover{background:#dc2626;box-shadow:0 2px 6px #ef444440}.add-member-section{align-items:flex-start;display:flex;gap:8px;margin-bottom:20px;position:relative}.add-member-section input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;color:#142033;font-size:.875rem;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:300px}.add-member-section input:focus{background:#fff;border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1f;outline:none}.search-results-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 8px 24px #0000001a;left:0;max-height:220px;overflow-y:auto;position:absolute;top:44px;width:300px;z-index:10}.search-result-item{border-bottom:1px solid #f1f5f9;color:#142033;cursor:pointer;font-size:.85rem;padding:10px 14px;transition:background-color .1s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#f8fafc}.search-result-item .search-result-name{font-weight:600}.search-result-item .search-result-email{color:#8a97aa;font-size:.78rem;margin-top:2px}.no-club-selected{color:#8a97aa;font-size:.95rem;font-style:normal;margin-top:60px;text-align:center}.status-badge{border-radius:10px;display:inline-block;font-size:.72rem;font-weight:600;padding:3px 10px}.status-badge.active{background:#ecfdf5;color:#059669}.status-badge.pending{background:#fffbeb;color:#d97706}.status-badge.banned{background:#fef2f2;color:#dc2626}.club-header{margin-bottom:20px}.club-header-row{align-items:center;display:flex;justify-content:space-between}.club-header-row h3{margin:0}.club-short-name{color:#8a97aa;font-size:.9rem;font-weight:400;margin-left:8px}.club-header-actions{display:flex;gap:8px}.btn-cancel,.btn-deactivate,.btn-edit,.btn-reactivate,.btn-save{border:none;border-radius:12px;cursor:pointer;font-size:.8rem;font-weight:600;padding:7px 16px;transition:all .15s ease}.btn-edit{background:#64748b}.btn-edit:hover{background:#475569;box-shadow:0 2px 6px #64748b40}.btn-deactivate{background:#ef4444;color:#fff}.btn-deactivate:hover{background:#dc2626;box-shadow:0 2px 6px #ef444440}.btn-reactivate{background:#059669;color:#fff}.btn-reactivate:hover{background:#047857;box-shadow:0 2px 6px #05966940}.btn-save{background:#059669;color:#fff}.btn-save:hover{background:#047857;box-shadow:0 2px 6px #05966940}.btn-cancel{background:#f1f5f9;color:#475569}.btn-cancel:hover{background:#e2e8f0}.club-edit-form{flex-direction:column}.club-edit-fields,.club-edit-form{display:flex;gap:14px}.club-edit-fields label{color:#627086;display:flex;flex-direction:column;font-size:.78rem;font-weight:600;gap:6px}.club-edit-fields input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;color:#142033;font-size:.875rem;padding:8px 12px;transition:border-color .2s ease}.club-edit-fields input:focus{border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1f;outline:none}.club-edit-actions{display:flex;gap:8px}.role-badge{border-radius:10px;display:inline-block;font-size:.72rem;font-weight:600;padding:3px 10px}.role-badge.admin{background:#eff6ff;color:#2563eb}.role-badge.member{background:#eef2f6;color:#475569}.member-actions{display:flex;gap:6px}.btn-role{border:none;border-radius:8px;cursor:pointer;font-size:.75rem;font-weight:600;padding:5px 12px;transition:all .15s ease}.btn-grant-role{background:#059669;color:#fff}.btn-grant-role:hover{background:#047857;box-shadow:0 2px 6px #05966940}.btn-revoke-role{background:#f59e0b;color:#fff}.btn-revoke-role:hover{background:#d97706;box-shadow:0 2px 6px #f59e0b40}@media (max-width:768px){.admin-clubs{flex-direction:column}.admin-clubs-sidebar{max-width:100%;min-width:100%}.add-member-section input,.search-results-dropdown{width:100%}}.admin-panel{background:#eef2f6;min-height:100vh;padding:0 0 40px;width:100%}.admin-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000a;display:flex;gap:4px;margin-bottom:28px;overflow-x:auto;padding:6px}.admin-tab{background-color:initial;border:none;border-radius:12px;color:#627086;cursor:pointer;font-size:.875rem;font-weight:500;letter-spacing:-.01em;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.admin-tab:hover{background-color:#f1f5f9;color:#142033}.admin-tab.active{background-color:#5e7fae;box-shadow:0 1px 3px #5e7fae4d;color:#fff;font-weight:600}.admin-content{margin-top:0}@media (max-width:600px){.admin-tabs{border-radius:14px;flex-direction:column;gap:2px}.admin-tab{border-radius:10px;text-align:left}}.chat-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;height:500px;margin-top:20px;overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.chat-container h3{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--text-primary);margin:0;padding:10px}.messages-list{background-color:var(--bg-secondary);display:flex;flex-direction:column;flex-grow:1;gap:10px;overflow-y:auto;padding:10px}.message{word-wrap:break-word;border-radius:18px;max-width:70%;padding:8px 12px}.message.sent{align-self:flex-end;background-color:var(--primary-100);color:var(--primary-900)}.message.received{align-self:flex-start;background-color:var(--bg-tertiary);color:var(--text-primary)}.message .timestamp{color:var(--text-muted);display:block;font-size:.75em;margin-top:4px;text-align:right}.message-form{background-color:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;padding:10px}.message-form input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:18px;color:var(--text-primary);flex-grow:1;margin-right:10px;padding:8px}.message-form button{background-color:var(--accent-secondary);border:none;border-radius:18px;color:#fff;cursor:pointer;padding:8px 16px}.message-form button:hover{background-color:#0056b3}.trainee-detail-container{display:flex;gap:24px;margin-bottom:24px}.chat-panel,.recommendations-panel{flex:1 1;min-width:0}.recommendations-panel{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;padding:24px}.recommendations-panel h2{color:#142033;font-size:1.1rem;font-weight:700;letter-spacing:-.01em;margin-bottom:16px;margin-top:0}.recommendations-panel textarea{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;box-sizing:border-box;color:#142033;font-family:inherit;font-size:.875rem;line-height:1.5;margin-bottom:14px;padding:12px 14px;resize:vertical;transition:border-color .2s ease;width:100%}.recommendations-panel textarea:focus{background:#fff;border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1f;outline:none}.recommendations-panel button{background:#5e7fae;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:9px 20px;transition:all .15s ease}.recommendations-panel button:hover{background:#4a6b96;box-shadow:0 2px 8px #5e7fae4d}.chat-panel{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.activity-panel{margin-top:24px}.activity-panel h2{color:#142033;font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.segments-table{border:1px solid #e2e8f0;border-collapse:collapse;border-radius:14px;margin-top:20px;overflow:hidden;width:100%}.segments-table td,.segments-table th{border:none;color:#142033;font-size:.85rem;padding:12px 14px;text-align:left;white-space:nowrap}.segments-table th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#627086;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.segments-table td{border-bottom:1px solid #f1f5f9}.segments-table tbody tr:nth-child(2n){background-color:#fafbfc}.segments-table tbody tr:hover{background-color:#f8fafc}.segments-table tbody tr:last-child td{border-bottom:none}.pagination-controls{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:20px;padding-top:16px}.pagination-controls button{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#142033;cursor:pointer;font-size:.85rem;font-weight:500;padding:9px 18px;transition:all .15s ease}.pagination-controls button:hover:not(:disabled){background:#5e7fae;border-color:#5e7fae;box-shadow:0 2px 6px #5e7fae40;color:#fff}.pagination-controls button:disabled{cursor:not-allowed;opacity:.4}.pagination-controls span{color:#627086;font-size:.85rem;font-weight:500}.segment-efforts-panel{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:20px}.segment-efforts-panel h3{color:#142033;font-size:1rem;font-weight:700;letter-spacing:-.01em;margin-bottom:16px}.segment-efforts-panel p{color:#8a97aa;font-size:.9rem}@media (max-width:768px){.trainee-detail-container{flex-direction:column}.recommendations-panel{border-radius:18px;padding:20px}.chat-panel{border-radius:18px}}.card{background-color:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;margin-bottom:20px;padding:28px;transition:box-shadow .2s ease}.card:hover{box-shadow:0 4px 12px #0000000f}.card h2{border-bottom:1px solid #e2e8f0;color:#142033;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:20px;margin-top:0;padding-bottom:14px}.table-container{border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto}.user-table{border-collapse:collapse;margin-top:0;width:100%}.user-table td,.user-table th{color:#142033;padding:12px 16px;text-align:left}.user-table th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#627086;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.user-table td{border-bottom:1px solid #f1f5f9;font-size:.85rem}.user-table tbody tr{transition:background-color .1s ease}.user-table tbody tr:hover{background-color:#f8fafc}.user-table tbody tr:last-child td{border-bottom:none}.clickable-rows tbody tr{cursor:pointer}.clickable-rows tbody tr:hover{background-color:#f1f5f9}.button-accept,.button-reject{border:none;border-radius:10px;cursor:pointer;font-size:.82rem;font-weight:600;margin-right:8px;padding:7px 16px;transition:all .15s ease}.button-accept{background-color:#059669;color:#fff}.button-accept:hover{background-color:#047857;box-shadow:0 2px 6px #05966940}.button-reject{background-color:#ef4444;color:#fff}.button-reject:hover{background-color:#dc2626;box-shadow:0 2px 6px #ef444440}.unread-indicator{background-color:#5e7fae;border-radius:10px;color:#fff;display:inline-block;font-size:.78rem;font-weight:600;min-width:20px;padding:3px 10px;text-align:center}.trainers-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:24px}.trainer-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;padding:24px;text-align:center;transition:all .2s ease;width:220px}.trainer-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f;transform:translateY(-2px)}.trainer-image{border:3px solid #eef2f6;border-radius:50%;height:120px;margin-bottom:14px;object-fit:cover;width:120px}.trainer-name{color:#142033;font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.trainer-card button{background:#5e7fae;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;margin-top:14px;padding:9px 22px;transition:all .15s ease}.trainer-card button:hover{background:#4a6b96;box-shadow:0 2px 8px #5e7fae4d}.trainer-dashboard{display:flex;gap:24px;padding:0}.trainer-info-panel{background-color:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;color:#142033;flex:1 1;padding:24px}.trainer-info-panel h1{color:#142033;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-top:0}.trainer-info-panel p{color:#627086;font-size:.9rem;line-height:1.6}.trainer-info-panel p strong{color:#142033}.trainer-chat-panel{background-color:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;flex:2 1;overflow:hidden}.recommendations-section{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:20px}.recommendations-section h2{color:#142033;font-size:1rem;font-weight:700;margin-bottom:12px}.recommendations-section p{color:#627086;line-height:1.6}@media (max-width:768px){.trainer-dashboard{flex-direction:column}.trainer-chat-panel,.trainer-info-panel{border-radius:18px;margin-bottom:16px;padding:20px;width:100%}}.blog-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.blog-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-3px)}.blog-card-image{height:200px;overflow:hidden;position:relative;width:100%}.blog-card-image img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.blog-card:hover .blog-card-image img{transform:scale(1.03)}.blog-card-content{display:flex;flex-direction:column;flex-grow:1;padding:24px}.blog-card-status{border-radius:8px;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.05em;margin-bottom:12px;padding:4px 12px;text-transform:uppercase;width:fit-content}.blog-card-status.draft{background-color:#f8fafc;border:1px solid #e2e8f0;color:#8a97aa}.blog-card-status.published{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.blog-card-title{color:#142033;font-size:1.2rem;font-weight:700;letter-spacing:-.01em;line-height:1.35;margin:0 0 10px}.blog-card-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#627086;display:-webkit-box;flex-grow:1;font-size:.9rem;line-height:1.6;margin:0 0 16px;overflow:hidden}.blog-card-meta{align-items:center;border-top:1px solid #f1f5f9;color:#8a97aa;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:14px;padding-top:14px}.blog-card-author{color:#627086;font-weight:500}.blog-card-date{color:#8a97aa;font-style:normal;font-weight:400}.blog-card-read-more{color:#5e7fae;font-size:.85rem;font-weight:600;letter-spacing:.01em;transition:color .2s ease}.blog-card:hover .blog-card-read-more{color:#142033}@media (max-width:768px){.blog-card-image{height:160px}.blog-card-title{font-size:1.05rem}.blog-card-content{padding:18px}.blog-card-meta{align-items:flex-start;flex-direction:column;gap:4px}}.my-articles{margin:0 auto;max-width:1200px;padding:32px 24px}.my-articles-empty,.my-articles-loading{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;color:#627086;font-size:.95rem;padding:80px 24px;text-align:center}.loading-spinner{animation:spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#5e7fae;height:32px;margin:0 auto 16px;width:32px}.my-articles-header{border-bottom:none;gap:16px;justify-content:space-between;margin-bottom:32px;padding-bottom:0}.header-left,.my-articles-header{align-items:center;display:flex;flex-wrap:wrap}.header-left{gap:24px}.header-right{align-items:center;display:flex;gap:12px}.my-articles-header h2{color:#142033;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.blog-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:14px;display:flex;gap:2px;padding:4px}.tab-btn{background:#0000;border:none;border-radius:10px;color:#627086;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 18px;transition:all .2s ease}.tab-btn:hover{background:#f8fafc;color:#142033}.tab-btn.active{background:#142033;color:#fff;font-weight:600}.status-filter{background:#fff;border:1px solid #e2e8f0;border-radius:14px;color:#142033;cursor:pointer;font-size:.875rem;padding:9px 14px}.blog-admin-table{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.blog-admin-table table{border-collapse:collapse;width:100%}.blog-admin-table td,.blog-admin-table th{border-bottom:1px solid #f1f5f9;padding:14px 20px;text-align:left}.blog-admin-table th{background:#f8fafc;color:#8a97aa;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.blog-admin-table tbody tr:hover{background:#f8fafc}.blog-admin-table tbody tr:last-child td{border-bottom:none}.article-title-cell{max-width:300px}.article-title-link{color:#142033;cursor:pointer;font-weight:500;transition:color .15s ease}.article-title-link:hover{color:#5e7fae;text-decoration:none}.status-select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#142033;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px}.status-select.draft{background:#f8fafc;border-color:#e2e8f0;color:#8a97aa}.status-select.published{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.actions-cell{white-space:nowrap}.btn-delete-small,.btn-edit-small{border-radius:10px;cursor:pointer;font-size:.8rem;font-weight:600;margin-right:8px;padding:6px 14px;transition:all .15s ease}.btn-edit-small{background:#142033;border:none;color:#fff}.btn-edit-small:hover{background:#1e3048}.btn-delete-small{background:#0000;border:1px solid #fecaca;color:#dc2626}.btn-delete-small:hover{background:#fef2f2}.delete-confirm-inline{display:inline-flex;gap:6px}.btn-confirm-no,.btn-confirm-yes{border:none;border-radius:10px;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .15s ease}.btn-confirm-yes{background:#dc2626;color:#fff}.btn-confirm-yes:hover{background:#b91c1c}.btn-confirm-no{background:#f8fafc;border:1px solid #e2e8f0;color:#142033}.btn-confirm-no:hover{background:#eef2f6}.btn-create{background:#142033;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-create:hover{background:#1e3048;box-shadow:0 4px 12px #0000000f}.my-articles-error{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;color:#dc2626;font-size:.875rem;font-weight:500;margin-bottom:20px;padding:14px 18px}.public-articles-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.article-card-wrapper{display:flex;flex-direction:column}.article-card-wrapper .blog-card{flex:1 1}.article-card-wrapper .btn-copy-link{margin-top:8px}.public-articles-grid .blog-card{cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.public-articles-grid .blog-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-3px)}.btn-copy-link{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#627086;cursor:pointer;font-size:.8rem;font-weight:500;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.btn-copy-link:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f;color:#142033}.my-article-actions .btn-copy-link{padding:10px 16px}.my-articles-list{display:flex;flex-direction:column;gap:20px}.my-article-item{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr auto}.my-article-item .blog-card{cursor:pointer}.my-article-actions{display:flex;flex-direction:column;gap:8px;min-width:100px}.btn-edit{background:#142033;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 16px;transition:all .15s ease}.btn-edit:hover{background:#1e3048;box-shadow:0 4px 12px #0000000f}.btn-delete{background:#0000;border:1px solid #fecaca;border-radius:12px;color:#dc2626;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 16px;transition:all .15s ease}.btn-delete:hover,.delete-confirm{background:#fef2f2}.delete-confirm{border:1px solid #fecaca;border-radius:14px;display:flex;flex-direction:column;gap:6px;padding:12px;text-align:center}.delete-confirm span{color:#dc2626;font-size:.8rem;font-weight:600}.btn-confirm-delete{background:#dc2626;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:8px;transition:all .15s ease}.btn-confirm-delete:hover{background:#b91c1c}.btn-cancel-delete{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#142033;cursor:pointer;font-size:.8rem;font-weight:500;padding:8px;transition:all .15s ease}.btn-cancel-delete:hover{background:#f8fafc}.my-articles-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:40px;padding:24px 0}.btn-pagination{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#142033;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-pagination:hover:not(:disabled){background:#142033;border-color:#142033;box-shadow:0 4px 12px #0000000f;color:#fff}.btn-pagination:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:#8a97aa;font-size:.875rem;font-weight:500}@media (max-width:768px){.my-articles{padding:20px 16px}.my-articles-header{align-items:flex-start;flex-direction:column;gap:16px}.my-articles-header h2{font-size:1.5rem}.my-article-item,.public-articles-grid{grid-template-columns:1fr}.my-article-item{gap:12px}.my-article-actions{flex-direction:row;width:100%}.my-article-actions .btn{flex:1 1}.delete-confirm{align-items:center;flex-direction:row;justify-content:space-between}.my-articles-pagination{flex-direction:column;gap:12px}}.blog-editor{margin:0 auto;max-width:860px;padding:32px 24px}.blog-editor-loading{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;color:#627086;padding:80px 24px;text-align:center}.blog-editor-header{align-items:center;border-bottom:none;display:flex;justify-content:space-between;margin-bottom:28px;padding-bottom:0}.blog-editor-header h2{color:#142033;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.blog-editor-actions{display:flex;gap:10px}.btn-preview{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#142033;cursor:pointer;font-size:.85rem;font-weight:600;padding:9px 18px;transition:all .2s ease}.btn-preview:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.btn-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#627086;cursor:pointer;font-size:.85rem;font-weight:600;padding:9px 18px;transition:all .2s ease}.btn-cancel:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.blog-editor-error{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;color:#dc2626;font-size:.875rem;font-weight:500;margin-bottom:20px;padding:14px 18px}.blog-editor-form{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;padding:32px}.blog-editor-form .form-group{margin-bottom:24px}.blog-editor-form .form-group:last-child{margin-bottom:0}.blog-editor-form .form-group label{color:#142033;display:block;font-size:.875rem;font-weight:600;letter-spacing:.01em;margin-bottom:8px}.blog-editor-form .form-group input,.blog-editor-form .form-group textarea{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-sizing:border-box;color:#142033;font-size:.95rem;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.blog-editor-form .form-group input:focus,.blog-editor-form .form-group textarea:focus{border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1a}.blog-editor-form .form-group input::placeholder,.blog-editor-form .form-group textarea::placeholder{color:#8a97aa}.blog-editor-form .form-group textarea{font-family:inherit;line-height:1.6;min-height:100px;resize:vertical}.blog-editor-form .form-group textarea#content{background:#fafbfc;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.7;min-height:400px}.char-count{font-size:.75rem;font-weight:500;margin-top:6px;text-align:right}.char-count,.markdown-hint{color:#8a97aa;display:block}.markdown-hint{font-size:.8rem;font-style:normal;font-weight:400;margin-top:8px}.blog-editor-footer{border-top:none;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:0}.btn-draft{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#142033;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-draft:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.btn-draft:disabled{cursor:not-allowed;opacity:.5}.btn-publish{background:#142033;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-publish:hover:not(:disabled){background:#1e3048;box-shadow:0 4px 12px #0000000f}.btn-publish:disabled{cursor:not-allowed;opacity:.5}.blog-editor-preview{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;padding:40px 36px}.blog-editor-preview h1{color:#142033;font-size:2.2rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0 0 24px}.blog-editor-preview .preview-image{border-radius:16px;margin-bottom:32px;max-height:360px;object-fit:cover;width:100%}.blog-editor-preview .preview-content{color:#142033;font-size:1.05rem;line-height:1.8}.blog-editor-preview .preview-content h1,.blog-editor-preview .preview-content h2,.blog-editor-preview .preview-content h3{color:#142033;letter-spacing:-.01em;margin-bottom:.6em;margin-top:1.8em}.blog-editor-preview .preview-content h2{font-size:1.5rem;font-weight:700}.blog-editor-preview .preview-content h3{font-size:1.2rem;font-weight:600}.blog-editor-preview .preview-content p{color:#374151;margin-bottom:1.2em}.blog-editor-preview .preview-content a{color:#5e7fae;text-decoration:underline;text-underline-offset:2px}.blog-editor-preview .preview-content blockquote{border-left:3px solid #5e7fae;color:#627086;font-size:1.05rem;font-style:italic;margin:1.5em 0;padding-left:20px}.blog-editor-preview .preview-content code{background:#f1f5f9;border-radius:6px;color:#142033;font-size:.88em;padding:3px 7px}.blog-editor-preview .preview-content pre{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto;padding:18px}.blog-editor-preview .preview-content pre code{background:none;padding:0}@media (max-width:768px){.blog-editor{padding:20px 16px}.blog-editor-header{align-items:flex-start;flex-direction:column;gap:16px}.blog-editor-header h2{font-size:1.5rem}.blog-editor-form{padding:20px}.blog-editor-preview{padding:24px 20px}.blog-editor-preview h1{font-size:1.6rem}.blog-editor-footer{flex-direction:column}.blog-editor-footer .btn{width:100%}}.reaction-bar{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:4px;padding:10px 0 6px}.reaction-btn{align-items:center;background:none;border:none;border-radius:10px;color:#627086;cursor:pointer;display:inline-flex;font-size:.85rem;gap:5px;padding:6px 10px;transition:background-color .15s ease,color .15s ease,transform .1s ease}.reaction-btn:hover{background-color:#f1f5f9;color:#142033}.reaction-btn:active{transform:scale(.95)}.reaction-btn.active{background-color:#5e7fae14;color:#5e7fae;font-weight:600}.reaction-btn .reaction-icon{font-size:1.15rem;line-height:1}.reaction-btn .reaction-count{font-feature-settings:"tnum";font-size:.8rem;font-variant-numeric:tabular-nums;font-weight:500;min-width:12px}.reaction-bar .recent-reactors{align-items:center;display:flex;margin-left:auto}.recent-reactors .reactor-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000000f;height:24px;margin-left:-7px;object-fit:cover;width:24px}.recent-reactors .reactor-avatar:first-child{margin-left:0}.reaction-bar .ai-preview{color:#8a97aa;font-size:.75rem;font-style:italic;margin-left:4px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comments-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.comments-modal{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 24px 48px #0000001f;display:flex;flex-direction:column;max-height:70vh;max-width:520px;overflow:hidden;width:90%}.comments-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px}.comments-header h3{color:#142033;font-size:1rem;font-weight:700;letter-spacing:-.01em;margin:0}.comments-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#8a97aa;cursor:pointer;display:flex;font-size:1.3rem;height:32px;justify-content:center;line-height:1;padding:4px;transition:all .15s ease;width:32px}.comments-close-btn:hover{background:#f1f5f9;color:#142033}.comments-list{flex:1 1;overflow-y:auto;padding:16px 24px}.comments-empty{color:#8a97aa;font-size:.875rem;font-weight:500;padding:32px 0;text-align:center}.comment-item{border-bottom:1px solid #f8fafc;display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px}.comment-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.comment-avatar{border:1px solid #f1f5f9;border-radius:50%;flex-shrink:0;height:34px;object-fit:cover;width:34px}.comment-avatar-placeholder{align-items:center;background:#eef2f6;border-radius:50%;color:#8a97aa;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:34px;justify-content:center;width:34px}.comment-body{flex:1 1;min-width:0}.comment-author{color:#142033;font-size:.82rem;font-weight:600;line-height:1.3}.comment-author .ai-badge{background:#f1f5f9;border-radius:6px;color:#8a97aa;font-size:.7rem;font-weight:500;margin-left:6px;padding:2px 6px}.comment-text{color:#374151;font-size:.875rem;line-height:1.5;margin-top:3px;word-break:break-word}.comment-meta{align-items:center;display:flex;gap:10px;margin-top:4px}.comment-delete-btn,.comment-time{color:#8a97aa;font-size:.7rem;font-weight:500}.comment-delete-btn{background:none;border:none;cursor:pointer;padding:0;transition:color .15s ease}.comment-delete-btn:hover{color:#dc2626}.comments-compose{background:#fafbfc;border-top:1px solid #f1f5f9;display:flex;gap:10px;padding:16px 24px}.comments-compose input{background:#fff;border:1px solid #e2e8f0;border-radius:14px;color:#142033;flex:1 1;font-size:.875rem;outline:none;padding:10px 16px;transition:border-color .2s ease,box-shadow .2s ease}.comments-compose input::placeholder{color:#8a97aa}.comments-compose input:focus{border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1a}.comments-compose button{background:#142033;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 18px;transition:all .15s ease;white-space:nowrap}.comments-compose button:hover{background:#1e3048;box-shadow:0 4px 12px #0000000f}.comments-compose button:disabled{box-shadow:none;cursor:not-allowed;opacity:.4}@media (max-width:480px){.comments-modal{border-radius:18px;max-height:80vh;width:95%}.comments-header{padding:16px 18px}.comments-compose,.comments-list{padding:12px 18px}}.feed-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;margin-bottom:20px;overflow:hidden;transition:box-shadow .2s ease}.feed-card:hover{box-shadow:0 4px 12px #0000000f}.feed-card-header{align-items:center;display:flex;gap:12px;padding:16px 18px 10px}.feed-card-avatar{border:1.5px solid #f1f5f9;border-radius:50%;flex-shrink:0;height:42px;object-fit:cover;width:42px}.feed-card-avatar-placeholder{align-items:center;background:#f1f5f9;border-radius:50%;color:#8a97aa;display:flex;flex-shrink:0;font-size:.92rem;font-weight:600;height:42px;justify-content:center;width:42px}.feed-card-user-info{flex:1 1;min-width:0}.feed-card-menu-wrapper{flex-shrink:0;position:relative}.feed-card-menu-btn{background:none;border:none;border-radius:8px;color:#8a97aa;cursor:pointer;font-size:1.2rem;line-height:1;padding:6px 8px;transition:all .15s ease}.feed-card-menu-btn:hover{background:#f1f5f9;color:#627086}.feed-card-menu{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 8px 30px #0000001a,0 2px 8px #0000000a;min-width:170px;overflow:hidden;padding:6px;position:absolute;right:0;top:100%;z-index:10}.feed-card-menu-item{background:none;border:none;border-radius:8px;color:#142033;cursor:pointer;display:block;font-size:.86rem;padding:10px 14px;text-align:left;transition:background .12s ease;width:100%}.feed-card-menu-item:hover{background:#f1f5f9}.feed-card-menu-item--danger{color:#dc2626}.feed-card-menu-item--danger:hover{background:#fef2f2}.feed-card-user-name{color:#142033;font-size:.92rem;font-weight:600;letter-spacing:-.01em}.feed-card-meta{align-items:center;color:#8a97aa;display:flex;font-size:.76rem;gap:6px;margin-top:1px}.feed-card-datetime{color:#8a97aa;font-size:.72rem;margin-top:2px}.feed-card-activity-name{color:#142033;font-size:.98rem;font-weight:600;letter-spacing:-.01em;padding:0 18px 4px}.feed-card-description{color:#627086;font-size:.88rem;line-height:1.5;padding:0 18px 10px;white-space:pre-line}.feed-card-gear{color:#8a97aa;display:flex;font-size:.76rem;gap:14px;padding:0 18px 10px}.feed-card-stats{display:flex;flex-wrap:wrap;gap:4px;padding:6px 14px 12px}.feed-card-stat{align-items:center;background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;min-width:60px;padding:6px 10px}.feed-card-stat-value{color:#142033;font-size:.9rem;font-weight:650;letter-spacing:-.01em}.feed-card-stat-label{color:#8a97aa;font-size:.62rem;font-weight:500;letter-spacing:.6px;text-transform:uppercase}.feed-card-map{height:200px;width:100%}.feed-card-photos{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.feed-card-photos::-webkit-scrollbar{display:none}.feed-card-photo{cursor:pointer;flex-shrink:0;height:220px;object-fit:cover;transition:opacity .2s ease}.feed-card-photo:hover{opacity:.92}.feed-card-photo:only-child{width:100%}.feed-card-reactions{padding:2px 18px 14px}.feed-card-voice-note{padding:4px 18px 10px}.voice-note-player{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;display:flex;gap:10px;padding:10px 14px}.voice-note-play-btn{align-items:center;background:#5e7fae;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;height:34px;justify-content:center;transition:all .2s ease;width:34px}.voice-note-play-btn:hover{background:#4d6b96;box-shadow:0 2px 8px #5e7fae4d}.voice-note-progress{background:#e2e8f0;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.voice-note-progress-fill{background:#5e7fae;border-radius:2px;height:100%;transition:width .1s linear}.voice-note-duration{font-feature-settings:"tnum";color:#8a97aa;font-size:.76rem;font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width:640px){.feed-card{border-radius:18px;margin-bottom:16px;margin-left:8px;margin-right:8px}.feed-card-header{padding:14px 16px 8px}.feed-card-stats{padding:6px 12px 10px}.feed-card-stat{min-width:52px;padding:5px 8px}.feed-card-activity-name,.feed-card-description,.feed-card-gear{padding-left:16px;padding-right:16px}.feed-card-reactions{padding:2px 16px 12px}.feed-card-voice-note{padding:4px 16px 8px}}.ride-story-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;cursor:pointer;margin-bottom:20px;overflow:hidden;transition:all .25s ease}.ride-story-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.ride-story-cover{height:190px;overflow:hidden;position:relative;width:100%}.ride-story-cover-img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.ride-story-card:hover .ride-story-cover-img{transform:scale(1.03)}.ride-story-cover-fallback{background:linear-gradient(135deg,#e2e8f0,#cbd5e1 40%,#8a97aa);height:100%;width:100%}.ride-story-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border-radius:20px;color:#fff;display:flex;font-size:.72rem;font-weight:600;gap:5px;left:14px;letter-spacing:.5px;padding:5px 12px;position:absolute;text-transform:uppercase;top:14px}.ride-story-content{padding:14px 18px 8px}.ride-story-title{color:#142033;font-size:1.02rem;font-weight:650;letter-spacing:-.01em;line-height:1.3;margin-bottom:6px}.ride-story-summary-line{color:#627086;font-size:.84rem;margin-bottom:4px}.ride-story-meta{align-items:center;color:#8a97aa;display:flex;font-size:.76rem;gap:6px}.ride-story-action{align-items:center;color:#5e7fae;display:flex;gap:4px;justify-content:flex-end;padding:6px 18px 14px;transition:color .15s ease}.ride-story-card:hover .ride-story-action{color:#4d6b96}.ride-story-view-btn{font-size:.82rem;font-weight:500}@media (max-width:640px){.ride-story-card{border-radius:18px;margin-left:8px;margin-right:8px}.ride-story-cover{height:160px}}.story-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14203373;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.story-modal{background:#fff;border-radius:22px;box-shadow:0 20px 60px #00000026,0 4px 16px #0000000f;max-height:85vh;max-width:620px;overflow-y:auto;position:relative;width:100%}.story-modal::-webkit-scrollbar{width:6px}.story-modal::-webkit-scrollbar-track{background:#0000}.story-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.story-modal-close{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:34px;justify-content:center;position:absolute;right:14px;top:14px;transition:background .15s ease;width:34px;z-index:10}.story-modal-close:hover{background:#000000a6}.story-modal-error,.story-modal-loading{align-items:center;color:#627086;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:72px 24px}.story-loading-spinner{animation:story-spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#5e7fae;height:30px;width:30px}@keyframes story-spin{to{transform:rotate(1turn)}}.story-modal-error button{background:#142033;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.88rem;font-weight:500;padding:9px 22px;transition:all .2s ease}.story-modal-error button:hover{background:#1e3047}.story-cover-section{border-radius:22px 22px 0 0;height:220px;overflow:hidden;position:relative;width:100%}.story-cover-image{height:100%;object-fit:cover;width:100%}.story-cover-fallback{background:linear-gradient(135deg,#e2e8f0,#cbd5e1 40%,#8a97aa);height:100%;width:100%}.story-cover-overlay{background:linear-gradient(#0000,#0009);bottom:0;left:0;padding:32px 24px 20px;position:absolute;right:0}.story-cover-title{color:#fff;font-size:1.35rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0;text-shadow:0 1px 4px #0003}.story-summary-stats{border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-around;padding:18px 16px}.story-stat{align-items:center;display:flex;flex-direction:column;gap:3px}.story-stat-value{color:#142033;font-size:.98rem;font-weight:650;letter-spacing:-.01em}.story-stat-label{color:#8a97aa;font-size:.64rem;font-weight:500;letter-spacing:.6px;text-transform:uppercase}.story-timeline{padding:20px 24px}.story-timeline-title{color:#142033;font-size:.92rem;font-weight:650;letter-spacing:-.01em;margin:0 0 18px}.story-timeline-item{display:flex;gap:14px;padding-bottom:22px;position:relative}.story-timeline-item:last-child{padding-bottom:0}.story-timeline-item:before{background:#e2e8f0;bottom:0;content:"";left:5px;position:absolute;top:16px;width:1px}.story-timeline-item:last-child:before{display:none}.story-timeline-dot{background:#5e7fae;border-radius:50%;box-shadow:0 0 0 3px #5e7fae26;flex-shrink:0;height:11px;margin-top:4px;width:11px}.story-timeline-content{flex:1 1;min-width:0}.story-item-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.story-item-avatar{border:1.5px solid #f1f5f9;border-radius:50%;flex-shrink:0;height:30px;object-fit:cover;width:30px}.story-item-avatar-placeholder{align-items:center;background:#f1f5f9;border-radius:50%;color:#8a97aa;display:flex;flex-shrink:0;font-size:.72rem;font-weight:600;height:30px;justify-content:center;width:30px}.story-item-user-info{align-items:center;display:flex;gap:8px}.story-item-user-name{color:#142033;font-size:.84rem;font-weight:600}.story-item-time{font-feature-settings:"tnum";color:#8a97aa;font-size:.72rem;font-variant-numeric:tabular-nums}.story-item-body{padding-left:38px}.story-item-image{border-radius:14px;margin-bottom:6px;max-height:300px;object-fit:cover;width:100%}.story-item-text{color:#627086;font-size:.88rem;line-height:1.55;margin:0}.story-item-transcript{color:#627086;font-size:.84rem;font-style:italic;line-height:1.5;margin:6px 0 0}.story-audio-player{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;display:flex;gap:10px;margin-bottom:6px;padding:10px 14px}.story-audio-play-btn{align-items:center;background:#5e7fae;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.76rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.story-audio-play-btn:hover{background:#4d6b96;box-shadow:0 2px 8px #5e7fae4d}.story-audio-progress{background:#e2e8f0;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.story-audio-progress-fill{background:#5e7fae;border-radius:2px;height:100%;transition:width .1s linear}.story-audio-duration{font-feature-settings:"tnum";color:#8a97aa;font-size:.73rem;font-variant-numeric:tabular-nums;white-space:nowrap}.story-participants{border-top:1px solid #f1f5f9;padding:16px 24px 24px}.story-participants-title{color:#142033;font-size:.92rem;font-weight:650;letter-spacing:-.01em;margin:0 0 12px}.story-participant-row{align-items:center;border-bottom:1px solid #f8fafc;display:flex;justify-content:space-between;padding:8px 0}.story-participant-row:last-child{border-bottom:none}.story-participant-name{color:#142033;font-size:.88rem;font-weight:500}.story-participant-stats{font-feature-settings:"tnum";color:#8a97aa;font-size:.82rem;font-variant-numeric:tabular-nums}@media (max-width:640px){.story-modal-overlay{align-items:flex-end;padding:0}.story-modal{border-radius:22px 22px 0 0;max-height:95vh;max-width:100%}.story-cover-section{border-radius:22px 22px 0 0;height:180px}.story-timeline{padding:16px 18px}.story-participants{padding:14px 18px 20px}.story-item-body{padding-left:0}}.feed-sidebar-profile{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;padding:24px 20px}.sidebar-profile-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;padding-bottom:18px;text-align:center}.sidebar-profile-avatar{border:2px solid #f1f5f9;border-radius:50%;height:68px;margin-bottom:12px;object-fit:cover;width:68px}.sidebar-profile-initials{align-items:center;background:#f1f5f9;color:#627086;display:flex;font-size:1.2rem;font-weight:600;justify-content:center}.sidebar-profile-name{color:#142033;font-size:1.02rem;font-weight:650;letter-spacing:-.01em}.sidebar-profile-meta{color:#8a97aa;font-size:.8rem;margin-top:4px}.sidebar-meta-dot{margin:0 5px}.sidebar-profile-section{padding-top:16px}.sidebar-section-title{color:#8a97aa;font-size:.72rem;font-weight:600;letter-spacing:.6px;margin-bottom:12px;text-transform:uppercase}.sidebar-stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr}.sidebar-stat{background:#f8fafc;border-radius:10px;padding:8px 4px;text-align:center}.sidebar-stat-value{color:#142033;font-size:.88rem;font-weight:650;letter-spacing:-.01em}.sidebar-stat-label{color:#8a97aa;font-size:.68rem;font-weight:500;margin-top:2px}.sidebar-trend{border-radius:8px;font-size:.76rem;font-weight:500;margin-top:10px;padding:6px 10px;text-align:center}.sidebar-trend.trend-up{background:#f0fdf4;color:#16a34a}.sidebar-trend.trend-down{background:#f8fafc;color:#8a97aa}.sidebar-rides-list{display:flex;flex-direction:column;gap:8px}.sidebar-ride-item{background:#f8fafc;border-radius:10px;padding:10px 12px;transition:background .15s ease}.sidebar-ride-item:hover{background:#f1f5f9}.sidebar-ride-name{color:#142033;font-size:.84rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-ride-meta{color:#8a97aa;font-size:.73rem;margin-top:3px}.sidebar-profile-skeleton{align-items:center;display:flex;flex-direction:column;gap:12px;padding:24px}.sidebar-profile-skeleton .skeleton-circle{animation:shimmer 1.8s ease-in-out infinite;background:#f1f5f9;border-radius:50%;height:68px;width:68px}.sidebar-profile-skeleton .skeleton-line{animation:shimmer 1.8s ease-in-out infinite;background:#f1f5f9;border-radius:6px;height:12px}.sidebar-profile-skeleton .skeleton-line.medium{width:70%}.sidebar-profile-skeleton .skeleton-line.short{width:40%}.feed-sidebar-articles{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;padding:24px 20px}.feed-sidebar-articles .sidebar-section-title{color:#8a97aa;font-size:.72rem;font-weight:600;letter-spacing:.6px;margin-bottom:14px;text-transform:uppercase}.sidebar-articles-list{display:flex;flex-direction:column;gap:2px}.sidebar-article-item{border-radius:10px;cursor:pointer;padding:10px 12px;transition:all .15s ease}.sidebar-article-item:hover{background:#f8fafc}.sidebar-article-item:active{background:#f1f5f9}.sidebar-article-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#142033;display:-webkit-box;font-size:.84rem;font-weight:500;line-height:1.4;overflow:hidden}.sidebar-article-meta{color:#8a97aa;font-size:.72rem;margin-top:4px}.sidebar-articles-empty{color:#8a97aa;font-size:.84rem;padding:20px 0;text-align:center}.sidebar-articles-view-all{background:none;border:1px solid #e2e8f0;border-radius:10px;color:#627086;cursor:pointer;display:block;font-size:.82rem;font-weight:500;margin-top:14px;padding:9px;text-align:center;transition:all .15s ease;width:100%}.sidebar-articles-view-all:hover{background:#f8fafc;border-color:#cbd5e1;color:#142033}.sidebar-articles-skeleton{display:flex;flex-direction:column;gap:14px}.sidebar-article-skeleton-item .skeleton-line{animation:shimmer 1.8s ease-in-out infinite;background:#f1f5f9;border-radius:5px;height:10px}.sidebar-article-skeleton-item .skeleton-line.long{margin-bottom:6px;width:100%}.sidebar-article-skeleton-item .skeleton-line.short{width:50%}.feed-layout{grid-gap:28px;display:grid;gap:28px;grid-template-columns:280px 1fr 280px;margin:0 auto;max-width:1280px;padding:24px 24px 0}.feed-main{min-width:0}.feed-sidebar{align-self:start;position:sticky;top:24px}@media (max-width:1200px){.feed-layout{gap:24px;grid-template-columns:260px 1fr}.feed-sidebar-right{display:none}}@media (max-width:860px){.feed-layout{gap:0;grid-template-columns:1fr;padding:0}.feed-sidebar{display:none}}.club-feed{margin:0 auto;max-width:620px;padding:0 4px}.club-feed-header{align-items:center;display:flex;justify-content:space-between;margin:8px 0 16px}.club-feed-title-row{align-items:center;display:flex;gap:12px}.club-feed-header .club-feed-title{margin:0}.feed-mode-switcher{position:relative}.feed-mode-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;color:#142033;cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.feed-mode-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.feed-mode-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 30px #0000001a,0 2px 8px #0000000a;left:0;min-width:200px;overflow:hidden;padding:6px;position:absolute;top:calc(100% + 8px);z-index:10}.feed-mode-dropdown-item{align-items:center;background:none;border:none;border-radius:10px;color:#142033;cursor:pointer;display:flex;font-size:.88rem;gap:8px;justify-content:space-between;padding:10px 14px;text-align:left;transition:background .15s ease;width:100%}.feed-mode-dropdown-item:hover{background:#f1f5f9}.feed-mode-dropdown-item.active{background:#f1f5f9;color:#142033;font-weight:600}.feed-onboarding{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;margin:24px 0;padding:64px 32px;text-align:center}.feed-onboarding-title{color:#142033;font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin:0 0 10px}.feed-onboarding-subtitle{color:#627086;font-size:.95rem;line-height:1.6;margin:0 auto 28px;max-width:360px}.feed-onboarding-btn{background:#142033;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:-.01em;padding:12px 28px;transition:all .2s ease}.feed-onboarding-btn:hover{background:#1e3047;box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.feed-onboarding-create{color:#8a97aa;font-size:.85rem;margin:16px 0 0}.club-feed-title{color:#142033;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:16px 0 12px}.compose-toggle-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;box-shadow:0 1px 3px #0000000a;color:#627086;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .2s ease;width:38px}.compose-toggle-btn:hover{background:#f8fafc;border-color:#5e7fae;box-shadow:0 4px 12px #0000000f;color:#5e7fae;transform:translateY(-1px)}.compose-toggle-btn.active{border-color:#8a97aa;color:#8a97aa;transform:rotate(45deg)}.compose-form{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;margin-bottom:20px;padding:16px;transition:box-shadow .2s ease}.compose-form:focus-within{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.compose-textarea{background:#0000;border:none;box-sizing:border-box;color:#142033;font-family:inherit;font-size:.92rem;line-height:1.6;outline:none;resize:none;width:100%}.compose-textarea::placeholder{color:#8a97aa}.compose-image-preview{border-radius:14px;margin:10px 0;max-height:260px;overflow:hidden;position:relative}.compose-image-preview img{border-radius:14px;display:block;max-height:260px;object-fit:cover;width:100%}.compose-image-remove{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;line-height:1;position:absolute;right:8px;top:8px;transition:background .15s ease;width:30px}.compose-image-remove:hover{background:#000000bf}.compose-actions{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-top:10px;padding-top:10px}.compose-actions-left{align-items:center;display:flex;gap:10px}.compose-actions-right{align-items:center;display:flex;gap:8px}.compose-photo-btn{align-items:center;background:none;border:none;border-radius:10px;color:#627086;cursor:pointer;display:flex;font-size:.82rem;gap:5px;padding:6px 10px;transition:all .15s ease}.compose-photo-btn:hover{background:#f1f5f9;color:#142033}.compose-char-count{color:#8a97aa;font-size:.75rem}.compose-char-count.over{color:#ef4444;font-weight:500}.compose-cancel-btn{background:none;border:1px solid #e2e8f0;border-radius:10px;color:#627086;cursor:pointer;font-size:.82rem;font-weight:500;padding:6px 16px;transition:all .15s ease}.compose-cancel-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.compose-submit-btn{background:#142033;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;letter-spacing:-.01em;padding:6px 20px;transition:all .2s ease}.compose-submit-btn:hover:not(:disabled){background:#1e3047;box-shadow:0 2px 8px #0000001f;transform:translateY(-.5px)}.compose-submit-btn:disabled{cursor:not-allowed;opacity:.4}.compose-error{color:#ef4444;font-size:.82rem;margin-top:8px}.club-feed-empty{color:#8a97aa;padding:56px 24px;text-align:center}.club-feed-empty h3{color:#627086;font-size:1.1rem;font-weight:600;letter-spacing:-.01em;margin:0 0 8px}.club-feed-empty p{font-size:.9rem;line-height:1.5;margin:0}.club-feed-error{color:#627086;padding:40px 24px;text-align:center}.club-feed-error button{background:#142033;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.88rem;font-weight:500;margin-top:14px;padding:9px 22px;transition:all .2s ease}.club-feed-error button:hover{background:#1e3047;box-shadow:0 2px 8px #0000001f}.club-feed-loading{color:#8a97aa;font-size:.85rem;padding:24px;text-align:center}.club-feed-skeleton{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;margin-bottom:20px;padding:20px}.skeleton-line{animation:shimmer 1.8s ease-in-out infinite;background:#f1f5f9;border-radius:6px;height:12px;margin-bottom:12px}.skeleton-line.short{width:40%}.skeleton-line.medium{width:70%}.skeleton-line.long{width:100%}.skeleton-line.map{border-radius:14px;height:160px;margin-top:10px}@keyframes shimmer{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@media (max-width:640px){.club-feed{padding:0}.club-feed-header{margin:12px 0 16px;padding:0 16px}.compose-form{border-radius:18px;margin-left:8px;margin-right:8px}.feed-onboarding{border-radius:18px;margin:16px 8px;padding:48px 24px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.rpe-card{animation:slideDown .3s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 4px 20px #00000014;margin-bottom:16px;padding:24px}.rpe-header{color:#142033;font-size:18px;font-weight:600;margin-bottom:6px}.rpe-summary{color:#627086;font-size:13px;margin-bottom:18px}.rpe-slider-container{margin-bottom:16px}.rpe-slider-container label{color:#627086;display:block;font-size:12px;font-weight:600;margin-bottom:8px}.rpe-slider-row{align-items:center;display:flex;gap:16px}.rpe-slider-row input[type=range]{accent-color:#5e7fae;appearance:none;background:#e2e8f0;border-radius:3px;flex:1 1;height:6px;outline:none}.rpe-slider-row input[type=range]::-webkit-slider-thumb{appearance:none;background:#5e7fae;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000001f;cursor:pointer;height:20px;width:20px}.rpe-slider-row input[type=range]::-moz-range-thumb{background:#5e7fae;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000001f;cursor:pointer;height:20px;width:20px}.rpe-value{min-width:36px;text-align:center}.rpe-value .rpe-value-number{color:#142033;font-size:28px;font-weight:700;line-height:1}.rpe-value .rpe-value-label{color:#627086;font-size:13px;white-space:nowrap}.rpe-borg-scale{color:#8a97aa;display:flex;font-size:11px;justify-content:space-between;margin-top:4px;padding:0 2px}.wellness-section{margin-bottom:12px;margin-top:18px}.wellness-section-label{color:#627086;font-size:12px;font-weight:600;margin-bottom:10px}.wellness-row{display:flex;flex-wrap:wrap;gap:16px}.star-rating{align-items:center;display:flex;flex-direction:column;gap:4px}.star-rating-label{color:#8a97aa;font-size:11px;font-weight:500}.star-rating-row{gap:2px}.star-btn,.star-rating-row{align-items:center;display:flex}.star-btn{background:#0000;border:none;color:#d4dae3;cursor:pointer;height:28px;justify-content:center;line-height:1;padding:2px;width:28px}.star-btn.filled{color:#f08a24}.star-btn svg{fill:currentColor;stroke:currentColor;transition:fill .15s,stroke .15s}.rpe-notes-toggle{background:none;border:none;color:#5e7fae;cursor:pointer;font-size:13px;margin-top:12px;padding:0}.rpe-notes-toggle:hover{color:#142033}.rpe-notes textarea{border:1px solid #d4dae3;border-radius:12px;box-sizing:border-box;color:#142033;font-family:inherit;font-size:13px;margin-top:8px;min-height:60px;padding:10px 14px;resize:vertical;width:100%}.rpe-notes textarea:focus{border-color:#5e7fae;outline:none}.rpe-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.rpe-actions .rpe-btn-skip{background:#fff;border:1px solid #d4dae3;border-radius:10px;color:#627086;cursor:pointer;font-size:13px;padding:8px 18px}.rpe-actions .rpe-btn-skip:hover{background:#f0f4f8}.rpe-actions .rpe-btn-save{background:#172233;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 22px}.rpe-actions .rpe-btn-save:hover{background:#1a2d42}.rpe-actions .rpe-btn-save:disabled{background:#d4dae3;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.rpe-card{animation:none}}@media (max-width:480px){.wellness-row{gap:10px}.star-rating-label{font-size:10px}}@keyframes triggerSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.trigger-alert{align-items:flex-start;animation:triggerSlideDown .3s ease-out;background:#fff;border:1px solid #e2e8f0;border-left:3px solid #f08a24;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;gap:14px;margin-bottom:12px;padding:16px 20px}.trigger-alert-icon{color:#f08a24;flex-shrink:0;margin-top:2px}.trigger-alert-content{flex:1 1;min-width:0}.trigger-alert-message{color:#142033;font-size:13px;line-height:1.5;margin-bottom:10px}.trigger-alert-actions{display:flex;gap:8px}.trigger-alert-adjust{background:#172233;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px}.trigger-alert-adjust:hover{background:#1a2d42}.trigger-alert-dismiss{background:#fff;border:1px solid #d4dae3;border-radius:8px;color:#627086;cursor:pointer;font-size:12px;padding:6px 14px}.trigger-alert-dismiss:hover{background:#f0f4f8}@media (prefers-reduced-motion:reduce){.trigger-alert{animation:none}}.weekly-review-backdrop{align-items:center;background:#00000040;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.weekly-review-panel{background:#fff;border-radius:22px;box-shadow:0 20px 60px #0000001f;display:flex;flex-direction:column;max-height:85vh;max-width:90vw;opacity:0;overflow:hidden;padding:0;transform:scale(.95);transition:transform .3s ease,opacity .3s ease;width:520px}.weekly-review-panel.open{opacity:1;transform:scale(1)}.weekly-review-header{align-items:center;display:flex;justify-content:space-between;padding:22px 24px 0}.weekly-review-header h3{color:#142033;font-size:18px;font-weight:600;margin:0}.weekly-review-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#8a97aa;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.weekly-review-close:hover{background:#f0f4f8}.weekly-review-content{flex:1 1;overflow-y:auto;padding:16px 24px 24px}.weekly-review-empty,.weekly-review-loading{color:#8a97aa;font-size:14px;padding:40px 0;text-align:center}.weekly-review-empty p{margin:4px 0}.review-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.review-week-label{color:#142033;font-size:15px;font-weight:600}.review-compliance-badge{background:#5e7fae;border-radius:12px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:4px 14px}.review-compliance-bar{margin-bottom:18px}.review-compliance-track{background:#e2e8f0;border-radius:4px;height:6px;overflow:hidden}.review-compliance-fill{background:#5e7fae;border-radius:4px;height:100%;transition:width .3s ease}.review-compliance-label{color:#8a97aa;display:block;font-size:11px;margin-top:4px}.review-load-summary{border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding-bottom:16px}.review-load-summary h4{color:#142033;font-size:14px;font-weight:600;margin:18px 0 10px}.review-metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.review-metric{display:flex;flex-direction:column;gap:2px}.review-metric-label{color:#8a97aa;font-size:11px}.review-metric-value{color:#142033;font-size:18px;font-weight:600}.review-metric-delta{color:#627086;font-size:12px;font-weight:400}.review-section{border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding-bottom:16px}.review-section h4{color:#142033;font-size:14px;font-weight:600;margin:18px 0 10px}.review-adjustments,.review-observations{list-style:disc inside;margin:0;padding:0}.review-adjustments li,.review-observations li{color:#627086;font-size:13px;line-height:1.6;margin-bottom:4px}.review-analysis{color:#627086;font-size:13px;line-height:1.6;margin:0}.review-analysis-empty,.review-no-adjustments{color:#8a97aa;font-size:13px;font-style:italic;margin:0}.review-actions{display:flex;gap:10px;margin-top:20px}.review-btn-discuss{background:#172233;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:10px 18px;text-align:center}.review-btn-discuss:hover{background:#1a2d42}.review-btn-generate{background:#fff;border:1px solid #d4dae3;border-radius:10px;color:#627086;cursor:pointer;font-size:13px;padding:10px 18px;text-align:center}.review-btn-generate:hover{background:#f0f4f8}.weekly-review-nav{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 24px}.review-nav-btn{align-items:center;background:none;border:none;color:#627086;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:4px 8px}.review-nav-btn:disabled{color:#d4dae3;cursor:not-allowed}.review-nav-btn:not(:disabled):hover{color:#142033}.review-nav-position{color:#8a97aa;font-size:12px}@media (prefers-reduced-motion:reduce){.review-compliance-fill,.weekly-review-panel{transition:none}}@media (max-width:480px){.review-metrics-grid{grid-template-columns:repeat(2,1fr)}}.ai-chat{display:flex;flex-direction:column;height:calc(100vh - 340px);min-height:400px}.ai-chat-header-bar{display:flex;justify-content:flex-end;padding:0 0 12px}.ai-chat-weekly-reviews-btn{align-items:center;background:#fff;border:1px solid #d4dae3;border-radius:12px;color:#627086;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .15s}.ai-chat-weekly-reviews-btn:hover{background:#f0f4f8;border-color:#5e7fae}.ai-chat-empty{align-items:center;color:#8a97aa;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center}.ai-chat-empty-icon{font-size:48px;opacity:.5}.ai-chat-empty h3{color:#627086;font-size:17px;font-weight:500;margin:0}.ai-chat-empty p{color:#8a97aa;font-size:14px;margin:0}.ai-chat-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.ai-chat-chip{background:#fff;border:1px solid #d4dae3;border-radius:20px;color:#627086;cursor:pointer;font-size:13px;font-weight:500;padding:9px 18px;transition:all .15s}.ai-chat-chip:hover{background:#f0f4f8;border-color:#5e7fae;color:#142033}.ai-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:20px 0}.ai-chat-message{display:flex;gap:12px;max-width:82%}.ai-chat-message.user{align-self:flex-end;flex-direction:row-reverse}.ai-chat-message.assistant{align-self:flex-start}.ai-chat-avatar{align-items:center;background:#e2e8f0;border-radius:50%;color:#627086;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.ai-chat-message.assistant .ai-chat-avatar{background:#172233;color:#fff}.ai-chat-message.user .ai-chat-avatar{background:#5e7fae;color:#fff}.ai-chat-bubble{border-radius:18px;font-size:14px;line-height:1.6;padding:14px 18px}.ai-chat-message.user .ai-chat-bubble{background:#172233;border-bottom-right-radius:6px;color:#fff}.ai-chat-message.assistant .ai-chat-bubble{background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:6px;box-shadow:0 1px 3px #00000008;color:#142033}.ai-chat-bubble p{margin:0 0 10px}.ai-chat-bubble p:last-child{margin-bottom:0}.ai-chat-bubble ol,.ai-chat-bubble ul{margin:6px 0;padding-left:20px}.ai-chat-bubble li{margin:2px 0}.ai-chat-bubble code{background:#f0f4f8;border-radius:5px;color:#5e7fae;font-size:12.5px;padding:2px 6px}.ai-chat-bubble pre{background:#172233;border-radius:10px;color:#e2e8f0;font-size:12.5px;margin:8px 0;overflow-x:auto;padding:14px}.ai-chat-bubble pre code{background:none;color:inherit;padding:0}.ai-chat-bubble strong{font-weight:600}.ai-chat-bubble h1,.ai-chat-bubble h2,.ai-chat-bubble h3,.ai-chat-bubble h4{color:#142033;font-weight:600;margin:14px 0 6px}.ai-chat-bubble h1{font-size:16px}.ai-chat-bubble h2{font-size:15px}.ai-chat-bubble h3,.ai-chat-bubble h4{font-size:14px}.ai-chat-bubble table{border-collapse:collapse;font-size:13px;margin:10px 0}.ai-chat-bubble th{background:#f0f4f8;font-weight:600}.ai-chat-bubble td,.ai-chat-bubble th{border:1px solid #e2e8f0;padding:6px 10px}.ai-chat-image-preview{border-radius:12px;margin-top:6px;max-height:160px;max-width:220px}.ai-chat-tools{display:flex;flex-wrap:wrap;gap:8px;padding:6px 0}.tool-pill{align-items:center;background:#f7f9fb;border:1px solid #e2e8f0;border-radius:20px;color:#627086;display:inline-flex;font-size:11px;gap:5px;padding:4px 12px;white-space:nowrap}.tool-pill.running{background:#f0f4ff;border-color:#5e7fae}.tool-pill.completed{background:#f0fdf4;border-color:#22a06b;color:#166534}.tool-pill.failed{background:#fdf2f4;border-color:#d95c78;color:#991b1b}.tool-pill-spinner{animation:spin .8s linear infinite;border:1.5px solid #5e7fae;border-radius:50%;border-top-color:#0000;height:10px;width:10px}.tool-pill-duration{font-size:10px;opacity:.6}@keyframes spin{to{transform:rotate(1turn)}}.workout-draft-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin:12px 0;max-width:360px;padding:16px}.workout-draft-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.workout-draft-action{color:#627086;font-size:11px;font-weight:600;text-transform:uppercase}.workout-draft-action.create{color:#22a06b}.workout-draft-action.delete{color:#d95c78}.workout-draft-action.update{color:#f08a24}.workout-draft-timer{color:#8a97aa;font-size:11px}.workout-draft-title{color:#142033;font-size:14px;font-weight:600;margin-bottom:6px}.workout-draft-details{color:#627086;display:flex;flex-wrap:wrap;font-size:12px;gap:10px;margin-bottom:10px}.workout-draft-warnings{color:#f08a24;font-size:11px;margin-bottom:10px}.workout-draft-buttons{display:flex;gap:10px}.workout-draft-buttons button{border:1px solid #d4dae3;border-radius:10px;cursor:pointer;font-size:12px;font-weight:500;padding:7px 16px;transition:all .15s}.workout-draft-approve{background:#22a06b;border-color:#22a06b!important;color:#fff}.workout-draft-approve:hover{background:#1a8c5a}.workout-draft-reject{background:#fff;border-color:#d4dae3!important;color:#627086}.workout-draft-reject:hover{background:#f0f4f8}.workout-draft-expired{opacity:.4;pointer-events:none}.ai-chat-input-area{border-top:1px solid #e2e8f0;padding:16px 0}.ai-chat-image-strip{display:flex;gap:10px;margin-bottom:10px}.ai-chat-image-thumb{position:relative}.ai-chat-image-thumb img{border-radius:10px;height:52px;object-fit:cover;width:52px}.ai-chat-image-thumb button{align-items:center;background:#172233;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:18px;justify-content:center;line-height:1;position:absolute;right:-4px;top:-4px;width:18px}.ai-chat-input-row{align-items:flex-end;display:flex;gap:10px}.ai-chat-input-row textarea{border:1px solid #e2e8f0;border-radius:14px;flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:120px;min-height:44px;outline:none;padding:12px 16px;resize:none;transition:border-color .15s}.ai-chat-input-row textarea:focus{border-color:#5e7fae}.ai-chat-input-row textarea:disabled{background:#f7f9fb}.ai-chat-btn-image{align-items:center;background:#fff;border:1px solid #d4dae3;border-radius:10px;color:#8a97aa;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;transition:all .15s;width:40px}.ai-chat-btn-image:hover{background:#f0f4f8}.ai-chat-btn-send{align-items:center;background:#172233;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;transition:all .15s;width:40px}.ai-chat-btn-send:hover{background:#1a2d42}.ai-chat-btn-send:disabled{background:#d4dae3;cursor:not-allowed}.ai-chat-status{align-items:center;color:#8a97aa;display:flex;font-size:12px;gap:8px;padding:6px 0}.ai-chat-status-spinner{animation:spin .8s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#5e7fae;height:12px;width:12px}.ai-chat-cancel{background:#fff;border:1px solid #d4dae3;border-radius:8px;color:#627086;cursor:pointer;font-size:11px;margin-left:auto;padding:2px 10px}.ai-chat-cancel:hover{background:#f0f4f8}.ai-chat-scroll-btn{align-items:center;align-self:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;bottom:8px;box-shadow:0 2px 8px #00000014;color:#627086;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;position:sticky;width:36px;z-index:5}.ai-chat-scroll-btn:hover{background:#f0f4f8}.approve-all-bar{display:flex;justify-content:center;padding:8px 0}.approve-all-btn{background:#172233;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:10px 24px;transition:background .15s}.approve-all-btn:hover:not(:disabled){background:#1a2d42}.approve-all-btn:disabled{background:#8a97aa;cursor:not-allowed}.ai-calendar{padding:8px 0}.ai-calendar-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:24px}.ai-calendar-nav{align-items:center;display:flex;gap:8px}.ai-calendar-nav button{background:#fff;border:1px solid #d4dae3;border-radius:10px;color:#627086;cursor:pointer;font-size:13px;padding:8px 14px;transition:all .15s}.ai-calendar-nav button:hover{background:#f0f4f8}.ai-calendar-title{color:#142033;font-size:18px;font-weight:600;min-width:180px;text-align:center}.ai-calendar-view-toggle{border:1px solid #d4dae3;border-radius:10px;display:flex;gap:0;overflow:hidden}.ai-calendar-view-toggle button{background:#fff;border:none;color:#627086;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .15s}.ai-calendar-view-toggle button.active{background:#172233;color:#fff}.ai-calendar-actions{display:flex;gap:8px}.ai-calendar-add-btn{background:#172233;border:1px solid #172233;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .15s}.ai-calendar-add-btn:hover{background:#1a2d42}.ai-calendar-grid{grid-gap:1px;background:#e2e8f0;border:1px solid #e2e8f0;border-radius:16px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden}.ai-calendar-day-header{background:#f7f9fb;color:#8a97aa;font-size:11px;font-weight:600;padding:10px 4px;text-align:center;text-transform:uppercase}.ai-calendar-day{background:#fff;cursor:pointer;min-height:80px;padding:6px;transition:background .15s}.ai-calendar-day:hover{background:#f7f9fb}.ai-calendar-day.other-month{background:#f7f9fb;opacity:.4}.ai-calendar-day.today{background:#f0f4f8}.ai-calendar-day.selected{background:#f0f4f8;box-shadow:inset 0 0 0 2px #5e7fae}.ai-calendar-day-number{color:#142033;font-size:13px;font-weight:500;margin-bottom:3px}.ai-calendar-day.today .ai-calendar-day-number{font-weight:700}.ai-calendar-day-workouts{display:flex;flex-direction:column;gap:2px;overflow:hidden}.ai-calendar-day-label{align-items:center;border-radius:3px;display:flex;gap:3px;overflow:hidden;padding:1px 3px}.ai-calendar-day-label.completed{opacity:.4}.ai-calendar-label-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.ai-calendar-label-dot.endurance{background:#3b82f6}.ai-calendar-label-dot.tempo{background:#eab308}.ai-calendar-label-dot.intervals{background:#22c55e}.ai-calendar-label-dot.recovery{background:#a855f7}.ai-calendar-label-dot.race{background:#ef4444}.ai-calendar-label-dot.strength{background:#f97316}.ai-calendar-label-dot.rest{background:#627086}.ai-calendar-label-text{color:#627086;font-size:10px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-calendar-day-more{color:#8a97aa;font-size:9px;padding:0 3px}.ai-calendar-day-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-top:16px;padding:16px 20px}.ai-calendar-day-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.ai-calendar-day-panel-title{color:#142033;font-size:15px;font-weight:600}.ai-calendar-day-panel-actions{align-items:center;display:flex;gap:8px}.ai-calendar-day-panel-add{background:#172233;border:1px solid #172233;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .15s}.ai-calendar-day-panel-add:hover{background:#1a2d42}.ai-calendar-day-panel-close{align-items:center;background:none;border:none;border-radius:6px;color:#8a97aa;cursor:pointer;display:flex;font-size:18px;height:26px;justify-content:center;width:26px}.ai-calendar-day-panel-close:hover{background:#f0f4f8;color:#627086}.ai-calendar-day-panel-empty{color:#8a97aa;font-size:13px;padding:20px;text-align:center}.ai-calendar-day-panel-list{display:flex;flex-direction:column;gap:6px}.ai-calendar-day-panel-edit{background:#fff;border:1px solid #d4dae3;border-radius:8px;color:#627086;cursor:pointer;flex-shrink:0;font-size:11px;padding:5px 10px}.ai-calendar-day-panel-edit:hover{background:#f0f4f8}.ai-calendar-day-panel-delete{background:#fff;border:1px solid #d95c78;border-radius:8px;color:#d95c78;cursor:pointer;flex-shrink:0;font-size:11px;padding:5px 10px}.ai-calendar-day-panel-delete:hover{background:#fdf2f4}.ai-calendar-week{display:flex;flex-direction:column;gap:10px}.ai-calendar-week-day{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:14px;display:flex;gap:14px;min-height:52px;padding:12px 14px}.ai-calendar-week-day.today{background:#f7f9fb;border-color:#5e7fae}.ai-calendar-week-day-label{color:#8a97aa;flex-shrink:0;font-size:12px;font-weight:600;padding-top:2px;width:52px}.ai-calendar-week-day-date{color:#8a97aa;font-size:11px;font-weight:400}.ai-calendar-week-workouts{display:flex;flex:1 1;flex-direction:column;gap:6px}.ai-calendar-workout-card{align-items:center;background:#f0f4f8;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:all .15s}.ai-calendar-workout-card:hover{background:#e2e8f0}.ai-calendar-workout-card.completed{opacity:.55}.ai-calendar-workout-type-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.ai-calendar-workout-type-dot.endurance{background:#3b82f6}.ai-calendar-workout-type-dot.tempo{background:#eab308}.ai-calendar-workout-type-dot.intervals{background:#22c55e}.ai-calendar-workout-type-dot.recovery{background:#a855f7}.ai-calendar-workout-type-dot.race{background:#ef4444}.ai-calendar-workout-type-dot.strength{background:#f97316}.ai-calendar-workout-type-dot.rest{background:#627086}.ai-calendar-workout-info{color:#142033;flex:1 1;font-size:13px}.ai-calendar-workout-info .title{font-weight:500}.ai-calendar-workout-info .meta{color:#8a97aa;font-size:11px}.ai-calendar-workout-check{align-items:center;background:#fff;border:1.5px solid #d4dae3;border-radius:5px;color:#166534;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;width:20px}.ai-calendar-workout-check.checked{background:#e8f5e9;border-color:#22a06b}.workout-modal-overlay{align-items:center;background:#00000040;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.workout-modal{background:#fff;border-radius:22px;box-shadow:0 20px 60px #0000001f;max-height:80vh;max-width:90vw;overflow-y:auto;padding:28px;width:440px}.workout-modal h3{color:#142033;font-size:17px;font-weight:600;margin:0 0 20px}.workout-modal-field{margin-bottom:14px}.workout-modal-field label{color:#627086;display:block;font-size:12px;font-weight:500;margin-bottom:5px}.workout-modal-field input,.workout-modal-field select,.workout-modal-field textarea{border:1px solid #d4dae3;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:13px;outline:none;padding:10px 12px;transition:border-color .15s;width:100%}.workout-modal-field input:focus,.workout-modal-field select:focus,.workout-modal-field textarea:focus{border-color:#5e7fae}.workout-modal-field textarea{min-height:64px;resize:vertical}.workout-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.workout-modal-actions button{border:1px solid #d4dae3;border-radius:10px;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .15s}.workout-modal-save{background:#172233;border-color:#172233!important;color:#fff}.workout-modal-save:hover{background:#1a2d42}.workout-modal-delete{background:#fff;border-color:#d95c78!important;color:#d95c78}.workout-modal-delete:hover{background:#fdf2f4}.workout-modal-cancel{background:#fff;border-color:#d4dae3!important;color:#627086}.workout-modal-cancel:hover{background:#f0f4f8}.ai-calendar-empty{color:#8a97aa;font-size:13px;padding:32px;text-align:center}.ai-calendar-export-icon{align-items:center;background:none;border:none;border-radius:6px;color:#8a97aa;cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;padding:0;transition:all .15s;width:26px}.ai-calendar-export-icon:hover{background:#0000000a;color:#627086}.ai-calendar-export-week-btn{background:#fff;border:1px solid #d4dae3;border-radius:10px;color:#627086;cursor:pointer;font-size:12px;padding:8px 14px;transition:all .15s}.ai-calendar-export-week-btn:hover{background:#f0f4f8;color:#627086}.export-dropdown-overlay{align-items:center;background:#00000026;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.export-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 30px #0000001f;padding:20px;width:260px}.export-dropdown-title{color:#142033;font-size:15px;font-weight:600;margin-bottom:14px}.export-dropdown-field{margin-bottom:10px}.export-dropdown-field>label{color:#8a97aa;display:block;font-size:11px;font-weight:500;margin-bottom:5px}.export-dropdown-options{display:flex;gap:12px}.export-dropdown-radio{align-items:center;color:#142033;cursor:pointer;display:flex;font-size:12px;gap:4px}.export-dropdown-radio input{cursor:pointer;margin:0}.export-dropdown-download{background:#172233;border:1px solid #172233;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;margin-top:8px;padding:10px;transition:background .15s;width:100%}.export-dropdown-download:hover{background:#1a2d42}.biometrics-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-top:24px;padding:22px}.biometrics-section h3{color:#142033;font-size:15px;font-weight:600;margin:0 0 2px}.biometrics-section .biometrics-subtitle{color:#627086;font-size:12px;margin:0 0 16px}.biometrics-date-toggle{display:flex;gap:8px;margin-bottom:14px}.biometrics-date-toggle button{background:#fff;border:1px solid #d4dae3;border-radius:8px;color:#627086;cursor:pointer;font-size:12px;padding:5px 14px;transition:background .15s,border-color .15s}.biometrics-date-toggle button.active{background:#172233;border-color:#172233;color:#fff}.biometrics-date-toggle button:not(.active):hover{background:#f0f4f8;border-color:#8a97aa}.biometrics-form{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.biometrics-field{display:flex;flex-direction:column;gap:4px}.biometrics-field label{color:#627086;font-size:12px;letter-spacing:.3px}.biometrics-field input[type=number]{border:1px solid #d4dae3;border-radius:10px;box-sizing:border-box;color:#142033;font-size:14px;padding:8px 12px;width:100%}.biometrics-field input[type=number]:focus{border-color:#5e7fae;outline:none}.biometrics-field .star-rating-row{align-items:center;display:flex;gap:2px;margin-top:2px}.biometrics-field .star-btn{align-items:center;background:none;border:none;color:#d4dae3;cursor:pointer;display:flex;line-height:1;padding:2px}.biometrics-field .star-btn svg{fill:currentColor;stroke:currentColor;transition:fill .15s,stroke .15s}.biometrics-field .star-btn.filled{color:#f08a24}.biometrics-field .star-btn.filled svg{fill:#f08a24;stroke:#f08a24}.biometrics-actions{align-items:center;display:flex;gap:12px;grid-column:1/-1;margin-top:4px}.biometrics-actions .biometrics-save-btn{background:#172233;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 20px}.biometrics-actions .biometrics-save-btn:disabled{background:#d4dae3;cursor:not-allowed}.biometrics-actions .biometrics-save-btn:not(:disabled):hover{background:#1a2d42}.biometrics-saved-msg{animation:fadeIn .2s ease-out;color:#22a06b;font-size:13px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:480px){.biometrics-form{grid-template-columns:1fr}}.ai-settings{display:flex;flex-direction:column;gap:28px;padding:8px 0}.ai-settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 1px 3px #0000000a;padding:22px}.ai-settings-section h3{color:#142033;font-size:15px;font-weight:600;margin:0 0 16px}.ai-settings-styles{display:flex;flex-direction:column;gap:8px}.ai-settings-style-option{align-items:center;border:1px solid #e2e8f0;border-radius:14px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .15s}.ai-settings-style-option:hover{background:#f7f9fb}.ai-settings-style-option.active{background:#f7f9fb;border-color:#5e7fae}.ai-settings-style-radio{align-items:center;border:2px solid #d4dae3;border-radius:50%;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.ai-settings-style-option.active .ai-settings-style-radio{border-color:#5e7fae}.ai-settings-style-radio-dot{background:#5e7fae;border-radius:50%;height:9px;width:9px}.ai-settings-style-info{flex:1 1}.ai-settings-style-name{color:#142033;font-size:14px;font-weight:500}.ai-settings-style-desc{color:#8a97aa;font-size:12px}.ai-settings-sessions{display:flex;flex-direction:column;gap:6px}.ai-settings-session-item{align-items:center;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 14px;transition:all .15s}.ai-settings-session-item:hover{background:#f7f9fb}.ai-settings-session-summary{color:#142033;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-settings-session-meta{color:#8a97aa;font-size:11px;white-space:nowrap}.ai-settings-session-badge{background:#e8f5e9;border-radius:12px;color:#22a06b;font-size:10px;font-weight:500;padding:2px 8px}.ai-settings-new-session{align-self:flex-start;background:#172233;border:1px solid #172233;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;margin-top:8px;padding:8px 16px}.ai-settings-new-session:hover{background:#142033}.ai-settings-facts{display:flex;flex-direction:column;gap:6px}.ai-settings-fact-item{align-items:center;border:1px solid #e2e8f0;border-radius:10px;display:flex;font-size:13px;gap:8px;padding:10px 14px}.ai-settings-fact-content{color:#142033;flex:1 1}.ai-settings-fact-category{color:#8a97aa;font-size:10px;text-transform:uppercase}.ai-settings-fact-status{border-radius:10px;font-size:10px;font-weight:500;padding:2px 8px}.ai-settings-fact-status.pending{background:#fef3c7;color:#92400e}.ai-settings-fact-status.confirmed{background:#e8f5e9;color:#22a06b}.ai-settings-fact-actions{display:flex;gap:4px}.ai-settings-fact-actions button{background:#fff;border:1px solid #d4dae3;border-radius:6px;color:#627086;cursor:pointer;font-size:11px;padding:3px 8px}.ai-settings-fact-actions button:hover{background:#f7f9fb}.ai-settings-fact-actions button.danger{border-color:#d95c78;color:#d95c78}.ai-settings-fact-actions button.danger:hover{background:#fdf2f4}.ai-settings-fact-actions button.confirm{border-color:#22a06b;color:#22a06b}.ai-settings-fact-actions button.confirm:hover{background:#e8f5e9}.ai-settings-forget-all{align-self:flex-start;background:#fff;border:1px solid #d95c78;border-radius:10px;color:#d95c78;cursor:pointer;font-size:12px;margin-top:8px;padding:6px 14px}.ai-settings-forget-all:hover{background:#fdf2f4}.ai-settings-goals{display:flex;flex-direction:column;gap:6px}.ai-settings-goal-item{border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px}.ai-settings-goal-title{color:#142033;font-size:14px;font-weight:500}.ai-settings-goal-meta{color:#8a97aa;font-size:12px;margin-top:2px}.ai-settings-add-goal{align-self:flex-start;background:#fff;border:1px solid #d4dae3;border-radius:10px;color:#627086;cursor:pointer;font-size:12px;margin-top:8px;padding:6px 14px}.ai-settings-add-goal:hover{background:#f7f9fb}.ai-settings-empty{color:#8a97aa;font-size:13px;padding:8px 0}.ai-settings-goal-form{background:#f7f9fb;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:16px}.ai-settings-goal-form input,.ai-settings-goal-form select{border:1px solid #d4dae3;border-radius:10px;font-family:inherit;font-size:13px;padding:8px 12px}.ai-settings-goal-form-actions{display:flex;gap:8px}.ai-settings-goal-form-actions button{border:1px solid #d4dae3;border-radius:10px;cursor:pointer;font-size:12px;padding:6px 14px}.ai-settings-goal-form-actions .save{background:#172233;border-color:#172233;color:#fff}.ai-settings-goal-form-actions .cancel{background:#fff;color:#627086}.di-container{padding:8px 0}.di-section-title{color:#142033;font-size:16px;font-weight:600;margin:0 0 16px}.di-upload-section{margin-bottom:36px}.di-drop-zone{align-items:center;background:#fff;border:2px dashed #d4dae3;border-radius:22px;cursor:pointer;display:flex;height:220px;justify-content:center;position:relative;transition:all .15s}.di-drop-zone.di-dragging,.di-drop-zone:hover{background:#f7f9fb;border-color:#5e7fae;border-style:solid}.di-file-input{display:none}.di-drop-content{text-align:center}.di-drop-icon{margin-bottom:8px}.di-drop-icon svg{stroke:#8a97aa}.di-drop-text{color:#627086;font-size:15px;font-weight:500;margin:0 0 4px}.di-drop-hint{color:#8a97aa;font-size:13px;margin:0}.di-upload-progress{color:#627086;font-size:14px;text-align:center}.di-upload-progress p{margin:12px 0 0}.di-spinner{animation:di-spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#5e7fae;height:32px;margin:0 auto;width:32px}@keyframes di-spin{to{transform:rotate(1turn)}}.di-result{border-radius:16px;margin-top:12px;padding:20px}.di-result-success{background:#f7f9fb;border:1px solid #e2e8f0}.di-result-error{background:#fdf2f4;border:1px solid #f5d0d6}.di-result-header{align-items:center;color:#142033;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:14px}.di-check-icon{color:#22a06b;font-size:16px;font-weight:700}.di-close-result{background:none;border:none;color:#8a97aa;cursor:pointer;font-size:18px;line-height:1;margin-left:auto;padding:0 4px}.di-close-result:hover{color:#627086}.di-error-text{color:#d95c78;font-size:14px;margin:0 0 12px}.di-retry-btn{background:#172233;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:9px 18px}.di-retry-btn:hover{background:#142033}.di-summary-card{display:flex;flex-direction:column;gap:8px}.di-summary-row{border-bottom:1px solid #f0f4f8;display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.di-summary-row:last-child{border-bottom:none}.di-summary-row span:first-child{color:#627086}.di-summary-row span:last-child{color:#142033;font-weight:500}.di-polling-bar{margin-bottom:12px}.di-progress-track{background:#e2e8f0;border-radius:4px;height:6px;overflow:hidden}.di-progress-fill{background:#5e7fae;border-radius:4px;height:100%;transition:width .3s}.di-polling-text{color:#627086;font-size:12px;margin:6px 0 0}.di-background-progress{background:#f7f9fb;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:16px;padding:20px}.di-job-actions{display:flex;gap:6px;margin-left:auto}.di-job-retry-btn{background:#fff;border:1px solid #172233;border-radius:8px;color:#172233;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;transition:all .15s}.di-job-retry-btn:hover:not(:disabled){background:#172233;color:#fff}.di-job-cancel-btn{background:#fff;border:1px solid #d95c78;border-radius:8px;color:#d95c78;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;transition:all .15s}.di-job-cancel-btn:hover:not(:disabled){background:#fdf2f4}.di-job-cancel-btn:disabled,.di-job-retry-btn:disabled{cursor:not-allowed;opacity:.5}.di-history-section{border-top:1px solid #e2e8f0;padding-top:24px}.di-history-empty,.di-history-loading{color:#8a97aa;font-size:14px;padding:32px 0;text-align:center}.di-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.di-filter-tabs{background:#f0f4f8;border-radius:10px;display:flex;gap:2px;padding:3px}.di-filter-tab{background:none;border:none;border-radius:8px;color:#627086;cursor:pointer;font-size:12px;font-weight:500;padding:5px 12px;transition:all .15s}.di-filter-tab:hover{color:#142033}.di-filter-tab.di-filter-active{background:#fff;box-shadow:0 1px 2px #0000000f;color:#142033}.di-filter-right{align-items:center;display:flex;gap:10px}.di-per-page-select{background:#fff;border:1px solid #d4dae3;border-radius:8px;color:#142033;cursor:pointer;font-size:12px;padding:5px 10px}.di-active-indicator{align-items:center;color:#627086;display:flex;font-size:12px;gap:4px}.di-active-indicator:before{animation:di-pulse 1.5s ease-in-out infinite;background:#5e7fae;border-radius:50%;content:"";height:6px;width:6px}@keyframes di-pulse{0%,to{opacity:.4}50%{opacity:1}}.di-delete-selected-btn{background:#fff;border:1px solid #d95c78;border-radius:8px;color:#d95c78;cursor:pointer;font-size:12px;font-weight:500;padding:4px 10px;transition:all .15s}.di-delete-selected-btn:hover:not(:disabled){background:#fdf2f4}.di-delete-selected-btn:disabled{cursor:not-allowed;opacity:.5}.di-table-wrapper{overflow-x:auto}.di-history-table{border-collapse:collapse;font-size:13px;width:100%}.di-history-table th{border-bottom:1px solid #e2e8f0;color:#8a97aa;font-size:12px;font-weight:500;padding:10px 8px;text-align:left;white-space:nowrap}.di-history-table td{border-bottom:1px solid #f0f4f8;color:#627086;padding:8px}.di-history-table tbody tr:hover{background:#f7f9fb}.di-row-selected{background:#f0f4f8!important}.di-col-check{text-align:center;width:32px}.di-col-check input[type=checkbox]{cursor:pointer}.di-filename{color:#142033;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.di-col-type{width:44px}.di-col-duration{width:60px}.di-col-power{width:50px}.di-col-tss{width:40px}.di-col-status{width:80px}.di-col-actions{text-align:right;width:60px}.di-date{color:#8a97aa;white-space:nowrap}.di-activity-cell{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.di-type-badge{background:#f0f4f8;border-radius:6px;color:#627086;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 5px}.di-status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;white-space:nowrap}.di-status-completed{background:#172233;color:#fff}.di-status-processing{background:#5e7fae;color:#fff}.di-status-duplicate{background:#e2e8f0;color:#627086}.di-status-failed{background:#d95c78;color:#fff}.di-error-hint{color:#d95c78;cursor:help;font-size:12px}.di-delete-btn{align-items:center;background:none;border:none;border-radius:4px;color:#d4dae3;cursor:pointer;display:inline-flex;padding:4px;transition:all .15s}.di-delete-btn:hover{background:#fdf2f4;color:#d95c78}.di-confirm-delete{display:inline-flex;gap:4px}.di-confirm-yes{background:#d95c78;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:2px 8px}.di-confirm-yes:hover:not(:disabled){background:#c44d6a}.di-confirm-yes:disabled{opacity:.5}.di-confirm-no{background:#f0f4f8;border:none;border-radius:6px;color:#627086;cursor:pointer;font-size:11px;padding:2px 8px}.di-confirm-no:hover{background:#e2e8f0}.di-pagination{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:4px;padding:12px 0 0}.di-pagination-info{color:#8a97aa;font-size:12px}.di-pagination-controls{display:flex;gap:2px}.di-page-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#142033;cursor:pointer;display:inline-flex;font-size:12px;height:32px;justify-content:center;min-width:32px;transition:all .15s}.di-page-btn:hover:not(:disabled){background:#f0f4f8}.di-page-btn:disabled{color:#d4dae3;cursor:not-allowed}.di-page-btn.di-page-active{background:#172233;border-color:#172233;color:#fff}.period-timeline-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:16px;padding:20px}.period-timeline-empty,.period-timeline-loading{color:#8a97aa;font-size:13px;padding:20px;text-align:center}.period-timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.period-timeline-title{color:#142033;font-size:15px;font-weight:600;margin:0}.period-timeline-dates{color:#627086;font-size:12px}.period-timeline-bar-container{margin-bottom:12px;padding-bottom:18px;position:relative}.period-timeline-bar{background:#e2e8f0;border-radius:6px;display:flex;gap:1px;height:24px;overflow:hidden}.period-timeline-week{height:100%;transition:opacity .15s}.period-timeline-week.load{background:#172233}.period-timeline-week.recovery{background:#5e7fae}.period-timeline-week.current{outline:2px solid #f08a24;outline-offset:-1px;position:relative;z-index:1}.period-timeline-today{position:absolute;top:-4px;transform:translateX(-50%);z-index:2}.period-timeline-today-line{background:#d95c78;height:32px;margin:0 auto;width:2px}.period-timeline-today-label{color:#d95c78;font-size:9px;font-weight:600;margin-top:2px;text-align:center}.period-timeline-event{cursor:default;position:absolute;top:-6px;transform:translateX(-50%);z-index:3}.period-timeline-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.period-timeline-badge{background:#172233;border-radius:8px;color:#fff;display:inline-block;font-size:11px;font-weight:500;padding:2px 10px;text-transform:capitalize}.period-timeline-pattern{color:#627086;font-size:12px;font-weight:500}.period-timeline-tss{color:#8a97aa;font-size:12px}.period-timeline-zones{display:flex;gap:4px}.period-timeline-zone-tag{background:#f7f9fb;border:1px solid #e2e8f0;border-radius:6px;color:#627086;display:inline-block;font-size:10px;padding:2px 8px;text-transform:uppercase}.decision-history-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-top:16px;padding:20px}.decision-history-empty,.decision-history-loading{color:#8a97aa;font-size:13px;padding:20px;text-align:center}.decision-history-header{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.decision-history-title{color:#142033;flex:1 1;font-size:15px;font-weight:600;margin:0}.decision-history-count{color:#8a97aa;font-size:11px}.decision-history-toggle{color:#8a97aa;font-size:10px}.decision-history-timeline{display:flex;flex-direction:column;margin-top:14px}.decision-history-entry{display:flex;gap:10px;min-height:48px}.decision-history-date{flex-shrink:0;padding-top:2px;text-align:right;width:56px}.decision-history-date-day{color:#627086;display:block;font-size:11px;font-weight:500}.decision-history-date-time{color:#8a97aa;display:block;font-size:11px}.decision-history-dot-line{align-items:center;display:flex;flex-direction:column;flex-shrink:0;width:14px}.decision-history-dot{background:#5e7fae;border-radius:50%;flex-shrink:0;height:8px;margin-top:4px;width:8px}.decision-history-line{background:#e2e8f0;flex:1 1;min-height:12px;width:2px}.decision-history-entry:last-child .decision-history-line{display:none}.decision-history-content{flex:1 1;padding-bottom:14px}.decision-history-badge{border-radius:8px;color:#fff;display:inline-block;font-size:11px;font-weight:500;margin-bottom:4px;padding:2px 8px;text-transform:capitalize}.decision-history-reason{color:#142033;font-size:13px;line-height:1.4;margin:2px 0 4px}.decision-history-trigger{color:#8a97aa;display:block;font-size:11px;margin-bottom:4px}.decision-history-expand-btn{background:none;border:none;color:#5e7fae;cursor:pointer;font-size:11px;padding:2px 0}.decision-history-expand-btn:hover{color:#142033}.decision-history-changes{background:#f7f9fb;border:1px solid #e2e8f0;border-radius:10px;color:#627086;font-size:11px;margin:6px 0 0;overflow-x:auto;padding:10px 12px;white-space:pre-wrap;word-break:break-word}.decision-history-load-more{background:#fff;border:1px solid #d4dae3;border-radius:10px;color:#627086;cursor:pointer;display:block;font-size:12px;margin-top:8px;padding:8px;transition:all .15s;width:100%}.decision-history-load-more:hover{background:#f0f4f8;color:#142033}.analytics-container{padding:8px 0}.analytics-chart-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}@media (max-width:768px){.analytics-chart-grid{grid-template-columns:1fr}}.analytics-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 1px 3px #0000000a;padding:20px}.analytics-card h3{color:#8a97aa;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 14px;text-transform:uppercase}.analytics-metrics-row{display:flex;flex-wrap:wrap;gap:16px}.analytics-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000a;flex:1 1;min-width:100px;padding:16px 20px;text-align:center}.analytics-metric-label{color:#8a97aa;font-size:11px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.analytics-metric-value{color:#142033;font-size:24px;font-weight:700}.analytics-metric-unit{color:#8a97aa;font-size:13px;font-weight:400;margin-left:2px}.analytics-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px 20px;text-align:center}.analytics-empty-icon{margin-bottom:20px}.analytics-empty-icon svg{stroke:#8a97aa}.analytics-empty-state h3{color:#142033;font-size:20px;font-weight:600;margin:0 0 8px}.analytics-empty-state p{color:#627086;font-size:14px;line-height:1.6;margin:0 0 24px;max-width:420px}.analytics-empty-actions{display:flex;gap:12px}.analytics-cta-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 28px;transition:all .15s}.analytics-cta-primary{background:#172233;color:#fff}.analytics-cta-primary:hover{background:#1a2d42}.analytics-loading{padding:0}.analytics-skeleton{animation:analytics-shimmer 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#d4dae3 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:16px}.analytics-skeleton-cards{height:72px;margin-bottom:16px}.analytics-skeleton-chart{height:340px;margin-bottom:16px}.analytics-skeleton-chart-sm{height:280px}@keyframes analytics-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.analytics-range-buttons{display:flex;gap:6px;margin-bottom:12px}.analytics-range-btn{background:#fff;border:1px solid #d4dae3;border-radius:20px;color:#627086;cursor:pointer;font-size:12px;font-weight:500;padding:5px 14px;transition:all .15s}.analytics-range-btn:hover{border-color:#5e7fae}.analytics-range-btn.active{background:#172233;border-color:#172233;color:#fff}.analytics-chart-empty,.analytics-chart-loading{align-items:center;color:#8a97aa;display:flex;font-size:13px;justify-content:center;min-height:200px}.analytics-weakness-overlay{align-items:center;background:#fffc;border-radius:18px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.analytics-weakness-message{color:#627086;font-size:13px;line-height:1.5;padding:16px;text-align:center}.analytics-cadence-confidence{color:#8a97aa;font-size:11px;margin-top:8px;text-align:center}.ai-coach-container{margin:0 auto;max-width:1280px}.coach-page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:28px}.coach-page-title{color:var(--ae-text);font-size:36px;font-weight:700;letter-spacing:-.5px;margin:0}.coach-page-subtitle{color:var(--ae-text-secondary);font-size:15px;margin:4px 0 0}.coach-page-header-actions{align-items:center;display:flex;gap:10px}.coach-header-btn{align-items:center;background:var(--ae-surface);border:1px solid var(--ae-border);border-radius:12px;color:var(--ae-text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:9px 18px;transition:all .15s}.coach-header-btn:hover{background:var(--ae-bg);border-color:var(--ae-accent);color:var(--ae-text)}.coach-header-btn svg{height:16px;width:16px}.coach-insight-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.coach-insight-card{background:var(--ae-surface);border:1px solid var(--ae-border);border-radius:var(--ae-radius-lg);box-shadow:var(--ae-shadow-sm);display:flex;flex-direction:column;min-height:140px;padding:22px;transition:box-shadow .15s}.coach-insight-card:hover{box-shadow:var(--ae-shadow-md)}.coach-insight-card.loading{animation:coach-shimmer 1.5s infinite;background:linear-gradient(90deg,var(--ae-border) 25%,#d4dae3 50%,var(--ae-border) 75%);background-size:200% 100%}@keyframes coach-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.coach-insight-label{color:var(--ae-text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.coach-insight-value{color:var(--ae-text);font-size:32px;font-weight:700;line-height:1;margin-bottom:8px}.coach-insight-descriptor{color:var(--ae-accent);font-size:14px;font-weight:500;margin-bottom:4px}.coach-insight-secondary{color:var(--ae-text-muted);font-size:13px;margin-top:auto}.coach-insight-trend{align-items:center;display:inline-flex;font-size:12px;font-weight:500;gap:4px;margin-top:6px}.coach-insight-trend.up{color:var(--ae-success)}.coach-insight-trend.down{color:var(--ae-danger)}.coach-tabs{border-bottom:1px solid var(--ae-border);display:flex;gap:4px;margin-bottom:0;padding-bottom:0}.coach-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--ae-text-muted);cursor:pointer;font-size:15px;font-weight:500;margin-bottom:-1px;padding:12px 20px;transition:all .15s}.coach-tab:hover{color:var(--ae-text-secondary)}.coach-tab-active{border-bottom-color:var(--ae-accent);color:var(--ae-text)}.coach-content{min-height:500px;padding-top:4px}@media (max-width:1024px){.coach-insight-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.ai-coach-container{padding:0}.coach-page-header{flex-direction:column;gap:12px}.coach-page-title{font-size:28px}.coach-insight-row{gap:12px;grid-template-columns:1fr}.coach-insight-card{min-height:auto;padding:16px}.coach-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.coach-tab{font-size:14px;padding:10px 14px;white-space:nowrap}}.club-modal-overlay{align-items:center;animation:modal-fade-in .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.club-modal-card{animation:modal-slide-up .25s ease-out;background:#fff;border-radius:22px;box-shadow:0 20px 60px #00000026,0 1px 3px #0000000f;max-width:480px;padding:32px;width:100%}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.club-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.club-modal-title{color:#142033;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0}.club-modal-close{align-items:center;background:#eef2f6;border:none;border-radius:50%;color:#627086;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;line-height:1;transition:background .2s,color .2s;width:36px}.club-modal-close:hover{background:#e2e8f0;color:#142033}.club-modal-form{display:flex;flex-direction:column;gap:18px}.club-modal-field{display:flex;flex-direction:column;gap:7px}.club-modal-label{color:#142033;font-size:.85rem;font-weight:600}.club-modal-input,.club-modal-textarea{background:#fff;border:1px solid #e2e8f0;border-radius:14px;color:#142033;font-family:inherit;font-size:.95rem;outline:none;padding:11px 14px;resize:vertical;transition:border-color .2s,box-shadow .2s}.club-modal-input:focus,.club-modal-textarea:focus{border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1a}.club-modal-input::placeholder,.club-modal-textarea::placeholder{color:#8a97aa}.club-modal-error{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;color:#dc2626;font-size:.85rem;padding:10px 14px}.club-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.club-modal-btn{border:none;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:600;padding:11px 22px;transition:background .2s,opacity .2s,box-shadow .2s}.club-modal-btn:disabled{cursor:not-allowed;opacity:.5}.club-modal-btn-cancel{background:#eef2f6;color:#142033}.club-modal-btn-cancel:hover:not(:disabled){background:#e2e8f0}.club-modal-btn-submit{background:#5e7fae;color:#fff}.club-modal-btn-submit:hover:not(:disabled){background:#4e6d99;box-shadow:0 4px 12px #0000000f}@media (max-width:480px){.club-modal-card{border-radius:18px;margin:8px;padding:24px 20px}.club-modal-actions{flex-direction:column-reverse}.club-modal-btn{text-align:center;width:100%}}.club-detail{margin:0 auto;max-width:860px;padding:24px 16px}.club-detail-error,.club-detail-loading{padding:32px 16px}.club-detail-skeleton{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(110deg,#eef2f6 30%,#f6f8fb 50%,#eef2f6 70%);background-size:200% 100%;border-radius:14px;height:28px;margin-bottom:14px}.club-detail-skeleton.short{width:60%}.club-detail-back{align-items:center;background:none;border:none;color:#627086;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:4px;margin-bottom:16px;padding:4px 0;transition:color .2s}.club-detail-back:hover{color:#142033}.club-detail-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px;padding-bottom:20px}.club-detail-info{flex:1 1}.club-detail-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.club-detail-name{color:#142033;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.club-detail-short{background:#eef2f6;border-radius:10px;color:#627086;font-size:.85rem;font-weight:500;padding:3px 10px}.club-detail-meta{align-items:center;color:#627086;display:flex;font-size:.85rem;gap:10px;margin-top:8px}.club-role-badge{border-radius:10px;font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:3px 9px;text-transform:uppercase}.club-role-admin{background:#e2e8f0;color:#142033}.club-role-member{background:#f8fafc}.club-detail-leave,.club-role-member{border:1px solid #e2e8f0;color:#627086}.club-detail-leave{background:none;border-radius:12px;cursor:pointer;font-size:.85rem;font-weight:500;padding:9px 18px;transition:border-color .2s,color .2s,background .2s;white-space:nowrap}.club-detail-leave:hover{background:#eef2f6;border-color:#cbd5e1;color:#142033}.club-detail-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:0;margin-bottom:24px}.club-detail-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#8a97aa;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;margin-bottom:-1px;padding:12px 20px;transition:color .2s,border-color .2s}.club-detail-tab:hover{color:#142033}.club-detail-tab.active{border-bottom-color:#5e7fae;color:#142033;font-weight:600}.club-tab-badge{background:#5e7fae;border-radius:10px;color:#fff;font-size:.75rem;font-weight:700;padding:1px 7px}.club-info-tab{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:16px;padding:24px}.club-info-row{align-items:flex-start;color:#142033;display:flex;font-size:.9rem;gap:10px}.club-info-label{color:#8a97aa;flex-shrink:0;font-weight:500;min-width:90px}.club-info-description{color:#142033;line-height:1.6;margin:0}.club-members-table{background:#fff;border:1px solid #e2e8f0;border-collapse:initial;border-radius:22px;border-spacing:0;box-shadow:0 1px 3px #0000000a;font-size:.88rem;overflow:hidden;width:100%}.club-members-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#8a97aa;font-size:.78rem;font-weight:600;letter-spacing:.04em;padding:14px 16px;text-align:left;text-transform:uppercase}.club-members-table td{border-bottom:1px solid #f1f5f9;color:#142033;padding:12px 16px;vertical-align:middle}.club-members-table tr:last-child td{border-bottom:none}.club-members-table tbody tr{transition:background .15s}.club-members-table tbody tr:hover{background:#f8fafc}.club-member-avatar{border:2px solid #eef2f6;border-radius:50%;height:36px;object-fit:cover;width:36px}.club-member-initials{align-items:center;background:#eef2f6;border-radius:50%;color:#627086;display:flex;font-size:.78rem;font-weight:700;height:36px;justify-content:center;width:36px}.club-member-username{color:#8a97aa}.club-member-date{color:#8a97aa;font-size:.82rem}.club-member-actions{display:flex;flex-wrap:wrap;gap:6px}.club-no-requests{color:#8a97aa;font-size:.9rem;padding:40px 0;text-align:center}.club-requests-list{display:flex;flex-direction:column;gap:12px}.club-request-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;display:flex;gap:16px;justify-content:space-between;padding:16px 20px;transition:box-shadow .2s}.club-request-row:hover{box-shadow:0 4px 12px #0000000f}.club-request-info{display:flex;flex-direction:column;gap:3px}.club-request-name{color:#142033;font-size:.92rem;font-weight:600}.club-request-username{color:#8a97aa;font-size:.82rem}.club-request-message{color:#627086;font-size:.85rem;font-style:italic;margin-top:2px}.club-request-date{color:#8a97aa;font-size:.8rem}.club-request-actions{display:flex;flex-shrink:0;gap:8px}.club-action-btn{background:#eef2f6;border:1px solid #e2e8f0;border-radius:12px;color:#142033;cursor:pointer;font-size:.82rem;font-weight:500;padding:7px 14px;transition:background .2s,border-color .2s,box-shadow .2s;white-space:nowrap}.club-action-btn:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.club-action-btn:disabled{cursor:not-allowed;opacity:.5}.club-action-btn-danger{background:#fef2f2;border-color:#fecaca;color:#dc2626}.club-action-btn-danger:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.club-action-btn-approve{background:#5e7fae;border-color:#5e7fae;color:#fff}.club-action-btn-approve:hover:not(:disabled){background:#4e6d99;border-color:#4e6d99}.club-invite-section{margin-bottom:20px}.club-invite-toggle{background:none;border:1px solid #e2e8f0;border-radius:12px;color:#142033;cursor:pointer;font-size:.85rem;font-weight:500;padding:9px 18px;transition:border-color .2s,background .2s}.club-invite-toggle:hover{background:#eef2f6;border-color:#cbd5e1}.club-invite-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 1px 3px #0000000a;margin-top:14px;padding:18px}.club-invite-input{border:1px solid #e2e8f0;border-radius:14px;box-sizing:border-box;color:#142033;font-size:.9rem;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.club-invite-input::placeholder{color:#8a97aa}.club-invite-input:focus{border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1a}.club-invite-msg{color:#627086;font-size:.85rem;margin:10px 0 0}.club-invite-results{display:flex;flex-direction:column;gap:8px;margin-top:12px}.club-invite-row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:10px 14px;transition:background .15s}.club-invite-row:hover{background:#eef2f6}.club-invite-user{align-items:center;color:#142033;display:flex;font-size:.88rem;gap:10px}.club-invite-no-results{color:#8a97aa;font-size:.85rem;margin:12px 0 0;text-align:center}@media (max-width:640px){.club-detail{padding:16px 12px}.club-detail-header{flex-direction:column;gap:12px}.club-detail-leave{align-self:flex-start}.club-detail-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.club-detail-tab{font-size:.85rem;padding:10px 14px}.club-members-table{font-size:.82rem}.club-members-table td,.club-members-table th{padding:10px}.club-request-row{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 16px}.club-info-tab{padding:18px}.club-info-row{flex-direction:column;gap:4px}.club-info-label{min-width:0;min-width:auto}}.clubs-list-view{margin:0 auto;max-width:860px;padding:24px 16px}.clubs-list-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:28px}.clubs-list-title{color:#142033;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.clubs-create-btn{background:#5e7fae;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;padding:10px 20px;transition:background .2s,box-shadow .2s;white-space:nowrap}.clubs-create-btn:hover{background:#4e6d99;box-shadow:0 4px 12px #0000000f}.clubs-search-section{margin-bottom:28px;position:relative}.clubs-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-sizing:border-box;color:#142033;font-size:.95rem;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.clubs-search-input:focus{border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1a}.clubs-search-input::placeholder{color:#8a97aa}.clubs-search-loading{color:#8a97aa;font-size:.9rem;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.clubs-search-results{margin-bottom:32px}.clubs-section-title{color:#8a97aa;font-size:.8rem;font-weight:600;letter-spacing:.08em;margin:0 0 14px;text-transform:uppercase}.clubs-search-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px;padding:14px 18px;transition:box-shadow .2s,border-color .2s}.clubs-search-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.clubs-search-card-info{display:flex;flex-direction:column;gap:3px}.clubs-search-card-name{color:#142033;font-size:.95rem;font-weight:600}.clubs-search-card-count{color:#8a97aa;font-size:.82rem}.clubs-search-card-action{align-items:center;display:flex;flex-shrink:0;gap:8px}.clubs-invitations-section{margin-bottom:28px}.clubs-invitation-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-left:3px solid #5e7fae;border-radius:16px;box-shadow:0 1px 3px #0000000a;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px;padding:16px 18px;transition:box-shadow .2s}.clubs-invitation-card:hover{box-shadow:0 4px 12px #0000000f}.clubs-invitation-info{display:flex;flex-direction:column;gap:4px;min-width:0}.clubs-invitation-name{color:#142033;font-size:.95rem;font-weight:600}.clubs-invitation-short{align-self:flex-start;background:#eef2f6;border-radius:8px;color:#627086;font-size:.78rem;padding:2px 8px}.clubs-invitation-by{color:#627086;font-size:.82rem}.clubs-invitation-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.clubs-my-section{margin-top:8px}.clubs-loading{display:flex;flex-direction:column;gap:14px}.clubs-skeleton-card{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(110deg,#eef2f6 30%,#f6f8fb 50%,#eef2f6 70%);background-size:200% 100%;border-radius:22px;height:100px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.clubs-error{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;color:#dc2626;font-size:.9rem;padding:14px 18px}.clubs-empty{color:#627086;padding:56px 16px;text-align:center}.clubs-empty p{font-size:1rem;margin:0 0 6px}.clubs-empty-subtitle{color:#8a97aa;font-size:.88rem}.clubs-card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.clubs-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;cursor:pointer;padding:20px 22px;transition:border-color .2s,box-shadow .25s,transform .2s}.clubs-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.clubs-card-top{align-items:center;display:flex;gap:10px;margin-bottom:10px}.clubs-card-name{color:#142033;font-size:1.05rem;font-weight:600}.clubs-card-short{background:#eef2f6;border-radius:8px;color:#627086;font-size:.75rem;font-weight:500;padding:2px 8px}.clubs-card-bottom{align-items:center;display:flex;justify-content:space-between}.clubs-card-count{color:#8a97aa;font-size:.82rem}.clubs-card-badges{align-items:center;display:flex;gap:6px}.clubs-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#627086;display:-webkit-box;font-size:.85rem;line-height:1.5;margin:10px 0 0;overflow:hidden}.clubs-role-badge{border-radius:10px;font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:3px 9px;text-transform:uppercase}.clubs-role-admin{background:#e2e8f0;color:#142033}.clubs-role-member{background:#f8fafc;border:1px solid #e2e8f0;color:#627086}.clubs-pending-badge{align-items:center;background:#5e7fae;border-radius:50%;color:#fff;display:flex;font-size:.72rem;font-weight:700;height:22px;justify-content:center;width:22px}.clubs-badge{border-radius:10px;font-size:.78rem;font-weight:500;padding:4px 10px}.clubs-badge-pending{background:#f1f5f9;border:1px solid #e2e8f0;color:#627086}.clubs-badge-joined{background:#f0f9f4;border:1px solid #bbf7d0;color:#166534}.clubs-action-btn{background:#5e7fae;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:500;padding:8px 16px;transition:background .2s,opacity .2s,box-shadow .2s}.clubs-action-btn:hover:not(:disabled){background:#4e6d99;box-shadow:0 4px 12px #0000000f}.clubs-action-btn:disabled{cursor:not-allowed;opacity:.5}.clubs-action-btn-cancel{background:none;border:1px solid #e2e8f0;color:#627086}.clubs-action-btn-cancel:hover:not(:disabled){background:#eef2f6;border-color:#cbd5e1}.clubs-rides-section{margin-bottom:1.5rem}.clubs-ride-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000a;cursor:pointer;margin-bottom:10px;padding:14px 18px;transition:box-shadow .2s,border-color .2s,transform .2s}.clubs-ride-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.clubs-ride-card-title{color:#142033;font-size:.95rem;font-weight:600}.clubs-ride-card-meta{color:#627086;display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem;margin-top:6px}@media (max-width:640px){.clubs-card-grid{grid-template-columns:1fr}.clubs-list-header{flex-wrap:wrap;gap:10px}.clubs-create-btn{font-size:.85rem;padding:9px 16px}.clubs-list-view{padding:16px 12px}.clubs-card{padding:16px 18px}.clubs-invitation-card{gap:12px}.clubs-invitation-card,.clubs-search-card{align-items:flex-start;flex-direction:column}.clubs-search-card{gap:10px}}.create-group-ride{margin:0 auto;max-width:640px;padding:24px}.create-group-ride-header{align-items:center;display:flex;gap:16px;margin-bottom:28px}.create-group-ride-header h2{color:#142033;font-size:1.4rem;font-weight:700;letter-spacing:-.01em;margin:0}.create-group-ride-back{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;color:#627086;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .18s ease}.create-group-ride-back:hover{background-color:#eef2f6;box-shadow:0 4px 12px #0000000f;color:#142033}.create-group-ride-success{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;color:#166534}.create-group-ride-error,.create-group-ride-success{font-size:.9rem;font-weight:500;margin-bottom:20px;padding:14px 18px}.create-group-ride-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:14px;color:#991b1b}.create-group-ride-form{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:22px;padding:28px 24px}.create-group-ride-form .form-group{display:flex;flex-direction:column;gap:8px}.create-group-ride-form .form-group label:first-child{color:#627086;font-size:.85rem;font-weight:600;letter-spacing:.01em}.create-group-ride-form input[type=datetime-local],.create-group-ride-form input[type=text],.create-group-ride-form select,.create-group-ride-form textarea{background:#fff;border:1px solid #e2e8f0;border-radius:14px;color:#142033;font-family:inherit;font-size:.95rem;padding:12px 14px;transition:border-color .18s ease,box-shadow .18s ease}.create-group-ride-form input:focus,.create-group-ride-form select:focus,.create-group-ride-form textarea:focus{border-color:#5e7fae;box-shadow:0 0 0 3px #5e7fae1f;outline:none}.create-group-ride-form textarea{min-height:80px;resize:vertical}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:520px){.form-row{grid-template-columns:1fr}.create-group-ride{padding:16px}.create-group-ride-form{padding:20px 16px}}.radio-group{display:flex;flex-wrap:wrap;gap:8px}.radio-label{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#142033;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 14px;transition:all .18s ease}.radio-label:hover{background:#eef2f6;border-color:#5e7fae}.radio-label input[type=radio]{accent-color:#5e7fae;height:16px;width:16px}.radio-label input[type=radio]:checked+span{color:#142033;font-weight:600}.create-group-ride-submit{background-color:#5e7fae;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.01em;margin-top:4px;padding:14px 28px;transition:all .18s ease}.create-group-ride-submit:hover:not(:disabled){background-color:#4a6a96;box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.create-group-ride-submit:disabled{cursor:not-allowed;opacity:.45}.group-ride-route{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.group-ride-route-header{align-items:center;display:flex;justify-content:space-between;padding:16px 20px 12px}.group-ride-route-title{color:#142033;font-size:.95rem;font-weight:700;letter-spacing:-.01em}.group-ride-route-source-badge{align-items:center;background:#eef2f6;border-radius:20px;color:#8a97aa;display:inline-flex;font-size:.72rem;font-weight:600;gap:5px;letter-spacing:.03em;padding:4px 12px;text-transform:uppercase}.group-ride-route-map{border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;height:220px;width:100%}.group-ride-route-stats{display:flex;gap:24px;padding:16px 20px}.group-ride-route-stat{align-items:center;display:flex;flex-direction:column;gap:2px}.group-ride-route-stat-value{color:#142033;font-size:.95rem;font-weight:700}.group-ride-route-stat-label{color:#8a97aa;font-size:.68rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.group-ride-route-actions{display:flex;gap:10px;padding:10px 20px 16px}.group-ride-route-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;color:#142033;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:7px;padding:8px 16px;text-decoration:none;transition:all .18s ease}.group-ride-route-btn:hover{background:#eef2f6;box-shadow:0 4px 12px #0000000f;color:#5e7fae;transform:translateY(-1px)}.group-ride-route-btn-icon{font-size:.9rem}.group-ride-route-empty{color:#8a97aa;font-size:.88rem;font-weight:500;padding:32px 20px;text-align:center}.group-ride-route-end-location{align-items:center;border-top:1px solid #e2e8f0;display:flex;font-size:.88rem;gap:8px;padding:12px 20px 16px}.group-ride-route-end-icon{font-size:.95rem}.group-ride-route-end-label{color:#8a97aa;font-weight:600}.group-ride-route-end-name{color:#142033;font-weight:500}@media (max-width:600px){.group-ride-route-header{padding:14px 16px 10px}.group-ride-route-map{height:180px}.group-ride-route-stats{gap:18px;padding:14px 16px}.group-ride-route-actions{flex-wrap:wrap;padding:8px 16px 14px}.group-ride-route-end-location{padding:10px 16px 14px}}.slideshow-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14203373;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.slideshow-modal{background:#fff;border-radius:22px;box-shadow:0 20px 60px #00000026,0 4px 16px #0000000f;max-height:85vh;max-width:620px;overflow-y:auto;position:relative;width:100%}.slideshow-modal::-webkit-scrollbar{width:6px}.slideshow-modal::-webkit-scrollbar-track{background:#0000}.slideshow-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.slideshow-modal-close{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:34px;justify-content:center;position:absolute;right:14px;top:14px;transition:background .15s ease;width:34px;z-index:10}.slideshow-modal-close:hover{background:#000000a6}.slideshow-modal-error,.slideshow-modal-loading{align-items:center;color:#627086;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:72px 24px}.slideshow-loading-spinner{animation:slideshow-spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#5e7fae;height:30px;width:30px}@keyframes slideshow-spin{to{transform:rotate(1turn)}}.slideshow-modal-error button{background:#142033;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.88rem;font-weight:500;padding:9px 22px;transition:all .2s ease}.slideshow-modal-error button:hover{background:#1e3047}.slideshow-header-section{border-radius:22px 22px 0 0;height:220px;overflow:hidden;position:relative;width:100%}.slideshow-header-image{height:100%;object-fit:cover;width:100%}.slideshow-header-fallback{background:linear-gradient(135deg,#e2e8f0,#cbd5e1 40%,#8a97aa);height:100%;width:100%}.slideshow-header-overlay{background:linear-gradient(#0000,#0009);bottom:0;left:0;padding:32px 24px 20px;position:absolute;right:0}.slideshow-header-title{color:#fff;font-size:1.35rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0;text-shadow:0 1px 4px #0003}.slideshow-header-date{color:#ffffffd9;font-size:.84rem;margin:6px 0 0}.slideshow-summary-stats{border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-around;padding:18px 16px}.slideshow-stat{align-items:center;display:flex;flex-direction:column;gap:3px}.slideshow-stat-value{color:#142033;font-size:.98rem;font-weight:650;letter-spacing:-.01em}.slideshow-stat-label{color:#8a97aa;font-size:.64rem;font-weight:500;letter-spacing:.6px;text-transform:uppercase}.slideshow-timeline{padding:20px 24px}.slideshow-timeline-title{color:#142033;font-size:.92rem;font-weight:650;letter-spacing:-.01em;margin:0 0 18px}.slideshow-timeline-item{display:flex;gap:14px;padding-bottom:22px;position:relative}.slideshow-timeline-item:last-child{padding-bottom:0}.slideshow-timeline-item:before{background:#e2e8f0;bottom:0;content:"";left:5px;position:absolute;top:16px;width:1px}.slideshow-timeline-item:last-child:before{display:none}.slideshow-timeline-dot{background:#5e7fae;border-radius:50%;box-shadow:0 0 0 3px #5e7fae26;flex-shrink:0;height:11px;margin-top:4px;width:11px}.slideshow-timeline-content{flex:1 1;min-width:0}.slideshow-item-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.slideshow-item-avatar{border:1.5px solid #f1f5f9;border-radius:50%;flex-shrink:0;height:30px;object-fit:cover;width:30px}.slideshow-item-avatar-placeholder{align-items:center;background:#f1f5f9;border-radius:50%;color:#8a97aa;display:flex;flex-shrink:0;font-size:.72rem;font-weight:600;height:30px;justify-content:center;width:30px}.slideshow-item-user-info{align-items:center;display:flex;gap:8px}.slideshow-item-user-name{color:#142033;font-size:.84rem;font-weight:600}.slideshow-item-time{font-feature-settings:"tnum";color:#8a97aa;font-size:.72rem;font-variant-numeric:tabular-nums}.slideshow-item-body{padding-left:38px}.slideshow-item-image{border-radius:14px;margin-bottom:6px;max-height:300px;object-fit:cover;width:100%}.slideshow-item-text{color:#627086;font-size:.88rem;line-height:1.55;margin:0}.slideshow-item-transcript{color:#627086;font-size:.84rem;font-style:italic;line-height:1.5;margin:6px 0 0}.slideshow-audio-player{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;display:flex;gap:10px;margin-bottom:6px;padding:10px 14px}.slideshow-audio-play-btn{align-items:center;background:#5e7fae;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.76rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.slideshow-audio-play-btn:hover{background:#4d6b96;box-shadow:0 2px 8px #5e7fae4d}.slideshow-audio-progress{background:#e2e8f0;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.slideshow-audio-progress-fill{background:#5e7fae;border-radius:2px;height:100%;transition:width .1s linear}.slideshow-audio-duration{font-feature-settings:"tnum";color:#8a97aa;font-size:.73rem;font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width:640px){.slideshow-modal-overlay{align-items:flex-end;padding:0}.slideshow-modal{border-radius:22px 22px 0 0;max-height:95vh;max-width:100%}.slideshow-header-section{border-radius:22px 22px 0 0;height:180px}.slideshow-timeline{padding:16px 18px}.slideshow-item-body{padding-left:0}}.group-ride-detail{margin:0 auto;max-width:680px;padding:20px}.group-ride-detail-header{align-items:center;display:flex;gap:14px;margin-bottom:24px}.group-ride-detail-back{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;color:#627086;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .18s ease}.group-ride-detail-back:hover{background:#eef2f6;box-shadow:0 4px 12px #0000000f;color:#142033}.group-ride-detail-title{color:#142033;font-size:1.35rem;font-weight:700;letter-spacing:-.01em;margin:0}.group-ride-detail-info{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;margin-bottom:20px;padding:22px 24px}.group-ride-detail-meta{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px}.group-ride-detail-date{color:#142033;font-size:.95rem;font-weight:600}.group-ride-detail-time{background:#eef2f6;border-radius:8px;color:#8a97aa;font-size:.85rem;font-weight:500;padding:4px 10px}.group-ride-detail-location{align-items:baseline;display:flex;font-size:.88rem;gap:8px;margin-bottom:10px}.group-ride-detail-location-label{color:#8a97aa;font-weight:600;white-space:nowrap}.group-ride-detail-description{background:#eef2f6;border-radius:14px;color:#627086;font-size:.92rem;line-height:1.6;margin:14px 0;padding:14px 16px}.group-ride-detail-participants{border-top:1px solid #e2e8f0;color:#8a97aa;font-size:.82rem;font-weight:500;margin-top:12px;padding-top:12px}.group-ride-detail-slideshow-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;color:#5e7fae;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;margin-top:14px;padding:10px 20px;transition:all .18s ease}.group-ride-detail-slideshow-btn:hover{background:#eef2f6;box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.group-ride-detail-error,.group-ride-detail-loading{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 1px 3px #0000000a;color:#8a97aa;font-size:.92rem;padding:48px 20px;text-align:center}@media (max-width:600px){.group-ride-detail{padding:14px}.group-ride-detail-info{padding:18px 16px}.group-ride-detail-title{font-size:1.15rem}}
/*# sourceMappingURL=main.b303ad93.css.map*/