html,body,#root{width:100%;min-height:100%;margin:0}body{background:#f5f8f7;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--dd-primary: #087f73;--dd-primary-dark: #065f57;--dd-primary-light: #ddf1ec;--dd-bg: #f5f8f7;--dd-card: #ffffff;--dd-text: #111827;--dd-muted: #6b7280;--dd-border: #e4efec}.page-title{margin:0 0 16px;font-size:20px;font-weight:700}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.page-loading{min-height:360px;display:grid;place-items:center}.admin-shell{min-height:100vh;background:var(--dd-bg)}.admin-sider{position:relative;overflow:hidden;border-right:1px solid var(--dd-border);box-shadow:12px 0 34px #11182708}.admin-logo{padding:24px 20px 22px;color:var(--dd-primary);font-size:24px;font-weight:800;letter-spacing:0}.admin-sidebar-menu .ant-menu-item{margin-inline:8px;width:calc(100% - 16px);height:46px;margin-bottom:6px;border-radius:12px;color:var(--dd-text);font-size:15px}.admin-sidebar-menu .ant-menu-item:hover{background:#eef7f5;color:var(--dd-primary)}.admin-sidebar-menu .ant-menu-item-selected{background:#cfe4df;color:var(--dd-primary);font-weight:600}.admin-sidebar-menu .ant-menu-item-selected .anticon{color:var(--dd-primary)}.admin-sidebar-tip{position:absolute;right:12px;bottom:18px;left:12px;padding:14px 12px 12px;border:1px solid #d7ebe7;border-radius:16px;background:linear-gradient(180deg,#fff,#eef8f5);color:var(--dd-muted);text-align:center}.admin-sidebar-tip p{margin:8px 0 0;font-size:13px;line-height:1.5}.sidebar-runner{position:relative;height:54px;overflow:hidden;border-radius:12px;background:linear-gradient(180deg,#087f730f,#087f7300),linear-gradient(160deg,transparent 55%,rgba(8,127,115,.12) 56%)}.sidebar-runner:before{content:"";position:absolute;left:34px;bottom:14px;width:42px;height:22px;border:4px solid #f97316;border-top-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-18deg)}.sidebar-runner:after{content:"";position:absolute;left:52px;bottom:31px;width:10px;height:10px;border-radius:50%;background:#263238}.sidebar-runner span{position:absolute;left:28px;bottom:8px;width:68px;height:3px;border-radius:999px;background:#087f732e}.admin-header{display:flex;align-items:center;justify-content:space-between;height:64px;padding-inline:24px;border-bottom:1px solid var(--dd-border);background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-header-actions{display:inline-flex;align-items:center;gap:10px}.header-icon-button{width:36px;padding-inline:0}.admin-content{padding:24px;background:var(--dd-bg)}.login-shell{min-height:100vh;display:grid;place-items:center;background:#eef6f4}.login-panel{width:min(420px,calc(100vw - 32px));padding:32px;background:#fff;border:1px solid #dfe7e5}.brand{margin-bottom:24px}.brand h1{margin:0;color:#0f766e;font-size:28px}.brand p{margin:8px 0 0;color:#6b7280}.public-home{min-height:100vh;background:linear-gradient(180deg,#14b8a614,#f5fbfa00 360px),#f5fbfa}.public-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px min(6vw,72px);background:#f5fbfaeb;border-bottom:1px solid #dcebe8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.public-brand{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;cursor:pointer}.public-brand img{display:block;width:142px;height:54px;object-fit:contain;object-position:left center;mix-blend-mode:multiply}.home-banner-strip{width:min(1180px,calc(100vw - 40px));margin:28px auto 0}.home-hero{position:relative;width:min(1180px,calc(100vw - 40px));margin:0 auto;padding:36px 0 28px}.home-hero:before{content:"";position:absolute;inset:18px -28px auto auto;width:360px;height:360px;border:1px solid rgba(15,118,110,.12);border-radius:999px;pointer-events:none}.home-hero-copy{padding-top:10px}.home-hero-copy h1{max-width:860px;margin:16px 0;color:#10201e;font-size:clamp(42px,5vw,64px);line-height:1.08;letter-spacing:0}.home-hero-copy p{max-width:760px;margin:0;color:#4b635f;font-size:18px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.sport-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.sport-strip span{padding:8px 13px;border:1px solid #bfe3dd;border-radius:999px;background:#fff;color:#0f766e;font-size:14px}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:760px;margin-top:24px}.hero-metrics div{display:grid;gap:4px;min-height:92px;padding:18px;border:1px solid #dcebe8;border-radius:8px;background:#fff}.hero-metrics strong{color:#10201e;font-size:30px;line-height:1}.hero-metrics span{color:#64756f;font-size:14px}.mini-banner{min-height:220px;padding:34px 42px;border-radius:18px;color:#fff;overflow:hidden;box-shadow:0 22px 60px #0f766e29}.mini-banner.primary{background:linear-gradient(135deg,#14b8a6,#2563eb)}.mini-banner.fresh{background:linear-gradient(135deg,#0891b2,#16a34a)}.mini-banner.warm{background:linear-gradient(135deg,#0f766e,#f97316)}.mini-banner span{display:block;margin-bottom:18px;opacity:.9}.mini-banner strong{display:block;font-size:clamp(34px,4vw,52px);line-height:1.15}.mini-banner p{max-width:560px;margin:16px 0 0;font-size:17px;line-height:1.6;opacity:.92}.home-section{width:min(1180px,calc(100vw - 40px));margin:0 auto;padding:34px 0}.section-heading{margin-bottom:24px;text-align:center}.section-heading.left{text-align:left}.section-heading h2{margin:0;color:#10201e;font-size:30px}.section-heading p{margin:10px 0 0;color:#64756f;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card,.plan-row,.discussion-row{border:1px solid #dfece9;border-radius:8px;background:#fff}.feature-card{padding:24px}.feature-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:8px;background:#dff7f3;color:#0f766e;font-size:22px}.feature-card h3,.plan-row h3,.discussion-row h3{margin:0;color:#10201e;font-size:18px}.feature-card p,.plan-row p,.discussion-row p{margin:10px 0 0;color:#64756f;line-height:1.65}.split-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.plan-list,.discussion-list{display:grid;gap:12px}.plan-row,.discussion-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px}.discussion-row{grid-template-columns:auto minmax(0,1fr)}.plan-row>.anticon,.discussion-row>.anticon{color:#0f766e;font-size:22px}.public-footer{width:min(1180px,calc(100vw - 40px));margin:0 auto;padding:22px 0 34px;text-align:center}.public-footer a{color:#64756f;font-size:13px;text-decoration:none}.public-footer a:hover{color:#0f766e;text-decoration:underline}@media(max-width:860px){.feature-grid,.split-section{grid-template-columns:1fr}.home-hero{padding-top:30px}.home-hero-copy h1{font-size:42px}}.dashboard-page{min-width:0}.dashboard-page-title{margin-bottom:0;color:var(--dd-text)}.dashboard-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.dashboard-top-grid{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(560px,1.35fr);gap:18px;margin-bottom:18px}.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.85fr);gap:18px}.dashboard-side-stack{display:grid;gap:18px;align-content:start}.dashboard-card{border:1px solid var(--dd-border);border-radius:18px;background:var(--dd-card);box-shadow:0 16px 42px #0f766e0f;transition:box-shadow .18s ease,transform .18s ease}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 22px 54px #0f766e17}.welcome-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:18px;min-height:178px;padding:28px 28px 22px;overflow:hidden}.dashboard-eyebrow{margin:0 0 10px;color:var(--dd-primary);font-size:13px;font-weight:700}.welcome-card h3{margin:0;color:var(--dd-text);font-size:26px;line-height:1.25}.welcome-card p:last-child{margin:12px 0 0;color:var(--dd-muted);font-size:15px}.welcome-illustration{position:relative;min-height:130px}.welcome-orbit{position:absolute;right:0;bottom:4px;width:150px;height:96px;border-radius:28px;background:linear-gradient(135deg,#e8f7f3,#eef5ff 55%,#fff4e8)}.welcome-trophy,.welcome-calendar{position:absolute;color:#f59e0b}.welcome-trophy{right:38px;bottom:30px;font-size:58px;filter:drop-shadow(0 12px 18px rgba(245,158,11,.22))}.welcome-calendar{right:94px;bottom:54px;color:#3b82f6;font-size:42px}.welcome-shoe{position:absolute;right:118px;bottom:20px;width:54px;height:18px;border-radius:999px 999px 8px 8px;background:linear-gradient(90deg,#f97316,#fdba74);transform:rotate(-12deg)}.stat-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:24px}.dashboard-filter-card{padding:24px}.dashboard-filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.dashboard-filter-row .ant-picker{width:min(520px,100%)}.dashboard-metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:18px}.stat-card,.overview-metric,.recent-activity{display:flex;align-items:center;gap:14px;min-width:0}.stat-card strong{display:block;color:var(--dd-text);font-size:28px;line-height:1}.stat-card span,.overview-metric span{display:block;margin-top:8px;color:#374151;font-size:14px}.stat-card small,.overview-metric small{display:block;margin-top:8px;color:var(--dd-primary);font-size:12px;font-weight:700}.dashboard-icon{display:grid;flex:0 0 auto;place-items:center;width:58px;height:58px;border-radius:999px;font-size:24px}.icon-green{background:#e3f5ef;color:var(--dd-primary)}.icon-blue{background:#eaf2ff;color:#3b82f6}.icon-orange{background:#fff2e7;color:#f97316}.icon-purple{background:#f5e9ff;color:#a855f7}.overview-card,.quick-card,.recent-card{padding:24px}.dashboard-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.dashboard-card-header.compact{align-items:center;margin-bottom:18px}.dashboard-card-header h3{margin:0;color:var(--dd-text);font-size:18px}.dashboard-card-header p{margin:8px 0 0;color:var(--dd-muted);font-size:13px}.overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-bottom:22px;border-bottom:1px solid var(--dd-border)}.overview-metric{padding-right:12px}.overview-metric+.overview-metric{border-left:1px solid var(--dd-border);padding-left:18px}.overview-metric strong{display:block;margin-top:6px;color:var(--dd-text);font-size:24px;line-height:1}.dashboard-chart{margin-top:22px}.dashboard-chart-title{color:var(--dd-text);font-size:15px;font-weight:700}.dashboard-chart-legend{display:flex;gap:22px;margin:14px 0 8px;color:#4b5563;font-size:13px}.dashboard-chart-legend span:before{content:"";display:inline-block;width:20px;height:3px;margin-right:8px;border-radius:999px;vertical-align:middle}.legend-green:before{background:var(--dd-primary)}.legend-blue:before{background:#3b82f6}.legend-orange:before{background:#f97316}.dashboard-chart svg{display:block;width:100%;height:auto;min-height:250px}.chart-grid-line{stroke:#e8efed;stroke-width:1}.chart-grid-line.vertical{opacity:.7}.chart-axis-text{fill:#697586;font-size:13px}.chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-line-green{stroke:var(--dd-primary)}.chart-line-blue{stroke:#3b82f6}.chart-line-orange{stroke:#f97316}.chart-dot{stroke:#fff;stroke-width:2}.chart-dot-green{fill:var(--dd-primary)}.chart-dot-blue{fill:#3b82f6}.quick-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-action{display:grid;gap:12px;place-items:center;min-height:104px;padding:16px 10px;border:1px solid transparent;border-radius:14px;background:#f7fbfa;color:var(--dd-text);cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.quick-action:hover{transform:translateY(-2px);border-color:var(--dd-border);background:#eef8f5}.quick-action span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;font-size:22px}.quick-action strong{font-size:14px;font-weight:600}.quick-green span{background:#e3f5ef;color:var(--dd-primary)}.quick-blue span{background:#eaf2ff;color:#3b82f6}.quick-orange span{background:#fff2e7;color:#f97316}.quick-purple span{background:#f5e9ff;color:#a855f7}.recent-activity-list{display:grid;gap:16px}.recent-activity{display:grid;grid-template-columns:42px minmax(0,1fr) auto;padding:2px 0}.recent-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eef7f5;color:var(--dd-primary);font-size:18px}.recent-activity strong{display:block;overflow:hidden;color:var(--dd-text);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.recent-activity span{display:block;margin-top:4px;color:var(--dd-muted);font-size:13px}.dashboard-status{margin-inline-end:0;border:0;border-radius:999px;font-weight:700}.dashboard-empty{display:grid;min-height:120px;place-items:center;border:1px dashed var(--dd-border);border-radius:14px;color:var(--dd-muted);font-size:14px}.status-running{background:#dff5ec;color:var(--dd-primary)}.status-upcoming{background:#e8f1ff;color:#2563eb}.status-ended{background:#f1f3f5;color:#6b7280}@media(max-width:1380px){.dashboard-top-grid,.dashboard-main-grid{grid-template-columns:1fr}.stat-card-grid,.overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:980px){.stat-card-grid,.overview-metrics,.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-card{grid-template-columns:1fr}.welcome-illustration{display:none}.overview-metric+.overview-metric{border-left:0;padding-left:0}}@media(max-width:720px){.admin-content{padding:16px}.dashboard-card-header{display:grid}.dashboard-title-row{align-items:stretch;flex-direction:column}.stat-card-grid,.overview-metrics,.quick-action-grid{grid-template-columns:1fr}}@media(max-width:520px){.public-nav{padding:14px 18px}.public-brand{width:110px}.public-brand img{width:110px;height:44px}.home-hero,.home-section,.home-banner-strip{width:min(100vw - 28px,1180px)}.home-hero-copy h1{font-size:36px}.mini-banner{min-height:190px;padding:24px}.mini-banner strong{font-size:28px}.plan-row{grid-template-columns:auto minmax(0,1fr)}.plan-row .ant-tag{grid-column:2;justify-self:start}.hero-metrics{grid-template-columns:1fr}}