/* HadyR expressive theme: emerald, cobalt, violet and warm amber. */
:root{--green:#087c60;--deep:#064e40;--mint:#def6ed;--bg:#f5f7fc;--ink:#172c3b;--muted:#627787;--line:#e5ebf2}
body{background:radial-gradient(ellipse at 92% 0,#edeaff 0,transparent 42%),var(--bg)}
header{background:#ffffffdc;backdrop-filter:blur(16px)}
.brandmark{background:linear-gradient(145deg,#13b98c,#087259);box-shadow:0 5px 13px #0c997b25}.brandmark span{color:#d6f55b}
.workspace{background:#f0f8f5;border-color:#d9eee5}.workspace-icon{background:#0b8969;color:#fff;border:0}
nav button{color:#607282;min-height:43px;transition:background .18s,transform .18s}
#nav button.active{background:linear-gradient(110deg,#087c60,#12a07b);color:white;box-shadow:0 5px 12px #087c6020}
#nav button:nth-child(3):not(.active) svg{color:#8260d3}#nav button:nth-child(4):not(.active) svg{color:#427ad9}#nav button:nth-child(6):not(.active) svg{color:#b074cc}#nav button:nth-child(7):not(.active) svg{color:#c08a22}
.pro-note{background:linear-gradient(125deg,#e9e3ff,#f4eeff);border-color:#e4d8ff}.pro-note .eyebrow{color:#8465bc}.pro-note strong{color:#523781}.pro-note button{color:#7955b5}
.page-heading h1{font-weight:800;letter-spacing:-1px}.page-heading p{color:#637888;font-size:13px}
.btn{min-height:42px;font-size:12px;border-radius:10px}.btn.primary{background:linear-gradient(110deg,#087e60,#0a9c74);border-color:#0a8d6c;box-shadow:0 5px 13px #07876424}.btn:hover{transform:translateY(-1px)}
.hero{background:linear-gradient(110deg,#075d4c 0,#0a8b6d 65%,#15a482 100%);border:0;min-height:205px;box-shadow:0 12px 28px #09886818;color:white;padding:30px 32px;border-radius:20px}
.hero:after{content:'';position:absolute;width:290px;height:290px;right:-60px;top:-140px;border:45px solid #ffffff0b;border-radius:50%;pointer-events:none}
.hero .eyebrow{color:#b7edcf;letter-spacing:1.5px}.hero h2{font-size:25px;line-height:1.4;color:#fff}.hero p{color:#c4e8da;font-size:12px}.hero .text-link{color:#e2fa8d;font-size:12px}
.hero-art{right:55px;bottom:9px;transform:rotate(4deg)}.art-circle{background:#ffffff13;width:180px;height:180px;top:-10px}.art-book{background:#f6ffe2;border-color:#d4efa7;box-shadow:6px 9px 0 #a9d789;transform:rotate(-17deg)}.art-book:after{color:#238469}.art-tag{color:#687d62;box-shadow:0 10px 30px #00382633;right:-5px}.art-tag b{color:#09845f}.art-star{color:#e3fb93;left:0;top:-8px}
.stats{gap:17px}.stat{position:relative;border:1px solid #deece6;border-radius:16px;background:linear-gradient(135deg,#fff,#edf9f3);box-shadow:0 4px 16px #173d5910;overflow:hidden;padding:22px}.stat:after{content:'';position:absolute;right:-20px;bottom:-27px;width:90px;height:90px;border-radius:50%;background:#c9efdf55;pointer-events:none}.stat:nth-child(2){background:linear-gradient(135deg,#fff,#eef3ff);border-color:#e0e7fa}.stat:nth-child(2):after{background:#dce5ff66}.stat:nth-child(3){background:linear-gradient(135deg,#fff,#fff6e6);border-color:#f0e7d5}.stat:nth-child(3):after{background:#ffe8b966}.stat:nth-child(4){background:linear-gradient(135deg,#fff,#f5edff);border-color:#eaddf5}.stat:nth-child(4):after{background:#ead8fc66}
.stat-top{color:#536e67;font-size:12px}.stat strong{font-size:29px;color:#0b654c}.stat:nth-child(2) strong{color:#365da9}.stat:nth-child(3) strong{color:#956013}.stat:nth-child(4) strong{color:#8048ad}.stat-icon{background:#d4f2e4;color:#098064;width:35px;height:35px}.stat:nth-child(2) .stat-icon{background:#dce7ff;color:#4775d4}.stat:nth-child(3) .stat-icon{background:#ffedc8;color:#b58324}.stat:nth-child(4) .stat-icon{background:#eadbfa;color:#935bbe}.stat-foot{font-size:10px;color:#627788}
.card{border-radius:17px;box-shadow:0 4px 17px #233c5a06}.card-head h2{font-size:15px}.card-head p{font-size:11px;color:#788795}.text-link{font-size:12px}.schedule-row{padding-top:20px;padding-bottom:20px}.class-detail strong{font-size:12px}.class-detail small{font-size:10px;color:#768799}.pill{font-size:10px;background:#dff5e8;color:#25744d;border-radius:6px}.pill.amber{background:#fff0d3;color:#946512}.pill.purple{background:#ece1ff;color:#7950b2}.pill.gray{color:#667989;background:#edf1f7}
.subject-line{background:#22b889;height:41px}.subject-line.gold{background:#eab94e}.subject-line.blue{background:#6594eb}.bar{background:#c9eade}.bar.highlight{background:linear-gradient(#17bb8e,#087c60)}
.quick-grid{gap:10px}.quick-grid button{background:#eef9f4;border-color:#dcefe5;color:#35775e;font-size:11px;border-radius:12px;padding:18px 7px;transition:transform .2s}.quick-grid button:nth-child(2){background:#edf2ff;border-color:#dee7fb;color:#5274b4}.quick-grid button:nth-child(3){background:#fff6e5;border-color:#f6e9cc;color:#9d7a3c}.quick-grid button:nth-child(4){background:#f5edff;border-color:#eadcf6;color:#9262b1}.quick-grid button svg{color:inherit;width:22px;height:22px}.quick-grid button:hover{transform:translateY(-3px)}
.lifetime-banner{background:linear-gradient(110deg,#fff8df,#fef4e8);border-color:#f0e2be;border-radius:13px;padding:18px}.lifetime-banner strong{font-size:12px;color:#8b641c}.lifetime-banner p{font-size:10px;color:#96783d}.lifetime-banner svg{color:#c39129}.lifetime-banner button{color:#8b641c}
.team-card{position:relative;padding:29px;overflow:hidden;border-top:4px solid #16aa86;isolation:isolate}.team-card:before{content:'';position:absolute;inset:0 0 auto;height:100px;background:linear-gradient(125deg,#e1f8ee,#f5fcf9);z-index:-1}.team-card:after{content:'';position:absolute;right:-18px;top:-30px;border:18px solid #52cba51a;border-radius:50%;height:135px;width:135px;z-index:-1}.team-card:nth-child(2){border-top-color:#668ae9}.team-card:nth-child(2):before{background:linear-gradient(125deg,#e4edff,#f6f8ff)}.team-card:nth-child(2):after{border-color:#668ae915}.team-card:nth-child(3){border-top-color:#ab72dd}.team-card:nth-child(3):before{background:linear-gradient(125deg,#f0e2ff,#fbf8ff)}.team-card:nth-child(3):after{border-color:#ab72dd15}.team-card .avatar{height:62px;width:62px;background:#149d7a;color:white;font-size:17px;border:4px solid white;box-shadow:0 6px 13px #18785e22;margin-bottom:15px}.team-card:nth-child(2) .avatar{background:#5a7dd2}.team-card:nth-child(3) .avatar{background:#9c69c8}.team-card h3{font-size:18px;margin-top:9px}.team-card p{font-size:12px;color:#718495;margin:16px 0}.team-card .btn{width:100%;background:#f7fafc;color:#386354}.team-card .pill{padding:6px 11px}
.plan{border-radius:20px;box-shadow:0 8px 25px #153f4b08}.plan.featured{background:linear-gradient(165deg,#e9fff5,#fff 50%);box-shadow:0 12px 35px #0a996119}.plan:last-child{background:linear-gradient(165deg,#efe5ff,#fff 50%);border-color:#decbf4}.plan:last-child .eyebrow,.plan:last-child h2{color:#8251b0}.plan:last-child .btn{background:#8759b8;color:#fff;border-color:#8759b8}.plan li{font-size:12px}.plan p{font-size:12px}.price{font-size:41px}.recommended{border-radius:7px}
.day:nth-child(2) .event{background:#eef2ff;border-color:#6589da}.day:nth-child(3) .event{background:#f5ecfc;border-color:#aa77d1}.day{border-radius:17px}.event{padding:19px 15px;border-radius:10px}.attention-icon{background:#fff0d3;color:#b17a16}.attention-item strong{font-size:11px}.attention-item p{font-size:10px}.activity-row p{font-size:11px}.activity-row small{font-size:10px}.search{min-height:44px;font-size:12px}.table-action{min-height:38px;font-size:11px}td{font-size:12px}.initial{background:#e0f3ec;color:#168369}.time{font-size:11px}.time small{font-size:10px}
.menu-shade{display:none}button{transition:background .18s,box-shadow .18s,transform .18s}
@media(max-width:1150px){.hero-art{right:10px}.hero h2{font-size:23px}.team-grid{gap:15px}.stat{padding:18px}}
@media(max-width:900px){.hero-art{opacity:.8;right:-20px}.hero p{max-width:300px}.hero h2{max-width:350px}}
@media(max-width:650px){
 body{background:linear-gradient(160deg,#edf7f3 0,#f4f4fc 45%,#f8f9fc 100%)}
 header{position:sticky;top:0;z-index:20;height:65px;padding:0 14px;background:#ffffffed}.breadcrumb{font-size:11px}.breadcrumb>span{padding:0 6px}.header-right{gap:3px}.demo-label{font-size:8px;max-width:68px;line-height:1.5}.icon-button{min-height:44px;min-width:40px}#menu{color:#0c8465;font-size:20px}aside{width:min(290px,85vw);z-index:60;background:#fff;padding-bottom:25px;box-shadow:none}aside.open{box-shadow:20px 0 70px #092c3c30}.menu-shade.open{display:block;position:fixed;inset:0;background:#132e4266;backdrop-filter:blur(3px);z-index:55;border:0}#nav button{min-height:47px;font-size:13px}.sidebar-bottom{padding-bottom:20px}
 main{padding:25px 17px 18px}.page-heading{flex-wrap:wrap;gap:16px;margin-bottom:23px}.page-heading h1{font-size:26px;line-height:1.3;max-width:none}.page-heading p{font-size:12px;line-height:1.8;max-width:none}.heading-actions{width:100%}.heading-actions .btn{min-height:44px;font-size:12px;padding:11px 17px}.heading-actions .btn.primary{margin-left:auto}.hero{min-height:253px;padding:25px 22px;border-radius:21px;box-shadow:0 10px 25px #08765722}.hero .eyebrow{font-size:8px;line-height:1.8;display:block;max-width:235px}.hero h2{font-size:23px;max-width:260px;margin-top:11px}.hero p{font-size:11px;max-width:225px;line-height:1.8;margin-bottom:19px}.hero .text-link{min-height:38px;font-size:12px}.hero-art{right:-89px;bottom:-5px;transform:scale(.75);opacity:.72}.hero:after{width:210px;height:210px;top:-100px;right:-90px;border-width:30px}
 .stats{gap:12px;margin-bottom:23px}.stat{padding:16px 14px;border-radius:15px;min-height:143px;box-shadow:0 5px 15px #25416609}.stat-top{font-size:11px;gap:4px;align-items:flex-start}.stat-icon{width:28px;height:28px;flex-shrink:0;border-radius:9px}.stat-icon svg{width:15px;height:15px}.stat strong{font-size:26px;margin:11px 0 7px;white-space:nowrap}.stat strong small{font-size:11px}.stat-foot{font-size:9px;line-height:1.8}.card{border-radius:17px}.card-head{padding:20px 17px}.card-head h2{font-size:14px}.card-head p{font-size:11px;line-height:1.7}.card-head .text-link{font-size:10px;min-height:36px}
 .schedule-row{display:grid;grid-template-columns:42px 3px 1fr 34px;gap:10px;padding:17px 15px}.class-detail strong{font-size:12px}.class-detail small{font-size:10px;line-height:1.7}.schedule-row .pill{grid-column:3;grid-row:2;justify-self:start;font-size:9px}.schedule-row .row-arrow{grid-column:4;grid-row:1 / 3;min-height:44px}.subject-line{grid-column:2;grid-row:1 / 3;align-self:stretch;height:auto}.time{grid-column:1;grid-row:1 / 3;align-self:center;font-size:11px}.time small{font-size:10px}.class-detail{grid-column:3;grid-row:1}.card-bottom{padding:13px}.card-bottom .text-link{min-height:35px;font-size:11px}
 .quick-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px 18px}.quick-grid button{flex-direction:row;justify-content:flex-start;text-align:left;min-height:61px;font-size:11px;padding:12px;gap:9px}.quick-grid svg{flex-shrink:0}
 .lifetime-banner{padding:17px;flex-wrap:wrap;gap:10px}.lifetime-banner>div{flex:1;min-width:180px}.lifetime-banner strong{font-size:12px;line-height:1.6}.lifetime-banner p{font-size:10px;line-height:1.8}.lifetime-banner button{font-size:11px;min-height:35px;margin-left:30px}.chart-summary strong{font-size:30px}.chart-summary small{font-size:10px}.chart{height:165px}.chart-legend{font-size:10px}.chart .bar span{font-size:10px}.attention-item{margin:0 17px;gap:12px}.attention-item strong{font-size:12px}.attention-item p{font-size:11px}.attention-item .row-arrow{min-width:40px;min-height:44px}.activity-row p{font-size:12px}.activity-row small{font-size:10px}
 #mobile-nav{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:69px;background:#fffffff5;border:1px solid #e2eae9;border-radius:21px;padding:6px;box-shadow:0 8px 35px #163e4920;z-index:45}#mobile-nav button{min-height:54px;font-size:9px;gap:5px;color:#738491;border-radius:15px}#mobile-nav button.active{background:#087e60;color:#fff;box-shadow:0 5px 10px #0b8c6b26}#mobile-nav svg{width:21px;height:21px}footer{padding-bottom:110px}#toast{bottom:100px;font-size:12px;line-height:1.6}
 .team-grid{gap:16px}.team-card{padding:24px;margin-bottom:0;border-radius:18px}.team-card .avatar{height:63px;width:63px}.team-card h3{font-size:20px}.team-card .btn{min-height:46px;font-size:13px}.team-card p{font-size:13px}.team-grid+.card{margin-top:22px}.wide-note{font-size:12px;padding:0 20px 22px;line-height:1.9}.plan{padding:26px}.plan li{font-size:13px;line-height:1.6}.plan p{font-size:13px}.plan .btn{min-height:48px;font-size:13px}.plan h2{font-size:29px}.price{font-size:42px}.detail-list>div{gap:14px;align-items:center;line-height:1.7;font-size:12px}.detail-list .pill{white-space:normal;text-align:right}
 .toolbar{padding:15px;gap:14px}.tabs{background:#f1f4f8;border-radius:10px;padding:4px}.tabs button{min-height:40px;font-size:11px;padding:8px}.tabs button.active{background:white;box-shadow:0 2px 6px #18364c10;color:#098161}.search{font-size:13px;min-height:46px;background:#fff}.table-wrap{overflow:visible;padding:0 14px 14px}.table-wrap table,.table-wrap tbody{display:block;white-space:normal}.table-wrap thead{display:none}.table-wrap tr{display:block;margin:13px 0;border:1px solid #e4eaf0;border-radius:13px;background:#fff;padding:4px 15px;box-shadow:0 3px 10px #25466605}.table-wrap td{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid #eef2f6;font-size:12px;text-align:right;min-height:42px}.table-wrap td:before{content:attr(data-label);font-size:10px;letter-spacing:.4px;color:#6c8191;text-align:left;flex-shrink:0}.table-wrap td:first-child{display:block;text-align:left;background:#f2f8f6;margin:0 -15px;padding:15px;border-radius:12px 12px 0 0;border:0}.table-wrap td:first-child:before{display:none}.table-wrap td:first-child b{font-size:14px}.table-wrap td:first-child small{font-size:11px;line-height:1.7}.table-wrap td:last-child{justify-content:flex-end}.table-action{min-height:44px;font-size:12px;padding:10px 15px}.attendance-select{min-height:44px;font-size:12px}.initial{height:39px;width:39px;border-radius:12px}.attendance-summary .btn{white-space:normal;font-size:11px}.note{font-size:11px}dialog{padding:23px;border-radius:22px}dialog .actions{flex-wrap:wrap}dialog .btn{min-height:45px}dialog input,dialog select{font-size:16px;min-height:46px}.help-card summary{font-size:15px}.help-card li{font-size:13px}
}
@media(max-width:360px){.stat{padding:14px 10px}.stat strong{font-size:23px}.stat-top{font-size:10px}.stat-icon{width:24px;height:24px}.hero h2{font-size:21px}.hero-art{opacity:.35}.page-heading h1{font-size:24px}.quick-grid button{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}