@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@keyframes spin{to{transform:rotate(360deg)}}@keyframes stepFadeInRight{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes stepFadeInLeft{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.stat-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}:root{--gym-bg:#fff;--gym-bg-subtle:#f8fafc;--gym-border:#e2e8f0;--gym-border-hover:#cbd5e1;--gym-text-main:#0f172a;--gym-text-muted:#64748b;--gym-text-subtle:#94a3b8;--gym-brand:#2563eb;--gym-brand-hover:#1d4ed8;--gym-brand-subtle:#eff6ff;--gym-success:#10b981;--gym-font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.gyms-landing-root{width:100%;min-height:100vh;color:var(--gym-text-main);font-family:var(--gym-font);-webkit-font-smoothing:antialiased;background-color:#fff;line-height:1.5;overflow-x:hidden}.gyms-landing-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.gyms-nav{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--gym-border);background:#fffffff2;width:100%;padding:14px 24px;position:sticky;top:0}.gyms-nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.gyms-nav-brand{cursor:pointer;align-items:center;gap:10px;text-decoration:none;display:flex}.gyms-nav-logo-box{color:#fff;background:#0f172a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:900;display:flex}.gyms-nav-title{letter-spacing:-.5px;color:var(--gym-text-main);font-size:21px;font-weight:900}.gyms-nav-badge{color:var(--gym-brand);text-transform:uppercase;letter-spacing:.5px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:800}.gyms-nav-links{align-items:center;gap:28px;display:flex}.gyms-nav-link{color:var(--gym-text-muted);cursor:pointer;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s}.gyms-nav-link:hover{color:var(--gym-brand)}.gyms-nav-actions{align-items:center;gap:12px;display:flex}.gyms-btn-login{border:1px solid var(--gym-border);color:var(--gym-text-main);cursor:pointer;background:#fff;border-radius:99px;padding:8px 16px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .15s}.gyms-btn-login:hover{border-color:var(--gym-border-hover);background:#f8fafc}.gyms-btn-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:99px;align-items:center;gap:6px;padding:9px 20px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 4px 14px #2563eb59}.gyms-btn-cta:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb73}.gyms-hero{text-align:center;padding:60px 0 80px;position:relative}.gyms-hero-badge-wrap{color:var(--gym-brand);background:#eff6ff;border:1px solid #bfdbfe;border-radius:99px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.gyms-hero-title{letter-spacing:-1.5px;color:var(--gym-text-main);max-width:900px;margin:0 auto 20px;font-size:clamp(34px,5.5vw,58px);font-weight:900;line-height:1.12}.gyms-hero-title .accent-blue{color:var(--gym-brand);background:linear-gradient(135deg,#2563eb 0%,#0284c7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gyms-hero-subtitle{color:var(--gym-text-muted);max-width:720px;margin:0 auto 36px;font-size:clamp(16px,2vw,19px);line-height:1.6}.gyms-hero-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:50px;display:flex}.gyms-hero-cta-main{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:99px;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 10px 25px #2563eb66}.gyms-hero-cta-main:hover{transform:translateY(-2px);box-shadow:0 14px 30px #2563eb80}.gyms-hero-cta-sec{color:var(--gym-text-main);border:1px solid var(--gym-border);cursor:pointer;background:#fff;border-radius:99px;align-items:center;gap:6px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .15s;display:inline-flex}.gyms-hero-cta-sec:hover{border-color:var(--gym-border-hover);background:#f8fafc}.browser-mockup-frame{background:#fff;border:1px solid #e2e8f0e6;border-radius:18px;width:100%;max-width:1060px;margin:0 auto;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 30px 70px -15px #0f172a1f,0 0 0 1px #e2e8f099}.browser-mockup-frame:hover{transform:translateY(-3px);box-shadow:0 35px 80px -15px #0f172a29,0 0 0 1px #e2e8f0cc}.browser-mockup-bar{border-bottom:1px solid var(--gym-border);background:#f8fafc;align-items:center;gap:12px;padding:10px 16px;display:flex}.browser-mockup-dots{gap:6px;display:flex}.browser-dot{border-radius:50%;width:10px;height:10px}.browser-dot.red{background:#ff5f56}.browser-dot.yellow{background:#ffbd2e}.browser-dot.green{background:#27c93f}.browser-mockup-url{border:1px solid var(--gym-border);max-width:380px;color:var(--gym-text-muted);background:#fff;border-radius:6px;flex:1;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:flex}.browser-mockup-img{width:100%;height:auto;display:block}.gyms-stats-strip{border-bottom:1px solid var(--gym-border);grid-template-columns:repeat(4,1fr);gap:20px;padding:40px 0 60px;display:grid}.gyms-stat-item{text-align:center;padding:16px}.gyms-stat-number{color:var(--gym-brand);letter-spacing:-1px;margin-bottom:6px;font-size:clamp(28px,3.5vw,40px);font-weight:900;line-height:1}.gyms-stat-label{color:var(--gym-text-muted);font-size:14px;font-weight:600}.gyms-showcase{padding:80px 0}.gyms-section-header{text-align:center;max-width:760px;margin:0 auto 70px}.gyms-section-badge{color:var(--gym-brand);text-transform:uppercase;letter-spacing:.6px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:99px;margin-bottom:14px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-block}.gyms-section-title{letter-spacing:-1px;color:var(--gym-text-main);margin-bottom:14px;font-size:clamp(28px,4vw,42px);font-weight:900;line-height:1.2}.gyms-section-subtitle{color:var(--gym-text-muted);font-size:16px;line-height:1.6}.gyms-feature-row{grid-template-columns:1fr 1.25fr;align-items:center;gap:60px;margin-bottom:100px;display:grid}.gyms-feature-row.reversed{grid-template-columns:1.25fr 1fr}.gyms-feature-row.reversed .gyms-feature-info{order:2}.gyms-feature-row.reversed .gyms-feature-visual{order:1}.gyms-feature-tag{color:#334155;text-transform:uppercase;letter-spacing:.4px;background:#f1f5f9;border-radius:99px;align-items:center;gap:6px;margin-bottom:12px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.gyms-feature-heading{letter-spacing:-.6px;color:var(--gym-text-main);margin-bottom:14px;font-size:clamp(24px,3vw,32px);font-weight:800;line-height:1.25}.gyms-feature-desc{color:var(--gym-text-muted);margin-bottom:24px;font-size:15px;line-height:1.65}.gyms-feature-bullets{flex-direction:column;gap:12px;margin-bottom:28px;list-style:none;display:flex}.gyms-bullet-item{color:#334155;align-items:flex-start;gap:10px;font-size:14px;font-weight:600;line-height:1.4;display:flex}.gyms-bullet-check{width:20px;height:20px;color:var(--gym-brand);background:#eff6ff;border:1px solid #bfdbfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.gyms-cta-card-section{padding:40px 0 80px}.gyms-cta-box{text-align:center;color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:28px;padding:60px 40px;position:relative;overflow:hidden;box-shadow:0 30px 60px -15px #0f172a59}.gyms-cta-glow{pointer-events:none;background:radial-gradient(circle,#2563eb40 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.gyms-cta-title{letter-spacing:-1px;margin-bottom:16px;font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1.2}.gyms-cta-subtitle{color:#94a3b8;max-width:600px;margin:0 auto 36px;font-size:16px;line-height:1.6}.gyms-cta-btn-large{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:99px;align-items:center;gap:8px;padding:16px 36px;font-family:inherit;font-size:16px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 8px 24px #2563eb80}.gyms-cta-btn-large:hover{transform:translateY(-2px);box-shadow:0 12px 30px #2563eba6}.gyms-footer{border-top:1px solid var(--gym-border);background:#fff;padding:40px 0 30px}.gyms-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.gyms-footer-brand{align-items:center;gap:8px;display:flex}.gyms-footer-copy{color:var(--gym-text-subtle);font-size:13px}.gyms-footer-links{align-items:center;gap:24px;display:flex}.gyms-footer-link{color:var(--gym-text-muted);font-size:13px;font-weight:600;text-decoration:none;transition:color .15s}.gyms-footer-link:hover{color:var(--gym-brand)}@media (width<=960px){.gyms-nav-links{display:none}.gyms-stats-strip{grid-template-columns:repeat(2,1fr)}.gyms-feature-row,.gyms-feature-row.reversed{grid-template-columns:1fr;gap:36px;margin-bottom:70px}.gyms-feature-row.reversed .gyms-feature-info,.gyms-feature-row.reversed .gyms-feature-visual{order:unset}.gyms-cta-box{padding:40px 24px}}@media (width<=600px){.gyms-hero{padding:40px 0 50px}.gyms-stats-strip{grid-template-columns:1fr;gap:10px}.gyms-footer-inner{text-align:center;flex-direction:column}}:root{--bg-base:#f8fafc;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-input:#fff;--bg-hover:#f1f5f9;--bg-sidebar:#fff;--border-subtle:#f1f5f9;--border-default:#e2e8f0;--border-strong:#cbd5e1;--border-focus:#2563eb;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-inverse:#fff;--brand:#2563eb;--brand-hover:#1d4ed8;--brand-light:#eff6ff;--brand-border:#bfdbfe;--brand-text:#2563eb;--green:#16a34a;--green-bg:#f0fdf4;--green-border:#bbf7d0;--green-text:#15803d;--amber:#d97706;--amber-bg:#fffbeb;--amber-border:#fde68a;--amber-text:#b45309;--red:#dc2626;--red-bg:#fef2f2;--red-border:#fecaca;--red-text:#b91c1c;--blue:#2563eb;--blue-bg:#eff6ff;--blue-border:#bfdbfe;--blue-text:#1d4ed8;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px 0 #0000000d;--shadow-md:0 4px 12px -2px #00000014;--shadow-lg:0 12px 24px -4px #0000001a;--shadow-brand:0 4px 14px 0 #2563eb40;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sidebar-w:240px;--sidebar-w-collapsed:72px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;font-size:14px}body{font-family:var(--font);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}.animate-spin{animation:1s linear infinite spin!important}.step-slide-right{animation:.25s cubic-bezier(.16,1,.3,1) forwards stepFadeInRight}.step-slide-left{animation:.25s cubic-bezier(.16,1,.3,1) forwards stepFadeInLeft}.branch-accordion{grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.25,1,.5,1);display:grid}.branch-accordion.open{grid-template-rows:1fr}.branch-accordion-inner{opacity:0;min-height:0;transition:opacity .3s,transform .3s cubic-bezier(.25,1,.5,1);overflow:hidden;transform:translateY(-10px)}.branch-accordion.open .branch-accordion-inner{opacity:1;transform:translateY(0)}.branch-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;transition:border-color .2s,box-shadow .2s;position:relative}.branch-card:hover{border-color:#cbd5e1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-layout{background:var(--bg-base);min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-w);background:var(--bg-base);flex-direction:column;flex:1;min-height:100vh;transition:margin-left .28s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.main-content.sidebar-collapsed{margin-left:var(--sidebar-w-collapsed,72px)}.page-wrapper{flex:1;padding:28px;overflow-y:auto}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{color:var(--text-primary);letter-spacing:-.2px;font-size:15px;font-weight:700}.stat-grid{box-sizing:border-box;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;margin-bottom:28px;display:grid}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.stat-grid{grid-template-columns:1fr}}.stat-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;box-sizing:border-box;background:#fff;flex-direction:column;justify-content:space-between;min-height:108px;padding:18px 20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005}.stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #00000008}.stat-card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.stat-card-title{color:#334155;letter-spacing:-.1px;font-size:13px;font-weight:700}.stat-card-chevron{color:#94a3b8;flex-shrink:0;transition:transform .2s,color .2s}.stat-card:hover .stat-card-chevron{color:var(--brand);transform:translate(3px)}.stat-card-body{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.stat-card-number{color:#0f172a;letter-spacing:-1px;font-size:32px;font-weight:900;line-height:1}.stat-card-extra{align-items:center;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:600}.stat-value{color:var(--text-primary);letter-spacing:-1px;text-align:center;font-size:32px;font-weight:800;line-height:1}.stat-sub{color:var(--text-secondary);font-size:12px}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:4px;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;font-size:13px;font-weight:600;font-family:var(--font);-webkit-user-select:none;user-select:none;box-sizing:border-box;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}button{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button:active,.btn:active{transform:none!important}.btn-primary{background:var(--brand);color:#fff;border:1px solid var(--brand);box-shadow:var(--shadow-brand)}.btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-default);background:#fff}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-default);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--red-bg);color:var(--red-text);border:1px solid var(--red-border)}.btn-danger:hover{background:#fee2e2}.btn-sm{border-radius:var(--radius-sm);padding:5px 12px;font-size:12px}.btn-lg{border-radius:var(--radius-lg);padding:11px 24px;font-size:15px}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-green{background:var(--green-bg);color:var(--green-text);border:1px solid var(--green-border)}.badge-amber{background:var(--amber-bg);color:var(--amber-text);border:1px solid var(--amber-border)}.badge-red{background:var(--red-bg);color:var(--red-text);border:1px solid var(--red-border)}.badge-blue{background:var(--blue-bg);color:var(--blue-text);border:1px solid var(--blue-border)}.badge-muted{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-default)}.table-container{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:#fff;overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;background:var(--bg-secondary);border-bottom:1px solid var(--border-default);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:700}tbody tr{border-bottom:1px solid var(--border-subtle);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:background .1s}tbody tr:hover{background:var(--bg-card-hover)}tbody tr:active{background:var(--bg-hover)}tbody tr:last-child{border-bottom:none}tbody td{color:var(--text-primary);vertical-align:middle;padding:12px 14px;font-size:13px}.avatar{background:var(--brand-light);border:1px solid var(--brand-border);width:36px;height:36px;color:var(--brand-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-lg{width:52px;height:52px;font-size:18px}.user-row{align-items:center;gap:10px;display:flex}.user-info .name{color:var(--text-primary);font-size:13px;font-weight:600}.user-info .username{color:var(--text-muted);font-size:11px}.input{border:1px solid var(--border-default);border-radius:var(--radius-md);box-sizing:border-box;height:42px;color:var(--text-primary);font-size:13px;line-height:40px;font-family:var(--font);background:#fff;outline:none;width:100%;padding:0 14px;transition:all .15s}textarea.input{height:auto;padding:10px 14px;line-height:1.5}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #2563eb26}.input::placeholder{color:var(--text-muted)}select.input{cursor:pointer;appearance:none;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;min-width:190px;height:42px;line-height:normal;padding-right:44px!important}input[type=date].input{box-sizing:border-box;height:42px;line-height:normal}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a80;justify-content:center;align-items:center;padding:24px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;padding:28px;animation:.2s slideUp;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{color:var(--text-primary);letter-spacing:-.3px;font-size:18px;font-weight:800}.modal-close{border:1px solid var(--border-default);background:var(--bg-secondary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.search-bar{border:1px solid var(--border-default);border-radius:var(--radius-md);background:#fff;flex:1;align-items:center;gap:10px;max-width:320px;padding:8px 14px;transition:all .15s;display:flex}.search-bar:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #2563eb26}.search-bar input{color:var(--text-primary);font-size:13px;font-family:var(--font);background:0 0;border:none;outline:none;width:100%}.search-bar input::placeholder{color:var(--text-muted)}.empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.empty-state-icon{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.empty-state p{color:var(--text-secondary);text-align:center;font-size:14px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.5px;font-size:22px;font-weight:800}.page-subtitle{color:var(--text-secondary);margin-top:2px;font-size:13px}.divider{background:var(--border-default);height:1px;margin:20px 0}.spinner{animation:.8s linear infinite spin}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.text-sm{font-size:12px}.text-muted{color:var(--text-muted)}.text-brand{color:var(--brand-text)}.font-bold{font-weight:700}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.language-selector-wrapper{position:relative}.language-selector-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.language-selector-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.language-selector-btn .globe-icon{color:#2563eb}.language-selector-btn .lang-code-text{letter-spacing:.5px}.language-selector-btn .chevron-icon{color:#94a3b8;transition:transform .2s}.language-selector-btn .chevron-icon.rotate{transform:rotate(180deg)}.language-dropdown-menu{z-index:150;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:2px;min-width:145px;padding:6px;animation:.15s ease-out dropdownFadeIn;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.language-option-btn{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:flex}.language-option-btn:hover{color:#2563eb;background:#f8fafc}.language-option-btn.selected{color:#2563eb;background:#eff6ff;font-weight:700}.lang-flag{font-size:15px;line-height:1}.lang-label{flex:1}.lang-check{color:#2563eb;margin-left:auto}.skeleton-shimmer{background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;border-radius:6px;animation:1.6s ease-in-out infinite skeletonShimmer}.skeleton-stat-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:#fff;flex-direction:column;justify-content:space-between;min-height:108px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.chart-container{box-sizing:border-box;flex:1;width:100%;height:100%;min-height:280px;padding:16px 8px 4px 0;display:flex;position:relative}.chart-y-axis{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;min-width:38px;height:calc(100% - 32px);padding-right:14px;display:flex}.chart-y-axis-label{color:#94a3b8;text-align:right;font-size:11px;font-weight:600;line-height:1}.chart-plot-area{flex-direction:column;flex:1;width:100%;height:100%;display:flex;position:relative}.chart-grid-lines{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 32px}.chart-grid-line{background:repeating-linear-gradient(90deg,#e2e8f0 0 4px,#0000 4px 8px);width:100%;height:1px}.chart-grid-line:last-child{background:#e2e8f0}.chart-bars-row{z-index:2;box-sizing:border-box;justify-content:space-around;align-items:flex-end;gap:14px;width:100%;height:calc(100% - 32px);padding:0 4px;display:flex;position:relative}.chart-bar-column{cursor:pointer;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.chart-bar-value-tag{color:#1e293b;-webkit-user-select:none;user-select:none;margin-bottom:8px;font-size:12px;font-weight:800;transition:transform .2s,color .2s}.chart-bar-item{background:linear-gradient(#93c5fd 0%,#3b82f6 100%);border-radius:8px 8px 0 0;width:100%;max-width:68px;transition:height .85s cubic-bezier(.16,1,.3,1),transform .2s,box-shadow .2s;position:relative}.chart-bar-item.today{background:linear-gradient(#3b82f6 0%,#1d4ed8 100%);box-shadow:0 4px 14px #2563eb59}.chart-bar-column:hover .chart-bar-item{filter:brightness(1.08);transform:scaleY(1.02)}.chart-bar-column:hover .chart-bar-value-tag{color:#2563eb;transform:translateY(-2px)}.chart-x-axis{box-sizing:border-box;border-top:1px solid #e2e8f0;justify-content:space-around;gap:14px;width:100%;height:32px;padding:10px 4px 0;display:flex}.chart-x-axis-label{text-align:center;color:#64748b;-webkit-user-select:none;user-select:none;flex:1;font-size:12px;font-weight:600}.chart-x-axis-label.today{color:#2563eb;font-weight:800}