@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css);:root{--bg:#071113;--bg2:#0b181a;--panel:#0e1d20;--line:#ffffff1c;--text:#f4f8f6;--muted:#9eaeab;--accent:#72e4a7;--accent2:#a4f5ca;--dark:#07110e;--max:1200px;--radius:22px;--shadow:0 22px 70px #00000047}*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#071113;background:var(--bg);color:#f4f8f6;color:var(--text);font-family:Noto Sans TC,Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.container{margin:auto;width:min(calc(100% - 48px),1200px);width:min(calc(100% - 48px),var(--max))}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.section{display:flex;justify-content:center;width:100%}.home-container{margin:0 auto;width:100%}body,html{background-color:var(--bg-main);color:var(--text-primary);margin:0;max-width:100vw;overflow-x:hidden;padding:0}.home-container{margin:auto;max-width:1200px;padding:0 24px}[data-theme=light] .hero-section{background:radial-gradient(circle at 80% 20%,#e6f7f0 0,#f0fdf4 60%,#f8fafc 100%)}.contact,.feature,.footer,.hero-section,.partner,.partner-logos,.platform,.section531,.stats-bar-container{max-width:100vw;overflow-x:hidden}.navbar{background:#000;color:#fff;height:57px;position:relative;z-index:100}.navbar .container{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;width:100%}.navbar-logo{flex-shrink:0;height:40px}.menu{align-items:center;display:flex;font-size:14px;gap:28px}.navbar-hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;justify-content:center;padding:4px}.navbar-hamburger span{background:#fff;border-radius:2px;display:block;height:2px;transition:transform .2s,opacity .2s;width:22px}.mobile-menu{background:#111;display:none;flex-direction:column;gap:0;left:0;padding:8px 24px 20px;position:absolute;right:0;top:57px;z-index:99}.mobile-menu.open{display:flex}.mobile-menu .navbar-signup-btn,.mobile-menu a{background:none!important;border-bottom:1px solid #222;border-radius:0!important;box-shadow:none!important;color:#fff;display:block;font-size:15px;outline:none!important;padding:12px 0;text-decoration:none;width:100%}.mobile-menu .navbar-signup-btn{background:#e60012!important;border-bottom:none;border-radius:4px!important;margin-top:8px;padding:12px 0;text-align:center}.hero-section{align-items:center;background-color:var(--bg-main);box-sizing:border-box;color:var(--text-primary)!important;display:flex;min-height:500px;padding:80px 40px 60px;position:relative;z-index:1}.hero-overflow-wrapper,.hero-section{overflow:hidden;width:100%}.hero-track{display:flex;transition:transform .6s cubic-bezier(.25,1,.5,1);width:100%;will-change:transform}.hero-slide{box-sizing:border-box!important;flex:0 0 100%!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.hero-dots{z-index:10}.hero-container{align-items:center;display:flex;gap:40px;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}.hero-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;max-width:580px;text-align:left}.hero-subtag{color:var(--text-hit)!important;display:inline-block;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:16px}.hero-left{width:100%}.hero-title{color:var(--text-primary)!important;font-size:60px!important;font-weight:700!important;line-height:1.01!important;margin:0 0 20px!important;max-width:100%!important;position:static!important;transform:none!important;word-break:break-word}.hero-image-area{align-items:center}.hero-img{border-radius:12px;height:auto;max-width:480px;object-fit:cover;width:100%}.hero-description{color:var(--text-secondary)!important;font-size:15px!important;line-height:1.5!important;margin-bottom:32px!important}.hero-buttons{display:flex;gap:14px}.btn-primary,.hero-buttons .btn-primary{background-color:var(--text-hit);border:none!important;border-radius:8px!important;color:var(--text-primary);cursor:pointer;font-size:15px!important;font-weight:700!important;padding:12px 28px!important;transition:background-color .2s ease}.btn-primary:hover,.hero-buttons .btn-primary:hover{background-color:#1ccb74!important}.btn-secondary,.hero-buttons .btn-secondary{background-color:#ffffff0d!important;border:1px solid #fff3!important;border-radius:8px!important;color:#fff!important;cursor:pointer;font-size:15px!important;font-weight:600!important;padding:12px 28px!important;transition:background-color .2s ease}.carousel-arrow{align-items:center;background:var(--arrow-bg);border:var(--arrow-border);border-radius:50%;color:var(--arrow-text);cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:44px;z-index:10}.carousel-arrow:hover{background:var(--arrow-check);border-color:var(--arrow-border);color:var(--arrow-text)}.carousel-arrow.left{left:24px}.carousel-arrow.right{right:24px}@media (max-width:768px){.hero-section{overflow:hidden!important;padding:24px 0 40px!important;position:relative!important}.hero-overflow-wrapper{overflow:hidden!important;width:100%!important}.hero-container{flex-direction:column-reverse!important;gap:20px!important;padding:0 42px!important;text-align:center!important}.hero-container,.hero-content{box-sizing:border-box!important;width:100%!important}.hero-content{align-items:center!important;max-width:100%!important}.hero-left{box-sizing:border-box!important;text-align:center!important;width:100%!important}.hero-subtag{display:block!important;margin-bottom:8px!important}.hero-subtag,.hero-title{width:100%!important;word-break:break-word!important}.hero-title{font-size:24px!important;line-height:1.3!important;margin-bottom:12px!important}.hero-description,.hero-title{overflow-wrap:anywhere!important;white-space:normal!important}.hero-description{font-size:14px!important;line-height:1.5!important;margin-bottom:20px!important;word-break:break-word!important}.hero-description,.hero-image-area{box-sizing:border-box!important;width:100%!important}.hero-image-area{justify-content:center!important}.hero-img{max-height:220px!important;max-width:100%!important;object-fit:contain!important;width:100%!important}.hero-buttons{box-sizing:border-box!important;flex-direction:column!important;gap:10px!important;width:100%!important}.hero-buttons .btn-primary,.hero-buttons .btn-secondary,.hero-buttons .home-btn2,.hero-buttons .trainlive-btn{box-sizing:border-box!important;display:block!important;margin:0!important;padding:12px 16px!important;text-align:center!important;width:100%!important}.carousel-arrow{font-size:14px!important;height:32px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:32px!important;z-index:20!important}.carousel-arrow.left{left:4px!important}.carousel-arrow.right{right:4px!important}.pain-section{background-position:center 20px!important;background-size:240px auto!important;padding-bottom:50px!important;padding-top:250px!important}.pain-header{margin-bottom:24px!important;padding-left:0!important}.pain-title{font-size:26px!important;line-height:1.3!important}.pain-subtitle{font-size:14px!important}.pain-grid{gap:16px!important;grid-template-columns:1fr!important;margin-top:24px!important}}.home-btn2{background-color:var(--bottom-bg2);border-radius:8px;color:var(--bottom-text2)!important;display:inline-block;font-size:15px;font-weight:700;padding:12px 28px;text-decoration:none;transition:transform .2s ease,background-color .2s ease}.home-btn2:hover{background-color:var(--bottom-check2);transform:translateY(-2px)}.stats-bar-container{background-color:var(--bg-main);border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);box-sizing:border-box;display:grid;grid-template-columns:repeat(5,1fr);margin:0 auto!important;max-width:1200px;padding:20px 16px;width:100%}.stats-item{align-items:center!important;border-right:1px solid var(--border-color);box-sizing:border-box;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:12px 8px;text-align:center!important}.stats-item:last-child{border-right:none}.stats-value-group{gap:6px;justify-content:center}.stats-icon,.stats-value-group{align-items:center;display:flex}.stats-icon{color:var(--text-hit)}.stats-number{color:var(--text-primary)!important;font-size:22px!important;font-weight:700!important;line-height:1}.stats-label{color:#718096;font-size:12px;letter-spacing:.5px;line-height:1.3;white-space:pre-line;word-break:keep-all!important}@media (max-width:768px){.stats-bar-container{gap:12px 0;grid-template-columns:repeat(2,1fr)!important;margin:0 auto!important;padding:16px 12px!important;width:100%!important}.stats-item{border-bottom:1px solid var(--border-color);border-right:none!important;padding:12px 6px!important}.stats-item:nth-child(odd){border-right:1px solid var(--border-color)!important}.stats-item:last-child{border-bottom:none!important;border-right:none!important;grid-column:1/-1!important}.stats-number{font-size:20px!important}.stats-label{font-size:11px!important}}.pain-section{background-color:var(--bg-main);background-image:var(--bg-url);background-position:100px top;background-repeat:no-repeat;background-size:500px auto;box-sizing:border-box;padding:80px 40px;position:relative}.pain-container{margin:0 auto;max-width:1200px}.pain-header{margin-bottom:40px;padding-left:22%;text-align:center}.pain-eyebrow{color:var(--text-hit);display:inline-block;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:8px}.pain-title{color:var(--text-primary)!important;font-size:48px;font-weight:700;line-height:1.2;margin:0 0 12px}.pain-subtitle{color:#a0aec0;font-size:15px;margin:0}.pain-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-top:60px}.pain-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;padding:20px 16px;transition:transform .2s ease,border-color .2s ease}.pain-card:hover{border-color:#20e38266;transform:translateY(-4px)}.pain-num{color:var(--text-hit);font-size:18px;font-weight:800;margin-bottom:8px}.pain-image-slot{align-items:center;background:#0000;border:none;display:flex;height:120px;justify-content:center;margin-bottom:16px;overflow:hidden;width:100%}.pain-image-slot img{height:100%;object-fit:contain;width:100%}.pain-card-title{color:var(--text-hit2);font-size:15px;font-weight:700;line-height:1.3;margin:0 0 8px}.pain-card-desc{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0}@media (max-width:768px){.pain-section{background-position:top;padding-top:250px}.pain-header{padding-left:0}.pain-grid{grid-template-columns:1fr;margin-top:30px}}.hero-title{white-space:pre-line}.solution-section{background-color:var(--bg-main);box-sizing:border-box;color:var(--text-primary)!important;margin-bottom:0;margin-top:0;padding:80px 40px}.solution-container{margin:0 auto;max-width:1200px}.solution-header{margin-bottom:50px;text-align:center}.solution-eyebrow{color:var(--text-hit);display:inline-block;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:12px}.solution-title{color:var(--text-primary)!important;font-size:48px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin:0 0 16px}.solution-title .highlight{color:var(--text-hit)}.solution-subtitle{color:#a0aec0;font-size:15px;margin:0}.solution-grid{align-items:stretch;display:flex;gap:8px;justify-content:space-between}.solution-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;padding:24px 18px;transition:transform .2s ease,border-color .2s ease}.solution-card:hover{border-color:#20e38266;transform:translateY(-4px)}.solution-num{color:var(--text-hit);font-size:18px;font-weight:800;margin-bottom:8px}.solution-card-title{color:var(--text-primary)!important;font-size:20px;font-weight:700;margin:0 0 4px}.solution-card-sub{color:var(--text-secondary)!important;font-size:12px;margin-bottom:16px;white-space:pre-line}.solution-image-slot{align-items:center;background:#ffffff05;border:1px dashed #ffffff26;border-radius:8px;color:#718096;display:flex;font-size:12px;height:120px;justify-content:center;margin-bottom:20px;overflow:hidden;width:100%}.solution-image-slot img{height:100%;object-fit:cover;width:100%}.solution-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.solution-list li{color:#cbd5e0;font-size:13px;line-height:1.1;padding-left:14px;position:relative}.solution-list li:before{color:var(--text-hit);content:"•";left:0;position:absolute;top:-1px}.solution-arrow{align-items:center;color:var(--text-hit);display:flex;font-size:18px;font-weight:700;justify-content:center;opacity:.7;-webkit-user-select:none;user-select:none}@media (max-width:1024px){.solution-grid{flex-direction:column;gap:16px}.solution-arrow{padding:8px 0;transform:rotate(90deg)}.solution-title{font-size:28px}}.core-features-section{background-color:var(--bg-main);box-sizing:border-box;color:var(--text-primary)!important;padding:80px 40px}.core-features-container{margin:0 auto;max-width:1200px}.features-header{margin-bottom:50px;text-align:center}.features-eyebrow{color:var(--text-hit);display:inline-block;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:12px}.features-title{color:var(--text-primary)!important;font-size:48px;font-weight:800;letter-spacing:-.5px;margin:0 0 16px}.features-subtitle{color:var(--text-secondary)!important;font-size:15px;margin:0}.features-carousel-wrapper{gap:20px;position:relative}.f-arrow,.features-carousel-wrapper{align-items:center;display:flex;justify-content:center}.f-arrow{background:var(--arrow-bg);border:var(--arrow-border);border-radius:50%;color:var(--arrow-text)!important;cursor:pointer;flex-shrink:0;font-size:24px;height:44px;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:44px}.f-arrow:hover{background:#20e38233;border-color:var(--text-hit);color:var(--text-hit)}.features-card{background:var(--bg-card);border:5px solid var(--arrow-border);border-radius:20px;box-sizing:border-box;display:grid;flex:1 1;grid-template-columns:1fr 1fr;max-width:1000px;min-height:440px;overflow:hidden}.features-copy{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:48px}.features-index{color:var(--text-hit);font-size:18px;font-weight:800;margin-bottom:8px}.features-card-title{color:var(--text-primary);font-size:26px;font-weight:700;line-height:1.1;margin:16px 0 8px}.features-card-sub{color:var(--text-hit);font-size:18px;font-weight:500;margin:0 0 16px}.features-card-desc{color:var(--text-secondary);font-size:14px;line-height:1.1;margin:0 0 24px}.features-more-btn{align-items:center;color:var(--text-hit);display:inline-flex;font-size:15px;font-weight:700;gap:6px;text-decoration:none;transition:opacity .2s}.features-more-btn:hover{opacity:.8}.features-visual{align-items:center;background:#0003;border-left:1px solid #ffffff0d;display:flex;justify-content:center;overflow:hidden;position:relative}.features-visual img{height:100%;object-fit:cover;width:100%}.features-placeholder{border:1px dashed #ffffff26;border-radius:8px;color:#718096;font-size:14px;padding:20px 30px}.features-dots{display:flex;gap:10px;justify-content:center;margin-top:24px}.f-dot{background:var(--text-secondary);border-radius:50%;cursor:pointer;height:8px;transition:all .2s ease;width:8px}.f-dot.active{background:var(--text-hit);border-radius:4px;width:24px}@media (max-width:900px){.features-card{grid-template-columns:1fr;min-height:auto}.features-visual{border-left:none;border-top:1px solid #ffffff0d;height:240px}.features-copy{padding:30px 24px}}@media (max-width:600px){.features-carousel-wrapper{flex-direction:row!important;padding:0 10px!important;position:relative!important}.f-arrow{box-shadow:0 4px 10px #0000004d!important;display:flex!important;font-size:18px!important;height:36px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:36px!important;z-index:10!important}.f-arrow.left,.f-arrow:first-of-type{left:4px!important}.f-arrow.right,.f-arrow:last-of-type{right:4px!important}}.trainlive-section{background-color:var(--bg-main);box-sizing:border-box;color:var(--text-primary)!important;padding:90px 40px}.trainlive-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1.1fr;margin:0 auto;max-width:1200px}.trainlive-eyebrow{color:var(--text-hit);display:inline-block;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:12px}.trainlive-title{color:var(--text-primary);font-size:48px;font-weight:800;line-height:1.1;margin:0 0 20px}.trainlive-title .highlight{color:var(--text-hit)}.trainlive-desc{color:var(--text-primary);font-size:16px;line-height:1.1;margin-bottom:32px;max-width:520px}.trainlive-btn{background-color:var(--bottom-bg);border-radius:8px;color:var(--bottom-text)!important;display:inline-block;font-size:15px;font-weight:700;padding:12px 28px;text-decoration:none;transition:transform .2s ease,background-color .2s ease}.trainlive-btn:hover{background-color:var(--bottom-check);transform:translateY(-2px)}.trainlive-dashboard{background:#ffffff05;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #00000080;box-sizing:border-box;padding:30px}.dash-header{align-items:center;display:flex;font-size:13px;font-weight:800;justify-content:space-between;letter-spacing:1px}.dash-live,.dash-title{color:var(--text-hit)}.dash-live{align-items:center;display:flex;gap:8px}.live-dot{animation:pulse-dot 1.2s ease-in-out infinite;background-color:var(--text-hit);border-radius:50%;box-shadow:0 0 8px var(--text-hit);height:8px;width:8px}@keyframes pulse-dot{0%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.3;transform:scale(.8)}}.dash-heartline{align-items:center;background:linear-gradient(180deg,#20e3820d,#0000);border-radius:8px;display:flex;height:140px;justify-content:center;margin:20px 0;overflow:hidden}.ecg-svg{height:100%;width:100%}.dash-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.dash-stat-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;display:flex;flex-direction:column;padding:16px}.stat-value{color:#fff;font-family:Inter,sans-serif;font-size:26px;transition:all .3s ease}.stat-label{color:#718096;font-size:11px;font-weight:600;margin-top:4px}.dash-bars{align-items:flex-end;display:flex;gap:8px;height:80px}.dash-bar-item{background:var(--dash-bar-item);border-radius:4px 4px 0 0;flex:1 1;transition:height .6s cubic-bezier(.4,0,.2,1)}.dash-bar-item:hover{background:var(--text-hit)}@media (max-width:900px){.trainlive-container{gap:32px;grid-template-columns:1fr}}@media (max-width:768px){.trainlive-section{padding:60px 20px}.trainlive-title{font-size:28px;line-height:1.1}.trainlive-desc{font-size:14px;margin-bottom:24px}.trainlive-dashboard{border-radius:16px;padding:20px 16px}.dash-heartline{height:100px;margin:12px 0}}@media (max-width:480px){.trainlive-title{font-size:22px}.dash-stats-grid{gap:8px}.dash-stat-card{padding:10px 8px}.stat-value{font-size:20px!important}.stat-label{font-size:10px}}.partner-stories-section{background-color:var(--bg-main);color:var(--text-primary)!important;padding:50px 0}.partner-container{margin:0 auto;max-width:1000px;text-align:center}.partner-eyebrow{color:var(--text-hit);display:block;font-size:13px;font-weight:800;letter-spacing:1.5px;margin-bottom:12px}.partner-title{color:var(--text-primary);font-size:48px;font-weight:800;margin:0 0 12px}.partner-desc{color:var(--text-primary);font-size:16px;margin:0 0 45px}.video-carousel{align-items:center;display:flex;gap:20px;justify-content:center;position:relative}.video-frame{aspect-ratio:16/9;background:#030707;border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 20px 50px #00000080;max-width:820px;overflow:hidden;width:100%}.video-frame iframe{border:0;height:100%;width:100%}.video-arrow{align-items:center;background:var(--arrow-bg);border:var(--arrow-border);border-radius:50%;color:var(--arrow-text)!important;cursor:pointer;display:flex;flex-shrink:0;font-size:28px;height:48px;justify-content:center;line-height:1;transition:all .25s ease;width:48px}.video-arrow:hover{background:#72e4a7;border-color:#72e4a7;color:#071113;transform:scale(1.08)}.video-dots{display:flex;gap:8px;justify-content:center;margin-top:24px}.video-dots .dot{background:var(--text-secondary);border:none;border-radius:99px;cursor:pointer;height:8px;padding:0;transition:all .3s ease;width:8px}.video-dots .dot.active{background:var(--text-hit);width:28px}@media (max-width:768px){.partner-title{font-size:26px}.video-carousel{gap:10px}.video-arrow{font-size:22px;height:38px;width:38px}}.section531{background:#f7f7f7;padding:120px 0;text-align:center}.section531 h2{font-size:32px;font-weight:600;margin-bottom:60px}.numbers{display:flex;gap:120px;justify-content:center}.num{text-align:center}.num h1{font-size:120px;font-weight:700;margin:0}.num:first-child h1{color:#f5a623}.num:nth-child(2) h1{color:#7ed321}.num:nth-child(3) h1{color:#4a90e2}.num p{color:#666;font-size:18px;margin-top:10px}.platform{background:#f3f3f3;padding:80px 0;text-align:center}.platform h2{font-size:28px;margin-bottom:50px}.cards{display:flex;gap:30px;justify-content:center}.home-card{background:#fff;border-radius:6px;box-shadow:0 4px 10px #00000014;overflow:hidden;width:300px}.home-card img{height:160px;object-fit:cover;width:100%}.home-card h3{font-size:18px;padding:18px}.feature{background:#f3f3f3;padding:120px 0}.feature-header{margin-bottom:80px;text-align:center}.feature-header h2{color:#e60023;font-size:34px;margin-bottom:16px}.feature-header p{color:#555;line-height:1.1;margin:auto;max-width:700px}.feature-grid{align-items:center;display:flex;gap:80px}.feature-grid img{flex-shrink:0;height:520px;object-fit:cover;width:50%}.feature-grid .text{max-width:420px}.feature-grid .text h3{font-size:38px}.feature-grid .text p{font-size:18px}.partner{align-items:center;background:#111;color:#fff;display:flex;height:675px}.partner h2{font-size:32px;margin-bottom:40px;text-align:center}.partner-swiper{margin:auto;max-width:900px;width:100%}.partner-swiper img,.video-wrapper{border-radius:8px;width:100%}.video-wrapper{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-wrapper iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.partners-section{background-color:var(--bg-main);box-sizing:border-box;color:var(--text-primary)!important;padding:90px 40px}.partners-container{margin:0 auto;max-width:1200px}.partners-header{margin-bottom:48px;text-align:center}.partners-eyebrow{color:var(--text-hit);display:inline-block;font-size:13px;font-weight:800;letter-spacing:1.5px;margin-bottom:12px}.partners-title{color:var(--text-primary);font-size:48px;font-weight:800;margin:0 0 12px}.partners-subtitle{color:#a0aec0;font-size:15px;margin:0}.partners-logo-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.partner-logo-item{align-items:center;background:#fff;border:none;border-radius:24px;box-shadow:0 4px 8px #0000000d;box-sizing:border-box;color:#61716d;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:800;height:100px;justify-content:center;min-width:150px;overflow:hidden;transition:all .25s ease;width:calc(16.66667% - 13.33333px)}.partner-logo-item:hover{background:#20e38208;border-color:#20e38266;color:var(--text-hit)}.partner-logo-item img{max-height:80%;max-width:80%;object-fit:contain}@media (max-width:1024px){.partner-logo-item{width:calc(25% - 12px)}}@media (max-width:640px){.partner-logo-item{width:calc(50% - 8px)}}.contact-section{background-color:var(--bg-main);box-sizing:border-box;color:var(--text-primary)!important;padding:100px 40px}.contact-container{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:.8fr 1.2fr;margin:0 auto;max-width:1200px}.contact-eyebrow{color:var(--text-hit);display:inline-block;font-size:13px;font-weight:800;letter-spacing:1.5px;margin-bottom:12px}.contact-title{color:var(--text-primary);font-size:48px;font-weight:800;line-height:1.1;margin:0 0 20px;white-space:pre-line}.contact-title .highlight{color:var(--text-hit)}.contact-desc{color:var(--text-primary);font-size:16px;line-height:1.1;margin-bottom:32px;max-width:480px}.contact-points{grid-gap:16px;color:#e2e8f0;display:grid;font-size:15px;font-weight:600;gap:16px;grid-template-columns:1fr 1fr}.point-item{align-items:center;color:var(--text-hit2);display:flex;gap:6px}.contact-form-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 50px #0006;padding:36px}.lead-form{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:1/-1}.form-group label{color:#cbd5e1;font-size:13px;margin-bottom:8px}.form-group label em{color:var(--text-hit);font-style:normal;margin-left:2px}.form-group input,.form-group select,.form-group textarea{background:var(--input-bg);border:1px var(--input-border);border-radius:10px;box-sizing:border-box;color:var(--input-text);font-family:inherit;font-size:14px;outline:none;padding:12px 14px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--text-hit)}.form-group textarea{resize:vertical}.form-note{color:#718096;font-size:12px;grid-column:1/-1;line-height:1.1;margin:4px 0 8px}.form-note p{margin:2px 0}.contact-submit-btn{background-color:var(--text-hit);border:none;border-radius:10px;color:#050b09;cursor:pointer;font-size:16px;font-weight:800;grid-column:1/-1;padding:14px;transition:background-color .2s ease,transform .2s ease;width:100%}.contact-submit-btn:hover{background-color:var(--text-hit2);transform:translateY(-2px)}.form-success-box{padding:40px 20px;text-align:center}.form-success-box h3{color:var(--text-hit);font-size:24px;margin-bottom:12px}.form-success-box p{color:#a0aec0;font-size:15px;margin-bottom:24px}.reset-btn{background:#0000;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;padding:10px 20px}.reset-btn:hover{border-color:var(--text-hit);color:var(--text-hit)}@media (max-width:1024px){.contact-container{gap:40px;grid-template-columns:1fr}}@media (max-width:640px){.lead-form{grid-template-columns:1fr}.contact-title{font-size:32px}}.contact{align-items:stretch;background-color:var(--bg-main);display:flex;justify-content:center;min-height:600px}.contact>.form,.contact>.left{flex:1 1;max-width:600px}.contact-grid{box-shadow:0 10px 30px #0000001a;display:grid;grid-template-columns:1fr 1fr;max-width:1200px;width:100%}.left{overflow:hidden;position:relative}.contact-img{display:block;filter:brightness(.7);height:100%;object-fit:cover;width:100%}.left-text{bottom:10%;left:5%;position:absolute;right:5%;z-index:2}.left-text h2{color:red;font-size:2rem;line-height:1.4;margin-bottom:1rem}.left-text p{color:#fff;font-size:1rem;line-height:1.6}.form{background-color:#f9f9f9;padding:40px}.form-title{color:#d32f2f;font-size:1.8rem;margin-bottom:20px;text-align:center}.required-label{font-size:12px;margin-bottom:10px}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}input,select,textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;padding:12px;width:100%}.textarea-group label{color:#555;display:block;font-size:14px;margin-bottom:5px}textarea{height:120px;resize:none}.form-footer{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-top:20px}.footer-notes{color:#777;flex:1 1;font-size:11px;line-height:1.2}.submit-btn{background-color:#e60012;border:none;border-radius:4px;color:var(--text-primary)!important;cursor:pointer;font-size:16px;font-weight:700;padding:15px 25px;transition:background .3s;white-space:nowrap}.submit-btn:hover{background-color:#b3000e}.footer-section{background-color:var(--bg-footer);border-top:1px solid #000000e6;box-sizing:border-box;color:var(--text-primary)!important;padding-top:65px}.footer-container{margin:0 auto;max-width:1200px;padding:0 24px}.footer-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr repeat(4,1fr);padding-bottom:50px}.footer-logo{align-items:center;color:#fff;display:inline-flex;font-size:24px;font-weight:900;gap:10px;margin-bottom:12px;text-decoration:none}.footer-logo .brand-mark{background-color:#72e4a7;border-radius:9px;color:#06100c;display:grid;font-size:18px;font-weight:900;height:32px;place-items:center;width:32px}.footer-logo .highlight{color:#72e4a7}.brand-desc{color:#9eaeab;font-size:13px;margin:8px 0 4px}.brand-address{color:#6d7d79;font-size:12px;margin:0}.footer-column{display:flex;flex-direction:column}.column-title{color:var(--text-hit)!important;font-family:Inter,sans-serif;font-size:12px;font-weight:800;letter-spacing:1.2px;margin:0 0 16px;text-transform:uppercase}.footer-link{color:#879691;font-size:13px;margin-bottom:10px;text-decoration:none;transition:color .2s ease;width:fit-content}.footer-link:hover{color:#fff}.footer-copyright{border-top:1px solid #ffffff14;color:#566662;font-size:11px;letter-spacing:.5px;padding:24px 0}@media (max-width:1024px){.footer-grid{gap:40px 20px;grid-template-columns:2fr repeat(2,1fr)}}@media (max-width:640px){.footer-grid{gap:30px 15px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:1024px){.hero-container{gap:20px}.hero-title{font-size:32px!important}.numbers{gap:60px}.num h1{font-size:90px}.cards{gap:20px}.home-card{width:260px}.feature-grid{gap:40px}.footer-grid{gap:30px;grid-template-columns:1fr 1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:768px){.navbar-hamburger{display:flex}.menu{display:none}.hero-section{padding:40px 20px}.hero-container{flex-direction:column;text-align:center}.hero-content{max-width:100%}.hero-title{font-size:26px!important}.hero-buttons{justify-content:center}.stats-bar-container{grid-template-columns:repeat(2,1fr)}.numbers{flex-wrap:wrap;gap:24px}.num h1{font-size:72px}.cards{align-items:center;flex-direction:column}.home-card{max-width:340px;width:100%}.feature-grid{flex-direction:column}.feature-grid img{height:280px;width:100%}.contact{flex-direction:column}.contact-grid,.form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}.hero-image-area{display:flex;flex:1 1;justify-content:flex-end}.image-placeholder{align-items:center;border:1px dashed #fff3;border-radius:8px;color:#718096;display:flex;font-size:13px;height:240px;justify-content:center;max-width:420px;width:100%}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;top:var(--swiper-navigation-top-offset,50%);width:27px;width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{height:100%;object-fit:contain;transform-origin:center;width:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:10px;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);left:0;top:auto;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;left:var(--swiper-pagination-left,auto);right:8px;right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:#00000040;background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}:root{--bg-main:#0b1110;--bg-card:#121c1b;--text-primary:#fff;--text-secondary:#9ca3af;--text-hit:#22c55e;--text-hit2:#10b981;--text-hit3:#72e4a7;--border-color:#ffffff14;--brand-green:#22c55e;--bottom-bg:#22c55e;--bottom-text:#060202;--bottom-check:#88cb1c;--bottom-bg2:#0003;--bottom-text2:#6b7280;--bottom-check2:#00000080;--arrow-bg:#0003;--arrow-border:1px solid #08ee50cc;--arrow-text:#22c55e;--arrow-check:#ffffff80;--input-bg:#1a2826;--input-border:1px solid #ffffff26;--input-text:#fff;--bg-footer:#000000e6;--dash-bar-item:#20e38273}[data-theme=light]{--bg-main:#f8fafc;--bg-card:#fff;--text-primary:#111827;--text-secondary:#374151;--text-hit:#10b981;--text-hit2:#059669;--text-hit3:#047857;--border-color:#00000014;--brand-green:#10b981;--bottom-bg:#10b981;--bottom-text:#060202;--bottom-check:#047857;--bottom-bg2:#fff3;--bottom-text2:#060202;--bottom-check2:#ffffff80;--arrow-bg:#fff3;--arrow-border:1px solid #58e9e7cc;--arrow-text:#10b981;--arrow-check:#00000080;--input-bg:#e6f4f1;--input-border:1px solid #00000026;--input-text:#000;--bg-footer:#000000e6;--dash-bar-item:#20e38273}body,html{height:100%}#root{display:flex;flex-direction:column;min-height:100%}main{flex:1 1}body{color:#fff;font-family:Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.ellipse{background:#7f00ff;border-radius:50%;filter:blur(12vw);height:20vw;left:-10vw;top:-10vw;width:20vw;z-index:-1}.ellipse,.line{position:absolute}.line{border:.5px solid #fff3;box-shadow:0 .5px 0 #000;height:0;top:120px;transform:rotate(179.8deg);width:1755.01px}.header{background:#191919}.navbar-bar{background:#2a2b2e;border-radius:25px;box-shadow:0 2px 2px #0000000d;height:86px;justify-content:center;margin:0 auto;max-width:1200px;padding:0 2rem;width:90%}.navbar-bar,.navbar-container{align-items:center;display:flex}.navbar-container{justify-content:space-between;width:100%}.navbar-links{display:flex;flex-wrap:wrap;gap:clamp(1rem,4vw,3rem)}.nav-link{color:#a6a9b8;display:inline;font-family:Roboto,sans-serif;font-size:16px;padding:30px 0;position:relative}.nav-link:hover{color:#fff}.nav-link.active{color:#ffbb02;font-weight:600}.nav-link:hover:after{border-bottom:6px solid #ffbb02;border-left:6px solid #0000;border-right:6px solid #0000;content:"";left:50%;margin-top:6px;position:absolute;top:80%;transform:translateX(-50%)}.navbar-wrapper{align-items:center;display:flex;gap:40px;padding-left:40px;position:relative}.navbar-logo{height:130px}@media screen and (max-width:768px){.navbar-bar{flex-direction:column;height:auto;padding:1rem}.navbar-links{align-items:center;flex-direction:column;gap:1rem}.navbar-logo{height:60px}}.hamburger{font-size:32px;margin-left:auto;padding:0 1rem}@media screen and (max-width:768px){.navbar-wrapper{align-items:center;flex-direction:column;justify-content:center;padding-top:1rem;position:relative}.navbar-logo{height:100px;margin:0 auto}.navbar-bar{align-items:center;background-color:#2a2b2e;border-radius:18px;display:flex;height:56px;justify-content:center;padding:0;position:absolute;right:16px;top:16px;width:56px;z-index:1000}.navbar-container{align-items:flex-end;flex-direction:column;gap:0}.navbar-links{background-color:#2a2b2e;border-radius:12px;display:none;flex-direction:column;padding:1rem;position:absolute;right:24px;top:90px;width:auto;z-index:999}.navbar-links.open{display:flex}.hamburger{color:#fff;cursor:pointer;display:block;font-size:24px}}.footer-container{background:#0000;width:100%}.footer-inner{box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;padding:2rem 4rem;width:100%}.footer-top{gap:3rem}.footer-grid,.footer-top{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between}.footer-grid{margin:0 auto;max-width:1200px;width:100%}.footer-columns,.footer-left{flex:1 1;min-width:300px}.footer-columns{display:flex;flex:2 1;flex-wrap:wrap;gap:2rem;justify-content:space-between}.footer-col{display:flex;flex-direction:column;gap:.5rem;min-width:120px}.footer-col h4{color:#7e8087;font-size:12px;margin-bottom:.5rem}.footer-col a{color:#fff;font-size:16px;font-weight:500;text-decoration:none}.footer-bottom{border-top:1px solid #ffffff1a;color:#787b81;display:flex;flex-wrap:wrap;font-size:12px;justify-content:space-between;padding-top:1rem}.footer-logo{height:46px;margin-bottom:.5rem}.footer-company-name{font-size:14px;margin-bottom:1rem}.explore-button{background-color:#d5224e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:1rem;padding:.75rem 2rem}.store-icons img{height:36px;margin-right:.5rem}@media screen and (max-width:768px){.footer-grid{text-align:center}.footer-columns,.footer-grid{align-items:center;flex-direction:column}.footer-bottom,.footer-left{align-items:center;text-align:center}.footer-bottom{flex-direction:column}}.home-leaderboard-container{background-color:#111;border-radius:12px;margin:auto;max-width:800px;padding:2rem}.leaderboard-title{color:#fff;font-size:28px}.leaderboard-subtitle{color:#5f6168;font-size:12px;margin-bottom:1.5rem}.rectangle-flat{background:#ffbe46;border-radius:4px 4px 0 0;height:4px;margin-left:6px;width:28px}.hero-showcase{overflow:hidden;position:relative;width:100%}.hero-bg{background:url(/static/media/testing.3f7240dc7c0f4b13668b.png) 50%/cover no-repeat;height:100vh;position:relative}.hero-title{font-size:clamp(3rem,10vw,8rem);position:absolute;right:5%;text-shadow:0 0 20px #00000080;top:20%}.hero-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;display:flex;flex-wrap:wrap;gap:2rem;padding:1.5rem}.hero-thumbnail{flex:1 1 300px;height:auto;max-width:360px;object-fit:cover}.hero-text{display:flex;flex:2 1 400px;flex-direction:column;gap:1rem}.hero-exercise{display:flex;flex:1 1 240px;flex-direction:column;justify-content:space-between;min-width:200px}.exercise-top{background:#00adff;color:#fff;font-weight:700;padding:1.25rem;text-align:center}.exercise-bottom{align-items:center;background:#000;color:#fff;display:flex;justify-content:space-between;padding:1rem}.public-layout{background:#0b1110;background:var(--bg-main);display:flex;flex-direction:column;min-height:100vh}.public-content{flex:1 1}.counter-digit{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow:hidden;position:relative;width:1ch}.counter-number{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.stats-container{background:#000;justify-content:space-around;padding:2rem}.stat-group,.stats-container{align-items:center;display:flex}.stat-group{color:#fff;flex-direction:column}.digit-row{display:flex;gap:4px}.digit-label{color:#ccc;font-size:1.25rem;margin-top:.5rem}.about-container{line-height:1.7;margin:0 auto;max-width:900px;padding:32px 24px}.about-container h1{font-size:32px;font-weight:700;margin-bottom:20px}.about-container p{color:#444;font-size:16px;margin-bottom:16px}body{background-color:#fff;color:#000;font-family:Montserrat,sans-serif;margin:0;padding:0}.login-page{height:100vh;overflow:hidden}.login-page,.login-right{align-items:center;display:flex;justify-content:center}.login-right{max-width:600px;padding:2rem;width:100%}.swiper{width:100%}.swiper-slide{align-items:center!important;display:flex!important;flex-shrink:0!important;justify-content:center!important}.login-form-wrapper{align-items:center;display:flex;justify-content:center;width:100%}.login-form-box{background:#fff;border-radius:16px;box-shadow:0 6px 20px #00000014;margin:0 auto;max-width:520px;padding:60px 70px;transition:all .3s ease;width:100%}.login-form{display:flex;flex-direction:column;gap:1rem}.login-subtitle,.login-title{text-align:center}.login-title{font-size:28px;font-weight:700}.login-subtitle{color:#a0aec0;font-size:14px;margin-bottom:1.5rem;word-break:break-word}.input-group{width:100%}.input-label{font-size:14px;font-weight:500}.input-field{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;font-size:16px;padding:1rem}.remember-me{font-size:12px}.login-button{background-color:#0075ff;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:.75rem}.login-footer{color:#a0aec0;font-size:14px;text-align:center}.login-footer a{color:#0075ff;font-weight:500;text-decoration:none}.swiper-pagination-bullet{background:#ccc;opacity:1}.swiper-pagination-bullet-active{background:#555}.version-number{bottom:10px;color:#fff9;font-size:12px;font-weight:400;left:15px;letter-spacing:.5px;position:fixed;-webkit-user-select:none;user-select:none;z-index:9999}.login-error{animation:fadeIn .2s ease-in-out;color:#d9534f;font-size:14px;margin-bottom:12px;margin-top:6px}.role-select{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:80vh;padding:20px;text-align:center}.role-select h2{color:#333;font-size:1.4rem;font-weight:600}.role-select .subtitle{color:#777;font-size:.95rem;margin-bottom:12px}.role-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:700px;width:100%}.role-btn{background:#f7f9fc;border:1px solid #d0d6e0;border-radius:12px;box-shadow:0 2px 6px #0000000d;color:#222;cursor:pointer;flex:1 1 160px;font-size:1rem;font-weight:600;padding:18px 24px;transition:all .25s ease}.role-btn:first-child:hover{background:#0078ff;box-shadow:0 4px 10px #0078ff40;color:#fff}.role-btn:nth-child(2):hover{background:#3ab44a;box-shadow:0 4px 10px #3ab44a40;color:#fff}.role-btn:nth-child(3):hover{background:#ff9800;box-shadow:0 4px 10px #ff980040;color:#fff}.role-btn:nth-child(4):hover{background:#7a5fff;box-shadow:0 4px 10px #7a5fff40;color:#fff}.role-btn:hover{transform:translateY(-3px)}@media (max-width:600px){.role-buttons{align-items:stretch;flex-direction:column}.role-btn{width:100%}.login-page{align-items:flex-start;background:#f7f9fc;padding:40px 16px}.login-form-box{border-radius:12px;box-shadow:none;max-width:100%;padding:32px 20px;width:100%}.login-form-box h1,.login-form-box h2{font-size:1.4rem;text-align:center}.input-group{margin-bottom:16px}.input-field{font-size:.95rem;padding:10px 12px}.login-button{border-radius:10px;font-size:1rem;padding:12px}.login-footer{align-items:center;flex-direction:column;font-size:.9rem;gap:10px}.login-button,.login-footer button{width:100%}.role-buttons{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.role-btn{flex:0 0 auto;min-width:100px}}@media (max-width:600px){.role-buttons::-webkit-scrollbar{display:none}}.secondary-btn{background:none;border:1px solid #d0d6e0;border-radius:8px;color:#555;font-size:.88rem;transition:all .2s}.secondary-btn:hover{background:#f4f6fb;border-color:#0075ff;color:#0075ff}.signup-success{background:#e8f5e9;color:#2e7d32}.signup-error,.signup-success{border-radius:8px;font-size:.9rem;margin-bottom:8px;padding:10px 14px}.signup-error{background:#ffebee;color:#c62828}.remember-me{align-items:center;color:#555;cursor:pointer;display:flex;font-size:14px;gap:.5rem;-webkit-user-select:none;user-select:none}.remember-me input[type=checkbox]{accent-color:#0075ff;cursor:pointer;flex-shrink:0;height:16px;width:16px}.event-container{color:#fff;padding:2rem}.event-slogan{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.event-search-bar{display:flex;justify-content:flex-start;margin-bottom:2rem}.search-box{align-items:center;background:#fff;border-radius:12px;display:flex;height:66px;padding:0 1rem;width:500px}.search-icon{color:#797c83;font-size:18px;margin-right:.5rem}.search-input{background:#0000;border:none;color:#797c83;font-family:Inter,sans-serif;font-size:14px;outline:none;width:100%}.event-grid-1{gap:2rem;justify-content:center;margin-top:2rem}.event-container-row{align-items:flex-start;display:flex;gap:3rem;padding:2rem}.event-left{flex:1 1;max-width:400px}.event-grid-1{display:flex;flex-wrap:wrap;gap:1.5rem}.event-card{background-color:#1c171d;border-radius:8px;box-shadow:0 0 10px #0000001a;color:#fff;padding:1rem;text-align:left;width:250px}.trending-box{align-items:center;background:#2d2825;border-radius:2px;height:57px;left:992.14px;width:113px}.trending-section{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.trending-card{background-color:#1c171d;border-radius:8px;color:#fff;flex-shrink:0;padding:1rem;text-align:center;width:200px}.trending-card .circle-img{border-radius:50%;height:80px;margin:1rem auto;object-fit:cover;width:80px}.circle-img{background:#ff0;border:3px solid red;border-radius:50%;display:block;height:100px;object-fit:cover;width:100px}.leaderboard-btn{background:#272a30;border-radius:4px;margin-top:1rem;padding:.5rem 1rem}.leaderboard-page{background-color:#000;color:#fff;min-height:100vh;padding:3rem 2rem}.leaderblock{margin-bottom:2rem;text-align:center}.title{font-size:3rem;font-weight:700}.subtitle{color:#888;font-size:1.2rem}.leaderboard-wrapper{display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;padding:2rem}.leaderboard-block{background-color:#111;border-radius:12px;flex:1 1;max-width:700px;min-width:300px;padding:1rem 2rem}.leaderboard-header,.leaderboard-row{align-items:center;border-bottom:1px solid #181a20;color:#fff;display:grid;font-weight:600;grid-template-columns:2fr 1fr 1fr 1fr;padding:1rem 0}.leaderboard-user{align-items:center;display:flex;gap:.5rem}.leaderboard-row img{border-radius:50%;height:24px;margin-left:8px}.leaderboard-score{align-items:center;display:flex;gap:.3rem}.leaderboard-btn{align-items:center;background:#2a2b2e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin:1rem auto 0;padding:.75rem 1.5rem}.trend-arrow{border-left:7px solid #0000;border-right:7px solid #0000;height:0;margin-left:8px;width:0}.trend-arrow.up{border-bottom:9px solid #02ff02}.trend-arrow.down{border-top:9px solid #ff0202}.trend-flat{background-color:#ffbe46;border-radius:2px;height:5px;margin-left:8px;width:14px}.leaderboard-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.leaderboard-tabs button{background:#1c1c1c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:background .2s ease}.leaderboard-tabs button:hover{background:#333}.leaderboard-tabs .active{background:#ffbe46;color:#000}*,:after,:before{box-sizing:border-box}.dreg-page{align-items:flex-start;background:#f7f9fc;color:#1a1a2e;display:flex;font-family:Montserrat,sans-serif;justify-content:center;min-height:100vh;padding:3rem 1rem 4rem}.dreg-container{display:flex;flex-direction:column;gap:1.5rem;max-width:560px;width:100%}.dreg-header{text-align:center}.dreg-title{color:#111;font-size:2rem;font-weight:700;margin:0 0 .4rem}.dreg-subtitle{color:#888;font-size:.95rem;margin:0}.dreg-steps{gap:0;justify-content:center;padding:0 1rem}.dreg-step,.dreg-steps{align-items:center;display:flex}.dreg-step{flex:1 1;gap:.5rem;position:relative}.dreg-step:last-child{flex:0 1}.dreg-step__circle{align-items:center;background:#fff;border:2px solid #d0d6e0;border-radius:50%;color:#aaa;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.dreg-step.active .dreg-step__circle{background:#0075ff;border-color:#0075ff;color:#fff}.dreg-step.done .dreg-step__circle{background:#4caf50;border-color:#4caf50}.dreg-step__label{color:#aaa;font-size:.75rem;font-weight:500;transition:color .3s;white-space:nowrap}.dreg-step.active .dreg-step__label,.dreg-step.done .dreg-step__label{color:#333}.dreg-step__line{background:#d0d6e0;flex:1 1;height:2px;margin:0 .5rem;transition:background .3s}.dreg-step__line.done{background:#4caf50}.dreg-card{background:#fff;border-radius:16px;box-shadow:0 6px 24px #00000012;min-height:360px;overflow:hidden;padding:2.5rem;position:relative}.dreg-form-title{color:#111;font-size:1.4rem;font-weight:700;margin:0 0 .4rem}.dreg-form-subtitle{color:#888;font-size:.875rem;line-height:1.5;margin:0 0 1.5rem}.dreg-form{gap:1rem}.dreg-form,.input-group{display:flex;flex-direction:column}.input-group{gap:.4rem}.input-label{color:#333;font-size:.85rem;font-weight:600}.input-field{background:#fafafa;border:1.5px solid #e0e0e0;border-radius:10px;font-family:Montserrat,sans-serif;font-size:.95rem;outline:none;padding:.85rem 1rem;transition:border-color .2s;width:100%}.input-field:focus{background:#fff;border-color:#0075ff}.dreg-sn-input{font-size:1rem;font-weight:600;letter-spacing:.08em}.dreg-hint{align-items:flex-start;background:#f0f6ff;border-radius:8px;color:#555;display:flex;font-size:.8rem;gap:.5rem;line-height:1.4;padding:.75rem 1rem}.dreg-hint svg{flex-shrink:0;margin-top:1px}.dreg-error{animation:fadeIn .2s ease;background:#fff0f0;border:1px solid #ffc5c5;border-radius:8px;color:#d32f2f;font-size:.85rem;padding:.65rem 1rem}.dreg-sn-badge{align-items:center;background:#f7f9fc;border:1.5px solid #e0e6f0;border-radius:10px;display:flex;justify-content:space-between;padding:.75rem 1rem}.dreg-sn-badge__label{color:#888;font-size:.8rem;font-weight:500}.dreg-sn-badge__value{color:#111;font-size:.95rem;font-weight:700;letter-spacing:.05em}.dreg-upload-area{background:#f9fbff;border:2px dashed #c8d4e8;border-radius:12px;cursor:pointer;padding:2rem;text-align:center;transition:border-color .2s,background .2s}.dreg-upload-area:hover{background:#f0f6ff;border-color:#0075ff}.dreg-upload-area.has-file{background:#f6fff7;border-color:#4caf50}.dreg-upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:.5rem}.dreg-upload-label{color:#333;font-size:.95rem;font-weight:600}.dreg-upload-hint{color:#aaa;font-size:.78rem}.dreg-upload-preview{align-items:center;display:flex;flex-direction:column;gap:.4rem}.dreg-upload-filename{color:#333;font-size:.9rem;font-weight:600;word-break:break-all}.dreg-upload-change{color:#0075ff;font-size:.78rem}.dreg-btn-row{display:flex;gap:.75rem;margin-top:.5rem}.dreg-btn-primary{align-items:center;background:#0075ff;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:600;gap:.4rem;justify-content:center;padding:.85rem 1rem;text-decoration:none;transition:background .2s,transform .1s}.dreg-btn-primary:hover:not(:disabled){background:#005ecc;transform:translateY(-1px)}.dreg-btn-primary:disabled{background:#a0c4ff;cursor:not-allowed}.dreg-btn-secondary{background:#f0f2f5;border:none;border-radius:10px;color:#555;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:600;padding:.85rem 1.25rem;transition:background .2s}.dreg-btn-secondary:hover{background:#e2e6ec}.dreg-btn-full{margin-top:1rem;width:100%}.dreg-spinner{animation:spin .7s linear infinite;border:2.5px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}.dreg-footer-link{color:#aaa;font-size:.85rem;text-align:center}.dreg-footer-link a{color:#0075ff;font-weight:600;text-decoration:none}.dreg-done{align-items:center;display:flex;flex-direction:column;gap:.5rem;text-align:center}.dreg-done__icon{margin-bottom:.5rem}.dreg-done__info{background:#f7f9fc;border-radius:10px;display:flex;flex-direction:column;gap:.75rem;margin:1rem 0 .5rem;padding:1rem 1.25rem;width:100%}.dreg-done__row{align-items:center;color:#555;display:flex;font-size:.875rem;justify-content:space-between}.dreg-done__row span:last-child{color:#111;font-weight:600}.dreg-badge{border-radius:999px;font-size:.75rem;font-weight:700;padding:.25rem .75rem}.dreg-badge--pending{background:#fff3cd;color:#856404}.dreg-type-cards{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.dreg-type-card{align-items:center;background:#f7f9fc;border:1.5px solid #e0e6f0;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;text-align:left;transition:all .2s ease;width:100%}.dreg-type-card:hover{background:#f0f6ff;border-color:#0075ff;box-shadow:0 4px 12px #0075ff1a;transform:translateY(-1px)}.dreg-type-card:hover .dreg-type-card__arrow path{stroke:#0075ff}.dreg-type-card__icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.dreg-type-card__icon--personal{background:#e8f1ff}.dreg-type-card__icon--company{background:#fff3e0}.dreg-type-card__body{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.dreg-type-card__title{color:#111;font-size:1rem;font-weight:700}.dreg-type-card__desc{color:#888;font-size:.8rem;line-height:1.4}.dreg-type-card__arrow{flex-shrink:0}.dreg-type-badge{background:#f0f2f5;border-radius:999px;color:#555;display:inline-block;font-size:.78rem;font-weight:600;margin-bottom:1rem;padding:.3rem .85rem}@media (max-width:600px){.dreg-page{padding:1.5rem 1rem 3rem}.dreg-card{padding:1.75rem 1.25rem}.dreg-title{font-size:1.5rem}.dreg-step__label{display:none}.dreg-btn-row{flex-direction:column-reverse}.dreg-btn-secondary{width:100%}}.enable-container{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh;width:100%}.skip__btn{background:#0000;border:none;color:#b40000;cursor:pointer;width:125px}.skip__btn:hover{color:#dc0000}.mobile__enable__page{margin-top:70px;max-width:480px;padding:20px;width:100%}.resend{font-size:14px}.flexCol{display:flex;flex-direction:column;gap:12px}.flexRow{flex-direction:row;gap:10px}.access-bg,.flexRow{align-items:center;display:flex}.access-bg{justify-content:center;width:100%}.access-panel{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:420px;padding:30px;width:100%}.access-header{margin-bottom:20px;text-align:center}.appView-imgCaptcha{border:1px solid #ccc;border-radius:4px;cursor:pointer;height:38px}.alert-hint{color:#d9534f;font-size:12px;margin-top:4px}.button-row{justify-content:space-between;margin-top:24px}.btn-primary,.btn-submit{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.btn-primary:disabled,.btn-submit:disabled{background-color:#6c757d54;cursor:not-allowed}.loading-bar-active{background-color:#007bff;color:#fff;font-size:12px;height:4px;left:0;position:fixed;right:0;text-align:center;top:0}.sidebar-container{border-right:1px solid #efefef;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:space-between;overflow-x:hidden;padding:24px;transition:all .3s ease;width:266px}.sidebar-container.collapsed{padding:24px 12px;width:90px}.sidebar-container.dark-mode{background:#2a2a2e;border-right:1px solid #444;color:#f0f0f0}.sidebar-search{background:#f5f5f5;border:none;border-radius:16px;box-sizing:border-box;font-size:14px;margin-bottom:32px;padding:12px 16px;transition:all .3s ease;width:100%}.sidebar-search:focus{box-shadow:0 0 0 2px #1a56db33;outline:none}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.sidebar-item{align-items:center;border-radius:12px;color:#2a2a2e;display:flex;font-size:15px;gap:16px;padding:12px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.sidebar-item:hover{background:#f5f5f5}.sidebar-item.active{background:#f0f5ff;color:#1a56db;font-weight:600}.sidebar-item img.item-icon{flex-shrink:0;height:22px;opacity:.7;transition:all .3s ease;width:22px}.sidebar-item.active img.item-icon{opacity:1}.sidebar-container.collapsed .sidebar-item{justify-content:center;padding:12px}.sidebar-container.collapsed .sidebar-label{display:none}.sidebar-submenu{display:flex;flex-direction:column;gap:4px;margin-left:32px;margin-top:4px}.sidebar-subitem{border-radius:8px;color:#2a2a2e;font-size:14px;padding:10px 14px;text-decoration:none;transition:background .2s ease;width:100%}.sidebar-subitem:hover{background:#f5f5f5}.sidebar-subitem.active{background:#f0f5ff;color:#1a56db;font-weight:500}.sidebar-footer{border-top:1px solid #efefef;display:flex;flex-direction:column;gap:16px;margin-top:auto;padding-top:20px}.sidebar-mode-toggle{align-items:center;background:#f5f5f5;border-radius:16px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;transition:all .3s ease}.toggle-switch{background:#ccc;border-radius:11px;height:22px;position:relative;transition:background .3s ease;width:44px}.toggle-switch:after{background:#fff;border-radius:50%;content:"";height:18px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:18px}.toggle-switch.active{background:#1a56db}.toggle-switch.active:after{left:24px}.sidebar-container.dark-mode .sidebar-item,.sidebar-container.dark-mode .sidebar-subitem{color:#f0f0f0}.sidebar-container.dark-mode .sidebar-item:hover,.sidebar-container.dark-mode .sidebar-subitem:hover{background:#3a3a3e}.sidebar-container.dark-mode .sidebar-item.active,.sidebar-container.dark-mode .sidebar-subitem.active{background:#1a336d;color:#f0f0f0}.sidebar-container.dark-mode .sidebar-footer{border-top:1px solid #444}.sidebar-container.dark-mode .sidebar-mode-toggle{background:#3a3a3e;color:#f0f0f0}.sidebar-container{bottom:0;flex-shrink:0;top:0;transition:width .3s ease,transform .3s ease;width:250px;z-index:1000}.sidebar-container.collapsed{width:80px}@media (max-width:1024px){.sidebar-container{transform:translateX(-100%)}.sidebar-container.mobile-open{background:#fff;box-shadow:2px 0 8px #00000026;transform:translateX(0)}}@media (max-width:768px){.sidebar-container{align-items:center;background:#fff;display:flex;flex-direction:column;height:calc(100vh - 60px);justify-content:flex-start;left:0;opacity:0;padding-top:32px;position:fixed;top:60px;transform:translateY(-100%);transition:all .3s ease;width:100%;z-index:1500}.sidebar-container.mobile-open{opacity:1;transform:translateY(0)}.sidebar-overlay{background:#0006;height:calc(100vh - 60px);left:0;opacity:0;pointer-events:none;position:fixed;top:60px;transition:opacity .3s ease;width:100%;z-index:1499}.sidebar-overlay.active{opacity:1;pointer-events:auto}.sidebar-nav{align-items:center;gap:20px;justify-content:flex-start;width:100%}.sidebar-item{font-size:18px;justify-content:center;padding:12px 0}.sidebar-item img.item-icon{display:none}.sidebar-footer{margin-top:auto;padding-bottom:40px}.sidebar-container{align-items:center;background:#fff;box-shadow:none;display:flex;flex-direction:column;height:calc(100vh - 60px);justify-content:flex-start;left:0;opacity:0;padding-top:32px;position:fixed;top:60px;transform:translateY(-100%);transition:transform .3s ease,opacity .3s ease;width:100%;z-index:1500}.sidebar-container.mobile-open{opacity:1;transform:translateY(0)}.sidebar-overlay{display:none!important}.sidebar-nav{align-items:center;gap:20px;justify-content:center;width:100%}.sidebar-item{font-size:18px;justify-content:center;padding:14px 0}.sidebar-item img.item-icon{display:none}.sidebar-footer{margin-top:auto;padding-bottom:40px}.sidebar-container{align-items:center;background:#fff;border-right:none!important;box-shadow:none!important;display:flex;flex-direction:column;height:calc(100vh - 60px);justify-content:flex-start;left:0;opacity:0;padding-top:32px;position:fixed;top:60px;transform:translateY(-100%)!important;transition:transform .35s ease,opacity .3s ease;width:100%;z-index:1500}.sidebar-container.mobile-open{opacity:1;transform:translateY(0)!important}.sidebar-overlay{display:none!important}.sidebar-nav{align-items:center;gap:20px;justify-content:flex-start;width:100%}.sidebar-item{font-size:18px;justify-content:center;padding:14px 0}.sidebar-item img.item-icon{display:none}.sidebar-footer{margin-top:auto;padding-bottom:40px}.sidebar-container{align-items:center;background:#fff;border-right:none!important;box-shadow:none!important;display:flex;flex-direction:column;height:calc(100vh - 60px)!important;justify-content:flex-start;left:0;opacity:0;padding-top:32px;position:fixed;top:60px;transform:translateY(-100%)!important;transition:transform .35s ease,opacity .3s ease;width:100%!important;z-index:1500}.sidebar-container.mobile-open{opacity:1;transform:translateY(0)!important}.sidebar-overlay{display:none!important}.sidebar-nav{align-items:center;gap:20px;justify-content:flex-start;width:100%}.sidebar-item{font-size:18px;justify-content:center;padding:14px 0}.sidebar-item img.item-icon{display:none}.sidebar-footer{margin-top:auto;padding-bottom:40px}}.sidebar-back-item{color:#888!important;font-size:.82rem!important;gap:4px!important;padding:8px 16px!important}.sidebar-back-item:hover{background:#0000000a!important;color:#444!important}.sidebar-back-arrow{font-size:1.2rem;line-height:1;margin-right:2px}.sidebar-divider{background:#eaeaea;height:1px;margin:6px 12px 10px}.lang-topbar{position:relative}.lang-globe-btn{align-items:center;background:none;border:1px solid #ffffff59;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;line-height:1;padding:5px 8px;transition:background .15s,border-color .15s}.lang-globe-btn:hover{background:#ffffff1f;border-color:#fff9}.lang-dropdown{animation:fadeSlideIn .15s ease both;background:#fff;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 8px 24px #0000002e;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);z-index:3000}.mobile-menu .lang-dropdown{left:0;right:auto}.lang-dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.88rem;gap:10px;padding:10px 16px;text-align:left;transition:background .1s;width:100%}.lang-dropdown-item:hover{background:#f4f6fb}.lang-dropdown-item.active{background:#eef2ff;color:#4b7bec;font-weight:600}.lang-flag{flex-shrink:0;font-size:1.1rem}.lang-label{flex:1 1}.lang-check{color:#4b7bec;font-size:.85rem;font-weight:700}.lang-settings-list{display:flex;flex-direction:column;gap:6px}.lang-settings-item{align-items:center;background:#fff;border:1.5px solid #eaeaea;border-radius:10px;color:#333;cursor:pointer;display:flex;font-size:.92rem;gap:12px;padding:12px 16px;text-align:left;transition:all .15s}.lang-settings-item:hover{background:#f0f4ff;border-color:#4b7bec}.lang-settings-item.active{background:#eef2ff;border-color:#4b7bec;color:#4b7bec;font-weight:600}.athlete-topbar{align-items:center;background-color:#fff;border-bottom:1px solid #eaeaea;box-shadow:0 2px 4px #0000001a;display:flex;height:70px;justify-content:space-between;left:0;padding:0 24px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:999}.athlete-topbar.dark-mode{background-color:#2a2a2e;border-bottom:1px solid #444;box-shadow:0 2px 4px #0000004d}.athlete-topbar.dark-mode .topbar-icon{color:#e0e0e0}.athlete-topbar.dark-mode .topbar-icon:hover{color:#4c80ff}.athlete-topbar.dark-mode .topbar-user:hover{background-color:#3a3a40}.athlete-topbar.dark-mode .topbar-avatar,.athlete-topbar.dark-mode .topbar-user span{color:#e0e0e0}@media (max-width:768px){.athlete-topbar{height:60px;padding:0 16px}.topbar-user span{display:none}.topbar-icon{font-size:1.1rem}.topbar-avatar{font-size:1.8rem}.topbar-logo{height:32px}}.athlete-topbar.dark-mode .burger-btn{color:#e0e0e0}.athlete-topbar{z-index:2000}.notif-bell-wrapper{display:inline-flex}.notif-bell-btn,.notif-bell-wrapper{align-items:center;position:relative}.notif-bell-btn{background:none;border:none;cursor:pointer;display:flex;padding:0}.notif-badge{align-items:center;background:#e74c3c;border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 3px;pointer-events:none;position:absolute;right:-6px;top:-6px}.notif-dropdown{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 8px 24px #0000001f;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:320px;z-index:1000}.notif-dropdown-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:14px 16px 10px}.notif-dropdown-title{color:#111;font-size:14px;font-weight:600}.notif-mark-all{background:none;border:none;color:#2563eb;cursor:pointer;font-size:12px;padding:0}.notif-mark-all:hover{text-decoration:underline}.notif-list{max-height:360px;overflow-y:auto}.notif-empty{color:#aaa;font-size:13px;padding:32px 16px;text-align:center}.notif-item{align-items:flex-start;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;gap:10px;padding:12px 16px;transition:background .15s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f9fafb}.notif-item.unread{background:#eff6ff}.notif-item.unread:hover{background:#dbeafe}.notif-item.read{opacity:.75}.notif-item-dot{background:#2563eb;border-radius:50%;flex-shrink:0;height:8px;margin-top:5px;width:8px}.notif-item.read .notif-item-dot{background:#0000}.notif-item-content{flex:1 1;min-width:0}.notif-item-title{color:#111;font-size:13px;font-weight:500;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item-body{color:#666;font-size:12px;margin:0 0 4px}.notif-item-time{color:#aaa;font-size:11px;margin:0}.athlete-layout{background:#f8f9fa;transition:all .3s ease}.athlete-main-content{margin-left:266px;min-height:100vh}.athlete-main-content.sidebar-collapsed{margin-left:90px}.athlete-content{flex:1 1;overflow-y:auto;padding:24px}@media (max-width:1024px){.athlete-main-content{margin-left:0!important}.athlete-content{padding:16px}}.athlete-layout.dark-mode{background:#1a1a1a}.athlete-layout,.org-layout{display:flex;min-height:100vh}.athlete-main-content,.main-content{background-color:#f8f9fa;display:flex;flex:1 1;flex-direction:column;margin-left:260px;padding-top:70px;transition:margin-left .3s ease}.athlete-content,.content-wrapper{flex:1 1;min-height:calc(100vh - 70px);overflow-y:auto;padding:24px}.athlete-main-content.sidebar-collapsed,.main-content.sidebar-collapsed{margin-left:80px}body.dark-mode .athlete-main-content,body.dark-mode .main-content{background-color:#1a1a1a;color:#f0f0f0}@media (max-width:768px){.athlete-main-content,.main-content{margin-left:0!important;padding-top:60px}.athlete-content,.content-wrapper{min-height:calc(100vh - 60px);padding:16px}}.athlete-layout{display:flex;min-height:100vh;overflow-x:hidden}.athlete-main-content{display:flex;flex:1 1;flex-direction:column;margin-left:250px;min-width:0;transition:margin-left .3s ease}.athlete-main-content.sidebar-collapsed{margin-left:80px}@media (max-width:1024px){.athlete-main-content{margin-left:0;transition:transform .35s ease}.athlete-main-content.sidebar-open{transform:translateX(120px)}}.navbar{align-items:center;background:var(--bg-main);border-top:3px solid #fbc02d;box-sizing:border-box;display:flex;height:60px;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:1000}.theme-toggle-btn{background:conic-gradient(var(--text-primary) 180deg,#0000 0deg);border:1.5px solid var(--text-primary);border-radius:50%;cursor:pointer;flex-shrink:0;height:24px;outline:none;padding:0;transition:transform .2s ease,border-color .2s ease;width:24px}.theme-toggle-btn:hover{border-color:var(--brand-green);transform:scale(1.15) rotate(15deg)}.navbar-logo-link{align-items:center;display:flex;text-decoration:none}.navbar-logo{height:32px;object-fit:contain;width:auto}.nav-links{align-items:center;display:flex;gap:28px}.nav-link{color:var(--text-primary)!important;font-size:14px;font-weight:400;text-decoration:none;transition:color .2s ease;white-space:nowrap}.nav-link.active,.nav-link:hover{color:var(--brand-green)!important}.lang-switcher-wrapper{align-items:center;display:flex}.lang-switcher-wrapper button,.lang-switcher-wrapper select{background:#0000!important;border:1px solid #ffffff40!important;border-radius:999px!important;color:#fff!important;cursor:pointer;font-size:13px!important;padding:5px 16px!important;transition:all .2s ease}.lang-switcher-wrapper button:hover,.lang-switcher-wrapper select:hover{border-color:#20e382!important;color:#20e382!important}.hamburger{color:#fff;cursor:pointer;display:none;font-size:24px;line-height:1}.lang-switcher-wrapper .dropdown-menu,.lang-switcher-wrapper [class*=dropdown],.lang-switcher-wrapper [class*=menu]{background-color:var(--bg-card)!important;border:1px solid var(--input-border)!important;box-shadow:0 10px 25px var(--bg-man)!important;color:#fff!important}.lang-switcher-wrapper .dropdown-item,.lang-switcher-wrapper [class*=item],.lang-switcher-wrapper li{background-color:initial!important;color:var(--text-primary)!important}.lang-switcher-wrapper .active,.lang-switcher-wrapper [class*=selected]{border-color:var(--text-hit)!important;color:var(--text-hit)!important}@media (max-width:768px){.navbar{height:56px;padding:0 20px}.hamburger{color:var(--text-primary);cursor:pointer;display:block;font-size:24px;line-height:1}.nav-links{display:none}.nav-links.open{-webkit-overflow-scrolling:touch;align-items:center;background-color:var(--bg-main);border-bottom:1px solid var(--border-color);box-shadow:0 10px 20px #00000026;display:flex;flex-direction:column;gap:16px;left:0;max-height:calc(100dvh - 56px);overflow-y:auto;padding:20px 0 32px;position:fixed;top:56px;width:100%;z-index:999}.nav-link{font-size:15px;padding:4px 0}}.join-page{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:24px;text-align:center}.join-preview-card{background:#f9fbff;border:1px solid #e2ecff;border-radius:12px;max-width:360px;padding:24px;width:100%}.join-preview-title{color:#1a1a2e;font-size:1.2rem;margin:0 0 12px}.join-preview-row{color:#333;font-size:.9rem;margin:4px 0}.join-preview-muted{color:#888;font-size:.8rem}.join-confirm-btn{margin-top:16px;padding:10px 16px;width:100%}.join-ok{color:#2ecc71;font-weight:600}.join-error{color:#e74c3c;font-weight:600}.full-width{grid-column:1/-1;margin-bottom:25px}.dashboard-container{background-color:#f8f9fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.dashboard-container h1{color:#2c3e50;font-weight:700;margin-bottom:20px;text-align:center}.dashboard-container h2{color:#3498db;font-size:1.4rem;margin-bottom:15px;margin-top:0}.timeframe-selector{gap:15px;margin-bottom:25px}.timeframe-selector button{background-color:#e9ecef;border:none;border-radius:25px;color:#495057;padding:10px 20px}.timeframe-selector button.active,.timeframe-selector button:hover{box-shadow:0 4px 8px #4361ee4d}.charts-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-container{border-radius:15px;box-shadow:0 5px 15px #00000014;margin-bottom:20px}@media (max-width:968px){.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-container{padding:15px}.timeframe-selector{align-items:center;flex-direction:column}.timeframe-selector button{max-width:250px;width:100%}.stat-value{font-size:1.5rem}}.progress-531{display:flex;flex:1 1;flex-direction:column}.progress-531 h2{color:#2c3e50;font-size:1.3rem;margin-bottom:15px;text-align:center}.stat-card{margin:0;padding:15px}.stat-value{font-size:1.5rem}.exercise-distribution-container{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;margin-top:25px;padding:20px}.exercise-distribution-container h2{color:#3498db;font-size:1.4rem;margin-bottom:15px;margin-top:0}@media (max-width:480px){.progress-531 .charts-container{flex-direction:column}.progress-531 h2{font-size:1.2rem}}.stat-value{font-weight:700}.stat-label{font-size:.75rem;line-height:1.2}.timeframe-selector{gap:10px}.timeframe-selector button{border:1px solid #ddd;border-radius:4px;padding:8px 16px;transition:all .3s ease}.timeframe-selector button.active{background-color:#4361ee;border-color:#4361ee;color:#fff}.timeframe-selector button:hover{background-color:#e9e9e9}.timeframe-selector button.active:hover{background-color:#3a56d4}.compare-toggle{background:#f0f0f0;border:1px solid #ddd;border-radius:20px;padding:8px 16px}.compare-toggle.active{background:#4caf50;border-color:#4caf50}.compare-toggle:hover{background:#e0e0e0}.stat-card{box-shadow:0 4px 12px #0000001a}.stats-grid-fullwidth{box-sizing:border-box;margin-bottom:20px;max-width:100%}@media (max-width:768px){.stats-grid-fullwidth{gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:480px){.stats-grid-fullwidth{grid-template-columns:1fr 1fr}.stat-card{padding:12px}.stat-value{font-size:1.2rem}}.charts-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}}.compare-toggle{border:1px solid #ccc;font-size:14px;padding:8px 14px;transition:all .3s ease}.compare-toggle:hover:not(.disabled){background-color:#e6e6e6}.compare-toggle.active{background-color:#007bff;border-color:#007bff}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));justify-items:stretch}.chart-container canvas{height:100%!important}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.charts-grid{grid-template-columns:1fr}}.charts-grid{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(clamp(320px,33%,480px),1fr));justify-content:space-between;transition:all .3s ease;width:100%}.chart-container{justify-content:space-between;min-height:360px}.chart-container canvas{height:auto!important;width:100%!important}.stats-grid-fullwidth{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center;margin:0 auto 30px;max-width:1100px;width:100%}.stat-card{border-radius:12px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;height:100%;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 10px #0000001f;transform:translateY(-3px)}@media (max-width:900px){.stats-grid-fullwidth{grid-template-columns:repeat(3,minmax(160px,1fr))}}@media (max-width:600px){.stats-grid-fullwidth{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media (max-width:400px){.stats-grid-fullwidth{grid-template-columns:1fr}}.recent-workouts-container{box-shadow:0 2px 8px #0000000d;margin-top:2rem;padding:1.5rem}.recent-header{align-items:center;display:flex;justify-content:space-between}.view-all-link{color:#2563eb;font-weight:500;text-decoration:none}.view-all-link:hover{text-decoration:underline}.report-item{border-bottom:1px solid #eee;padding:.8rem 0;transition:background .2s}.report-item:hover{background:#f9fafb}.stat-value{line-height:1.2;margin:8px 0 0}.stat-sub{color:#6c757d;display:block;font-size:.9rem;font-weight:400;margin-top:4px}.athlete-chart-section{margin-bottom:32px}.athlete-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.athlete-chart-header h2{color:#34495e;font-size:1.1rem;font-weight:700;margin:0}.athlete-chart-nav{align-items:center;display:flex;gap:10px}.chart-nav-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:50%;font-size:1.1rem;height:32px;transition:all .15s;width:32px}.chart-nav-btn:hover{background:#eef2ff;border-color:#4b7bec;color:#4b7bec}.chart-nav-label{color:#1a1a2e;font-size:.88rem;font-weight:700;min-width:90px}.chart-loading{color:#aaa;font-size:.88rem;padding:20px 0}.timeframe-selector{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.timeframe-selector button{background-color:#f5f5f5;border:1.5px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;font-weight:600;padding:9px 20px;transition:all .2s ease;white-space:nowrap;width:auto}.timeframe-selector button.active,.timeframe-selector button:hover{background-color:#4361ee;border-color:#4361ee;color:#fff}.compare-toggle{background-color:#f2f2f2;border:1.5px solid #ddd;color:#333;font-size:1rem;font-weight:600;padding:9px 20px;transition:all .2s ease}.compare-toggle:hover:not(.disabled){background-color:#e0e0e0}.compare-toggle.active{background-color:#22c55e;border-color:#22c55e;color:#fff}.compare-toggle.disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.timeframe-selector{gap:6px;justify-content:center}.compare-toggle,.timeframe-selector button{flex:0 0 auto;font-size:.88rem;padding:7px 14px;width:auto}.timeframe-selector{flex-direction:row!important;flex-wrap:wrap;gap:6px;justify-content:center}.compare-toggle,.timeframe-selector button{font-size:.85rem;max-width:none!important;padding:7px 12px;width:auto!important}.chart-container,.chart-container.small-report-chart{min-height:0;min-height:auto;padding:12px 8px}.athlete-chart-section{margin-bottom:24px}.athlete-chart-header h2{font-size:.95rem}.chart-nav-label{font-size:.78rem;min-width:70px}.exercise-dashboard{padding:0}.bar-section{-webkit-overflow-scrolling:touch;overflow-x:auto}.chart-container[style*="height: 400"]{height:280px!important}}.small-report-chart{height:clamp(240px,40vw,320px)}@media (max-width:768px){.dashboard-container{padding:12px 8px}.athlete-chart-section{margin-left:-8px;margin-right:-8px}.chart-container,.chart-container.small-report-chart{border-bottom:1px solid #eee;border-radius:0;border-top:1px solid #eee;box-shadow:none;padding:12px 8px}.athlete-chart-header{padding:0 8px}.small-report-chart{height:clamp(260px,55vw,360px)}}.recent-workouts-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-top:20px;padding:16px}.recent-workouts-container h2{color:#3498db;font-size:1.3rem;margin-bottom:16px;margin-top:0}.workouts-table{border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.table-header{background-color:#3498db;color:#fff;display:flex;font-weight:600;padding:12px}.table-header>div{padding:0 8px}.header-icon{flex-shrink:0;width:40px}.header-type{flex:1.5 1}.header-calories,.header-heartrate,.header-time{flex:1 1;text-align:center}.header-date{flex:1.2 1;text-align:right}.table-body{max-height:300px;overflow-y:auto}.table-row{border-bottom:1px solid #e9ecef;cursor:pointer;display:flex;padding:12px;transition:background-color .2s}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:#f8f9fa}.table-row>div{align-items:center;display:flex;padding:0 8px}.cell-icon{flex-shrink:0;font-size:1.2rem;justify-content:center;width:40px}.cell-type{flex:1.5 1;font-weight:500}.cell-calories,.cell-heartrate,.cell-time{flex:1 1;justify-content:center}.cell-date{color:#6c757d;flex:1.2 1;justify-content:flex-end}.no-workouts{color:#6c757d;font-size:.9rem;padding:20px;text-align:center}.modal-overlay{background-color:#00000080;bottom:0;right:0}.modal-content{max-width:400px;padding:20px;position:relative;width:90%}.close-button{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.modal-header{align-items:center;display:flex;margin-bottom:20px}.modal-icon{font-size:2rem;margin-right:12px}.modal-title h3{color:#2c3e50;margin:0 0 4px}.modal-title p{color:#6c757d;font-size:.9rem;margin:0}.modal-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.modal-stat{display:flex;flex-direction:column}.modal-stat-label{color:#6c757d;font-size:.8rem;margin-bottom:4px}.modal-stat-value{color:#2c3e50;font-size:1rem;font-weight:600}.modal-actions{justify-content:center}.view-report-button{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:background-color .2s}.view-report-button:hover{background-color:#2980b9}@media (max-width:768px){.table-header{display:none}.table-row{flex-direction:column;gap:8px;padding:16px}.table-row>div{justify-content:flex-start;padding:0}.cell-icon{display:inline-flex;margin-right:8px;width:auto}.cell-type{align-items:center;display:flex;font-size:1.1rem;margin-bottom:8px}.cell-time:before{content:"時間: ";font-weight:600;margin-right:4px}.cell-heartrate:before{content:"心率: ";font-weight:600;margin-right:4px}.cell-calories:before{content:"卡路里: ";font-weight:600;margin-right:4px}.cell-date:before{content:"日期: ";font-weight:600;margin-right:4px}.modal-stats{grid-template-columns:1fr}}.clickable-title{cursor:pointer;transition:color .2s ease}.clickable-title:hover{color:#0056b3;text-decoration:underline}.exercise-dashboard{margin-top:10px}.bar-section{flex:1.5 1;max-width:500px}.exercise-dashboard{display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:0;width:100%}.bar-section{flex:1 1;height:100%;width:100%}.charts-row.compact{align-items:center;display:flex;gap:30px;justify-content:center;max-width:1100px;width:75%}.donut-section{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:300px}.category-legend{margin-top:14px;width:90%}.category-item{align-items:center;color:#333;display:flex;font-size:14px;justify-content:space-between;margin-bottom:6px}.color-dot{border-radius:50%;height:10px;margin-right:8px;width:10px}@media (max-width:800px){.charts-row.compact{flex-direction:column;width:90%}.bar-section,.donut-section{max-width:none;width:100%}}.chart-container.small-531{background:#fff;border-radius:12px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;justify-content:center;margin:0 auto 1.5rem;max-width:100%;min-height:350px;padding:1rem}.chart-container.small-531 h2{color:#3498db;font-size:1.2rem;margin-bottom:1rem;text-align:center}.chart-left .card,.chart-right .card{background:#0000!important;box-shadow:none!important}.donut-wrapper.two-donuts{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-around}.donut-item{flex:1 1;min-width:280px;text-align:center}.difference-indicator{font-size:15px;font-weight:600;margin-top:12px;text-align:center;transition:color .3s ease}.weekly531-card{display:flex;flex-direction:column;height:100%}.weekly531-bar-wrapper{flex:1 1;height:100%;padding:10px 16px}.weekly531-bar-wrapper canvas{height:100%!important;width:100%!important}.bar-card-match{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:20px;width:350px}.chart-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;height:100%;justify-content:flex-start;min-width:0;overflow:hidden;padding:20px;width:100%}@media (max-width:768px){.comparison-wrapper{align-items:center;flex-direction:column;gap:20px}.chart-left,.chart-right{max-width:100%;width:100%!important}.chart-container.small-531{min-height:300px;padding:.8rem}.chart-container.small-531 h2{font-size:1rem}.weekly531-card{padding:10px}.difference-indicator{font-size:14px;margin-top:10px}.comparison-wrapper{align-items:center;flex-direction:column;gap:16px;justify-content:center}.chart-left,.chart-right{max-width:100%;width:100%!important}.chart-left .card,.chart-right .card{background:#0000!important;box-shadow:none;box-shadow:none!important;padding:.8rem;width:100%}.chart-container.small-531{min-height:auto;padding:.8rem .6rem}.chart-container.small-531 h2{font-size:1.05rem;margin-bottom:.8rem}.chart-container.small-531 h4{margin-top:.5rem;text-align:center}.difference-indicator{display:block;font-size:14px;margin-top:12px;text-align:center}.chart-right .card{margin-bottom:1rem}.chart-right canvas{max-height:200px!important}}.chart-card{box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem;padding:1.5rem;width:100%}.chart-title{border-bottom:1px solid #f0f0f0;color:#3498db;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem;text-align:center}.chart-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:1rem;width:100%}.donut-container{display:flex;flex-direction:column}.donut-card{flex-shrink:0}.donut-card,.donut-chart-container{align-items:center;display:flex;justify-content:center}.donut-chart-container{flex-direction:column;height:100%;min-height:300px}.donut-title-wrapper{margin-bottom:1rem;text-align:center}.donut-title{color:#4b5563;font-size:1rem;font-weight:600;margin:0}.donut-chart-wrapper{aspect-ratio:1/1;margin:0 auto;width:clamp(220px,60vw,320px)}.donut-chart-wrapper canvas{height:100%!important;width:100%!important}.bar-card,.bar-container{display:flex;flex-direction:column}.bar-card{background:#0000;border-radius:8px;height:100%;padding:1rem}.bar-title{color:#4b5563;font-size:1rem;font-weight:600;margin:0 0 1rem;padding:0;text-align:center}.bar-wrapper{height:250px}.bar-chart-container{min-height:250px}.bar-chart-container,.bar-chart-container canvas{height:100%;width:100%}.no-data-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:300px;padding:3rem 1rem;text-align:center}.placeholder-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.placeholder-text{font-style:italic;margin:0;max-width:300px}.no-bar-data{background:#fafafa;border:1px dashed #e5e7eb;border-radius:10px;color:#6b7280;flex-direction:column;height:100%;padding:2rem 1rem;text-align:center}.empty-chart-icon,.no-bar-data{align-items:center;display:flex;justify-content:center}.empty-chart-icon{border:2.5px dashed #d1d5db;border-radius:50%;font-size:2rem;height:70px;margin-bottom:1rem;opacity:.35;width:70px}.empty-chart-text{max-width:250px}.empty-chart-title{color:#4b5563;font-size:.875rem;font-weight:600;margin:.5rem 0}.empty-chart-subtitle{color:#9ca3af;font-size:.75rem;margin:0}.comparison-indicator{border-top:1px solid #f0f0f0;font-size:.9375rem;font-weight:600;margin-top:1rem;padding-top:1rem;text-align:center}@media (max-width:1200px){.chart-grid{gap:1.5rem}}@media (max-width:992px){.chart-grid{gap:2rem;grid-template-columns:1fr;justify-items:center}.donut-container{display:flex;justify-content:center;width:100%}.donut-chart-wrapper{aspect-ratio:1/1;max-width:300px;width:100%}}@media (max-width:768px){.chart-card{padding:1rem}.chart-title{font-size:1.125rem;margin-bottom:1rem}.bar-title,.donut-title{font-size:.9375rem}.comparison-indicator{font-size:.875rem}.chart-grid{gap:1.5rem}}@media (max-width:480px){.chart-card{padding:.75rem}.chart-grid{gap:1.25rem}.bar-wrapper,.donut-chart-wrapper{min-height:220px}.donut-title-wrapper{margin-bottom:.5rem}.no-data-placeholder{min-height:250px;padding:2rem 1rem}}.StatsCard_card__PFGpi{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;display:flex;flex-direction:column;height:100px;justify-content:center;min-width:160px;padding:20px 24px;transition:transform .2s ease,box-shadow .2s ease}.StatsCard_card__PFGpi:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-2px)}.StatsCard_label__FktY0{text-transform:capitalize}.StatsCard_stats-row__92xQ0{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.StatsCard_compare__7IOQ3{margin-top:4px}.StatsCard_stats-card__tCgxJ{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;flex:1 1;min-width:160px;padding:20px 24px;text-align:center}.StatsCard_value__8vdZe{color:#222;font-size:24px;font-weight:600;margin-bottom:4px}.StatsCard_label__FktY0{color:#666;font-size:14px}.StatsCard_compare__7IOQ3{font-size:13px;font-weight:500;margin-top:6px}.StatsCard_up__0yMh9{color:#2ecc71}.StatsCard_down__pj20H{color:#e74c3c}.StatsCard_compare-text__gkZ5g{color:#888;font-weight:400;margin-left:4px}@media (max-width:768px){.StatsCard_stats-row__92xQ0{flex-direction:column}.StatsCard_stats-card__tCgxJ{width:100%}}.workout-list-page{margin:0 auto;max-width:860px;padding:24px 16px}.workout-filters{align-items:center;background:#fff;border:1px solid #eaeaea;border-radius:14px;box-shadow:0 2px 8px #0000000a;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:16px}.filter-search{align-items:center;background:#f4f6fb;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex:1 1;gap:8px;min-width:180px;padding:0 12px}.search-icon{font-size:.9rem;opacity:.5}.filter-search input{background:#0000;border:none;color:#1a1a2e;flex:1 1;font-size:.9rem;outline:none;padding:10px 0}.filter-search input::placeholder{color:#bbb}.filter-select{background:#f4f6fb;border:1px solid #e5e7eb;border-radius:10px;color:#1a1a2e;cursor:pointer;font-size:.88rem;outline:none;padding:10px 12px;transition:border-color .15s}.filter-select:focus{border-color:#4b7bec}.filter-dates{align-items:center;color:#888;display:flex;font-size:.85rem;gap:8px}.filter-dates input[type=date]{background:#f4f6fb;border:1px solid #e5e7eb;border-radius:10px;color:#1a1a2e;font-size:.85rem;outline:none;padding:8px 10px}.filter-dates input[type=date]:focus{border-color:#4b7bec}.filter-btn{border:none;border-radius:10px;cursor:pointer;font-size:.88rem;font-weight:600;padding:10px 18px;transition:opacity .15s,transform .15s;white-space:nowrap}.filter-btn:disabled{cursor:not-allowed;opacity:.5}.filter-btn.primary{background:linear-gradient(135deg,#4b7bec,#45aaf2);color:#fff}.filter-btn.primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.filter-btn.secondary{background:#f4f6fb;border:1px solid #e5e7eb;color:#555}.filter-btn.secondary:hover:not(:disabled){background:#eaecf4}.workout-count{color:#888;font-size:.82rem;margin-bottom:14px;padding-left:4px}.workout-cards{display:flex;flex-direction:column;gap:10px}.workout-card{align-items:center;background:#fff;border:1px solid #eaeaea;border-radius:14px;cursor:pointer;display:flex;gap:14px;overflow:hidden;padding:16px 16px 16px 0;position:relative;transition:box-shadow .15s,transform .15s,border-color .15s}.workout-card:hover{border-color:#d0d8f0;box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.workout-card-accent{align-self:stretch;border-radius:0 3px 3px 0;flex-shrink:0;width:5px}.workout-card-body{flex:1 1;min-width:0}.workout-card-top{align-items:baseline;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.workout-card-name{color:#1a1a2e;font-size:1rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workout-card-date{color:#888;flex-shrink:0;font-size:.78rem;white-space:nowrap}.workout-card-stats{display:flex;flex-wrap:wrap;gap:12px}.workout-stat{align-items:center;display:flex;gap:5px}.workout-stat-label{font-size:.85rem}.workout-stat-value{color:#444;font-size:.88rem;font-weight:600}.workout-card-arrow{color:#ccc;flex-shrink:0;font-size:1.3rem;padding-right:4px;transition:color .15s}.workout-card:hover .workout-card-arrow{color:#4b7bec}.workout-empty{color:#888;padding:60px 20px;text-align:center}.workout-empty-icon{font-size:3rem;margin-bottom:12px;opacity:.4}.workout-empty p{font-size:.95rem}.workout-error{align-items:center;background:#fff5f5;border:1px solid #fecaca;border-radius:10px;color:#e74c3c;display:flex;font-size:.88rem;gap:12px;margin-top:12px;padding:12px 16px}.workout-error button{background:#fff;border:1px solid #fecaca;border-radius:6px;color:#e74c3c;cursor:pointer;font-size:.82rem;padding:5px 12px}.workout-load-more{display:flex;justify-content:center;margin-top:24px}.load-more-btn{background:#f4f6fb;border:1px solid #e5e7eb;border-radius:12px;color:#555;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 32px;transition:background .15s,border-color .15s}.load-more-btn:hover:not(:disabled){background:#eaecf4;border-color:#4b7bec;color:#4b7bec}.load-more-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.workout-filters{align-items:stretch;flex-direction:column}.filter-dates{flex-wrap:wrap}.workout-card-top{flex-direction:column;gap:2px}.workout-card-date{font-size:.72rem}}.reports-all-container{box-sizing:border-box;padding:24px;width:100%}.reports-all-container h1{color:#222;font-size:28px;font-weight:700;margin-bottom:24px}.reports-all-container .workout-list{margin-top:16px}.reports-all-container{animation:fadeIn .25s ease-in-out}@media (max-width:768px){.reports-all-container{padding:16px}.reports-all-container h1{font-size:24px}}.reports-all-container{margin:0 auto;max-width:1100px;padding:32px 24px}.reports-card{background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000d;padding:32px}.athlete-group-page{display:flex;flex-direction:column;padding:0 40px 40px}.page-title{color:#222;font-size:24px;font-weight:700;line-height:2;margin:0}.group-card-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.athlete-group-card{background:#fff;border-radius:20px;box-shadow:0 6px 16px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease;width:100%}.athlete-group-card:hover{transform:translateY(-3px)}.card-image-wrapper{align-items:center;background:linear-gradient(135deg,#f8f8f8,#fff 60%,#f3f3f3);border-bottom:1px solid #eee;display:flex;height:180px;justify-content:center;overflow:hidden;width:100%}.card-image-wrapper img.card-image{display:block;height:100%;object-fit:cover;width:100%}.card-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:20px}.card-title{color:#222;font-size:1.2rem;font-weight:600;margin-bottom:6px}.card-subtitle{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.card-logo{background:linear-gradient(135deg,#f7f7f7,#fff 70%);border:1px solid #eaeaea;border-radius:50%;box-shadow:0 1px 6px #00000014;height:52px;margin-top:12px;object-fit:cover;object-position:center;padding:3px;transition:transform .2s ease;width:52px}.card-logo:hover{transform:scale(1.05)}@media (max-width:768px){.athlete-group-page{padding:16px}.card-image-wrapper{height:160px}}.card-title-row{align-items:center;display:flex;gap:12px}.group-avatar-square{background:#eee;border-radius:8px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.card-image-wrapper{background-position:50%;background-size:cover}.sc-page{gap:16px;margin:0 auto;max-width:680px;padding:32px 24px 120px}.sc-loading,.sc-page{display:flex;flex-direction:column}.sc-loading{align-items:center;color:#888;gap:12px;padding:80px}.sc-spinner{animation:sc-spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#4b7bec;height:36px;width:36px}@keyframes sc-spin{to{transform:rotate(1turn)}}.sc-toast{animation:sc-fadein .2s ease;background:#1a1a2e;border-radius:24px;box-shadow:0 4px 20px #0003;color:#fff;font-size:.9rem;font-weight:600;left:50%;padding:12px 24px;position:fixed;top:80px;transform:translateX(-50%);z-index:9999}.sc-toast.error{background:#e74c3c}@keyframes sc-fadein{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.sc-profile-header{align-items:center;display:flex;gap:16px;padding:20px 0 8px}.sc-avatar{border:2px solid #eaeaea;border-radius:50%;flex-shrink:0;height:64px;object-fit:cover;width:64px}.sc-username{color:#1a1a2e;font-size:1.3rem;font-weight:700;margin:0 0 2px}.sc-email{color:#888;font-size:.85rem;margin:0}.sc-card{background:#fff;border:1px solid #eaeaea;border-radius:16px;box-shadow:0 2px 8px #0000000a;overflow:hidden}.sc-card-header{background:#fafafa;border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:18px 20px;-webkit-user-select:none;user-select:none}.sc-card-header,.sc-card-header-left{align-items:center;display:flex;gap:12px}.sc-card-chevron{color:#aaa;flex-shrink:0;font-size:.85rem;transition:transform .2s}.sc-card-icon{flex-shrink:0;font-size:1.2rem}.sc-card-title{color:#1a1a2e;font-size:.95rem;font-weight:700;margin:0 0 2px}.sc-card-desc{color:#999;font-size:.78rem;margin:0}.sc-card-body{padding:8px 0}.sc-field{grid-gap:12px;align-items:center;border-bottom:1px solid #f5f5f5;display:grid;gap:12px;grid-template-columns:140px 1fr auto;padding:14px 20px}.sc-field:last-child{border-bottom:none}.sc-field-label{color:#555;font-size:.88rem;font-weight:500}.sc-field-control{align-items:center;display:flex;gap:8px}.sc-field-hint{color:#bbb;font-size:.75rem;text-align:right}.sc-input-wrap{align-items:center;display:flex;gap:6px}.sc-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#1a1a2e;font-size:.9rem;max-width:200px;outline:none;padding:8px 12px;transition:border-color .15s;width:100%}.sc-input:focus{border-color:#4b7bec}.sc-input[type=number]{max-width:100px}.sc-input[type=time]{max-width:120px}.sc-input[type=date]{max-width:160px}.sc-unit{color:#aaa;flex-shrink:0;font-size:.82rem}.sc-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#1a1a2e;cursor:pointer;font-size:.88rem;min-width:140px;outline:none;padding:8px 12px;transition:border-color .15s}.sc-select:focus{border-color:#4b7bec}.sc-radio-group{display:flex;gap:10px}.sc-radio{align-items:center;border:1.5px solid #e5e7eb;border-radius:20px;color:#555;cursor:pointer;display:flex;font-size:.88rem;gap:6px;padding:7px 16px;transition:all .15s}.sc-radio input{display:none}.sc-radio.active{background:#eef2ff;border-color:#4b7bec;color:#4b7bec;font-weight:600}.sc-readonly{color:#666;font-size:.9rem;padding:8px 0}.sc-btn{border:none;border-radius:8px;cursor:pointer;font-size:.88rem;font-weight:600;padding:8px 20px;transition:all .15s}.sc-btn.danger-outline{background:#fff;border:1.5px solid #e74c3c;color:#e74c3c}.sc-btn.danger-outline:hover{background:#fff5f5}.sc-save-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-top:1px solid #eaeaea;bottom:0;display:flex;justify-content:center;left:0;padding:16px 24px;position:fixed;right:0;z-index:100}.sc-save-btn{background:linear-gradient(135deg,#4b7bec,#45aaf2);border:none;border-radius:12px;box-shadow:0 4px 16px #4b7bec59;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:12px 48px;transition:opacity .15s,transform .15s}.sc-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.sc-save-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.sc-page{padding:16px 12px 100px}.sc-field{gap:6px;grid-template-columns:1fr;padding:12px 16px}.sc-field-hint{text-align:left}.sc-input,.sc-input[type=number]{max-width:100%}}.sc-btn.outline{background:#fff;border:1.5px solid #e5e7eb;color:#555}.sc-btn.outline:hover{background:#f4f6fb}.sc-btn.outline.blue,.sc-btn.outline:hover{border-color:#4b7bec;color:#4b7bec}.sc-btn.outline.blue:hover{background:#eef2ff}.sc-btn.outline.danger{border-color:#e74c3c;color:#e74c3c}.sc-btn.outline.danger:hover{background:#fff5f5}.sc-strava-row{align-items:center;display:flex;gap:10px}.sc-strava-label{color:#1a1a2e;font-size:.9rem;font-weight:600}.sc-toggle{background:#ddd;border:none;border-radius:12px;cursor:pointer;height:24px;padding:2px;position:relative;transition:background .2s;width:44px}.sc-toggle.on{background:#4b7bec}.sc-toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;display:block;height:20px;left:2px;position:absolute;top:2px;transition:transform .2s;width:20px}.sc-toggle.on .sc-toggle-knob{transform:translateX(20px)}.sc-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.sc-modal{animation:sc-fadein .2s ease;background:#fff;border-radius:16px;box-shadow:0 16px 48px #0003;max-width:400px;padding:28px;width:100%}.sc-modal h3{color:#1a1a2e;font-size:1.1rem;font-weight:700;margin:0 0 20px}.sc-modal-fields{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.sc-modal-fields label{color:#555;display:flex;flex-direction:column;font-size:.85rem;font-weight:500;gap:6px}.sc-modal-fields .sc-input{max-width:100%;width:100%}.sc-modal-error{color:#e74c3c;font-size:.82rem;margin:0 0 12px}.sc-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.sc-avatar-wrap{cursor:pointer;flex-shrink:0;height:64px;position:relative;width:64px}.sc-avatar-wrap .sc-avatar{height:100%;width:100%}.sc-avatar-edit{align-items:center;background:#fff;border:1.5px solid #eaeaea;border-radius:50%;bottom:0;box-shadow:0 1px 4px #00000026;display:flex;font-size:.65rem;height:22px;justify-content:center;position:absolute;right:0;width:22px}.sc-avatar-spinner{animation:sc-spin .8s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#4b7bec;display:block;height:12px;width:12px}.device-card{align-items:center;background:#fff;border:2px solid #7fd3c7;border-radius:20px;display:flex;flex-direction:column;margin:24px auto;max-width:580px;padding:24px;width:90%}.device-card-content{align-items:center;display:flex;flex-direction:row;width:100%}.device-img{height:auto;margin-right:24px;width:110px}.device-info{flex:1 1}.device-name{color:#333;font-size:22px;font-weight:700;margin:0}.device-sn{color:#444;font-size:16px;margin:4px 0 12px}.fitpair-row{align-items:center;display:flex;font-size:14px}.fitpair-select{background:#f7f6db;border:1px solid #ccc;border-radius:6px;margin-left:8px;padding:4px 6px}.product-info-title{font-size:16px;font-weight:600;margin-top:16px}.collapse-btn{align-items:center;background:#fff;border:1px solid #ccc;border-radius:14px;cursor:pointer;display:flex;height:30px;justify-content:center;margin:12px auto 0;width:50px}.arrow{font-size:16px;transition:transform .25s ease}.arrow.open{transform:rotate(180deg)}.collapse-content{border-top:1px solid #eee;margin-top:12px;padding-top:12px;text-align:center;width:100%}.collapse-content a{color:#0080ff;font-size:15px;text-decoration:none}.warranty-badge{display:inline-block;font-size:.75rem;margin-top:6px;padding:.2rem .65rem}.dl-page{background:#f5f8fc;min-height:100vh;padding:24px 16px 48px}.dl-loading{color:#888;padding:48px;text-align:center}.dl-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}@media (max-width:400px){.dl-stats{grid-template-columns:1fr 1fr}.dl-stat-card:first-child{grid-column:1/-1}.dl-stat-value{font-size:26px}}.dl-stat-card{background:#fff;border:2px solid #7fd3c7;border-radius:16px;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:18px 12px;text-align:center}.dl-stat-card--active{border-color:#81c784}.dl-stat-card--pending{border-color:#ffcc80}.dl-stat-value{color:#1a1a1a;font-size:32px;font-weight:800;line-height:1}.dl-stat-label{color:#888;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dl-section{margin-bottom:32px}.dl-section-header{align-items:center;display:flex;gap:10px;margin-bottom:4px;padding:0 5%}.dl-section-title{color:#333;font-size:18px;font-weight:700;margin:0}.dl-section-count{background:#e8f4f2;border-radius:999px;color:#2a9d8f;font-size:13px;font-weight:700;padding:2px 10px}.dl-empty{color:#aaa;font-size:14px;padding:24px;text-align:center}.device-detail-wrapper{background:#f5f8fc;min-height:100vh}.device-banner{background-position:50%;background-size:cover;height:180px;position:relative;width:100%}.device-main-img{background:#fff;border-radius:50%;bottom:-50px;box-shadow:0 4px 10px #00000026;height:120px;left:24px;padding:10px;position:absolute;width:120px}.device-title-container{bottom:-80px;left:170px;position:absolute}.device-type-path{color:#666;font-size:14px}.device-title-text{font-size:26px;font-weight:700;margin-top:4px}.device-tabs{background:#fff;border-bottom:1px solid #ddd;display:flex;margin-top:60px}.device-tabs button{background:none;border:none;color:#777;flex:1 1;font-size:16px;font-weight:600;padding:14px 0}.device-tabs button.active{border-bottom:3px solid #2a74ff;color:#2a74ff}.device-content{padding:20px 24px}.section-title{font-size:20px;font-weight:700;margin:25px 0 10px}.info-row{display:flex;font-size:15px;margin-bottom:10px}.info-row span{color:#777;width:110px}.app-card{margin-bottom:15px;padding:20px}.app-card h3{font-size:20px;font-weight:700;text-align:center}.app-icon{border-radius:16px;height:80px;margin:12px auto;width:80px}.download-link{color:#2a74ff;display:block;font-weight:600;margin-top:10px}.fitpair-radio label{display:block;font-size:16px;margin:8px 0}.fitpair-desc{color:#555;line-height:1.6;margin-top:12px}.fitpair-text-block{color:#555;font-size:15px;line-height:1.8;margin-top:20px;padding:15px 0}.fitpair-text-block p{margin-bottom:12px}.fitpair-footnote{color:#777;font-size:14px}.app-list{display:flex;flex-direction:column;gap:24px;margin-top:16px}.app-card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:24px}.app-title{font-size:22px;font-weight:700;margin-bottom:16px}.app-icon{border-radius:20px;display:block;height:120px;margin-bottom:16px;width:120px}.app-description{color:#555;font-size:15px;line-height:1.6;margin-bottom:12px}.app-download{color:#0a57ff;font-size:16px;font-weight:600;text-decoration:none}.download-buttons{align-items:center;display:flex;gap:12px;margin-top:12px}.download-icon-btn{align-items:center;display:flex;gap:6px}.download-icon-btn img{height:40px;object-fit:contain}.download-icon-btn span{color:#2a74ff;font-size:14px;font-weight:600}.apk-badge{border-radius:8px;height:50px;object-fit:contain}.warranty-badge{border-radius:999px;font-size:.8rem;font-weight:700;padding:.25rem .75rem}.warranty-badge--active{background:#e8f5e9;color:#2e7d32}.warranty-badge--pending{background:#fff3cd;color:#856404}.warranty-badge--rejected{background:#fdecea;color:#c62828}.warranty-empty{background:#f7f9fc;border-radius:10px;color:#888;margin-top:.5rem;padding:1.5rem;text-align:center}.warranty-register-link{color:#0075ff;font-size:.9rem;font-weight:600;text-decoration:none}.warranty-register-link:hover{text-decoration:underline}.exercise-report-container{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;padding:20px}.exercise-report-container h1{color:#2c3e50;font-size:1.5rem;margin-bottom:20px}.report-list{display:flex;flex-direction:column;gap:12px}.report-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;padding:12px 16px;transition:all .2s ease}.report-item:hover{background:#eaf3ff;border-color:#3498db;transform:translateY(-2px)}.report-item h3{color:#34495e;font-size:1.1rem;margin:0}.report-item p{color:#555;font-size:.9rem;margin:6px 0 0}.exercise-report-container button{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:8px 16px;transition:background .2s ease}.exercise-report-container button:hover{background:#2980b9}.lap-table-container{margin-top:16px}.lap-table-title{font-weight:600;margin-bottom:8px}.lap-table{font-size:14px;text-align:center}.lap-table td,.lap-table th{border-bottom:1px solid #ddd;padding:8px 12px}.lap-table thead th{background:#e0e0e0}.lap-table-scroll{max-height:300px;overflow-y:auto}.lap-row-rest{background:#f3f4f6;color:#6b7280}.lap-row-work{background:#fdf7e3}.lap-item-name{padding-left:12px;text-align:left}.lap-table{border-collapse:collapse;width:100%}.lap-table tbody,.lap-table thead{display:block}.lap-table tbody{max-height:300px;overflow-y:auto}.lap-table tbody tr,.lap-table thead tr{display:table;table-layout:fixed;width:100%}.lap-table thead th{background:#fef9c3;border-bottom:1px solid #ddd;font-size:13px;font-weight:600;position:sticky;top:0;z-index:2}.quadrant-section{margin-top:32px}.quadrant-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.quadrant-header h2{color:#34495e;font-size:1.2rem;font-weight:700;margin:0}.quadrant-gear{background:none;border:none;border-radius:6px;color:#888;cursor:pointer;font-size:1.1rem;padding:4px 8px;transition:background .15s}.quadrant-gear:hover{background:#f0f0f0}.quadrant-settings{align-items:center;background:#f8f9fa;border:1px solid #eaeaea;border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:14px;padding:14px 18px}.quadrant-settings label{color:#666;display:flex;flex-direction:column;font-size:.82rem;font-weight:500;gap:4px}.quadrant-settings input{border:1px solid #ddd;border-radius:8px;font-size:.9rem;outline:none;padding:6px 10px;width:100px}.quadrant-settings input:focus{border-color:#4b7bec}.quadrant-settings button{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;margin-top:14px;padding:7px 16px}.quadrant-settings button:first-of-type{background:#4b7bec;color:#fff}.quadrant-settings button:last-of-type{background:#eee;color:#555}.quadrant-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px;padding:0 4px}.quadrant-stat-item{align-items:center;display:flex;font-size:.85rem;gap:6px}.quadrant-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:10px;width:10px}.quadrant-stat-label{color:#666}.quadrant-stat-pct{color:#1a1a2e;font-weight:700;min-width:40px}.quadrant-chart-wrap{overflow-x:auto;width:100%}.quadrant-svg{display:block;height:auto;max-width:560px;-webkit-user-select:none;user-select:none;width:100%}.exercise-report-detail{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;margin:0 auto;max-width:1200px;padding:24px}.exercise-report-detail h2{color:#34495e;font-size:1.2rem;font-weight:700;margin-bottom:16px;margin-top:32px}.activity-header-card{background:#f3f4f6;border-radius:10px;margin-bottom:20px;padding:12px 16px}.activity-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.activity-header-user{align-items:center;display:flex;gap:8px}.header-avatar{border:1px solid #ddd;border-radius:50%;height:28px;object-fit:cover;width:28px}.header-avatar-placeholder{align-items:center;background:#e0e0e0;border-radius:50%;display:flex;font-size:.9rem;height:28px;justify-content:center;width:28px}.header-nickname{color:#444;font-size:.85rem;font-weight:700}.activity-header-date{color:#666;font-size:.85rem;font-weight:500}.activity-header-bottom{align-items:center;display:flex;gap:10px}.activity-type-icon{font-size:1.3rem}.activity-title{color:#1a1a2e;flex:1 1;font-size:1.4rem;font-weight:700;margin:0}.device-info-btn{background:none;border:none;border-radius:50%;color:#888;cursor:pointer;font-size:1.2rem;line-height:1;padding:2px 6px;transition:color .15s,background .15s}.device-info-btn:hover{background:#0000000f;color:#333}.device-popup-overlay{align-items:flex-start;background:#0000004d;display:flex;inset:0;justify-content:center;padding-top:80px;position:fixed;z-index:1000}.device-popup{animation:fadeSlideIn .2s ease both;background:#fff;border-radius:14px;box-shadow:0 8px 32px #0000002e;max-width:90vw;padding:20px;position:relative;width:360px}.device-popup-close{background:none;border:none;border-radius:4px;color:#888;cursor:pointer;font-size:1rem;padding:2px 6px;position:absolute;right:14px;top:12px}.device-popup-close:hover{color:#333}.device-popup-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:12px;margin-bottom:14px;padding-bottom:14px}.device-popup-icon{align-items:center;background:#f3f4f6;border-radius:12px;display:flex;font-size:2rem;height:52px;justify-content:center;width:52px}.device-popup-img{background:#f3f4f6;border-radius:10px;height:56px;object-fit:contain;padding:4px;width:56px}.device-popup-label{color:#888;font-size:.78rem;margin-bottom:2px}.device-popup-model{color:#555;font-size:.82rem;margin-top:2px}.device-popup-sn{color:#1a1a2e;font-size:.95rem;font-weight:700}.device-popup-meta{display:flex;flex-direction:column;gap:10px}.device-meta-row{align-items:center;display:flex;font-size:.88rem;justify-content:space-between}.device-meta-row span{color:#888}.device-meta-row strong{color:#1a1a2e;font-weight:600}.activity-body{align-items:stretch;display:flex;gap:2rem;min-height:500px}.activity-left{gap:1rem}.activity-left,.activity-right{display:flex;flex:1 1;flex-direction:column}.muscle-section{margin-top:32px}.muscle-layout{align-items:flex-start;display:flex;gap:24px}.muscle-map-col{flex:0 0 420px;max-width:420px}.muscle-stats-col{display:flex;flex:1 1;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto}.muscle-stat-card{background:#fafafa;border:1px solid #eaeaea;border-radius:10px;padding:14px 16px}.muscle-stat-name{border-bottom:1px solid #eee;color:#1a1a2e;font-size:1rem;font-weight:700;margin-bottom:10px;padding-bottom:8px}.muscle-stat-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.muscle-stat-item{display:flex;flex-direction:column;gap:2px}.muscle-stat-label{color:#888;font-size:.75rem}.muscle-stat-value{background:#fff7d1;border-left:3px solid #ffd54f;border-radius:4px;color:#1a1a2e;font-size:.95rem;font-weight:700;padding:3px 8px}.report-error{color:#e74c3c;font-size:1rem;padding:40px;text-align:center}.exercise-table{border-collapse:collapse;font-size:.95rem;margin-top:10px;width:100%}.exercise-table td,.exercise-table th{border:1px solid #ddd;padding:8px;text-align:center}.exercise-table th{background-color:#f2f2f2;color:#333;font-weight:600}@media (max-width:768px){.activity-body{flex-direction:column;gap:1.5rem;min-height:auto}.activity-left,.activity-right{flex:none;width:100%}.muscle-layout{flex-direction:column}.muscle-map-col{flex:none;max-width:100%}.muscle-map-wrapper{width:100%}.activity-header-top{align-items:flex-start;flex-direction:column;gap:4px}}.athlete-classes-page{padding:24px}.athlete-classes-page h1{font-size:1.3rem;margin-bottom:20px}.athlete-class-list{display:flex;flex-direction:column;gap:10px}.athlete-class-card{align-items:center;background:#fff;border:1px solid #e2ecff;border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:16px 20px;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}.athlete-class-card:hover{border-color:#2563eb;box-shadow:0 4px 16px #2563eb1f;transform:translateY(-1px)}.athlete-class-avatar{align-items:center;background:linear-gradient(135deg,#4b7bec,#45aaf2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.athlete-class-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.athlete-class-name{color:#1a1a2e;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.athlete-class-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.athlete-meta-chip{align-items:center;background:#f4f6fb;border-radius:20px;color:#666;display:inline-flex;font-size:.8rem;gap:4px;padding:3px 8px}.athlete-meta-icon{font-size:.75rem}.athlete-class-arrow{color:#bbb;flex-shrink:0;font-size:1.4rem;line-height:1;transition:color .18s ease,transform .18s ease}.athlete-class-card:hover .athlete-class-arrow{color:#2563eb;transform:translateX(2px)}.athlete-empty{color:#888;padding:40px;text-align:center}.athlete-class-detail-page{padding:24px}.back-btn{color:#2563eb;margin-bottom:16px}.athlete-class-detail-page h1{font-size:1.3rem;margin-bottom:4px}.athlete-detail-coach{color:#888;font-size:.9rem;margin-bottom:20px}.athlete-class-detail-page h2{font-size:1rem;margin:24px 0 10px}.athlete-schedule-box ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.athlete-schedule-box li{background:#f9fbff;border:1px solid #e2ecff;border-radius:8px;font-size:.9rem;padding:10px 14px}.athlete-trend-box{margin-bottom:20px}.athlete-trend-box h3{color:#666;font-size:.9rem;margin-bottom:10px}.athlete-trend-chart{align-items:flex-end;background:#f9fbff;border:1px solid #e2ecff;border-radius:10px;display:flex;gap:6px;height:100px;padding:8px}.trend-bar-wrap{flex:1 1}.trend-bar{background:#2563eb;border-radius:3px 3px 0 0;max-width:18px;width:100%}.trend-bar-label{color:#888;font-size:.65rem}.stat-compare{color:#888;display:block;font-size:.75rem;margin-top:2px}.athlete-summary-date{border:1px solid #ccd6e6;border-radius:6px;margin-bottom:16px;padding:6px 10px}.athlete-summary-card{background:#f9fbff;border:1px solid #e2ecff;border-radius:10px;padding:16px}.athlete-summary-stats{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:14px}.athlete-summary-stats>div{display:flex;flex-direction:column}.stat-label{color:#888}.stat-value{color:#1a1a2e;font-size:1.1rem;font-weight:600}.athlete-standing{display:flex;gap:8px}.standing-pill{background:#e8eef8;border-radius:999px;color:#2563eb;font-size:.8rem;padding:4px 10px}.athlete-summary-empty{color:#888;padding:20px;text-align:center}.user-profile-container{align-items:center;display:flex;justify-content:center;padding:60px 20px}.user-profile-card{background:#fff;border-radius:16px;box-shadow:0 4px 10px #0000001a;max-width:400px;padding:40px 20px;text-align:center;width:100%}.user-profile-avatar{border-radius:50%;height:120px;margin-bottom:16px;object-fit:cover;width:120px}.user-profile-name{font-size:1.5rem;font-weight:600;margin-bottom:8px}.user-profile-email{color:#555;font-size:1rem;margin-bottom:20px}.user-profile-actions{display:flex;flex-direction:column;gap:10px}.user-profile-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:10px;transition:opacity .2s}.user-profile-btn:hover{opacity:.85}.user-profile-btn.edit{background:#007bff;color:#fff}.user-profile-btn.logout{background:#dc3545;color:#fff}.user-profile-card{position:relative}.user-profile-close{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#555;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;transition:background .2s;width:32px}.user-profile-close:hover{background:#e0e0e0}.event-card{border-radius:12px;box-shadow:0 2px 6px #0000001a;flex-direction:column;overflow:hidden;position:relative;transition:transform .2s ease}.event-card:hover{transform:translateY(-4px)}.event-card-image{height:160px;overflow:hidden;position:relative}.event-card-image img{height:100%;object-fit:cover;width:100%}.save-btn{background:#fff;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;padding:6px 8px;position:absolute;right:10px;top:10px}.save-btn.saved{color:gold}.event-date-badge{background:#fff;border-radius:8px;font-size:.8rem;font-weight:700;left:10px;padding:6px 10px;position:absolute;text-align:center;top:10px}.event-date-badge .month{color:#5a5a5a;display:block}.event-date-badge .day{color:#1a56db;font-size:1.2rem}.event-card-body{display:flex;flex:1 1;flex-direction:column}.event-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;flex-grow:0;flex-shrink:0;font-size:.9rem;line-height:1.2;margin:4px 0;max-height:38px;min-height:38px}.event-card-footer{margin-top:auto}.event-title{color:#2a2a2e;margin:0}.event-description{min-height:40px;text-overflow:ellipsis}.event-time{color:#888;font-size:.85rem}.event-meta{color:#444;font-size:.85rem;justify-content:space-between;margin-top:8px}.event-type.online{color:#1a56db}.event-type.offline{color:#27ae60}.manage-btn,.register-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;margin-top:10px;padding:8px 12px}.manage-btn{background-color:#27ae60;color:#fff}.manage-btn:hover{background-color:#1e8a4d}.joined-btn,.register-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:700;margin-top:10px;min-width:90px;padding:8px 12px;text-align:center}.register-btn{background-color:#1a56db;color:#fff}.register-btn:hover{background-color:#174bbd}.joined-btn{background-color:#f0f0f0;color:#555}.events-container{padding:20px}.events-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.search-bar-container{display:flex;justify-content:center;margin:20px 0 30px;width:100%}.search-bar{max-width:600px;padding:0 20px;width:100%}.search-bar input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:1rem;min-width:200px;outline:none;padding:12px 16px;transition:all .2s ease}.search-bar input:focus{border-color:#1a56db;box-shadow:0 0 0 3px #1a56db33;transform:translateY(-1px)}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{background:#f8f8f8;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:.9rem;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.filters button:hover{background:#e8e8e8;transform:translateY(-1px)}.filters button.active{background:#1a56db;border-color:#1a56db;box-shadow:0 2px 4px #1a56db4d;color:#fff}@media (max-width:768px){.search-bar{flex-direction:column;gap:10px;padding:0 15px}.search-bar input{min-width:0;min-width:auto;width:100%}.filters{justify-content:center;width:100%}.filters button{font-size:.85rem;padding:8px 12px}}.search-bar{align-items:center;border-radius:12px;box-shadow:0 2px 8px #0000000f;gap:12px;margin:20px auto;max-width:900px;padding:14px 20px;position:sticky;top:20px;z-index:100}.search-input{align-items:center;border:1px solid #ddd;border-radius:8px;display:flex;flex:1 1;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease}.search-input i{color:#666;margin-right:8px}.search-input input{background:#0000;border:none;font-size:14px;outline:none;width:100%}.search-input:focus-within{border-color:#1a56db;box-shadow:0 0 0 2px #1a56db1a}.search-select-wrapper{position:relative}.search-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;outline:none;padding:8px 32px 8px 12px;transition:border-color .2s ease,background .2s ease}.search-select:hover{background:#f0f0f0}.search-select:focus{border-color:#1a56db;box-shadow:0 0 0 2px #1a56db1a}.search-select-wrapper:after{color:#666;content:"▾";font-size:12px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s ease,transform .1s ease}.search-btn:hover{background:#1749b5}.search-btn:active{transform:scale(.97)}.search-bar.dark-mode{background:#2a2a2e;box-shadow:0 2px 8px #0006}.search-bar.dark-mode .search-input{background:#3a3a3e;border:1px solid #444;color:#f0f0f0}.search-bar.dark-mode .search-input i{color:#bbb}.search-bar.dark-mode .search-input input{color:#f0f0f0}.search-bar.dark-mode .search-select{background:#3a3a3e;border:1px solid #444;color:#f0f0f0}.search-bar.dark-mode .search-select:hover{background:#444}.search-bar.dark-mode .search-select:focus{border-color:#1a56db;box-shadow:0 0 4px #1a56db4d}.search-bar.dark-mode .search-btn{background:#1a56db;border:none;color:#fff}.search-bar.dark-mode .search-btn:hover{background:#174bb5}.search-bar{background:#fff;color:#333}body.dark-mode .search-bar{background:#2a2a2e;color:#f0f0f0}.search-input{background:#fafafa}body.dark-mode .search-input{background:#3a3a3e;color:#f0f0f0}.search-select{background:#fafafa;color:#333}body.dark-mode .search-select{background:#3a3a3e;color:#f0f0f0}.search-btn{background:#1a56db;color:#fff}body.dark-mode .search-btn{background:#1a336d}.event-detail{margin:0 auto;max-width:800px;padding:20px}.back-btn{color:#0073e6;font-size:16px;margin-bottom:10px}.event-banner img{border-radius:8px;width:100%}.event-main{margin-top:20px}.event-actions{gap:10px;margin:10px 0}.signup-btn{background:#ffc107;border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:10px 20px}.save-btn-detail{background:none;border:1px solid #ccc;border-radius:5px;color:#333;cursor:pointer;font-size:.95rem;padding:8px 16px;transition:all .2s ease}.save-btn-detail:hover{background:#f8f8f8}.save-btn-detail.saved{border-color:gold;color:gold}.event-section{margin-top:20px}.host-info{align-items:center;display:flex;gap:10px}.host-info img{border-radius:50%;height:40px;width:40px}.topbar-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.group-topbar{align-items:center;background-color:#fff;border-bottom:1px solid #eaeaea;box-shadow:0 2px 4px #0000001a;display:flex;height:70px;justify-content:space-between;left:0;padding:0 24px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:999}.group-topbar.dark-mode{background-color:#2a2a2e;border-bottom:1px solid #444;box-shadow:0 2px 4px #0000004d}.topbar-left{flex:1 1;min-width:0;overflow:hidden}.topbar-logo-link{flex-shrink:0}.topbar-logo{backface-visibility:hidden;position:relative;transform:translateZ(0);will-change:transform;z-index:3000}.group-name{color:#333;font-size:16px;font-weight:600;margin-left:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-topbar.dark-mode .group-name{color:#f0f0f0}.topbar-right{flex-shrink:0}.group-topbar.dark-mode .topbar-icon{color:#e0e0e0}.group-topbar.dark-mode .topbar-icon:hover{color:#4c80ff}.group-topbar.dark-mode .topbar-user:hover{background-color:#3a3a40}.group-topbar.dark-mode .topbar-avatar,.group-topbar.dark-mode .topbar-user span{color:#e0e0e0}.burger-btn{flex-shrink:0}.group-topbar.dark-mode .burger-btn{color:#e0e0e0}@media (max-width:1024px){.burger-btn{display:block;transition:transform .2s ease}.topbar-logo{height:32px}.group-name{font-size:14px}.topbar-user span{display:none}}@media (max-width:768px){.group-topbar{height:60px;padding:0 12px}.topbar-right{gap:12px}.topbar-icon{font-size:1.1rem}.topbar-avatar{font-size:1.8rem}.topbar-logo{height:28px}.group-name{font-size:13px;max-width:120px}}.group-layout{display:flex;height:100vh;overflow-x:hidden;overflow-y:auto}.content-wrapper{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 16px;width:100%}.sidebar-container{background:#fff;border-right:1px solid #eee;height:calc(100vh - 70px);left:0;overflow-y:auto;position:fixed;top:70px;width:260px;z-index:100}.main-content{background:#f8f9fa;flex:1 1;margin-left:260px;min-height:100vh;overflow-x:hidden;padding:80px 24px 24px}.sidebar-container.collapsed~.main-content{margin-left:80px}@media (max-width:1024px){.sidebar-container{width:200px}.main-content{margin-left:200px}}@media (max-width:768px){.sidebar-container{height:calc(100vh - 60px);position:fixed;top:60px;width:80px}.main-content{margin-left:80px;padding:70px 16px 16px}}@media (max-width:1024px){.content-wrapper{max-width:100%;padding:0 12px}}@media (max-width:768px){.content-wrapper{margin:0;max-width:100%;padding:0 8px}}@media (max-width:480px){.content-wrapper{padding:0 6px}}@media (max-width:1024px){.group-layout .main-content{margin-left:0}}.EventStatsGrid_stats-grid__zws8l{align-items:stretch;display:flex;flex:1 1;flex-wrap:nowrap;gap:1.2rem;justify-content:center;margin:1.5rem 0;width:100%}.EventStatsGrid_stat-card__JXR49{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;flex:1 1 180px;max-width:250px;padding:1rem;text-align:center;transition:transform .2s ease}.EventStatsGrid_stat-card__JXR49:hover{transform:translateY(-3px)}.EventStatsGrid_stat-value__\+fyoW{color:#333;font-size:1.2rem;font-weight:600}@media (max-width:900px){.EventStatsGrid_stats-grid__zws8l{flex-wrap:wrap;justify-content:center}.EventStatsGrid_stat-card__JXR49{flex:1 1 45%;max-width:45%}}@media (max-width:500px){.EventStatsGrid_stat-card__JXR49{flex:1 1 100%;max-width:100%}}.EventCard_card__a60rn{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000f;cursor:pointer;display:flex;gap:16px;padding:16px;transition:transform .15s ease,box-shadow .15s ease}.EventCard_card__a60rn:hover{box-shadow:0 10px 24px #0000001a;transform:translateY(-3px)}.EventCard_dateBlock__xosDR{align-items:center;background:#f1f5ff;border-radius:12px;display:flex;flex-direction:column;height:56px;justify-content:center;min-width:56px;width:56px}.EventCard_day__0kd8Z{color:#1e3a8a;font-size:20px;font-weight:700}.EventCard_month__jPUTM{color:#64748b;font-size:11px}.EventCard_content__bjss9{display:flex;flex:1 1;flex-direction:column}.EventCard_header__1RQB6{display:flex;gap:8px;justify-content:space-between}.EventCard_title__P7GHu{font-size:16px;font-weight:600;line-height:1.3;margin:0}.EventCard_status__L\+b-s{border-radius:999px;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.EventCard_joined__2BEgU{background:#e8f7ee;color:#2e7d32}.EventCard_notJoined__yA\+BP{background:#f2f4f7;color:#555}.EventCard_finished__k4xmN{background:#fdeaea;color:#c62828}.EventCard_meta__Ak0fW{color:#555;font-size:13px;margin-top:6px}.EventCard_footer__JQk9R{color:#2563eb;font-size:12px;font-weight:500;margin-top:auto}.EventCard_past__4fca\+{opacity:.6}.EventCard_statusIcon__c2BTp{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;font-weight:800;height:36px;justify-content:center;width:36px}.EventCard_joined__2BEgU{background:#dcfce7;color:#166534}.EventCard_notJoined__yA\+BP{background:#fee2e2;color:#b91c1c}.EventCard_finished__k4xmN{background:#e5e7eb;color:#6b7280}.EventCard_hostRow__9XVNe{color:#666;font-size:13px;margin-top:6px}.EventCard_hostLabel__f5OCG{color:#999;margin-right:6px}.EventCard_hostName__WdrVS{color:#333;font-weight:500}.EventCard_locationRow__q\+35C{color:#666;font-size:13px;margin-top:4px}.EventList_event-list__Td3Hy{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:24px}section{margin-top:32px}section h2{font-size:18px;margin-bottom:12px}.EventDetail_page__W8jVg{background:#fff;border-radius:20px;box-shadow:0 8px 24px #0000000f;margin:0 auto;max-width:720px;padding:32px}.EventDetail_back__6p\+6i{background:none;border:none;color:#2563eb;cursor:pointer;font-weight:600;margin-bottom:20px}.EventDetail_header__flvR8{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.EventDetail_header__flvR8 h1{font-size:28px;font-weight:700}.EventDetail_badge__plxvq{border-radius:999px;font-size:13px;font-weight:600;padding:6px 12px}.EventDetail_joined__f51uq{background:#e7f9ed;color:#2d7a3d}.EventDetail_notJoined__EzoJP{background:#f1f5f9;color:#475569}.EventDetail_meta__adrZE{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.EventDetail_meta__adrZE div{display:flex;flex-direction:column}.EventDetail_meta__adrZE label{color:#64748b;font-size:13px;margin-bottom:4px}.EventDetail_meta__adrZE span{color:#0f172a;font-weight:600}.EventDetail_section__A3wlR{border-top:1px solid #e5e7eb;margin-bottom:32px;padding-top:24px}.EventDetail_section__A3wlR h3{font-size:16px;font-weight:700;margin-bottom:8px}.EventDetail_section__A3wlR p{color:#334155;line-height:1.7}.EventDetail_actions__QKKO2{display:flex;justify-content:center}.EventDetail_danger__us7yN,.EventDetail_primary__qgPaE{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;padding:14px 0;width:100%}.EventDetail_primary__qgPaE{background:#2563eb;color:#fff}.EventDetail_primary__qgPaE:hover{background:#1d4ed8}.EventDetail_danger__us7yN{background:#fee2e2;color:#b91c1c}.EventDetail_danger__us7yN:hover{background:#fecaca}.EventRankingList_ranking-table__a\+QWG{border-collapse:collapse;margin-top:16px;width:100%}.EventRankingList_ranking-table__a\+QWG th{padding:12px}.EventRankingList_sub__Dhi5I{color:#777}.EventRankingList_ranking-table__a\+QWG td{border-bottom:1px solid #eee;padding:10px;text-align:center;vertical-align:middle}.EventRankingList_zone-cell__S8m9i{height:32px}.EventRankingList_zone-bar__acdg7{height:24px;width:100%}.EventRankingList_ranking-table__a\+QWG tr:hover{background-color:#f9fafb}.EventRankingList_zone-cell__S8m9i{height:40px;padding:0;text-align:left;width:220px}.EventRankingList_zone-cell__S8m9i>div{margin-left:0}.EventRankingList_topRank__tRVeI{background:#f8fafc;font-weight:600}thead th{font-weight:600;padding-bottom:12px;text-align:left}.EventRankingList_sub__Dhi5I{color:#9aa0a6;font-size:12px;font-weight:400}.EventRankingList_ranking-table__a\+QWG thead{display:table-header-group!important}.EventRankingList_ranking-table__a\+QWG th{border-bottom:2px solid #000;font-size:14px;line-height:1.3;padding:14px 10px;text-align:center;white-space:nowrap}.EventSummary_event-summary__bF1-k{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin:0 auto;max-width:800px;padding:24px}.EventSummary_event-summary__bF1-k h2{border-left:4px solid #007aff;margin-bottom:16px;margin-top:32px;padding-left:8px}.EventSummary_event-summary__bF1-k section{margin-bottom:32px}.EventSummary_back-btn__QJ4fW{align-items:center;background:none;border:none;color:#007aff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:4px;margin-bottom:16px;padding:0;transition:color .2s ease}.EventSummary_back-btn__QJ4fW:hover{color:#005ecb}.group-ranking-page{margin:0 auto;max-width:720px;padding:24px}.group-ranking-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.group-ranking-header h1{color:#1a1a2e;font-size:1.4rem;font-weight:700;margin:0}.group-ranking-my-rank{background:#f4f6fb;border:1px solid #e5e7eb;border-radius:20px;color:#666;font-size:.88rem;padding:6px 14px}.group-ranking-my-rank strong{color:#4b7bec;font-weight:700}.group-ranking-timeframes{display:flex;gap:6px;margin-bottom:14px}.ranking-tf-btn{background:#f4f6fb;border:1px solid #e5e7eb;border-radius:8px;color:#666;cursor:pointer;font-size:.85rem;font-weight:500;padding:7px 16px;transition:all .15s}.ranking-tf-btn.active{background:#1a1a2e;border-color:#1a1a2e;color:#fff}.ranking-tf-btn:hover:not(.active){background:#eaecf4}.group-ranking-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.ranking-metric-pill{background:#fff;border:1.5px solid #e5e7eb;border-radius:24px;color:#555;cursor:pointer;font-size:.88rem;font-weight:600;padding:8px 20px;transition:all .15s}.ranking-metric-pill.active{background:linear-gradient(135deg,#4b7bec,#45aaf2);border-color:#0000;box-shadow:0 2px 8px #4b7bec4d;color:#fff}.ranking-metric-pill:hover:not(.active){border-color:#4b7bec;color:#4b7bec}.group-ranking-loading{align-items:center;color:#888;display:flex;flex-direction:column;gap:12px;padding:48px}.ranking-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#4b7bec;height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.group-ranking-error{align-items:center;background:#fff5f5;border:1px solid #fecaca;border-radius:10px;color:#e74c3c;display:flex;font-size:.88rem;gap:12px;padding:16px}.group-ranking-error button{background:#fff;border:1px solid #fecaca;border-radius:6px;color:#e74c3c;cursor:pointer;padding:5px 12px}.group-ranking-empty{color:#aaa;padding:60px 20px;text-align:center}.group-ranking-list{display:flex;flex-direction:column;gap:8px}.ranking-row{align-items:center;background:#fff;border:1px solid #eaeaea;border-radius:14px;display:flex;gap:14px;padding:14px 16px;transition:box-shadow .15s,transform .15s}.ranking-row:hover{box-shadow:0 2px 12px #00000012;transform:translateY(-1px)}.ranking-row-me{background:#f0f4ff;border-color:#4b7bec}.ranking-row-top{background:#fffdf0;border-color:gold}.ranking-rank{flex-shrink:0;text-align:center;width:32px}.ranking-medal{font-size:1.4rem;line-height:1}.ranking-number{color:#aaa;font-size:.95rem;font-weight:700}.ranking-avatar{border:2px solid #eee;border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.ranking-info{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.ranking-name{align-items:center;color:#1a1a2e;display:flex;font-size:.92rem;font-weight:600;gap:6px}.ranking-me-badge{background:#e8efff;border-radius:10px;color:#4b7bec;font-size:.7rem;font-weight:700;padding:1px 7px}.ranking-bar-bg{background:#eaeaea;border-radius:4px;height:6px;overflow:hidden;width:100%}.ranking-bar-fill{background:linear-gradient(90deg,#4b7bec,#45aaf2);border-radius:4px;height:100%;transition:width .4s ease}.ranking-value{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:1px;min-width:70px}.ranking-value-num{color:#1a1a2e;font-size:1rem;font-weight:700}.ranking-value-unit{color:#aaa;font-size:.72rem}@media (max-width:480px){.group-ranking-page{padding:16px}.group-ranking-timeframes{flex-wrap:wrap}.ranking-row{gap:10px;padding:12px}.ranking-avatar{height:34px;width:34px}}.group-members-container{background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000d;padding:32px;transform:translateZ(0);z-index:1}.group-members-title{color:#222;font-size:22px;font-weight:700;margin:0 0 24px}.search-bar{display:flex;justify-content:center;margin-bottom:20px;overflow:visible}.identity-dropdown{background:#fafafa;border:1px solid #ccc;border-radius:8px;font-size:15px;padding:8px 12px;z-index:0}.member-list{display:flex;flex-direction:column;gap:16px}.member-row{align-items:center;background:#f9f9f9;border-radius:12px;display:flex;padding:12px 16px;transition:background .25s ease}.member-row:hover{background:#f1f1f1}.member-avatar{height:56px;margin-right:16px;width:56px}.member-info{display:flex;flex-direction:column}.member-name{color:#222;font-size:16px;font-weight:600;margin:0 0 4px}.member-identity{color:#666;font-size:14px}.leave-group-btn{background:#ffecec;border:none;border-radius:10px;color:#c62828;cursor:pointer;font-weight:600;margin-top:24px;padding:12px;width:100%}.calendar-page{position:relative}.modal-overlay{height:100%;left:0;top:0;width:100%}.modal-content{border-radius:10px;max-width:420px;min-width:320px;padding:24px;text-align:center}.modal-actions button{background-color:#5ba3e0;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:16px;padding:8px 16px}.modal-actions button:hover{background-color:#4b92cb}.PrintReport_print-report__HZehd{background:#f8f9fa;min-height:100vh;padding:20px 40px}.PrintReport_toolbar__oGmqH{display:flex;gap:12px;margin-bottom:16px}.PrintReport_toolbar-btn__8FHBI{align-items:center;background:#007aff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;transition:background .2s ease}.PrintReport_toolbar-btn__8FHBI:hover{background:#005ecb}.PrintReport_icon__S0uNW{filter:brightness(0) invert(1);height:18px;width:18px}.PrintReport_report-content__RslhH{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000000d;padding:32px}.PrintReport_report-content__RslhH h1{font-size:22px;margin-bottom:20px}.PrintReport_report-content__RslhH section{margin-bottom:24px}.PrintReport_report-content__RslhH table{border-collapse:collapse;width:100%}.PrintReport_report-content__RslhH td,.PrintReport_report-content__RslhH th{border:1px solid #ddd;font-size:14px;padding:8px;text-align:center}@media print{.PrintReport_toolbar__oGmqH{display:none}body{background:#fff}.PrintReport_report-content__RslhH{box-shadow:none;margin:0}}.group-header{align-items:flex-end;background-position:50%;background-size:cover;border-radius:16px;height:240px;margin-bottom:32px;overflow:hidden;position:relative}.group-header-overlay{background:linear-gradient(0deg,#0000008c,#0000000d);inset:0;position:absolute}.group-header-content{align-items:center;color:#fff;display:flex;padding:24px 32px;position:relative;z-index:2}.group-logo{border:2px solid #fff9;border-radius:12px;height:80px;margin-right:24px;object-fit:cover;width:80px}.group-info h1{font-size:22px;font-weight:700;margin:0 0 6px}.group-info p{font-size:15px;margin:2px 0}.group-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#f2f2f2;display:-webkit-box;font-size:14px;line-height:1.5;margin-top:8px;overflow:hidden;text-overflow:ellipsis}.GroupDashboardContent_group-dashboard-container__yMovF{margin:0 auto;max-width:1200px;padding:1.5rem}.GroupDashboardContent_filter-bar__s8URz{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem 0}.GroupDashboardContent_compare-selector__yewmz,.GroupDashboardContent_timeframe-selector__w9Y6q{display:flex;gap:.5rem}.GroupDashboardContent_button__2RyV6{background:#f4f6ff;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.GroupDashboardContent_button__2RyV6:hover{background:#e6e9ff}.GroupDashboardContent_active__9DdKY{background:#4b5cff;color:#fff;font-weight:600}.GroupDashboardContent_stats-grid__CM08q{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin:1.5rem 0}.GroupDashboardContent_stat-card__2opgU{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;flex:1 1 180px;max-width:220px;padding:1rem;text-align:center;transition:transform .2s ease}.GroupDashboardContent_stat-card__2opgU:hover{transform:translateY(-3px)}section h2{color:#2f2f2f;font-size:1.3rem;font-weight:600;margin-bottom:1rem;margin-top:2rem}.GroupDashboardContent_chart-section__Xbb6O{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:1.5rem 0}.GroupDashboardContent_exercise-distribution-container__wjrYV{background:#fafbff;border-radius:12px;box-shadow:0 1px 4px #0000000d;margin-top:2rem;padding:1rem}.GroupDashboardContent_ranking-section__tgHNn{margin-top:2rem}@media (max-width:768px){.GroupDashboardContent_filter-bar__s8URz{flex-direction:column}.GroupDashboardContent_stats-grid__CM08q{align-items:center;flex-direction:column}.GroupDashboardContent_stat-card__2opgU{max-width:300px;width:100%}section h2{font-size:1.1rem}}.GroupDashboardContent_dashboard-content__vR-NA{align-items:center;display:flex;flex-direction:column;gap:2.5rem;margin-top:1.5rem}.GroupDashboardContent_ranking-wrapper__CSVB5{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;width:100%}@media (max-width:768px){.GroupDashboardContent_filter-bar__s8URz{align-items:flex-start;flex-direction:column}.GroupDashboardContent_compare-selector__yewmz,.GroupDashboardContent_timeframe-selector__w9Y6q{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;width:100%}.GroupDashboardContent_compare-selector__yewmz::-webkit-scrollbar,.GroupDashboardContent_timeframe-selector__w9Y6q::-webkit-scrollbar{display:none}}.StatsGrid_stats-grid__BeIs8{align-items:stretch;display:flex;flex:1 1;flex-wrap:nowrap;gap:1.2rem;justify-content:center;margin:1.5rem 0;width:100%}.StatsGrid_stat-card__LCAxS{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;flex:1 1 180px;max-width:250px;padding:1rem;text-align:center;transition:transform .2s ease}.StatsGrid_stat-card__LCAxS:hover{transform:translateY(-3px)}.StatsGrid_stat-value__-h5gf{color:#333;font-size:1.2rem;font-weight:600}@media (max-width:900px){.StatsGrid_stats-grid__BeIs8{flex-wrap:wrap;justify-content:center}.StatsGrid_stat-card__LCAxS{flex:1 1 45%;max-width:45%}}@media (max-width:500px){.StatsGrid_stat-card__LCAxS{flex:1 1 100%;max-width:100%}}.StatsGrid_stats-grid__CNE9g{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin:1.5rem 0}.StatsGrid_stat-card__YkrMo{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;flex:1 1 180px;max-width:220px;padding:1rem;text-align:center;transition:transform .2s ease}.StatsGrid_stat-card__YkrMo:hover{transform:translateY(-3px)}.StatsGrid_stat-value__zmE24{font-size:1.2rem;font-weight:600;margin-top:.3rem}.Group531Page_filter-bar__T2rxK{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1.2rem 0}.Group531Page_compare-selector__HfxiH,.Group531Page_timeframe-selector__CEzSJ{display:flex;flex-wrap:wrap;gap:.5rem}.Group531Page_button__mLYhS{background:#f4f6ff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.Group531Page_button__mLYhS:hover{background:#e6e9ff}.Group531Page_active__4noXk{background:#4b5cff;color:#fff;font-weight:600}.Group531Page_stats-grid__Ic-bZ{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin:1.5rem 0}.Group531Page_stat-card__MIyGr{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;flex:1 1 180px;max-width:220px;padding:1rem;text-align:center;transition:transform .2s ease}.Group531Page_stat-card__MIyGr:hover{transform:translateY(-3px)}.GroupClassReportPage_filter-bar__cD9T7{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1.2rem 0}.GroupClassReportPage_compare-selector__1sFAf,.GroupClassReportPage_timeframe-selector__YQjEq{display:flex;flex-wrap:wrap;gap:.5rem}.GroupClassReportPage_button__L9vT1{background:#f4f6ff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.GroupClassReportPage_button__L9vT1:hover{background:#e6e9ff}.GroupClassReportPage_active__1EoIp{background:#4b5cff;color:#fff;font-weight:600}.GroupClassReportPage_stats-grid__7e1uc{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin:1.5rem 0}.GroupClassReportPage_stat-card__NkFEr{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;flex:1 1 180px;max-width:220px;padding:1rem;text-align:center;transition:transform .2s ease}.GroupClassReportPage_stat-card__NkFEr:hover{transform:translateY(-3px)}.dashboard-tabs{display:flex;gap:10px;margin:20px 0}.dashboard-tabs button{background:#f0f2f5;border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.dashboard-tabs button.active{background:#4b6bfb;box-shadow:0 2px 6px #4b6bfb4d;color:#fff}.tab-selector{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.tab-selector button{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:10px 20px;transition:all .2s ease}.tab-selector button.active{background:#4a6cf7;box-shadow:0 2px 6px #00000026;color:#fff}.group-tab-page{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:40px;text-align:center}.calendar-page{background-color:#f9fafb;border-radius:12px;padding:20px}.modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{animation:fadeIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0003;max-width:90%;padding:24px 32px;width:400px}.modal-content input{border:1px solid #e5e7eb;border-radius:8px;margin:8px 0;padding:8px 10px;width:100%}.modal-content button{background-color:#f472b6;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:12px;padding:8px 16px}.modal-content button:hover{background-color:#ec4899}.modal-actions{display:flex;justify-content:space-between;margin-top:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.student-list-container{font-family:sans-serif;margin:0 auto;max-width:800px}.student-list-title{font-size:22px;font-weight:700;margin-bottom:16px;text-align:center}.student-list{display:flex;flex-direction:column;gap:12px}.student-row{align-items:center;background:#fafafa;border-radius:10px;box-shadow:0 1px 3px #0000001a;display:flex;padding:10px 15px}.student-avatar{border-radius:50%;height:60px;margin-right:15px;object-fit:cover;width:60px}.student-name{font-size:16px;font-weight:500}.empty-text{margin-top:20px}.group-profile{display:flex;flex-direction:column;width:100%}.group-cover{border-radius:12px;height:220px;overflow:hidden;position:relative}.group-cover-img{height:100%;object-fit:cover;width:100%}.group-cover-overlay{background:linear-gradient(180deg,#0003,#0009);inset:0;position:absolute}.group-profile .group-name{bottom:16px;color:#fff;font-size:26px;font-weight:700;left:16px;position:absolute}.group-totals{display:flex;flex-direction:column;gap:18px;margin-top:20px}.total-row{background:#fff;border-radius:12px;box-shadow:0 2px 6px #00000014;padding:16px}.total-left,.total-row{align-items:center;display:flex}.total-left{width:28%}.color-bar{border-radius:4px;height:40px;margin-right:10px;width:4px}.total-icon{font-size:20px;margin-right:10px}.total-label{font-size:15px;font-weight:600}.total-middle,.total-right{text-align:center;width:36%}.total-number{font-size:18px;font-weight:700}.total-subtext{color:#666;font-size:12px}.total-this-month{color:green;font-size:13px;margin-top:4px}.group-info-section{margin-top:26px}.group-info-section h2{font-size:20px;margin-bottom:12px}.group-info-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;display:flex;margin-bottom:10px;padding:12px}.group-info-icon{color:#444;font-size:20px;margin-right:12px}.info-label{color:#666;font-size:14px}.info-value{font-size:15px;font-weight:600}.coach-topbar{align-items:center;background-color:#fff;border-bottom:1px solid #eaeaea;box-shadow:0 2px 4px #0000001a;display:flex;height:70px;justify-content:space-between;left:0;padding:0 24px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:999}.coach-topbar.dark-mode{background-color:#2a2a2e;border-bottom:1px solid #444;box-shadow:0 2px 4px #0000004d}.coach-topbar.dark-mode .topbar-icon{color:#e0e0e0}.coach-topbar.dark-mode .topbar-icon:hover{color:#4c80ff}.coach-topbar.dark-mode .topbar-user:hover{background-color:#3a3a40}.coach-topbar.dark-mode .topbar-avatar,.coach-topbar.dark-mode .topbar-user span{color:#e0e0e0}@media (max-width:768px){.coach-topbar{height:60px;padding:0 16px}.topbar-user span{display:none}.topbar-icon{font-size:1.1rem}.topbar-avatar{font-size:1.8rem}.topbar-logo{height:32px}}.coach-topbar.dark-mode .burger-btn{color:#e0e0e0}.coach-topbar{z-index:2000}.coach-layout{background:#f8f9fa;transition:all .3s ease}.coach-main-content{margin-left:266px;min-height:100vh}.coach-main-content.sidebar-collapsed{margin-left:90px}.coach-content{flex:1 1;overflow-y:auto;padding:24px}@media (max-width:1024px){.coach-main-content{margin-left:0!important}.coach-content{padding:16px}}.coach-layout.dark-mode{background:#1a1a1a}.coach-main-content,.main-content{background-color:#f8f9fa;display:flex;flex:1 1;flex-direction:column;margin-left:260px;padding-top:70px;transition:margin-left .3s ease}.coach-content,.content-wrapper{flex:1 1;min-height:calc(100vh - 70px);overflow-y:auto;padding:24px}.coach-main-content.sidebar-collapsed,.main-content.sidebar-collapsed{margin-left:80px}body.dark-mode .coach-main-content,body.dark-mode .main-content{background-color:#1a1a1a;color:#f0f0f0}@media (max-width:768px){.coach-main-content,.main-content{margin-left:0!important;padding-top:60px}.coach-content,.content-wrapper{min-height:calc(100vh - 60px);padding:16px}}.coach-layout{display:flex;min-height:100vh;overflow-x:hidden}.coach-main-content{display:flex;flex:1 1;flex-direction:column;margin-left:250px;min-width:0;transition:margin-left .3s ease}.coach-main-content.sidebar-collapsed{margin-left:80px}@media (max-width:1024px){.coach-main-content{margin-left:0;transition:transform .35s ease}.coach-main-content.sidebar-open{transform:translateX(120px)}}.coach-dashboard-page{padding:24px}.coach-dashboard-page h1{font-size:1.3rem;margin-bottom:20px}.coach-stat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.coach-stat-card{background:#fff;border:1px solid #eee;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:18px 20px}.coach-dashboard-actions{display:flex;gap:20px;margin-bottom:28px}.coach-dashboard-link{color:#2563eb;font-size:.9rem;font-weight:600;text-decoration:none}.coach-dashboard-link:hover{text-decoration:underline}.coach-dashboard-companies h2{color:#444;font-size:1rem;margin-bottom:12px}.coach-company-summary-list{display:flex;flex-direction:column;gap:8px}.coach-company-summary-row{align-items:center;background:#f9fbff;border:1px solid #e2ecff;border-radius:10px;color:inherit;display:flex;justify-content:space-between;padding:12px 16px;text-decoration:none}.coach-company-summary-row:hover{border-color:#2563eb}.coach-company-summary-name{color:#1a1a2e;font-weight:600}.coach-company-summary-meta{color:#888;font-size:.82rem}.coach-dashboard-your-classes{margin-bottom:28px}.coach-dashboard-your-classes__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.coach-dashboard-your-classes__header h2{color:#444;font-size:1rem;margin:0}.coach-classes-page{padding:24px}.coach-classes-page h1{font-size:1.3rem;margin-bottom:16px}.coach-class-list{display:flex;flex-direction:column;gap:10px}.coach-class-row{align-items:center;background:#f9fbff;border:1px solid #e2ecff;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;text-align:left;width:100%}.coach-class-row:hover{border-color:#2563eb}.coach-class-name{color:#1a1a2e;font-weight:600}.coach-class-meta{align-items:center;color:#888;display:flex;font-size:.82rem;gap:10px}.coach-class-company{background:#eef2ff;border-radius:10px;color:#4b5da8;padding:2px 8px}.coach-companies-page{padding:24px}.coach-companies-page h1{font-size:1.3rem;margin-bottom:20px}.coach-company-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.coach-company-card{align-items:center;background:#f9fbff;border:1px solid #e2ecff;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:20px;text-align:center}.coach-company-card:hover{border-color:#2563eb}.coach-company-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.coach-company-name{color:#1a1a2e;font-weight:600}.coach-empty{padding:40px}.create-event-page{align-items:flex-start;display:flex;justify-content:center;min-height:60vh;padding:40px 20px}.time-range{align-items:center;display:flex;gap:10px}.time-range .form-input{flex:1 1}.time-separator{color:#aaa;flex-shrink:0;font-weight:500}.required{color:#e74c3c}@media (max-width:480px){.create-event-page{padding:20px 16px}.time-range{align-items:stretch;flex-direction:column}.time-separator{text-align:center}}.company-event-page{background:#f9fafc;padding:24px}.event-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.subtitle{color:#777;font-size:.95rem;margin-top:4px}.header-actions{display:flex;gap:10px}.primary-btn{background:#0078ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:.2s ease}.primary-btn:hover{background:#005ecc}.secondary-btn{background:#dde0e5;border:none;border-radius:6px;color:#222;cursor:pointer;padding:8px 16px}.secondary-btn:hover{background:#e9eaec}.event-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:32px}.event-stat-card{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000014;padding:16px;text-align:center}.event-stat-card h3{color:#0078ff;font-size:1.6rem}.event-stat-card p{color:#666;font-size:.95rem;margin-top:4px}.event-section{margin-top:32px}.section-header{margin-bottom:12px}.mini-btn{background:#fff;border:1px solid #0078ff;border-radius:5px;color:#0078ff;font-size:.85rem;padding:6px 10px;transition:.2s}.mini-btn:hover{background:#0078ff;color:#fff}.event-list{display:flex;flex-direction:column;gap:16px}.event-card{display:flex;gap:24px;justify-content:space-between;white-space:nowrap}.event-info{align-items:center;display:flex;flex:1 1;gap:30px;min-width:0;overflow:hidden}.event-date,.event-desc,.event-info h3{display:inline-block;font-size:.95rem;margin:0}.event-info h3{color:#0078ff;flex-shrink:0;font-weight:600}.event-date{flex-shrink:0}.event-desc{color:#666;max-width:300px;overflow:hidden;text-overflow:ellipsis}.event-meta{align-items:center;display:flex;gap:16px}.edit-btn,.event-meta{flex-shrink:0}.empty-state{padding:20px 0}.event-table-header{color:#666;display:grid;font-size:.9rem;font-weight:600;padding:10px 20px}.event-card,.event-table-header{grid-template-columns:2fr 2fr 1fr 1fr}.event-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 1px 4px #0000000d;padding:14px 20px;transition:.2s ease;width:100%}.event-card:hover{background:#f8fbff;border-color:#0078ff}.event-meta p{color:#0078ff;font-weight:500;margin:0}.edit-btn{border-radius:6px;cursor:pointer;font-size:.85rem;justify-self:start;padding:6px 10px}.event-card,.event-table-header{align-items:center;display:grid;grid-template-columns:2fr 2fr 1fr 1fr;text-align:left}.event-card div:nth-child(2),.event-date,.event-table-header span:nth-child(2){text-align:left}.event-date{color:#555;font-size:.9rem}.event-title{color:#0078ff;font-size:1rem;font-weight:600;text-align:left}.event-meta,.event-meta p{text-align:center}.edit-btn,.report-btn{justify-self:start}.report-btn{background:#f0f7ff;border:1px solid #c2e0ff;border-radius:6px;color:#0078ff;cursor:pointer;font-size:.85rem;padding:6px 10px}@media (max-width:768px){.company-event-page{padding:16px}.event-table-header{display:none}.event-card{align-items:flex-start;display:flex;flex-direction:column;gap:8px;padding:14px 16px;white-space:normal}.event-card>*{width:100%}.event-title{font-size:1rem;font-weight:600}.event-date{color:#666;font-size:.9rem}.event-meta{align-items:center;display:flex;justify-content:space-between;margin-top:6px;width:100%}.event-meta p{color:#0078ff;font-weight:500}.edit-btn,.report-btn{justify-self:end}.event-header{align-items:flex-start;flex-direction:column;gap:12px}.header-actions{display:flex;flex-direction:column;gap:10px;width:100%}.header-actions button{justify-content:center;width:100%}.event-header h1{font-size:1.25rem}.subtitle{font-size:.9rem}}.event-card{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:2fr 2fr 1fr auto}.event-actions{display:flex;gap:8px;white-space:nowrap}.icon-btn{align-items:center;background:#f5f5f5;border:none;border-radius:8px;cursor:pointer;display:inline-flex;gap:6px;padding:6px 10px}.icon-btn img{height:16px;width:16px}@media (max-width:1100px){.icon-btn .btn-text{display:none}.icon-btn{padding:6px}}.class-dashboard{display:block}.class-next-session{background:#eff6ff;border-radius:12px;margin-bottom:20px;padding:16px 20px}.class-next-label{color:#1d4ed8;font-size:13px;margin:0}.class-next-value{color:#1d4ed8;font-size:20px;font-weight:600;margin:4px 0 0}.class-stat-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:20px}.class-stat-card{background:#f7f8fa;border-radius:8px;padding:16px}.class-stat-label{color:#6b7280;font-size:13px;margin:0}.class-stat-value{font-size:24px;font-weight:600;margin:4px 0 0}.dash-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:16px 20px}.dash-card h3{font-size:16px;font-weight:600;margin:0 0 12px}.dash-card-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.dash-card-head h3{margin:0}.dash-actions{display:flex;flex-wrap:wrap;gap:8px}.dash-row{align-items:center;border-bottom:1px solid #f1f2f4;display:flex;font-size:14px;gap:12px;justify-content:space-between;padding:8px 0}.dash-row:last-child{border-bottom:none}.dash-row-side{color:#6b7280;font-size:13px}.qr-box{background:#f7f8fa;border-radius:8px;margin-top:12px;padding:12px}.qr-token{font-size:13px;word-break:break-all}.qr-hint{color:#6b7280;font-size:12px;margin:8px 0 0}.link-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-size:13px;padding:0}.class-schedule h2{color:#1a1a2e;font-size:1.2rem;margin-bottom:16px}.form-input{font-family:inherit}.form-input:focus{box-shadow:0 0 0 3px #4b7bec1f}.add-schedule-btn{margin-top:4px}.schedule-save-row{align-items:center;display:flex;gap:12px;margin-top:20px}.btn-primary{font-size:.9rem;padding:10px 24px}.btn-primary:disabled{opacity:.5}.schedule-saved{color:#16a34a;font-size:.85rem;font-weight:600}.class-members h2{color:#1a1a2e;font-size:1.2rem;margin-bottom:16px}.member-add-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.form-input{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;color:#1a1a2e;flex:1 1;font-size:.9rem;min-width:160px;padding:9px 12px}.form-input:focus{background:#fff;border-color:#4b7bec;outline:none}.btn-primary,.btn-secondary{border-radius:8px;font-size:.85rem;padding:9px 16px}.form-error{margin:4px 0 12px}.qr-section{background:#f9fbff;border:1px solid #e2ecff;border-radius:10px;margin:16px 0 24px;padding:16px}.qr-display{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:12px}.qr-hint{color:#666;font-size:.8rem;margin:0}.class-member-table{border-collapse:collapse;font-size:.9rem;width:100%}.class-member-table th{border-bottom:2px solid #f0f0f0;color:#666;font-size:.8rem;padding:10px 12px;text-align:left;text-transform:uppercase}.class-member-table td{border-bottom:1px solid #f4f4f4;color:#1a1a2e;padding:10px 12px}.remove-btn{background:#fff5f5;border-radius:6px;font-size:.8rem;padding:5px 12px}.empty-text{color:#999;padding:20px 0}.class-detail-page{padding:24px}.class-detail-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.class-detail-header h1{font-size:24px;font-weight:700;margin:0}.class-meta{color:#6b7280;font-size:14px;margin:4px 0 0}.back-btn{background:#fff;border:1px solid #d1d5db;color:#374151;padding:8px 14px;white-space:nowrap}.back-btn:hover{background:#f9fafb}.dash-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:16px 20px}.dash-section h3{font-size:16px;font-weight:600;margin:0 0 12px}.placeholder{font-size:14px;margin:0}.danger-zone{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:20px}.danger-btn{background:#fff;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;cursor:pointer;font-size:14px;padding:8px 14px}.danger-btn:hover{background:#fef2f2}.loading{color:#6b7280;font-size:14px;padding:16px 0}.class-tag-id{color:#6b7280;font-size:13px;margin:4px 0 0}.class-tag-id code{color:#374151;font-size:14px;font-weight:600}.EventRankingList_ranking-table__9WMrp{border-collapse:collapse;margin-top:16px;width:100%}.EventRankingList_ranking-table__9WMrp th{border-bottom:2px solid #000;font-size:14px;padding:12px;text-align:center}.EventRankingList_sub__eGeK6{color:#777;font-size:12px;font-weight:400}.EventRankingList_ranking-table__9WMrp td{border-bottom:1px solid #eee;padding:10px;text-align:center;vertical-align:middle}.EventRankingList_zone-cell__RGOeX{height:32px}.EventRankingList_zone-bar__ZhmLj{height:24px;width:100%}.EventRankingList_ranking-table__9WMrp tr:hover{background-color:#f9fafb}.EventRankingList_zone-cell__RGOeX{height:40px;padding:0;text-align:left;width:220px}.EventRankingList_zone-cell__RGOeX>div{margin-left:0}.class-summary-page{padding:4px 0}.summary-date-bar{align-items:center;display:flex;gap:10px;margin-bottom:20px}.date-label{color:#444;font-size:.85rem;font-weight:600}.date-input{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;color:#1a1a2e;font-size:.9rem;padding:8px 12px}.date-input:focus{background:#fff;border-color:#4b7bec;outline:none}.loading,.placeholder{color:#999;padding:24px 0;text-align:center}.summary-stats-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.summary-stat-card{background:#f9fbff;border:1px solid #e2ecff;border-radius:10px;padding:16px}.summary-stat-info p{color:#666;font-size:.8rem;margin:0 0 6px}.summary-stat-info h3{color:#1a1a2e;font-size:1.3rem;margin:0}.student-summary-section h3{color:#1a1a2e;font-size:1.1rem;margin-bottom:12px}.student-summary-table{border-collapse:collapse;font-size:.9rem;width:100%}.student-summary-table th{border-bottom:2px solid #f0f0f0;color:#666;font-size:.8rem;padding:10px 12px;text-align:left;text-transform:uppercase}.student-summary-table td{border-bottom:1px solid #f4f4f4;color:#1a1a2e;padding:10px 12px}@media (max-width:640px){.summary-stats-grid{grid-template-columns:repeat(2,1fr)}}.absent-section{margin-top:24px}.absent-section h3{color:#6b7280;font-size:15px;font-weight:600;margin:0 0 8px}.absent-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.absent-list li{background:#f4f5f7;border-radius:999px;color:#9ca3af;font-size:13px;padding:4px 12px}.coach-report-page{padding:24px}.coach-report-page h1{font-size:1.3rem;margin-bottom:4px}.coach-report-subtitle{color:#888;font-size:.85rem;margin-bottom:24px}.coach-company-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.coach-filter-pill{background:#f9fbff;border:1px solid #e2ecff;border-radius:20px;color:#444;cursor:pointer;font-size:.85rem;padding:6px 14px}.coach-filter-pill:hover{border-color:#2563eb}.coach-filter-pill.active{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600}.coach-report-summary{display:flex;gap:16px;margin-bottom:28px}.coach-report-summary-item{background:#fff;border:1px solid #eee;border-radius:12px;display:flex;flex-direction:column;gap:4px;min-width:160px;padding:18px 24px}.coach-stat-value{color:#1a1a2e;font-size:1.6rem;font-weight:700}.coach-stat-label{color:#888;font-size:.85rem}.coach-report-section{background:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:20px;padding:20px}.coach-report-section h3{color:#444;font-size:.95rem;margin-bottom:16px}.coach-trend-chart{align-items:flex-end;display:flex;gap:8px;height:160px;overflow-x:auto;padding-top:20px}.trend-bar-wrap{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;min-width:28px}.trend-bar-value{color:#666;font-size:11px;margin-bottom:4px}.trend-bar{background:#688bc2;border-radius:4px 4px 0 0;min-height:2px;width:20px}.trend-bar.roster-bar{background:#7dd3c0}.trend-bar-label{color:#999;font-size:10px;margin-top:4px}.coach-empty{color:#888;padding:30px;text-align:center}.manager-topbar{align-items:center;background-color:#fff;border-bottom:1px solid #eaeaea;box-shadow:0 2px 4px #0000001a;display:flex;height:70px;justify-content:space-between;left:0;padding:0 24px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:999}.manager-topbar.dark-mode{background-color:#2a2a2e;border-bottom:1px solid #444;box-shadow:0 2px 4px #0000004d}.manager-topbar.dark-mode .topbar-icon{color:#e0e0e0}.manager-topbar.dark-mode .topbar-icon:hover{color:#4c80ff}.manager-topbar.dark-mode .topbar-user:hover{background-color:#3a3a40}.manager-topbar.dark-mode .topbar-avatar,.manager-topbar.dark-mode .topbar-user span{color:#e0e0e0}@media (max-width:768px){.manager-topbar{height:60px;padding:0 16px}.topbar-user span{display:none}.topbar-icon{font-size:1.1rem}.topbar-avatar{font-size:1.8rem}.topbar-logo{height:32px}}.manager-topbar.dark-mode .burger-btn{color:#e0e0e0}.manager-topbar{z-index:2000}.manager-layout{background:#f8f9fa;transition:all .3s ease}.manager-main-content{margin-left:266px;min-height:100vh}.manager-main-content.sidebar-collapsed{margin-left:90px}.manager-content{flex:1 1;overflow-y:auto;padding:24px}@media (max-width:1024px){.manager-main-content{margin-left:0!important}.manager-content{padding:16px}}.manager-layout.dark-mode{background:#1a1a1a}.main-content,.manager-main-content{background-color:#f8f9fa;display:flex;flex:1 1;flex-direction:column;margin-left:260px;padding-top:70px;transition:margin-left .3s ease}.content-wrapper,.manager-content{flex:1 1;min-height:calc(100vh - 70px);overflow-y:auto;padding:24px}.main-content.sidebar-collapsed,.manager-main-content.sidebar-collapsed{margin-left:80px}body.dark-mode .main-content,body.dark-mode .manager-main-content{background-color:#1a1a1a;color:#f0f0f0}@media (max-width:768px){.main-content,.manager-main-content{margin-left:0!important;padding-top:60px}.content-wrapper,.manager-content{min-height:calc(100vh - 60px);padding:16px}}.manager-layout{display:flex;min-height:100vh;overflow-x:hidden}.manager-main-content{display:flex;flex:1 1;flex-direction:column;margin-left:250px;min-width:0;transition:margin-left .3s ease}.manager-main-content.sidebar-collapsed{margin-left:80px}@media (max-width:1024px){.manager-main-content{margin-left:0;transition:transform .35s ease}.manager-main-content.sidebar-open{transform:translateX(120px)}}.company-dashboard{box-sizing:border-box;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1600px;padding:24px 32px}@media (max-width:1024px){.company-dashboard{padding:20px}}@media (max-width:600px){.company-dashboard{padding:16px}}.dashboard-section{margin-bottom:24px}.dashboard-grid-2{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}.dashboard-grid-full{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}@media (max-width:1024px){.dashboard-grid-2{grid-template-columns:1fr}}.card{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;padding:20px}.chart-placeholder{align-items:center;background:#f4f4f4;border-radius:8px;color:#999;display:flex;font-style:italic;height:220px;justify-content:center}.company-dashboard-header{align-items:center;display:flex;gap:16px}.company-dashboard-controls{align-items:center;display:flex;gap:12px;justify-content:flex-start}@media (min-width:769px){.company-dashboard-controls{flex-wrap:nowrap;justify-content:flex-end;margin-left:auto}.company-dashboard-controls select{margin-left:0}}@media (max-width:900px) and (min-width:769px){.company-dashboard-controls{flex-wrap:wrap;gap:8px;justify-content:flex-start}}.company-dashboard-controls select{appearance:none;background:#fff;border:1px solid #ddd;border-radius:6px;flex-shrink:0;font-size:14px;height:38px;line-height:normal;padding:6px 10px;width:180px}.company-compare-toggle{align-items:center;background:#f9f9fb;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;gap:8px;height:38px;min-width:180px;padding:6px 12px;position:relative;white-space:nowrap;z-index:10}.company-compare-toggle .toggle-text{color:#333;display:inline-block;flex-shrink:0;justify-content:flex-start;line-height:1.2;visibility:visible;white-space:nowrap}.company-compare-toggle input[type=checkbox]{width:auto}.company-export-btn{align-items:center;background-color:#4b7bec;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;height:38px;justify-content:center;padding:8px 14px;position:relative;transition:all .2s ease;white-space:nowrap;z-index:5}.company-export-btn:hover{background-color:#3867d6}@media (max-width:768px){.company-dashboard-header{align-items:stretch;flex-direction:column;gap:12px}.company-dashboard-controls{align-items:stretch;flex-direction:column;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-left:0;width:100%}.company-compare-toggle,.company-dashboard-controls select,.company-export-btn{box-sizing:border-box;width:100%}.company-compare-toggle{justify-content:flex-start;min-width:auto;padding:12px}}.ranking-table{border-collapse:collapse;font-size:14px;width:100%}.ranking-table th{background:#f7f8fa;border-bottom:1px solid #e5e7eb;color:#555;font-weight:600;padding:10px 12px;text-align:left}.ranking-table td{border-bottom:1px solid #f0f0f0;padding:10px 12px}.ranking-table tr:hover{background:#fafafa}.exercise-distribution-grid{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:1.1fr 1fr}.exercise-bar,.exercise-pie{height:320px;width:100%}.recharts-text{font-weight:500}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.timeframe-select{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:6px 10px}@media (max-width:1024px){.exercise-distribution-grid{grid-template-columns:1fr}}.loading-placeholder{font-style:italic;padding:40px}.chart-nav-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.chart-nav-header h3{color:#333;font-size:15px;font-weight:600;margin:0}.chart-nav-controls{align-items:center;display:flex;gap:8px}.chart-nav-btn{align-items:center;background:none;border:1px solid #ddd;border-radius:6px;color:#555;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;line-height:1;padding:0;transition:background .15s,border-color .15s;width:28px}.chart-nav-btn:hover{background:#f0f0f0;border-color:#bbb}.chart-nav-label{color:#444;font-size:13px;font-weight:600;min-width:80px;text-align:center}.dashboard-grid-2col{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:900px){.dashboard-grid-2col{grid-template-columns:1fr}}.empty-chart{align-items:center;color:#aaa;display:flex;font-size:14px;font-style:italic;height:100%;justify-content:center}.table-container{overflow-x:auto}.comparison-table{border-collapse:collapse;font-size:14px;width:100%}.comparison-table th{border-bottom:1px solid #eee;color:#333;font-weight:600;padding:12px;text-align:left}.comparison-table td{border-bottom:1px solid #f3f3f3;padding:10px 12px;vertical-align:middle}.progress-cell{background:#f3f3f3;height:16px;overflow:hidden}.progress-bar,.progress-cell{border-radius:999px;position:relative}.progress-bar{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:600;height:100%;justify-content:flex-end;padding-right:8px;transition:width .4s ease}.progress-value{position:relative;z-index:2}.progress-bar:after{background:#0000000d;border-radius:inherit;content:"";inset:0;position:absolute}.progress-cell span{color:#444;font-size:13px;margin-left:8px}.employee-table{border-collapse:collapse;font-size:14px;width:100%}.employee-table td,.employee-table th{border-bottom:1px solid #f3f3f3;padding:10px 12px;text-align:left}.progress-cell{align-items:center;background-color:initial;display:flex;gap:12px;min-width:150px;width:100%}.progress-bg{background-color:#eee;border-radius:6px;flex:1 1;height:12px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#4b7bec,#2ecc71);border-radius:6px 0 0 6px;height:100%;transition:width .4s ease}.progress-text{color:#444;flex-shrink:0;font-size:13px;font-weight:600;text-align:right;width:40px}.empty-state{background:#f8f9fa;border:2px dashed #dee2e6;color:#666;font-size:1rem;margin:15px 0;padding:30px 20px}.group-list-container{margin-top:20px;overflow:hidden;width:100%}.group-header-row{display:none}.group-row{background:#fff;border:1px solid #eaeaea;border-radius:10px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;padding:16px;transition:all .2s ease;width:100%}.group-row:hover{background:#f8fbff;border-color:#0078ff;box-shadow:0 4px 12px #0000001a;transform:translateX(2px)}.group-row-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.group-row-item:last-child{border-bottom:none;padding-top:12px}.row-label{color:#555;font-size:.9rem;font-weight:600;min-width:80px}.row-value{color:#333;flex:1 1;font-size:.95rem;text-align:right}.group-name .row-value{color:#0078ff;font-size:1.1rem;font-weight:600}.group-members .row-value{color:#0078ff;font-weight:500}.group-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;justify-content:center;min-width:80px;padding:8px 16px;transition:all .2s ease}.edit-btn{background:#f0f7ff;border:1px solid #c2e0ff;color:#0078ff}.edit-btn:hover{background:#e1f0ff}.delete-btn{background:#fff0f0;border:1px solid #fcc;color:#f44}.delete-btn:hover{background:#ffe6e6}@media (min-width:768px){.group-list-container{gap:0}.group-header-row{background:#f8f9fa;border-bottom:2px solid #eaeaea;color:#555;font-size:.95rem;font-weight:600;padding:14px 20px}.group-header-row,.group-row{align-items:center;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.2fr}.group-row{border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;border-top:none;cursor:pointer;padding:16px 20px;transition:all .2s ease}.group-row:first-of-type{border-top:1px solid #eaeaea;border-top-left-radius:8px;border-top-right-radius:8px}.group-row:last-of-type{border-bottom:1px solid #eaeaea;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.group-row-item{display:none}.group-name-desktop{color:#333;font-size:1rem;font-weight:600;padding-right:8px}.group-members-desktop{color:#0078ff;font-weight:500}.group-coach-desktop{color:#555}.group-date-desktop{color:#777;font-size:.9rem}.group-actions{gap:8px;justify-content:flex-end;padding-top:0}}@media (min-width:1024px){.group-row{padding:18px 24px}.group-header-row{padding:16px 24px}.group-name{font-size:1.1rem}}.group-coach-desktop,.group-date-desktop,.group-members-desktop,.group-name-desktop{display:none}@media (min-width:768px){.group-coach-desktop,.group-date-desktop,.group-members-desktop,.group-name-desktop{display:block}}.group-form-card textarea{border:1px solid #ddd;border-radius:8px;padding:12px;resize:vertical;width:100%}.group-form-card textarea:focus{border-color:#1d4ed8;outline:none}.group-name-input{font-size:1.1rem;font-weight:600;width:100%}.group-row-deleted{opacity:.6}.restore-row-btn{margin-left:auto}button.add-group-btn{all:unset;align-items:center;background:linear-gradient(135deg,#0078ff,#00a2ff);border-radius:10px;box-shadow:0 3px 8px #0078ff40;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.3px;padding:10px 18px;transition:all .25s ease}.group-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:10px;width:100%}.group-list-header h1{color:#222;font-size:1.5rem;font-weight:700;margin:0}.group-list-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:8px;margin:8px 0 16px}.group-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.group-tab.active{border-bottom-color:#1d4ed8;color:#1d4ed8}.manager-form-card{background:#fff;border-radius:14px;box-shadow:0 10px 30px #00000014;margin:40px auto;max-width:420px;padding:28px}.manager-form-card h2{margin-bottom:6px}.manager-form-card .hint{color:#666;font-size:.9rem;margin-bottom:20px}.manager-form-card input{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:12px 14px;width:100%}.manager-form-card input:focus{border-color:#2563eb;outline:none}.manager-form-card .actions{display:flex;gap:10px;margin-top:20px}.manager-form-card button{border:none;border-radius:8px;cursor:pointer;padding:10px 16px}.manager-form-card button:first-child{background:#2563eb;color:#fff}.manager-form-card button:last-child{background:#f3f4f6}.invite-container{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000000d;margin:40px auto;max-width:520px;padding:24px}.invite-container h1{color:#222;font-size:1.5rem;font-weight:700;margin-bottom:24px;text-align:center}.invite-form{gap:18px}.form-group,.invite-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#444;font-size:.95rem;font-weight:600}.form-group input,.form-group select{border:1px solid #ddd;border-radius:6px;font-size:.95rem;outline:none;padding:10px 12px;transition:.2s}.form-group input:focus,.form-group select:focus{border-color:#0078ff;box-shadow:0 0 0 2px #0078ff1a}.invite-btn{background:linear-gradient(135deg,#0078ff,#00a2ff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 16px;transition:all .2s ease}.invite-btn:hover{background:linear-gradient(135deg,#006de6,#008cff);transform:translateY(-1px)}.company-members-container{background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000d;overflow-x:auto;padding:32px}.company-members-header{margin-bottom:24px}.company-members-header h2{color:#111827;font-size:1.3rem;font-weight:700;margin-bottom:4px}.company-members-header p{color:#6b7280;font-size:.88rem}.members-error{background:#fff5f5;border:1px solid #fecaca;border-radius:8px;color:#e74c3c;font-size:.85rem;margin:0 0 16px;padding:10px 14px}.company-member-table{border-collapse:collapse;min-width:600px;width:100%}.company-member-table td,.company-member-table th{border-bottom:1px solid #eee;font-size:.92rem;padding:12px 16px;text-align:left}.company-member-table th{background:#f9fafb;color:#444;font-size:.85rem;font-weight:600}.company-member-table tbody tr:hover{background:#fafbff}.member-avatar{border:2px solid #eee;border-radius:50%;height:40px;object-fit:cover;width:40px}.clickable-avatar{cursor:pointer;transition:opacity .15s,border-color .15s}.clickable-avatar:hover{border-color:#4b7bec;opacity:.85}.member-name-link{color:#1a1a2e;cursor:pointer;font-weight:500;transition:color .15s}.member-name-link:hover{color:#4b7bec;text-decoration:underline}.editable-role{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.88rem;gap:6px;padding:4px 8px;transition:background .15s}.editable-role:hover{background:#f0f4ff;color:#4b7bec}.edit-icon{font-size:.75rem;opacity:.5}.role-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;gap:2px;padding:4px;width:120px;z-index:10}.role-option{background:#0000;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:.85rem;padding:6px 10px;text-align:left;transition:background .12s}.role-option:hover{background:#f0f4ff;color:#4b7bec}.role-option.active{background:#eef2ff;color:#4b7bec;font-weight:600}.role-option.cancel{border-top:1px solid #f0f0f0;color:#999;font-size:.8rem;margin-top:2px}.remove-btn{background:#fff0f0;border:1px solid #fecaca;border-radius:8px;color:#e74c3c;cursor:pointer;font-size:.82rem;font-weight:500;padding:6px 12px;transition:background .15s,border-color .15s}.remove-btn:hover{background:#fee2e2;border-color:#f87171}.confirm-row{gap:8px}.confirm-yes-btn{background:#ef4444;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;padding:5px 10px;transition:background .15s}.confirm-yes-btn:hover:not(:disabled){background:#dc2626}.confirm-yes-btn:disabled{cursor:not-allowed;opacity:.5}.confirm-no-btn{background:#f4f6fb;border:1px solid #e5e7eb;border-radius:7px;color:#555;cursor:pointer;font-size:.82rem;padding:5px 10px;transition:background .15s}.confirm-no-btn:hover{background:#eaecf4}.empty-text{color:#888;font-size:.95rem;padding:32px;text-align:center}@media (max-width:768px){.company-members-container{padding:20px}.company-member-table td,.company-member-table th{font-size:.88rem;padding:8px 10px}}.manager-actions h2{color:#222;font-size:1.2rem;margin-bottom:12px}.manager-members-page{padding:24px}.group-selector{margin:16px 0 24px}.group-selector select{margin-left:8px;padding:6px 8px}.group-report-page{padding:20px}.report-filters select{border-radius:6px;margin-left:8px;padding:6px 10px}.group-section{background:#fff;border:1px solid #eee;border-radius:10px;margin-top:20px;overflow:hidden}.group-header{align-items:center;background:#f7f9fb;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px}.summary-cards{display:flex;gap:12px;padding:10px 20px}.card{background:#f2f4f8;border-radius:8px;flex:1 1;padding:10px 14px;text-align:center}.lab-table{border-collapse:collapse;margin-top:16px;width:100%}.lab-table td,.lab-table th{border:1px solid #ddd;padding:8px;text-align:center}.lab-table th{background-color:#f5f7fa}.summary-row td{background:#f1f5ff}.overall-summary{background:#fafafa;border:1px solid #eee;border-radius:10px;margin-top:40px;padding:20px}.group-report-page{display:flex;flex-direction:column;gap:24px;padding:24px 32px}.report-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.report-controls{align-items:center;display:flex;gap:12px}.group-selector{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:6px 10px}.export-btn{align-items:center;background-color:#4b7bec;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;height:38px;justify-content:center;padding:8px 14px;position:relative;transition:all .2s ease;white-space:nowrap;z-index:5}.group-stats{display:flex;gap:16px;margin-bottom:12px}.stat-item{background:#f7f8fa;border-radius:8px;font-size:14px;padding:10px 16px}.loading-placeholder{color:#888;text-align:center}.group-report-stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:24px 0 32px}.group-report-stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;padding:20px 24px}.group-report-stat-card h3{font-size:28px}.group-report-stat-card p{font-size:14px}.group-report-stat-compare{font-size:12px}.compare-toggle{align-items:center;background:#f9f9fb;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;gap:8px;height:38px;min-width:180px;padding:6px 12px;position:relative;white-space:nowrap;z-index:10}.compare-toggle .toggle-text{color:#333;display:inline-block;flex-shrink:0;justify-content:flex-start;line-height:1.2;visibility:visible;white-space:nowrap}.toggle-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-toggle input[type=checkbox]{width:auto}.cd-page{color:#1a1a2e;font-family:Montserrat,sans-serif;margin:0 auto;max-width:1400px;padding:24px 32px}.cd-header{margin-bottom:24px}.cd-title{font-size:1.75rem;font-weight:700;margin:0 0 4px}.cd-subtitle{color:#888;font-size:.9rem;margin:0}.cd-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.cd-summary-card{background:#fff;border:1.5px solid #e8ecf2;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:20px 24px}.cd-summary-card--active{background:#f6fff7;border-color:#c8e6c9}.cd-summary-card--pending{background:#fffde7;border-color:#ffe082}.cd-summary-card__value{color:#111;font-size:2rem;font-weight:700;line-height:1}.cd-summary-card__label{color:#888;font-size:.8rem;font-weight:500}.cd-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.cd-filter-tabs{display:flex;gap:8px}.cd-filter-tab{background:#fff;border:1.5px solid #e0e6f0;border-radius:999px;color:#555;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:600;padding:.45rem 1rem;transition:all .2s}.cd-filter-tab.active,.cd-filter-tab:hover{background:#0075ff;border-color:#0075ff;color:#fff}.cd-date-range{align-items:center;color:#888;display:flex;font-size:.85rem;gap:8px}.cd-date-input{border:1.5px solid #e0e6f0;border-radius:8px;font-family:Montserrat,sans-serif;font-size:.85rem;outline:none;padding:.4rem .75rem;transition:border-color .2s}.cd-date-input:focus{border-color:#0075ff}.cd-table{background:#fff;border:1.5px solid #e8ecf2;border-radius:12px;overflow:hidden}.cd-table__header{background:#f7f9fc;border-bottom:1.5px solid #e8ecf2;color:#888;display:grid;font-size:.78rem;font-weight:700;grid-template-columns:2fr 1fr 1.5fr 2fr 40px;letter-spacing:.05em;padding:12px 20px;text-transform:uppercase}.cd-row{border-bottom:1px solid #f0f2f5}.cd-row:last-child{border-bottom:none}.cd-row__summary{align-items:center;cursor:pointer;display:grid;grid-template-columns:2fr 1fr 1.5fr 2fr 40px;padding:14px 20px;transition:background .15s}.cd-row__summary:hover{background:#f7f9fc}.cd-row.expanded .cd-row__summary{background:#f0f6ff}.cd-row__col{color:#333;font-size:.875rem}.cd-row__col--sn{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.cd-row__col--toggle{display:flex;justify-content:center}.cd-sn{color:#111;font-size:.85rem;font-weight:700;letter-spacing:.03em}.cd-days{color:#aaa;font-size:.75rem}.cd-type-tag{border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:.15rem .5rem;text-transform:uppercase}.cd-type-tag--equipment{background:#e3f2fd;color:#1565c0}.cd-type-tag--wearable{background:#f3e5f5;color:#6a1b9a}.cd-badge{border-radius:999px;font-size:.75rem;font-weight:700;padding:.25rem .65rem;white-space:nowrap}.cd-badge--active{background:#e8f5e9;color:#2e7d32}.cd-badge--pending{background:#fff3cd;color:#856404}.cd-badge--rejected{background:#fdecea;color:#c62828}.cd-badge--none{background:#f5f5f5;color:#999}.cd-row__detail{grid-gap:20px;background:#fafbff;border-top:1px solid #e8ecf2;display:grid;gap:20px;grid-template-columns:1fr 2fr;padding:0 20px 20px}.cd-detail-section h4{color:#888;font-size:.8rem;font-weight:700;letter-spacing:.06em;margin:16px 0 10px;text-transform:uppercase}.cd-detail-grid{grid-gap:8px 16px;display:grid;font-size:.85rem;gap:8px 16px;grid-template-columns:auto 1fr}.cd-detail-grid span:nth-child(odd){color:#888;font-weight:500}.cd-usage-table{border-collapse:collapse;font-size:.82rem;width:100%}.cd-usage-table th{background:#f0f2f5;color:#666;font-size:.75rem;font-weight:600;padding:6px 10px;text-align:left}.cd-usage-table td{border-bottom:1px solid #f0f2f5;color:#333;padding:8px 10px}.cd-usage-table tr:last-child td{border-bottom:none}.cd-empty{color:#aaa;font-size:.85rem;font-style:italic;margin:8px 0 0}.cd-empty-state{color:#aaa;font-size:.9rem;padding:40px;text-align:center}.cd-empty-state a{color:#0075ff;font-weight:600;text-decoration:none}.cd-loading{color:#888;font-size:.95rem;padding:60px;text-align:center}@media (max-width:1024px){.cd-page{padding:20px}.cd-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cd-table__header{display:none}.cd-row__summary{gap:8px;grid-template-columns:1fr 1fr}.cd-row__col--toggle{grid-column:span 2;justify-content:flex-end}.cd-row__detail{grid-template-columns:1fr}.cd-filters{align-items:flex-start;flex-direction:column}}.cd-tabs{display:flex;gap:8px;margin:16px 0}.cd-analytics{display:flex;flex-direction:column;gap:20px}.cd-chart-card{background:#fff;border:1px solid #eaeaea;border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:20px}.cd-chart-card h4{color:#333;font-size:1rem;margin:0 0 16px}.class-list-container{display:flex;flex-direction:column;gap:10px;margin-top:16px}.class-card{align-items:center;animation:fadeSlideIn .3s ease both;background:#fff;border:1px solid #eaeaea;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}.class-card:hover{border-color:#4b7bec;box-shadow:0 4px 16px #4b7bec1f;transform:translateY(-1px)}.class-card-left{flex:1 1;gap:14px;min-width:0}.class-avatar,.class-card-left{align-items:center;display:flex}.class-avatar{background:linear-gradient(135deg,#4b7bec,#45aaf2);border-radius:12px;color:#fff;flex-shrink:0;height:44px;justify-content:center;width:44px}.class-card-info{display:flex;flex-direction:column;gap:4px;min-width:0}.class-card-name{color:#1a1a2e;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.class-card-right{flex-shrink:0;margin-left:12px}.class-card-arrow{color:#bbb;display:block;font-size:1.4rem;line-height:1;transition:color .18s ease,transform .18s ease}.class-card:hover .class-card-arrow{color:#4b7bec;transform:translateX(2px)}@media (max-width:480px){.class-card{padding:14px 16px}.class-avatar{height:38px;width:38px}.class-card-name{font-size:.9rem}}.class-calendar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto;padding:12px}.cal-row{grid-gap:4px;align-items:stretch;display:grid;gap:4px;grid-template-columns:48px repeat(7,minmax(72px,1fr))}.cal-head{margin-bottom:6px}.cal-day-label{color:#6b7280;font-size:12px;padding-bottom:4px;text-align:center}.cal-time{color:#9ca3af;font-size:11px;padding-top:4px}.cal-cell{display:flex;flex-direction:column;gap:4px;min-height:44px}.cal-chip{border:none;border-radius:6px;cursor:pointer;display:block;padding:6px 8px;text-align:left;width:100%}.cal-chip:hover{filter:brightness(.97)}.cal-chip-name{display:block;font-size:12px;line-height:1.3}.cal-chip-coach{display:block;font-size:11px;line-height:1.3}.class-view-toggle{background:#f1f2f4;border-radius:8px;display:inline-flex;gap:4px;padding:3px}.class-view-toggle button{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;padding:5px 12px}.class-view-toggle button.active{background:#fff;color:#111827}.class_company-class-page__-SBEl{padding:24px}.class_class-page-header__wdeAe{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.class_company-class-page__-SBEl h1{font-size:24px;font-weight:700;margin:0}.class_add-class-btn__cLgPW{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;white-space:nowrap}.class_add-class-btn__cLgPW:hover{background:#1d4ed8}.class_class-stat-grid__7AKEF{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:20px}.class_class-stat-card__y7Pl9{background:#f7f8fa;border-radius:8px;padding:16px}.class_class-stat-label__a8Y3Y{color:#6b7280;font-size:13px;margin:0}.class_class-stat-value__gmhOp{font-size:24px;font-weight:600;margin:4px 0 0}.class_class-filter-row__W\+EHE{align-items:center;display:flex;gap:12px;margin-bottom:12px}.class_class-filter-select__kIt\+u{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;cursor:pointer;font-size:14px;height:36px;min-width:160px;padding:0 10px}.class_loading__0JLsI{color:#6b7280;font-size:14px;padding:16px 0}.class-form-page{align-items:flex-start;display:flex;justify-content:center;min-height:60vh;padding:40px 20px}.class-form-card{animation:fadeSlideIn .25s ease both;background:#fff;border:1px solid #eaeaea;border-radius:16px;box-shadow:0 4px 24px #00000014;max-width:540px;overflow:hidden;width:100%}.class-form-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:14px;padding:24px 28px 20px}.class-form-icon{align-items:center;background:linear-gradient(135deg,#4b7bec,#45aaf2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}.class-form-header h2{color:#1a1a2e;font-size:1.1rem;font-weight:700;margin:0 0 2px}.class-form-subtitle{color:#999;font-size:.82rem;margin:0}.class-form-body{display:flex;flex-direction:column;gap:18px;padding:24px 28px 28px}.coach-lookup-row{display:flex;gap:8px}.coach-lookup-row .form-input{flex:1 1}.coach-resolved{color:#16a34a;font-size:.85rem;margin:4px 0 0}.schedule-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.schedule-day,.schedule-duration,.schedule-time{min-width:0}.schedule-day,.schedule-time{flex:1 1 110px}.schedule-duration{flex:0 1 64px;text-align:center}.schedule-unit{color:#666;flex-shrink:0;font-size:.85rem}.schedule-remove{background:#fff5f5;border:none;border-radius:8px;color:#e74c3c;cursor:pointer;flex-shrink:0;height:28px;width:28px}.add-schedule-btn{align-self:flex-start;background:#f4f6fb;border:1px dashed #c7d2fe;border-radius:8px;color:#4b7bec;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 14px}.add-schedule-btn:hover{background:#eaecf4}@media (max-width:480px){.class-form-page{padding:20px 16px}.class-form-body,.class-form-header{padding-left:20px;padding-right:20px}.form-actions{flex-direction:column}.btn-secondary{width:100%}}.company-topbar{align-items:center;background-color:#fff;border-bottom:1px solid #eaeaea;box-shadow:0 2px 4px #0000001a;display:flex;height:70px;justify-content:space-between;left:0;padding:0 24px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:999}.company-topbar.dark-mode{background-color:#2a2a2e;border-bottom:1px solid #444;box-shadow:0 2px 4px #0000004d}.company-topbar.dark-mode .topbar-icon{color:#e0e0e0}.company-topbar.dark-mode .topbar-icon:hover{color:#4c80ff}.company-topbar.dark-mode .topbar-user:hover{background-color:#3a3a40}.company-topbar.dark-mode .topbar-avatar,.company-topbar.dark-mode .topbar-user span{color:#e0e0e0}@media (max-width:768px){.company-topbar{height:60px;padding:0 16px}.topbar-user span{display:none}.topbar-icon{font-size:1.1rem}.topbar-avatar{font-size:1.8rem}.topbar-logo{height:32px}}.company-topbar.dark-mode .burger-btn{color:#e0e0e0}.company-topbar{z-index:2000}.company-name-link{color:inherit;cursor:pointer;font-size:15px;font-weight:600;margin-left:12px;opacity:.9;text-decoration:none;transition:opacity .15s ease}.company-name-link:hover{opacity:1;text-decoration:underline}.company-name-link{letter-spacing:.2px}.company-layout{background:#f8f9fa;transition:all .3s ease}.company-main-content{margin-left:266px}.company-main-content.sidebar-collapsed{margin-left:90px}.company-content{flex:1 1;overflow-y:auto;padding:24px}@media (max-width:1024px){.company-main-content{margin-left:0!important}.company-content{padding:16px}}body.dark-mode{background-color:#1a1a1a;color:#f0f0f0}body:not(.dark-mode){background-color:#f8f9fa;color:#2a2a2e}.company-layout.dark-mode{background:#1a1a1a}.company-main-content,.main-content{background-color:#f8f9fa;display:flex;flex:1 1;flex-direction:column;margin-left:260px;padding-top:70px;transition:margin-left .3s ease}.company-content,.content-wrapper{flex:1 1;min-height:calc(100vh - 70px);overflow-y:auto;padding:24px}.company-main-content.sidebar-collapsed,.main-content.sidebar-collapsed{margin-left:80px}body.dark-mode .company-main-content,body.dark-mode .main-content{background-color:#1a1a1a;color:#f0f0f0}@media (max-width:768px){.company-main-content,.main-content{margin-left:0!important;padding-top:60px}.company-content,.content-wrapper{min-height:calc(100vh - 60px);padding:16px}}.company-layout{display:flex;min-height:100vh;overflow-x:hidden}.company-main-content{margin-left:250px}@media (max-width:1024px){.company-main-content{margin-left:0;transition:transform .35s ease}.company-main-content.sidebar-open{transform:translateX(120px)}}.company-main-content{display:flex;flex:1 1;flex-direction:column;margin-left:260px;min-height:100vh;min-width:0;transition:margin-left .3s ease}.company-main-content.sidebar-collapsed{margin-left:80px}.form-input,.form-textarea{resize:vertical}.form-input::placeholder,.form-textarea::placeholder{color:#bbb}@media (max-width:480px){.group-form-page{padding:20px 16px}.group-form-body,.group-form-header{padding-left:20px;padding-right:20px}.form-actions{flex-direction:column}.btn-secondary{width:100%}}.group-form-page{align-items:flex-start;display:flex;justify-content:center;min-height:60vh;padding:40px 20px}.group-form-card{animation:fadeSlideIn .25s ease both;background:#fff;border:1px solid #eaeaea;border-radius:16px;box-shadow:0 4px 24px #00000014;max-width:480px;overflow:hidden;width:100%}.group-form-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:14px;padding:24px 28px 20px}.group-form-icon{align-items:center;background:linear-gradient(135deg,#4b7bec,#45aaf2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}.group-form-header h2{color:#1a1a2e;font-size:1.1rem;font-weight:700;margin:0 0 2px}.group-form-subtitle{color:#999;font-size:.82rem;margin:0}.group-form-body{gap:18px;padding:24px 28px 28px}.form-field,.group-form-body{display:flex;flex-direction:column}.form-field{gap:6px}.form-label{color:#444;font-size:.85rem;font-weight:600}.form-input,.form-textarea{background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;box-sizing:border-box;color:#1a1a2e;font-family:inherit;font-size:.95rem;padding:11px 14px;transition:border-color .15s,box-shadow .15s,background .15s;width:100%}.form-input:focus,.form-textarea:focus{background:#fff;border-color:#4b7bec;box-shadow:0 0 0 3px #4b7bec1f;outline:none}.form-input::placeholder{color:#bbb}.form-error{background:#fff5f5;border:1px solid #fecaca;border-radius:8px;color:#e74c3c}.form-error,.form-success{font-size:.85rem;margin:0;padding:10px 14px}.form-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a}.form-actions{display:flex;gap:10px;padding-top:4px}.btn-primary{background:linear-gradient(135deg,#4b7bec,#45aaf2);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:11px 20px;transition:opacity .15s,transform .15s}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.45;transform:none}.btn-secondary{background:#f4f6fb;border:1px solid #e5e7eb;border-radius:10px;color:#555;cursor:pointer;font-size:.95rem;font-weight:500;padding:11px 20px;transition:background .15s}.btn-secondary:hover{background:#eaecf4}@media (max-width:480px){.group-form-page{padding:20px 16px}.group-form-body,.group-form-header{padding-left:20px;padding-right:20px}.form-actions{flex-direction:column}}.group-detail-page{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin:0 auto;max-width:1000px;padding:24px}.loading{color:#666;padding:40px;text-align:center}.group-detail-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.header-left h1{color:#222;font-size:1.6rem;font-weight:700;margin:0}.group-id{color:#777;font-size:.85rem}.back-btn{background:#f0f7ff;border:1px solid #c2e0ff;color:#0078ff;font-size:.9rem;transition:.2s}.back-btn:hover{background:#e1f0ff}.group-tabs{border-bottom:1px solid #eee;display:flex;gap:10px;margin-bottom:20px}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#555;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 14px;transition:all .2s ease}.tab.active,.tab:hover{color:#0078ff}.tab.active{border-bottom:3px solid #0078ff;font-weight:600}.tab-content{padding:10px 0 20px}.info-card{background:#f9fbff;border:1px solid #e2ecff;border-radius:10px;color:#333;line-height:1.6;margin-bottom:24px;padding:18px}.company-actions h2{color:#222;font-size:1.2rem;margin-bottom:12px}.action-buttons{display:flex;flex-wrap:wrap;gap:12px}.action-buttons button{background:linear-gradient(135deg,#0078ff,#00a2ff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:.2s}.action-buttons button:hover{background:linear-gradient(135deg,#006de0,#008cff)}.stat-card{background:#fff;border-radius:15px;border-top:5px solid #4361ee;box-shadow:0 5px 15px #00000014;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.stat-card h3{color:#6c757d;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-top:0;text-transform:uppercase}.stat-value{color:#2c3e50;font-size:2rem;font-weight:800;margin:10px 0 5px}.stat-label{color:#6c757d;font-size:.8rem;margin:0}.company-members-page{padding:24px}.members-page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.members-page-header h1{color:#1a1a2e;font-size:1.4rem;font-weight:700;margin:0 0 4px}.members-page-header p{color:#888;font-size:.88rem;margin:0}.members-group-selector{align-items:center;display:flex;flex-shrink:0;gap:10px}.selector-label{color:#555;font-size:.85rem;font-weight:600;white-space:nowrap}.selector-select{background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;color:#1a1a2e;cursor:pointer;font-size:.9rem;min-width:160px;outline:none;padding:9px 14px;transition:border-color .15s,box-shadow .15s}.selector-select:focus{background:#fff;border-color:#4b7bec;box-shadow:0 0 0 3px #4b7bec1f}@media (max-width:640px){.members-page-header{align-items:flex-start;flex-direction:column}.members-group-selector{width:100%}.selector-select{flex:1 1}}.event-info-wrapper{background:#f9fafb;box-sizing:border-box;min-height:100vh;overflow-y:auto;padding:0 0 50px}.event-info-page{display:flex;flex-direction:column;font-family:Inter,Noto Sans TC,sans-serif;gap:24px;margin:0 auto;max-width:840px;padding:0 24px}.event-toolbar{align-items:center;background:#f9fafb;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 0;position:sticky;top:0;z-index:10}.back-btn{color:#444;font-size:15px;transition:color .2s}.back-btn:hover{color:#000}.edit-btn{background:#f3f4f6}.edit-btn:hover{background:#e5e7eb}.save-btn{background:#2563eb}.save-btn:hover{background:#1e40af}.edit-btn,.save-btn{border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.back-btn,.edit-btn,.save-btn{border-radius:8px;box-sizing:border-box;height:36px;line-height:1.5;padding:8px 16px}.event-title-input{background:#0000;border:none;font-size:2rem;font-weight:700;margin-bottom:8px;margin-top:8px;outline:none;transition:border-color .2s;width:100%}.event-title-input:focus{border-bottom:2px solid #2563eb}.event-meta-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.event-meta-grid label{color:#555;display:block;font-size:.9rem;font-weight:600;margin-bottom:4px}.event-meta-grid input{background:#fff;border:1px solid #ddd;border-radius:8px;font-size:.95rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.event-meta-grid input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26;outline:none}.event-description{display:flex;flex-direction:column;margin-bottom:60px;margin-top:24px;min-height:250px;overflow:hidden;position:relative;z-index:2}.event-description label{color:#444;font-weight:600;margin-bottom:6px}.event-description textarea{background:#fff;border:1px solid #d0d0d0;border-radius:10px;box-sizing:border-box;font-size:1rem;line-height:1.6;min-height:220px;padding:12px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.event-description textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.event-description textarea:disabled{background:#fafafa;border:1px solid #eee;color:#333;cursor:default}input:disabled,textarea:disabled{background:#0000;border:none;color:#333;cursor:default}input:disabled:hover,textarea:disabled:hover{background:#fafafa}@media (max-width:600px){.event-title-input{font-size:1.6rem}.event-toolbar{padding:8px 0;top:0}}.event-feedback{border-radius:8px;font-size:.88rem;margin:0;padding:10px 14px}.event-feedback.error{background:#fff5f5;border:1px solid #fecaca;color:#e74c3c}.event-feedback.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.event-participants-block{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;margin-top:0;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.participants-table{border-collapse:collapse;width:100%}.participants-table td,.participants-table th{border-bottom:1px solid #eee;padding:8px 10px;text-align:left}.empty-state{border:2px dashed #ccc;border-radius:10px;color:#888;margin-top:10px;padding:20px;text-align:center}.col-index{color:#aaa;font-size:13px;width:40px}.col-name{color:#222;font-weight:500}.col-time{color:#555;font-size:14px;white-space:nowrap}.section-header h3{font-size:18px;font-weight:600}.participants-table td,.participants-table th{padding:10px 12px}.mini-btn.danger{background:#e74c3c;color:#fff}.mini-btn.danger:hover{background:#c0392b}.participants-error{background:#fff5f5;border:1px solid #fecaca;border-radius:8px;color:#e74c3c;font-size:.85rem;margin:0 0 12px;padding:10px 14px}.confirm-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.confirm-text{white-space:nowrap}.confirm-text,.mini-btn{color:#555;font-size:.82rem}.mini-btn{background:#f4f6fb;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;padding:5px 10px;transition:background .15s}.mini-btn:hover{background:#eaecf4}.mini-btn.danger{background:#fff0f0;border-color:#fecaca;color:#e74c3c}.mini-btn.danger:hover{background:#fee2e2}.event-summary-page{background:#f9fafb;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Noto Sans TC,sans-serif;gap:40px;margin:0 auto;max-width:1100px;min-height:100vh;padding:100px 24px 80px}.summary-header{margin-bottom:20px;text-align:center}.summary-header h1{color:#111827;font-size:2rem;font-weight:700;margin-bottom:8px}.summary-header p{color:#6b7280;font-size:1rem}.summary-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.summary-stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000f;display:flex;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s}.summary-stat-card:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-2px)}.summary-stat-icon{font-size:1.8rem}.summary-stat-info p{color:#6b7280;font-size:.9rem;margin-bottom:4px}.summary-stat-info h3{color:#111827;font-size:1.5rem;font-weight:700}.summary-charts{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.chart-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000f;display:flex;flex-direction:column;padding:24px}.chart-card h3{align-self:flex-start;color:#111827;font-size:1.1rem;font-weight:600;margin-bottom:16px}.placeholder{color:#9ca3af;font-size:.95rem;margin-top:30px;text-align:center}.ranking-section{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000f;padding:24px}.ranking-section h3{color:#111827;font-size:1.2rem;font-weight:600;margin-bottom:16px}@media (max-width:768px){.summary-stats-grid{grid-template-columns:1fr 1fr}.summary-charts{grid-template-columns:1fr}.event-summary-page{padding:80px 16px}}@media (max-width:500px){.summary-stats-grid{grid-template-columns:1fr}}.summary-top-bar{margin-bottom:12px}.back-btn{background:none;border:none;color:#2f6fed;cursor:pointer;font-size:14px;padding:0}.back-btn:hover{text-decoration:underline}.empty-state{align-items:center;background:#fafafa;border:2px dashed #e5e7eb;border-radius:12px;color:#999;display:flex;flex-direction:column;font-size:.95rem;gap:10px;margin:16px 0;padding:48px 24px}.empty-icon{font-size:2rem;opacity:.4}.group-list-container{display:flex;flex-direction:column;gap:10px;margin-top:16px}.group-card{align-items:center;animation:fadeSlideIn .3s ease both;background:#fff;border:1px solid #eaeaea;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}.group-card:hover{border-color:#4b7bec;box-shadow:0 4px 16px #4b7bec1f;transform:translateY(-1px)}.group-card-left{flex:1 1;gap:14px;min-width:0}.group-avatar,.group-card-left{align-items:center;display:flex}.group-avatar{background:linear-gradient(135deg,#4b7bec,#45aaf2);border-radius:12px;color:#fff;flex-shrink:0;font-size:1.1rem;font-weight:700;height:44px;justify-content:center;width:44px}.group-card-info{display:flex;flex-direction:column;gap:4px;min-width:0}.group-card-name{color:#1a1a2e;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.meta-chip{align-items:center;background:#f4f6fb;border-radius:20px;color:#666;display:inline-flex;font-size:.8rem;gap:4px;padding:3px 8px}.meta-icon{font-size:.75rem}.group-card-right{flex-shrink:0;margin-left:12px}.group-card-arrow{color:#bbb;display:block;font-size:1.4rem;line-height:1;transition:color .18s ease,transform .18s ease}.group-card:hover .group-card-arrow{color:#4b7bec;transform:translateX(2px)}@media (max-width:480px){.group-card{padding:14px 16px}.group-avatar{font-size:1rem;height:38px;width:38px}.group-card-name{font-size:.9rem}}.group-card-deleted{opacity:.6}.deleted-badge{background:#fee2e2;border-radius:4px;color:#b91c1c;display:inline-block;font-size:12px;font-weight:600;margin-left:8px;padding:2px 8px;vertical-align:middle}.restore-row-btn{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1d4ed8;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:6px 14px}.restore-row-btn:hover{background:#dbeafe}.company-profile{width:100%}.company-banner{background-color:#e5e7eb;background-position:50%;background-size:cover;height:180px;position:relative;z-index:1}.company-profile-main{align-items:center;display:flex;flex-direction:column;margin-top:-48px;padding:0 16px;position:relative;z-index:2}.company-avatar-wrapper{background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:96px;padding:4px;position:relative;width:96px}.company-avatar{border-radius:50%;height:100%;object-fit:cover;width:100%}.company-avatar-placeholder{background:#cbd5e1;border-radius:50%;height:100%;width:100%}.company-name{color:#111827;font-size:22px;font-weight:700;margin-top:12px;text-align:center}.company-desc{color:#64748b;font-size:14px;line-height:1.7;margin-top:6px;max-width:480px;text-align:center}.company-header{align-items:center;display:flex;gap:12px}.company-edit-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:12px;padding:4px 10px}.company-edit-btn:hover{background:#f9fafb}.company-name-input{border:1px solid #d1d5db;border-radius:6px;font-size:22px;font-weight:700;padding:4px 8px;text-align:center}.company-desc-input{background:#fff;border:1px solid #d1d5db;border-radius:10px;font-size:14px;line-height:1.8;margin-top:12px;max-width:720px;min-height:140px;padding:14px 16px;resize:vertical;width:100%}.company-edit-actions{display:flex;gap:8px;margin-top:8px}.cancel-btn,.save-btn{border-radius:6px;cursor:pointer;padding:4px 12px}.save-btn{background:#111827;color:#fff}.cancel-btn{background:#fff;border:1px solid #d1d5db}.avatar-edit-btn{bottom:8px;cursor:pointer;position:absolute;right:1px;z-index:5}.avatar-edit-btn,.banner-edit-btn{align-items:center;background:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.avatar-edit-btn img,.banner-edit-btn img{filter:invert(1);height:14px;width:14px}.avatar-edit-btn:hover,.banner-edit-btn:hover{background:#000c}.avatar-edit-btn{opacity:0}.company-avatar-wrapper:hover .avatar-edit-btn{opacity:1}.member-page{margin:0 auto;max-width:1200px;padding:20px}.report-toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.view-tabs{border-bottom:1px solid #e5e7eb;display:inline-flex;gap:16px}.view-tabs button{background:#0000;border:none;color:#6b7280;cursor:pointer;font-weight:500;padding:8px 4px;position:relative}.view-tabs button.active{color:#111827}.view-tabs button.active:after{background:#2563eb;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.member-search{border:1px solid #d1d5db;border-radius:8px;font-size:14px;max-width:400px;outline:none;padding:8px 12px;width:100%}.member-search::placeholder{color:#9ca3af}.member-search:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.control-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.metric-toggle{display:flex;gap:6px}.metric-toggle button{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:13px;padding:6px 10px}.metric-toggle button.active{background:#111827;border-color:#111827;color:#fff}.timeframe-toggle button{border-radius:6px;font-size:13px;padding:5px 10px}.timeframe-toggle button.active{background:#2563eb}.member-table-container{border:1px solid #e5e7eb;border-radius:8px;max-height:600px;overflow:auto}.member-table{border-collapse:collapse;width:100%}.member-table td,.member-table th{border:1px solid #e5e7eb;font-size:13px;padding:6px 8px;text-align:center}.member-table td:first-child,.member-table th:first-child{padding-left:12px;text-align:left}.member-table thead th{background:#f9fafb;color:#374151;font-size:12px;font-weight:600;position:sticky;top:0;z-index:3}.clickable{cursor:pointer}.member-table th.clickable:hover{background:#f3f4f6}.member-table tbody tr:hover{background:#f9fafb;cursor:pointer}.cell-box{border-radius:4px;font-weight:500;padding:2px 0}.member-table td,.member-table th{min-width:80px}.member-table thead{display:table-header-group!important}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.profile-page{margin:0 auto;max-width:1100px;padding:24px}.profile-back-btn{align-items:center;background:none;border:none;color:#4b7bec;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;margin-bottom:20px;padding:6px 0;transition:opacity .15s}.profile-back-btn:hover{opacity:.7}.profile-card{align-items:center;animation:fadeSlideIn .25s ease both;background:#fff;border:1px solid #eaeaea;border-radius:16px;box-shadow:0 4px 16px #0000000f;display:flex;gap:24px;margin-bottom:28px;padding:28px 32px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.profile-avatar{border:3px solid #eaeaea;border-radius:50%;flex-shrink:0;height:88px;object-fit:cover;width:88px}.profile-info{display:flex;flex-direction:column;gap:4px}.profile-name{color:#1a1a2e;font-size:1.4rem;font-weight:700;margin:0}.profile-account{color:#888;font-size:.9rem;margin:0}.profile-description{color:#555;font-size:.92rem;margin:4px 0 0;max-width:500px}.profile-stats-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.profile-stats-header h3{color:#1a1a2e;font-size:1.1rem;font-weight:700;margin:0}.timeframe-toggle{background:#f3f4f6;border-radius:10px;display:flex;gap:4px;padding:3px}.timeframe-toggle button{background:#0000;border:none;border-radius:7px;color:#555;cursor:pointer;font-size:.85rem;padding:6px 14px;transition:background .15s,color .15s}.timeframe-toggle button.active{background:#4b7bec;color:#fff;font-weight:600}.profile-charts{display:flex;flex-direction:column;gap:20px}.profile-error,.profile-loading{color:#888;font-size:.95rem;padding:60px 24px;text-align:center}.profile-error{color:#e74c3c}@media (max-width:640px){.profile-card{padding:20px}.profile-card,.profile-stats-header{align-items:flex-start;flex-direction:column}}.internal-topbar{align-items:center;background-color:#fff;border-bottom:1px solid #eaeaea;box-shadow:0 2px 4px #0000001a;display:flex;height:70px;justify-content:space-between;left:0;padding:0 24px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:999}.internal-topbar.dark-mode{background-color:#2a2a2e;border-bottom:1px solid #444;box-shadow:0 2px 4px #0000004d}.topbar-left{align-items:center;display:flex}.topbar-logo{cursor:pointer;height:40px;object-fit:contain;width:auto}.topbar-right{align-items:center;display:flex;gap:20px}.topbar-icon{color:#5a5a5a;cursor:pointer;font-size:1.2rem;transition:color .3s ease}.internal-topbar.dark-mode .topbar-icon{color:#e0e0e0}.topbar-icon:hover{color:#2a5bd7}.internal-topbar.dark-mode .topbar-icon:hover{color:#4c80ff}.topbar-user{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:background-color .3s ease}.topbar-user:hover{background-color:#f0f5ff}.internal-topbar.dark-mode .topbar-user:hover{background-color:#3a3a40}.topbar-avatar{color:#5a5a5a;font-size:2rem;transition:color .3s ease}.internal-topbar.dark-mode .topbar-avatar{color:#e0e0e0}.topbar-user span{color:#5a5a5a;font-weight:500;transition:color .3s ease}.internal-topbar.dark-mode .topbar-user span{color:#e0e0e0}@media (max-width:768px){.internal-topbar{height:60px;padding:0 16px}.topbar-user span{display:none}.topbar-icon{font-size:1.1rem}.topbar-avatar{font-size:1.8rem}.topbar-logo{height:32px}}.burger-btn{background:none;border:none;color:#333;cursor:pointer;display:none;font-size:1.5rem;margin-right:16px}.internal-topbar.dark-mode .burger-btn{color:#e0e0e0}.internal-topbar{z-index:2000}@media (max-width:1024px){.burger-btn{display:block}.topbar-logo{height:32px}}.burger-btn{transition:transform .2s ease}.burger-btn:active{transform:scale(.9)}.topbar-avatar-img{border-radius:50%;height:32px;margin-right:8px;object-fit:cover;width:32px}.internal-layout{background:#f8f9fa;transition:all .3s ease}.internal-main-content{margin-left:266px;min-height:100vh}.internal-main-content.sidebar-collapsed{margin-left:90px}@media (max-width:1024px){.internal-main-content{margin-left:0!important}.internal-content{padding:16px}}.internal-layout.dark-mode{background:#1a1a1a}.internal-main-content{background-color:#f8f9fa;margin-left:260px;padding-top:70px}.internal-content{flex:1 1;min-height:calc(100vh - 70px);overflow-y:auto;padding:24px}@media (max-width:768px){.internal-main-content,.main-content{margin-left:0!important;padding-top:60px}.content-wrapper,.internal-content{min-height:calc(100vh - 60px);padding:16px}}.internal-layout{display:flex;min-height:100vh;overflow-x:hidden}.internal-main-content{display:flex;flex:1 1;flex-direction:column;margin-left:250px;min-width:0;transition:margin-left .3s ease}.internal-main-content.sidebar-collapsed{margin-left:80px}@media (max-width:1024px){.internal-main-content{margin-left:0;transition:transform .35s ease}.internal-main-content.sidebar-open{transform:translateX(120px)}}.internal-page{max-width:900px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:24px;font-weight:600}.page-header button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}table{border-collapse:initial;border-spacing:0 10px;width:100%}tbody tr{background:#fff;border-radius:8px;cursor:pointer;transition:box-shadow .2s ease,transform .1s ease}tbody tr:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}tbody td{font-size:14px;padding:16px}.status,tbody td:first-child{font-weight:500}.status{border-radius:999px;display:inline-block;font-size:12px;padding:4px 10px}.status.not-created{background:#f3f4f6;color:#374151}.status.not-activated{background:#fef3c7;color:#92400e}.status.active{background:#dcfce7;color:#166534}.status.expired{background:#fee2e2;color:#991b1b}.internal-page{margin:0 auto;max-width:720px;padding:32px 24px}.internal-page h1{font-size:24px;font-weight:600;margin-bottom:24px}.form{gap:20px}.form,.form label{display:flex;flex-direction:column}.form label{color:#374151;font-size:14px;font-weight:500}.form input,.form select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin-top:6px;padding:10px 12px}.form input:focus,.form select:focus{border-color:#2563eb;outline:none}.actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.actions button{border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px}.actions button[type=button]{background:#f3f4f6;border:1px solid #d1d5db}.actions button[type=submit]{background:#2563eb;border:none;color:#fff}.detail-row{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 0}
/*# sourceMappingURL=main.813c15ed.css.map*/