@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--bg:#f7f8f5;--ink:#1c211c;--muted:#818781;--line:#e9ece7;--lime:#c9f36b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{position:-webkit-sticky;position:sticky;top:0;width:257px;flex:0 0 257px;height:100vh;background:#191d18;color:#fff;padding:30px 16px 20px;display:flex;flex-direction:column;z-index:30}.brand{font-family:Manrope,sans-serif;display:flex;align-items:center;gap:12px;padding:0 14px;margin-bottom:58px;font-size:26px;letter-spacing:-1.7px;font-weight:800}.brand-icon{width:35px;height:35px;border-radius:10px;background:var(--lime);display:grid;place-items:center;color:#192118}.accent,.brand-dot{color:#96c64a}.side-label{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#7e857b;margin:0 14px 18px}.side-nav{display:grid;grid-gap:5px;gap:5px}.nav-item{position:relative;color:#92998f;background:transparent;border:0;display:flex;align-items:center;gap:14px;text-align:left;padding:14px 15px;border-radius:10px;font-size:13px;font-weight:600;width:100%;transition:.18s}.nav-item:hover{background:#292e27;color:#fff}.nav-item.active{background:#30392b;color:#d6fba3}.nav-indicator{position:absolute;right:0;top:13px;bottom:13px;width:3px;background:var(--lime);border-radius:3px}.side-bottom{margin-top:auto}.role-switch{display:flex;align-items:center;gap:12px;margin:0 5px 20px;padding:12px 9px;color:#bec6b9;font-size:12px}.role-switch span{flex:1 1}.role-switch:hover{color:var(--lime)}.support-card{padding:19px 18px;background:#293128;border:1px solid #384236;border-radius:13px;margin-bottom:23px}.support-symbol{color:var(--lime);margin-bottom:17px}.support-card b{font-size:14px}.support-card p{color:#9ca89b;line-height:1.7;font-size:11px;margin:6px 0 0}.side-profile{border-top:1px solid #30382f;padding:21px 7px 0;display:flex;align-items:center;gap:11px}.avatar,.top-avatar{background:#b8d989;color:#1b2519;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:11px;font-weight:800}.side-profile>span:nth-child(2){flex:1 1}.side-profile small,.side-profile strong{display:block}.side-profile strong{font-size:11px}.side-profile small{font-size:10px;color:#8f998e;margin-top:4px}.muted{color:#929a90}.main-area{flex:1 1;min-width:0}.topbar{height:83px;padding:0 52px;border-bottom:1px solid var(--line);justify-content:space-between;background:#fff}.breadcrumbs,.topbar{display:flex;align-items:center}.breadcrumbs{gap:14px;font-size:12px;color:#979d96}.breadcrumbs b{color:#333d31;font-weight:700}.slash{color:#d0d4cf}.top-actions{gap:20px}.demo-pill,.top-actions{display:flex;align-items:center}.demo-pill{border:1px solid #e4eadb;padding:8px 12px;border-radius:999px;gap:8px;color:#697463;background:#f8fbf3;font-weight:800;letter-spacing:1px;font-size:9px}.live-dot{background:#83bb42;width:6px;height:6px;border-radius:50%}.top-avatar{width:34px;height:34px}.content{max-width:1460px;margin:auto;padding:49px 52px 22px}.heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:35px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2.1px;color:#708b4b;font-weight:800;display:flex;align-items:center;gap:13px;margin-bottom:15px}.eyebrow-line{display:inline-block;width:27px;height:1px;background:#b1c996}.heading h1{font-family:Manrope,sans-serif;margin:0;font-size:clamp(28px,3.1vw,43px);letter-spacing:-2.1px;line-height:1.21;font-weight:800}.heading p{color:#8c928c;font-size:13px;margin:11px 0 0}.primary-btn{white-space:nowrap;border:0;display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:9px;background:#1c241a;color:#fff;padding:13px 18px;font-size:12px;font-weight:700;transition:.2s}.primary-btn:hover{background:#384c2a}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:15px;gap:15px;margin-bottom:46px}.stat-card{background:#fff;border:1px solid #edf0ea;border-radius:13px;padding:22px 23px;min-height:166px}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-icon{height:36px;width:36px;background:#f0f5e9;border-radius:9px;display:grid;place-items:center;color:#668a40}.stat-value{font-family:Manrope,sans-serif;font-weight:800;font-size:33px;letter-spacing:-1.5px;margin:15px 0 3px}.stat-label{font-size:12px;font-weight:700}.stat-note{font-size:11px;color:#a4aaa3;margin-top:7px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.section-kicker{margin-bottom:9px}.section-head h2{font-family:Manrope,sans-serif;letter-spacing:-.8px;font-size:21px;margin:0}.text-button{background:none;border:0;display:flex;align-items:center;gap:7px;font-weight:700;font-size:11px}.table-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:#9aa198;letter-spacing:1.4px;font-size:9px;font-weight:800;background:#fcfdfb;padding:18px 20px}td,th{white-space:nowrap}td{border-top:1px solid #f0f2ed;padding:17px 20px;color:#666f64;font-size:11px}td small{display:block;color:#a0a89f;margin-top:5px;font-size:10px}.table-class{display:flex;align-items:center;gap:11px}.table-class strong{font-size:11px;color:#273024}.table-normal{color:#283026;font-size:11px;font-weight:700}.class-mini{width:35px;height:35px;border-radius:9px;display:grid;place-items:center}.art-lime{background:#e4f5c5;color:#739938}.art-purple{background:#e9e4f7;color:#8a71b1}.art-orange{background:#fbe7d5;color:#c68752}.art-blue{background:#dae8f4;color:#688fb7}.capacity-value{font-size:11px;color:#4b554b}.progress-track{margin-top:7px;width:85px;height:4px;background:#e9eddf;border-radius:10px;overflow:hidden}.progress-track div{height:100%;background:#aad56d;border-radius:10px}.status-chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 10px;background:#eef6e7;color:#5b843f;font-size:10px;font-weight:700}.status-chip span{height:6px;width:6px;border-radius:50%;background:#80b854}.status-cancel{background:#f8e8e6;color:#ad6660}.status-cancel span{background:#cd7973}.icon-button{border:0;background:transparent;color:#a5aba3;padding:6px}.icon-button:hover{color:#d45747}.lower-head{margin-top:40px}.member-name{display:flex;align-items:center;gap:9px;color:#3d483a;font-weight:700}.tiny-avatar{width:28px;height:28px;border-radius:50%;background:#e7eadf;color:#6d795b;display:grid;place-items:center;font-size:10px}.cancel-button{background:none;border:0;color:#ad6660;font-weight:700;font-size:11px}.empty{text-align:center;padding:55px 20px;color:#999}.footer{margin-top:57px;padding:22px 0;display:flex;justify-content:space-between;border-top:1px solid #e9ece6;font-size:9px;color:#a0a69e;letter-spacing:1.3px;font-weight:700;gap:10px}.footer button{border:0;background:none;display:flex;align-items:center;gap:4px;color:#929b88;font-size:10px;letter-spacing:0}.hero-banner{display:flex;position:relative;background:#d5f39d;border-radius:16px;overflow:hidden;min-height:290px;margin-bottom:19px}.hero-copy{z-index:2;position:relative;padding:31px 39px;width:55%}.hero-tag{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:9px;letter-spacing:1.2px;color:#516a30}.hero-copy h2{font-family:Manrope,sans-serif;font-size:clamp(35px,4.2vw,60px);line-height:1.04;letter-spacing:-3px;font-weight:800;margin:18px 0 13px}.hero-copy h2 em{font-style:normal;color:#789a43}.hero-copy p{font-size:11px;max-width:310px;line-height:1.6;color:#687b56}.hero-button{margin-top:10px;background:#182317;border:0;color:#fff;border-radius:7px;font-size:11px;font-weight:700;padding:12px 16px;display:flex;gap:14px;align-items:center}.hero-art{position:absolute;right:0;top:0;bottom:0;width:47%;overflow:hidden;background:linear-gradient(135deg,#bedf7c,#a6d462)}.hero-circle{position:absolute;border:1px solid #e6ffba;border-radius:50%;width:430px;height:430px;top:-100px;right:-50px}.circle-two{width:270px;height:270px;top:-20px;right:24px}.hero-dumbbell{position:absolute;width:260px;height:260px;right:14%;top:8%;color:#405b29;transform:rotate(-32deg);opacity:.8}.art-form{font-family:Manrope,sans-serif;font-size:85px;font-weight:800;opacity:.08;position:absolute;bottom:-35px;right:-13px;letter-spacing:-10px}.member-stats{margin-bottom:43px}.class-grid,.member-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.class-grid{display:grid;grid-gap:17px;gap:17px}.class-card{background:#fff;border:1px solid #e9eee6;border-radius:12px;overflow:hidden;transition:.2s}.class-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #202c1610}.class-art{height:148px;position:relative;overflow:hidden;padding:16px}.class-art.art-lime{background:#e1efc0}.class-art.art-purple{background:#e5dff1}.class-art.art-orange{background:#f6dfc8}.class-art.art-blue{background:#d7e6ed}.class-category{position:relative;z-index:2;display:inline-block;background:#ffffffb5;border-radius:5px;padding:6px 8px;font-size:9px;font-weight:800;color:#505d49}.art-number{position:absolute;right:-3px;bottom:-49px;font:800 152px Manrope,sans-serif;letter-spacing:-14px;opacity:.13}.card-art-icon{position:absolute;width:110px;height:110px;right:17px;bottom:-6px;transform:rotate(-24deg);opacity:.48}.class-body{padding:19px}.class-meta{display:flex;gap:14px;font-size:10px;color:#848d81;font-weight:600}.class-meta span{display:flex;align-items:center;gap:5px}.class-body h3{font:800 17px Manrope,sans-serif;letter-spacing:-.6px;margin:15px 0 6px}.class-body p{font-size:11px;color:#9ca39b;margin:0}.card-footer{border-top:1px solid #eff1ec;margin-top:19px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.spots{color:#79944f}.book-btn,.spots{font-size:10px;font-weight:700}.book-btn{display:flex;gap:7px;align-items:center;border:0;padding:10px 11px;border-radius:7px;background:#1d281a;color:#fff}.book-btn:disabled{cursor:default;background:#edf2e8;color:#718363}.filter-bar{display:flex;gap:12px;margin-bottom:21px}.search-field{background:#fff;border:1px solid #e7ece5;border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 13px;flex:1 1;color:#8c948a}.search-field input{width:100%;border:0;outline:0;padding:14px 0;font-size:12px;background:none}.select-wrap{display:flex;align-items:center;gap:9px;border:1px solid #e7ece5;border-radius:9px;padding:0 12px;background:#fff;color:#7c8b75}.select-wrap select{border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;background:none;font-size:11px;min-width:116px;color:#4b5448}.result-summary{font-size:11px;color:#a0a79e;margin-bottom:16px}.result-summary strong{color:#465441}.toast{bottom:25px;right:25px;z-index:70;padding:14px 18px;gap:10px;background:#21301d;color:#fff;border-radius:9px;box-shadow:0 10px 35px #0003;font-size:12px}.modal-backdrop,.toast{position:fixed;display:flex;align-items:center}.modal-backdrop{inset:0;z-index:80;background:#101810aa;justify-content:center;padding:16px}.modal{background:#fff;border-radius:16px;width:min(100%,620px);max-height:94vh;overflow:auto;padding:30px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:23px}.modal-head h2{font:800 26px Manrope,sans-serif;letter-spacing:-1px;margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700;color:#55604f}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select{width:100%;border:1px solid #e4e9e1;border-radius:7px;padding:12px;background:#fff;color:#283425;outline-color:#a1cb67;font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:11px;margin-top:27px}.secondary-btn{background:#f0f3ed;border:0;border-radius:8px;font-size:12px;font-weight:700;padding:12px 18px}.hamburger,.mobile-close{display:none}.hamburger{border:0;background:none;padding:0;color:#36452e}@media(max-width:1200px){.sidebar{width:222px;flex-basis:222px}.topbar{padding:0 30px}.content{padding:37px 30px}.stat-card{padding:17px}.class-grid,.stat-grid{gap:10px}}@media(max-width:940px){.sidebar{position:fixed;left:-260px;transition:left .2s}.sidebar-open{left:0;box-shadow:0 0 0 100vmax #0006}.mobile-close{display:block;margin-left:auto;border:0;background:none;color:#fff}.hamburger{display:block}.class-grid,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{width:65%}.hero-art{width:39%}}@media(max-width:620px){.topbar{height:65px;padding:0 18px}.content{padding:29px 17px}.heading{align-items:start;flex-direction:column;margin-bottom:25px}.heading h1{letter-spacing:-1.5px}.heading .primary-btn{width:100%}.demo-pill{font-size:8px}.member-stats,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:30px}.stat-card{min-height:140px}.stat-value{font-size:29px}.class-grid{grid-template-columns:1fr}.hero-banner{min-height:325px}.hero-copy{width:100%;padding:29px}.hero-art{opacity:.2;width:75%}.hero-copy h2{font-size:45px}.filter-bar{flex-direction:column}.select-wrap{height:44px}.select-wrap select{flex:1 1}.footer{align-items:start;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.modal{padding:20px}.section-head h2{font-size:18px}}