:root{--dash-pink:#ff6f9f;--dash-pink-dark:#e84f86;--dash-soft:#fff3f7;--dash-line:#f8e3eb;--dash-text:#40252c;--dash-muted:#9a8992}.dashboard-app{min-height:100vh;background:linear-gradient(180deg,#fff 0,#fff8fa 48%,#fff 100%);color:var(--dash-text)}.dashboard-header{height:98px;display:grid;grid-template-columns:minmax(315px,1fr) auto minmax(315px,1fr);align-items:center;gap:22px;padding:0 34px;border-bottom:1px solid #fff0f4;background:rgba(255,255,255,.94);box-shadow:0 9px 28px rgba(247,170,194,.14);position:sticky;top:0;z-index:40}.header-brand,.header-right,.main-nav{display:flex;align-items:center}.header-brand{gap:15px}.strawberry-logo{width:58px;height:58px;border:0;border-radius:50%;background:linear-gradient(145deg,#ffadc8,#ff6c9d);box-shadow:0 8px 18px rgba(255,105,153,.28);font-size:31px}.class-selector{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#2f151c}.class-selector strong{font-size:27px;font-weight:950}.class-selector span{color:#bf7290}.class-mode{border:0;border-radius:999px;background:#fff5f8;color:#ad8293;padding:11px 17px;font-weight:800}.main-nav{justify-content:center;gap:12px}.main-nav .nav-item{min-height:45px;padding:0 27px;border:0;border-radius:999px;background:#fff1f5;color:#4d3139;font-size:15px;font-weight:900;box-shadow:0 7px 17px rgba(251,181,202,.18)}.main-nav .nav-item.active,.main-nav .nav-item:hover{background:linear-gradient(135deg,#ffb5ca,#ff82aa);color:#fff;box-shadow:0 9px 20px rgba(255,105,153,.28)}.header-right{justify-content:flex-end;gap:14px}.dashboard-search{position:relative;width:230px}.dashboard-search input{width:100%;border:0;border-radius:999px;background:#fff4f7;padding:14px 42px 14px 20px;outline:0;color:#7d6670}.dashboard-search span{position:absolute;right:18px;top:9px;font-size:22px;color:#967b9c}.notice-button,.teacher-avatar{width:46px;height:46px;border:1px solid #ffe1eb;border-radius:50%;background:#fff;box-shadow:0 5px 14px rgba(244,163,190,.16);font-size:22px}.teacher-avatar{background:#fff5f7}.dashboard-main{padding:24px 30px 20px}.dashboard-view{display:grid;grid-template-columns:230px minmax(620px,1fr) 340px;gap:28px;max-width:1760px;margin:auto}.left-panel{position:relative;min-height:740px;border-radius:26px;background:linear-gradient(180deg,#fff7fa,#fff);box-shadow:0 12px 30px rgba(244,174,196,.11);overflow:hidden}.class-summary{text-align:center;padding:34px 18px 24px}.summary-mascot{width:88px;height:88px;display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;background:radial-gradient(circle,#fff 30%,#ffd9e6);box-shadow:0 7px 18px rgba(255,120,164,.22);font-size:52px}.class-summary>b{display:block;font-size:14px}.class-summary strong{display:block;margin:8px 0 3px;font-size:46px;color:#31151d;line-height:1}.class-summary strong small{margin-left:7px;color:#9b3f60;font-size:15px}.class-summary p{color:#75809b;font-size:12px}.sidebar-groups{display:grid;gap:10px;padding:0 15px}.sidebar-groups button{height:49px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;border:0;border-radius:999px;background:rgba(255,255,255,.78);color:#604950;padding:0 22px;text-align:left;font-weight:900}.sidebar-groups button.active{background:linear-gradient(135deg,#ff91b3,#ff6798);color:#fff;box-shadow:0 9px 18px rgba(255,105,153,.25)}.sidebar-groups button span{font-size:19px}.sidebar-groups button i{font-style:normal}.school-illustration{position:absolute;inset:auto 12px 17px;display:flex;justify-content:center;align-items:flex-end;padding:20px;border-radius:50% 50% 20px 20px;background:linear-gradient(180deg,transparent,#ecf7df)}.school-illustration .school{font-size:72px}.school-illustration .tree{font-size:42px}.school-illustration .tree.small{font-size:30px}.center-panel{min-width:0}.featured-student{height:190px;display:grid;grid-template-columns:235px 1fr 250px;align-items:center;border:1px solid #ffe3ec;border-radius:20px;background:radial-gradient(circle at 90% 20%,#fff 0,transparent 18%),linear-gradient(110deg,#fff,#fff9fb 52%,#fff);box-shadow:0 12px 28px rgba(244,174,196,.12);overflow:hidden}.featured-avatar-area{height:100%;display:flex;align-items:center;justify-content:center;position:relative}.featured-avatar-area:before{content:"♛";position:absolute;top:5px;left:95px;color:#ffc44d;font-size:46px;transform:rotate(-13deg);z-index:4}.featured-avatar{width:145px;height:145px;padding:7px;border-radius:50%;background:conic-gradient(#ff8bb1,#ffd7e4,#ff7fa9,#ffdce8,#ff8bb1);box-shadow:0 0 0 9px #fff1f5,0 12px 28px rgba(255,105,153,.25)}.featured-avatar .avatar{width:100%;height:100%;border:5px solid #fff}.featured-info h2{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:26px}.featured-info h2 span{padding:5px 10px;border-radius:999px;background:#eee6ff;color:#7757d6;font-size:12px}.featured-info p{color:#60708d;font-size:15px}.featured-info p b{color:#ff5f94}.featured-tags{display:flex;gap:12px;margin-top:20px}.featured-tags span{padding:8px 14px;border:1px solid #f3e5ea;border-radius:999px;background:#fff;color:#76636a;font-size:12px;font-weight:800}.featured-score{text-align:center}.featured-score strong{display:block;color:#ff5f91;font-size:63px;line-height:1}.featured-score span{font-weight:850}.score-platform{height:50px;margin:15px 45px 0;border-radius:50%;background:linear-gradient(180deg,#ffe1eb,#ff9fc0);box-shadow:inset 0 8px 0 rgba(255,255,255,.65),0 12px 20px rgba(255,105,153,.19);position:relative}.score-platform:after{content:"↗";position:absolute;right:-18px;top:-37px;color:#ff7ba5;font-size:56px;font-weight:900}.student-section-head{display:flex;justify-content:space-between;align-items:center;margin:18px 3px 12px}.student-section-head h2{margin:0;font-size:20px}.student-section-head p{display:none}.student-controls{display:flex;gap:10px}.student-controls select,.student-controls button{height:40px;border:1px solid #f8e3eb;border-radius:999px;background:#fff;color:#866d77;padding:0 15px}.student-controls button{width:40px;padding:0}.dashboard-student-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}.dashboard-student-grid .student-card{min-height:198px!important;padding:18px 18px 12px!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 8px 22px rgba(214,177,190,.1)!important;text-align:left!important}.dashboard-student-grid .student-card:nth-child(4n+1){border-color:#ffe0b6!important}.dashboard-student-grid .star-card-top{position:absolute;left:9px;top:8px;width:auto}.dashboard-student-grid .star-card-top span{font-size:0}.dashboard-student-grid .star-card-top span:after{content:attr(data-rank)}.dashboard-student-grid .star-card-top b{display:none}.dashboard-student-grid .avatar-wrap{width:72px!important;height:72px!important;margin:0 12px 4px 0!important;float:left;padding:3px!important;box-shadow:none!important;background:linear-gradient(145deg,#ffc4d7,#fff0f5)!important}.dashboard-student-grid .avatar-wrap:before,.dashboard-student-grid .avatar-wrap:after{display:none!important}.dashboard-student-grid .avatar{border-width:2px!important}.dashboard-student-grid .level-chip{display:none}.dashboard-student-grid h3{margin:16px 0 3px!important;font-size:14px!important}.dashboard-student-grid .honor-title{display:inline-block;margin:0!important;padding:3px 7px!important;font-size:8px!important}.dashboard-student-grid .score-line{clear:both;justify-content:flex-start!important;gap:10px!important;padding-top:6px;font-size:10px!important}.dashboard-student-grid .score-line b{font-size:18px!important;color:#4d4f58!important}.dashboard-student-grid .progress-track{height:7px!important;margin:8px 0 8px!important}.dashboard-student-grid .mini-badges{padding-top:7px!important}.dashboard-student-grid .mini-badges span{font-size:0}.dashboard-student-grid .mini-badges span:after{content:"◎ " attr(data-coins);font-size:10px}.daily-tip{width:max-content;max-width:90%;margin:14px auto 0;padding:10px 24px;border:1px solid #ffe3ec;border-radius:999px;background:#fff;color:#634e56;font-size:12px;font-weight:800;box-shadow:0 6px 16px rgba(244,174,196,.12)}.right-panel{display:grid;grid-template-rows:1fr 170px;gap:16px}.ranking-widget,.energy-widget{border:1px solid #f7e4eb;border-radius:18px;background:#fff;box-shadow:0 11px 26px rgba(224,183,197,.12);padding:18px}.widget-title{display:flex;align-items:center;justify-content:space-between}.widget-title h3{margin:0;font-size:17px}.widget-title button,.widget-title span{border:0;background:transparent;color:#9d8490;font-size:12px}.top-three{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:5px;margin:20px 0}.top-rank{text-align:center}.top-rank .mini-avatar{width:66px;height:66px;margin:auto;border:6px solid #f6e8ff;box-shadow:0 5px 15px rgba(150,100,190,.15)}.top-rank.first .mini-avatar{width:82px;height:82px;border-color:#ffdda4}.top-rank b,.top-rank span{display:block}.top-rank b{margin-top:8px;font-size:13px}.top-rank span{color:#d75883;font-weight:900}.side-ranking{display:grid;gap:6px}.side-rank-row{height:29px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;border-radius:999px;background:#fff6f8;padding:0 10px;font-size:11px}.side-rank-row b:last-child{color:#ff5f91}.energy-widget{padding:16px 18px}.energy-gauge{height:80px;position:relative;display:flex;align-items:flex-end;justify-content:center}.gauge-arc{position:absolute;top:5px;width:180px;height:90px;border:9px solid #f1e1f5;border-bottom:0;border-radius:100px 100px 0 0;overflow:hidden}.gauge-arc:after{content:"";position:absolute;inset:-9px;width:65%;border:9px solid #bf52ef;border-bottom:0;border-radius:100px 100px 0 0}.energy-gauge strong{font-size:27px;z-index:2}.energy-gauge small{margin:0 0 5px 4px;color:#aaa0b1;z-index:2}.energy-gauge>span{position:absolute;left:40px;bottom:7px;font-size:27px}.energy-bottom{display:flex;align-items:center;justify-content:space-between}.energy-bottom p{margin:0;color:#7d7184;font-size:10px}.energy-bottom button{border:0;border-radius:999px;background:linear-gradient(135deg,#ff97b7,#ff5c92);color:#fff;padding:9px 22px;font-weight:850}.overlay-page{max-width:1300px;margin:0 auto}.more-menu{z-index:90}.reset-demo{opacity:.45}
@media(max-width:1450px){.dashboard-header{grid-template-columns:290px 1fr 260px;padding-inline:22px}.main-nav .nav-item{padding-inline:18px}.dashboard-view{grid-template-columns:205px minmax(570px,1fr) 300px;gap:18px}.featured-student{grid-template-columns:190px 1fr 190px}.featured-avatar{width:128px;height:128px}.dashboard-student-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.school-illustration{display:none}}@media(max-width:1120px){.dashboard-header{grid-template-columns:1fr auto}.main-nav{display:none}.dashboard-view{grid-template-columns:190px 1fr}.right-panel{display:none}.header-right{justify-self:end}.dashboard-search{width:200px}}@media(max-width:760px){.dashboard-header{height:auto;min-height:80px;padding:12px}.class-selector strong{font-size:20px}.class-mode,.dashboard-search,.notice-button{display:none}.dashboard-main{padding:12px}.dashboard-view{display:block}.left-panel{min-height:0;margin-bottom:14px}.class-summary{display:none}.sidebar-groups{display:flex;overflow:auto;padding:12px}.sidebar-groups button{min-width:105px;height:40px}.featured-student{height:auto;grid-template-columns:105px 1fr;padding:18px}.featured-avatar{width:90px;height:90px}.featured-avatar-area:before{font-size:28px;left:45px}.featured-score{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px}.featured-score strong{font-size:38px}.score-platform{display:none}.featured-tags{display:none}.dashboard-student-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.dashboard-student-grid .student-card{min-height:188px!important;padding:14px 12px!important}.daily-tip{display:none}}