@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f8f7f5;--surface:#fff;--ink:#302c33;--muted:#959097;--plum:#795a70;--plum-dark:#674c60;--rose:#f0e4e9;--sage:#e6ece3;--sand:#f1e9dc;--line:#efedf0;--success:#638571;--radius:20px;--sidebar:232px;font-family:Manrope,'Segoe UI',sans-serif;color:var(--ink);font-size:14px;background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ba94a9;outline-offset:4px}button{transition:background .18s,color .18s,box-shadow .18s,transform .18s}button:not(:disabled):active{transform:translateY(1px)}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.25;letter-spacing:-1.2px;font-weight:750}h2{font-size:18px;letter-spacing:-.45px;font-weight:750}h3{font-size:17px;line-height:1.4;letter-spacing:-.35px;font-weight:750}p{line-height:1.7}svg{flex-shrink:0}.icon{vertical-align:middle;display:inline-block;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.muted{color:var(--muted)}.small-text{font-size:12px}.success-text{color:var(--success);font-weight:650}.danger{color:#af605e!important}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:white;border-right:1px solid var(--line);padding:34px 18px 0;z-index:20;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 14px;font-size:27px;letter-spacing:-1.4px;font-weight:800;line-height:1.05}.brand-mark{display:grid;place-items:center;font-size:37px;font-weight:650;width:43px;height:43px;border-radius:14px;background:var(--plum);color:#fff9f3;position:relative;line-height:1;padding-bottom:4px}.brand-mark span{position:absolute;font-size:28px;color:#e1bb98;right:3px;top:-4px}.brand-caption{display:block;font-size:8px;letter-spacing:2px;font-weight:650;color:#9e929c;margin-top:8px}.workspace-label{font-size:9px;letter-spacing:1.4px;color:#b0aab2;font-weight:700;margin:46px 15px 13px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:13px 16px;border-radius:11px;font-size:12px;font-weight:650;text-align:left;color:#837b87;min-height:46px}.nav-item .icon{width:19px;height:19px}.nav-item:hover{background:#f8f5f7;color:var(--plum)}.nav-item.active{background:#eee5eb;color:var(--plum-dark)}.nav-item.active::after{content:'';width:4px;height:4px;border-radius:50%;background:var(--plum);margin-left:auto}.nav-count{font-size:10px;background:#e6d9e2;padding:2px 6px;border-radius:5px;margin-left:auto}.nav-item.active:has(.nav-count)::after{display:none}.sidebar-bottom{margin-top:auto;padding-top:28px}.growth-card{background:#f6f5ef;padding:21px 18px;border-radius:15px;margin:0 6px 23px;position:relative;overflow:hidden}.growth-card .tiny-flower{color:#b4b998;font-size:40px;position:absolute;right:14px;top:8px}.growth-card strong{font-size:12px;display:block;margin-top:30px}.growth-card p{font-size:10px;color:#969084;margin:8px 0 14px}.growth-card button{font-size:10px;font-weight:700;display:flex;align-items:center;gap:16px;padding:0;color:#817b65}.growth-card .icon{width:15px}.sidebar-user{display:flex;gap:10px;align-items:center;margin:15px -18px 0;border-top:1px solid var(--line);padding:20px 22px}.sidebar-user strong{font-size:10px;display:block;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user div>span{display:block;font-size:9px;color:var(--muted);margin-top:4px}.online-dot{width:5px;height:5px;background:#88a78d;border-radius:50%;margin-left:auto}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e5d8e0;color:var(--plum);font-size:12px;font-weight:750;flex-shrink:0}.avatar.small{width:33px;height:33px;font-size:10px}.avatar.large{width:76px;height:76px;border:5px solid white;font-size:23px;position:relative;margin:-35px auto 12px;background:#ded4dd}.avatar.large i{width:12px;height:12px;background:#90aa8b;border:3px solid white;border-radius:50%;position:absolute;right:0;bottom:0}.avatar.mentor{width:70px;height:70px;font-size:22px;margin:22px auto 14px;background:#e4e9df;color:#7a8a70}
.main-shell{margin-left:var(--sidebar);min-height:100vh}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);background:#fbfaf9;gap:20px}.breadcrumb{font-size:10px;color:#a39ca5;white-space:nowrap}.breadcrumb span{margin:0 14px;color:#c6c0c8}.breadcrumb strong{font-weight:600;color:#6d626f}.top-actions{display:flex;align-items:center;gap:20px}.demo-label{display:flex;align-items:center;gap:5px;color:#9a8d98;font-size:9px}.demo-label i{width:5px;height:5px;background:#9caa89;border-radius:50%}.role-selector{display:flex;position:relative;align-items:center}.role-selector select{border:0;appearance:none;background:none;color:#766b78;font-size:10px;padding:8px 19px 8px 0;cursor:pointer;max-width:160px}.role-selector .icon{width:12px;height:12px;pointer-events:none;position:absolute;right:0}.balance-pill{border:1px solid #e9e1e7;background:white;border-radius:30px;padding:7px 13px}.points{display:inline-flex;align-items:center;gap:5px;color:var(--plum);font-size:17px;font-weight:750;white-space:nowrap;line-height:1.4}.points .icon{width:16px;height:16px;stroke-width:1.9}.points.small{font-size:12px}.points.small .icon{width:13px;height:13px}.balance-pill .points{font-size:12px}.notification-btn{position:relative;color:#8c808e;padding:0}.notification-btn .icon{width:19px;height:19px}.notification-btn i{width:5px;height:5px;position:absolute;right:1px;top:-1px;background:#b88199;border:1px solid #fbfaf9;border-radius:50%}.header-avatar{width:31px;height:31px;font-size:10px}
main{padding:36px 38px 28px;max-width:1560px;margin:0 auto;outline:none}footer{display:flex;justify-content:space-between;gap:20px;color:#b3aab3;font-size:9px;padding:22px 38px 27px;max-width:1560px;margin:auto}footer b{font-size:7px;margin:0 7px;font-weight:500}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:750;color:#a592a0;display:block;margin-bottom:12px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading p{color:#99909a;font-size:12px;margin-top:11px}.wave{font-size:35px;font-weight:500;color:#c2a286;display:inline-block;margin-left:6px;vertical-align:middle}.today{display:flex;align-items:center;gap:8px;color:#a0959e;font-size:10px;white-space:nowrap;align-self:flex-start;margin-top:31px}.today .icon{width:17px;height:17px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1.3;min-height:40px;padding:12px 18px;border-radius:9px;font-size:11px;font-weight:700;white-space:nowrap}.btn .icon{width:16px;height:16px}.btn.primary{color:#fff;background:var(--plum)}.btn.primary:hover{background:var(--plum-dark);box-shadow:0 4px 12px #795a7025}.btn.secondary{background:#fff;border:1px solid #e9e3e8;color:#7c6577}.btn.secondary:hover{background:#f7f2f5;border-color:#cdb7c4}.btn.light{background:#faf6f1;color:#705267}.btn.light:hover{background:white}.btn.ghost{background:none;color:#928393}.btn.ghost:hover{background:#f6f3f5}.btn.danger-btn{background:#a96565;color:white}.icon-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:#a79ba7;flex-shrink:0}.icon-btn:hover{background:#f5f1f4;color:var(--plum)}.icon-btn .icon{width:17px;height:17px}.text-btn{font-size:10px;font-weight:650;color:#9a7b91;display:inline-flex;align-items:center;gap:8px;padding:4px 0}.text-btn .icon{width:15px;height:15px}.text-btn:hover{color:#6d4f63}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-title h2 small{font-size:11px;font-weight:500;color:var(--muted);margin-left:10px}.section-title h2{font-size:17px}
.dashboard-top{display:grid;grid-template-columns:minmax(0,2.45fr) minmax(220px,1fr);gap:22px}.welcome-card{position:relative;overflow:hidden;border-radius:19px;min-height:325px;background:#7c6074;color:#fff5ef;padding:31px 31px 24px}.welcome-copy{position:relative;z-index:2;max-width:68%}.hero-kicker{font-size:8px;letter-spacing:1.8px;display:flex;align-items:center;gap:7px;color:#decdd8;font-weight:650}.hero-kicker>span{width:4px;height:4px;background:#e5c4a6;border-radius:50%}.welcome-card h2{font-size:30px;line-height:1.25;margin:18px 0 13px;letter-spacing:-.8px;font-weight:600}.welcome-card p{font-size:10px;color:#d9c9d3;line-height:1.8;margin-bottom:22px}.welcome-card .btn{font-size:10px;padding:10px 15px;min-height:37px}.hero-progress{width:210px;margin-top:26px;display:flex;flex-wrap:wrap;justify-content:space-between;color:#d7c5d2;font-size:8px;gap:9px}.hero-progress strong{font-weight:500;color:#e3d4de}.progress{height:4px;width:100%;background:#efe9ed;border-radius:5px;overflow:hidden}.progress i{display:block;height:100%;background:#a47c95;border-radius:5px;transition:width .5s}.hero-progress .progress{background:#ffffff20;height:3px}.hero-progress .progress i{background:#e4c3a7}.hero-art{position:absolute;inset:0 0 0 52%;pointer-events:none}.orbit{border:1px solid #d6b7cd25;border-radius:50%;position:absolute}.orbit-one{width:290px;height:290px;right:-56px;top:28px}.orbit-two{width:207px;height:207px;right:-14px;top:70px}.art-card{width:105px;height:119px;border:1px solid #d6c5cb;border-radius:13px;position:absolute;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:18px;box-shadow:0 13px 35px #412a3c25;font-size:9px;font-weight:650}.art-card .icon{height:35px;width:35px;stroke-width:1.2}.art-a{top:49px;right:38px;background:#e3d8df;color:#8c6a80;transform:rotate(12deg)}.art-b{top:145px;right:13px;background:#e4e6dc;color:#7a8a71;transform:rotate(-7deg);z-index:1}.art-c{top:109px;right:105px;background:#efe1d0;color:#b09170;transform:rotate(-13deg);z-index:2}.art-flower{font-size:92px;position:absolute;right:-17px;bottom:5px;color:#ceb6c0;line-height:1;transform:rotate(-7deg);font-family:Georgia,serif}.art-star{position:absolute;right:171px;top:39px;font-size:27px;color:#dbc7a8}.art-dot{width:8px;height:8px;background:#caa6bb;border-radius:50%;position:absolute;right:170px;bottom:51px}.profile-card{overflow:hidden;min-width:0}.profile-cover{height:69px;background:#eee8ed;display:flex;justify-content:space-between;padding:13px 14px;color:#b5a6b3}.profile-cover>span{font-size:7px;letter-spacing:1.3px;padding-top:5px}.profile-cover .icon-btn{width:22px;height:22px}.profile-cover .icon{width:12px;height:12px}.profile-details{text-align:center;padding:0 19px 18px}.profile-details h2{font-size:17px}.profile-details>p{font-size:10px;color:#a0949e;margin-top:6px}.department{display:inline-block;font-size:8px;background:#f7f4f6;border-radius:5px;color:#a797a6;padding:5px 8px;margin-top:8px}.profile-status{border-top:1px solid var(--line);margin-top:18px;padding-top:13px;font-size:8px;color:#9b919b;display:flex;justify-content:center;align-items:center;gap:6px}.profile-status i{width:4px;height:4px;border-radius:50%;background:#98ad8c}.profile-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:17px}.profile-stats>div+div{border-left:1px solid var(--line)}.profile-stats b{font-size:19px;font-weight:650;display:block}.profile-stats span{font-size:7px;color:#a99eaa;display:block;margin-top:5px}.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:23px 0 30px}.metric{display:flex;align-items:center;gap:13px;background:white;border:1px solid var(--line);border-radius:14px;padding:18px}.metric-icon{width:43px;height:43px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon .icon{width:20px;height:20px}.rose{background:#f0e3e8;color:#a67a91}.sage{background:#e8eee4;color:#8b9f7f}.sand{background:#f4edde;color:#b9a47b}.blue{background:#e6eaf0;color:#8b99ad}.lilac{background:#eee8f2;color:#a38eb1}.peach{background:#f8e9de;color:#c69e7b}.metric>div>span{font-size:9px;color:#a297a4;display:block;margin-bottom:4px}.metric strong{font-size:22px;letter-spacing:-.6px;font-weight:700}.metric small{font-size:9px;letter-spacing:0;font-weight:400;color:#9b909d}.metric .icon-btn{margin-left:auto;width:20px;height:20px}.metric .icon-btn .icon{width:14px;height:14px}.dashboard-bottom{display:grid;grid-template-columns:1fr 1.2fr;gap:25px}.course-card{border:1px solid var(--line);border-radius:16px;background:white;overflow:hidden;min-width:0;transition:box-shadow .2s}.course-card:hover{box-shadow:0 8px 25px #66405209}.course-visual{height:150px;position:relative;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:0}.course-symbol .icon{width:76px;height:76px;stroke-width:1.1;transform:rotate(-8deg)}.visual-rings{width:240px;height:240px;border:1px solid currentColor;opacity:.13;border-radius:50%;position:absolute;top:-30px;left:calc(50% - 120px)}.visual-rings::before,.visual-rings::after{content:'';position:absolute;inset:25px;border:1px solid currentColor;border-radius:50%}.visual-rings::after{inset:50px}.visual-sticker{position:absolute;right:calc(50% - 68px);top:83px;display:grid;place-items:center;width:33px;height:33px;background:#fcf9f2;border-radius:11px;transform:rotate(12deg);box-shadow:0 3px 10px #70516410}.visual-sticker .icon{width:19px;height:19px}.course-category{position:absolute;top:15px;left:16px;font-size:8px;padding:5px 9px;background:#ffffff8c;border:1px solid #ffffff65;border-radius:6px}.course-body{padding:19px}.course-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.course-meta>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#a297a2}.course-meta>span .icon{width:12px;height:12px}.course-meta .points{font-size:10px}.course-body h3{font-size:15px;margin-bottom:9px}.course-body h3 button{padding:0;text-align:left;line-height:1.5;font-weight:750}.course-body p{font-size:10px;color:#a296a1;line-height:1.8;min-height:36px}.course-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:20px}.course-progress{width:100%}.course-progress .progress{height:3px}.course-progress>span{font-size:8px;color:#b3a7b1;display:block;margin-top:8px}.round-btn{border:1px solid #e9e0e7;border-radius:50%;display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;color:#b296a8}.round-btn:hover{background:#f1e7ed}.round-btn .icon{width:15px;height:15px}.round-btn.completed{background:#eaf0e7;color:#8a9f7d;border-color:#eaf0e7}.course-card.wide{display:grid;grid-template-columns:135px 1fr;min-height:216px}.wide .course-visual{height:100%;min-height:214px}.wide .course-symbol .icon{width:64px;height:64px}.wide .visual-sticker{right:17px;top:111px;width:28px;height:28px}.wide .course-category{top:16px;left:12px;font-size:7px;padding:4px 7px}.wide .course-body{padding:18px 18px 15px}.wide .course-meta>span{font-size:8px}.wide .course-meta{flex-wrap:wrap;gap:8px}.wide .course-body h3{font-size:15px}.wide .course-body p{font-size:9px}.wide .course-bottom{margin-top:16px;gap:12px}.task-list{padding:4px 17px}.task-row{display:flex;align-items:center;gap:12px;padding:18px 0;width:100%;text-align:left;min-width:0}.task-row+.task-row{border-top:1px solid var(--line)}.task-check{width:32px;height:32px;display:grid;place-items:center;background:#f6f3f5;color:#b09cae;border-radius:9px;flex-shrink:0}.task-check.done{background:#eaf0e7;color:#8a9f7d}.task-check .icon{width:16px;height:16px}.task-row-copy{display:flex;flex-direction:column;gap:7px;min-width:0;margin-right:auto}.task-row-copy strong{font-size:10px;font-weight:650;line-height:1.4}.task-row-copy>span{font-size:8px;color:#b0a5af}.task-row-copy b{font-weight:500;margin:0 5px}.task-row>.icon{width:12px;height:12px;color:#b3a4af}.task-row>.points{font-size:10px}.task-row:hover .task-row-copy strong{color:var(--plum)}.reward-strip{display:flex;align-items:center;gap:18px;background:#f2eee6;border:1px solid #eee8dd;border-radius:14px;padding:20px 23px;margin-top:28px}.reward-strip-icon{width:43px;height:43px;border-radius:50%;background:#e8dfcd;color:#ae9872;display:grid;place-items:center;flex-shrink:0}.reward-strip-icon .icon{width:23px;height:23px}.reward-strip strong{font-size:11px;font-weight:700}.reward-strip p{font-size:9px;color:#a89b88;margin-top:6px}.reward-strip .btn{margin-left:auto;font-size:10px;min-height:34px;background:#faf8f3;border-color:#e4dbcd;padding:9px 13px;color:#a38d6c}
.filter-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid #e8e2e7;min-width:0;margin-bottom:25px}.filter-row .tabs{margin-bottom:0;flex:1}.tabs button{font-size:11px;white-space:nowrap;color:#9f929f;padding:15px 0 16px;border-bottom:2px solid transparent;display:flex;gap:8px;align-items:center;margin-bottom:-1px;font-weight:650}.tabs button.selected{color:var(--plum);border-color:#a17d95}.tabs button span{border-radius:5px;background:#ece5eb;color:#9b8495;padding:2px 5px;font-size:9px}.searchbox{background:#fff;border:1px solid #e9e4e8;border-radius:9px;display:flex;align-items:center;gap:9px;width:225px;padding:11px 13px;flex-shrink:0;color:#b1a5b0}.searchbox>.icon{width:15px;height:15px}.searchbox input{border:0;outline:none;min-width:0;width:100%;font-size:10px;color:#6c5d6a;background:transparent}.searchbox input::placeholder{color:#b5a9b3}.searchbox:focus-within{border-color:#b392a8;box-shadow:0 0 0 2px #b392a815}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.learning-banner{background:#edf0e9;border:1px solid #e4e8df;padding:22px 25px;border-radius:15px;display:flex;align-items:center;gap:17px;margin-bottom:20px;color:#73836d}.learning-banner .metric-icon{background:#e0e7d8}.learning-banner strong{font-size:13px}.learning-banner p{font-size:10px;color:#95a08e;margin-top:5px}.mini-ring{width:47px;height:47px;border-radius:50%;background:conic-gradient(#92a483 var(--p),#dfe5d9 0);display:grid;place-items:center;margin-left:auto;position:relative;font-size:11px;font-weight:650;isolation:isolate;flex-shrink:0}.mini-ring:after{content:'';position:absolute;inset:4px;border-radius:50%;background:#edf0e9;z-index:-1}.empty-state{grid-column:1/-1;padding:60px 20px;text-align:center;width:100%;color:#9c8c9b}.empty-state>.icon{width:38px;height:38px;stroke-width:1.1;margin-bottom:20px;color:#c1afbd}.empty-state h3{font-size:16px;font-weight:650;color:#827180}.empty-state p{font-size:11px;max-width:340px;margin:9px auto 0;line-height:1.9}.empty-inline{padding:35px 0;color:#9b8e9b;font-size:12px}
.adaptation-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px}.journey-summary{padding:27px;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.journey-summary h2{font-size:21px}.journey-summary p{color:#a296a0;font-size:11px;margin-top:9px}.journey-summary .eyebrow{font-size:8px}.progress-number{font-size:35px;color:#86697c;margin-left:auto;letter-spacing:-2px}.progress-number small{font-size:20px;color:#c5b8c2;font-weight:400}.journey-summary .progress{height:5px;margin-top:8px}.journey-summary>.small-text{font-size:9px}.journey-steps{margin-top:28px}.journey-step{display:flex;position:relative;gap:20px;padding-bottom:23px}.journey-step:not(:last-child)::before{content:'';position:absolute;top:20px;bottom:-10px;left:17px;width:1px;background:#e0d5de}.step-number{background:var(--bg);border:1px solid #d8cad5;color:#b59aaf;width:35px;height:35px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:650;margin-top:20px;z-index:1}.finished .step-number{background:#e8eee3;color:#899d7d;border-color:#dfe6d9}.step-number .icon{width:15px;height:15px}.step-card{padding:22px;flex:1;min-width:0}.step-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.chip{font-size:9px;color:#a08c9c;display:flex;gap:6px;align-items:center}.chip .icon{width:14px;height:14px}.step-time{font-size:9px;color:#b3a6b0;display:flex;gap:5px;align-items:center}.step-time .icon{width:12px;height:12px}.step-card h3{font-size:15px}.step-card p{font-size:11px;color:#9e909d;margin-top:8px}.step-bottom{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.step-bottom>.small-text{font-size:9px;display:flex;gap:5px;align-items:center}.step-bottom>.small-text .icon{width:12px;height:12px}.step-bottom .btn{min-height:32px;padding:9px 12px;font-size:9px}.step-bottom .success-text{font-size:10px}.step-bottom .success-text .icon{width:14px;height:14px}.journey-aside{display:flex;flex-direction:column;gap:23px;align-self:start}.mentor-card{text-align:center;padding:25px 22px}.mentor-card>.eyebrow{font-size:8px}.mentor-card h3{font-size:15px}.mentor-card>p{font-size:10px;color:#b0a1ab;margin-top:7px}.mentor-note{font-size:10px;color:#a08f9d;line-height:1.8;margin:21px 0;padding-top:18px;border-top:1px solid var(--line)}.mentor-card .btn{width:100%;font-size:10px}.bonus-card{padding:26px;background:#f0e7eb;border-radius:18px;color:#9e7e93}.bonus-card>span:first-child{font-size:43px;line-height:1}.bonus-card h3{font-size:19px;font-weight:600;line-height:1.45;margin:18px 0 12px}.bonus-card p{font-size:10px;color:#b09aaa;margin-bottom:20px}.bonus-card .points{font-size:29px;color:#95728b}.bonus-card .points .icon{width:24px;height:24px}.bonus-card .success-text{font-size:10px;margin-top:10px}.badge{display:inline-flex;padding:5px 8px;font-size:8px;line-height:1.3;border-radius:5px;background:#f3eff2;color:#9c8696;font-weight:650;white-space:nowrap}.badge.new{background:#f1e9ed;color:#a08095}.badge.progress{background:#f5eedf;color:#b19b69}.badge.review{background:#edf0f5;color:#8898b0}.badge.done,.badge.issued{background:#eaf0e6;color:#8b9f7d}.badge.revision,.badge.cancelled{background:#f7eae8;color:#b1847e}.badge.ready{background:#eae6f2;color:#9b87b1}.badge.neutral{background:#f6f3f5;color:#aaa0ab}.task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.task-card{padding:25px;display:flex;flex-direction:column}.task-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:23px}.task-type{font-size:10px;color:#a38da0;display:flex;gap:7px;align-items:center}.task-type .icon{width:17px;height:17px}.task-card h3{font-size:18px;margin-bottom:12px}.task-card>p{font-size:11px;color:#a194a0;line-height:1.9;flex:1}.task-deadline{font-size:9px;color:#ad9eab;margin-top:23px;display:flex;align-items:center;gap:7px}.task-deadline .icon{width:13px;height:13px}.task-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.task-bottom .btn{font-size:10px;min-height:35px;padding:10px 14px}.info-line{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.9;color:#ac9aa8;background:#f3eff1;border-radius:10px;padding:15px 18px;margin-top:25px}.info-line .icon{width:16px;height:16px}.feedback-note{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.8;background:#f8f2e9;color:#aa9470;border:1px solid #f2e8d8;border-radius:10px;padding:14px;margin-top:17px;overflow-wrap:anywhere}.feedback-note .icon{width:17px;height:17px;margin-top:2px}.feedback-note strong{font-size:10px}.feedback-note p{margin-top:5px}
.points-overview{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;margin-bottom:34px}.wallet-card{padding:27px;border-radius:19px;background:#7c6074;color:#fff6f0;position:relative;overflow:hidden}.wallet-amount{display:flex;align-items:center;gap:10px;font-size:47px;font-weight:500;letter-spacing:-1.7px;margin:16px 0 6px}.wallet-amount .icon{width:28px;height:28px;color:#dec2d2}.wallet-card>p{font-size:10px;color:#d0bdc9;margin-bottom:22px}.wallet-card .btn{font-size:10px;min-height:34px;padding:10px 14px;position:relative;z-index:1}.wallet-decor{position:absolute;right:-16px;bottom:-38px;font-size:150px;line-height:1;color:#d4b6c91a;font-family:Georgia}.points-stats{padding:26px;display:flex;flex-direction:column;justify-content:center;gap:25px}.points-stats>div{display:flex;align-items:center;gap:15px}.points-stats>div+div{border-top:1px solid var(--line);padding-top:25px}.points-stats .metric-icon{width:37px;height:37px;border-radius:11px}.points-stats div>span:not(.metric-icon){font-size:9px;color:#aa9ca8;display:block;margin-bottom:5px}.points-stats strong{font-size:27px;font-weight:600;letter-spacing:-1px}.earning-card{padding:24px;display:flex;flex-direction:column;justify-content:center;gap:15px}.earning-card h3{font-size:14px;margin-bottom:8px}.earning-card button{display:flex;align-items:center;gap:10px;text-align:left;padding:4px 0;font-size:10px;color:#a18b9b}.earning-card button .icon{width:16px;height:16px}.earning-card button .icon:last-child{width:13px;margin-left:auto}.ledger{padding:0 23px}.ledger-row{display:flex;align-items:center;gap:16px;padding:21px 0}.ledger-row+.ledger-row{border-top:1px solid var(--line)}.ledger-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;flex-shrink:0}.ledger-icon.positive{background:#eaf0e5;color:#93a585}.ledger-icon.negative{background:#f1e9ed;color:#af91a4}.ledger-icon .icon{width:17px;height:17px}.ledger-row>div{display:flex;flex-direction:column;gap:7px}.ledger-row strong{font-size:11px;font-weight:650}.ledger-row div>span{font-size:9px;color:#b1a4ae}.ledger-row>b{margin-left:auto;font-size:15px;font-weight:600}
.shop-balance{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.shop-balance>span:first-child{font-size:9px;color:#a591a0}.shop-balance .points{font-size:25px}.shop-balance .icon{width:21px;height:21px}.shop-filters{margin:0 0 24px}.category-pills{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.category-pills button{font-size:9px;color:#ac98a7;padding:8px 11px;border-radius:7px}.category-pills button.selected{background:#eae1e7;color:#8f6a82}.category-pills button:hover{background:#f0e9ee}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.product-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white}.product-visual{height:201px;position:relative;overflow:hidden}.product-art-btn{display:block;width:100%;height:100%;padding:16px}.product-art{width:180px;height:180px;max-width:100%;transition:transform .3s}.product-art-btn:hover .product-art{transform:translateY(-5px) rotate(-3deg)}.favorite{position:absolute;top:13px;right:13px;width:29px;height:29px;z-index:2;border-radius:50%;background:#ffffff80;color:#aa919c;display:grid;place-items:center}.favorite .icon{width:14px;height:14px}.favorite.saved .icon{fill:#ae839a;stroke:#ae839a}.favorite:hover{background:white}.product-category{font-size:8px;color:#b6a3b1}.product-body{padding:19px 20px}.product-body h3{font-size:14px;margin-top:7px}.product-body h3 button{text-align:left;padding:0;font-weight:750;line-height:1.6}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:19px}.product-bottom .points{font-size:16px}.product-bottom .btn{font-size:9px;min-height:32px;padding:9px 14px}.soldout{font-size:9px;position:absolute;bottom:12px;left:12px;padding:6px 9px;border-radius:6px;background:#ffffffb5;color:#ad95a3}.orders-list{padding:0 23px}.order-row{display:flex;align-items:center;gap:16px;padding:22px 0;flex-wrap:wrap}.order-row+.order-row{border-top:1px solid var(--line)}.order-details{display:flex;flex-direction:column;gap:8px;margin-right:auto}.order-details strong{font-size:12px}.order-details span{font-size:9px;color:#ad9ca8}.order-actions{display:flex;gap:7px}.order-actions .btn{font-size:9px;min-height:32px;padding:9px 12px}
.admin-mode{padding:10px 13px;font-size:10px;display:flex;align-items:center;gap:8px;color:#a1879a;background:#f0e7ed;border-radius:8px;white-space:nowrap}.admin-mode .icon{width:14px;height:14px}.admin-content{min-height:330px}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.admin-metric{padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.admin-metric strong{font-size:31px;font-weight:650;line-height:1;letter-spacing:-1px}.admin-metric>span:last-child{font-size:10px;color:#a892a3}.admin-overview-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:24px}.quick-actions{padding:26px}.quick-actions>p{font-size:10px;color:#aa96a5;margin:8px 0 24px}.quick-actions>button{display:flex;align-items:center;width:100%;gap:13px;padding:16px 0;color:#957e90;font-size:11px;border-top:1px solid var(--line)}.quick-actions>button>.icon{width:17px;height:17px}.quick-actions>button>.icon:last-child{margin-left:auto;width:14px;height:14px;color:#c4aebd}.quick-actions>button:hover{color:#5e4355}.activity-panel{padding:26px}.activity-item{display:flex;gap:15px;margin-top:23px;align-items:flex-start}.activity-item>i{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#c2adb9;margin-top:5px}.activity-item strong{font-size:10px;font-weight:600;line-height:1.7;display:block}.activity-item span{display:block;font-size:8px;color:#b2a0ad;margin-top:5px}.activity-welcome{text-align:center;padding:27px 10px 10px}.activity-welcome>span{font-size:40px;color:#c2a6b8}.activity-welcome h3{font-size:14px;margin-top:20px}.activity-welcome p{font-size:10px;color:#b19eab;max-width:280px;margin:9px auto 0}.demo-admin-bar{display:flex;flex-wrap:wrap;align-items:center;gap:18px;border-top:1px solid #e9e1e6;margin-top:30px;padding-top:20px}.demo-admin-bar>span{display:flex;align-items:center;gap:7px;font-size:9px;color:#b09caa;margin-right:auto}.demo-admin-bar>span .icon{width:14px;height:14px}.demo-admin-bar .text-btn{font-size:9px}.review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.review-card{padding:24px}.review-header{display:flex;align-items:center;gap:11px;margin-bottom:23px}.review-header>div{display:flex;flex-direction:column;gap:5px}.review-header strong{font-size:10px}.review-header div>span{font-size:8px;color:#af98a8}.review-header .badge{margin-left:auto}.review-card h3{font-size:16px}.review-card>.report-text{font-size:11px;color:#a893a2;margin-top:16px;max-height:200px;overflow:auto}.content-section{padding:23px;margin-bottom:24px}.content-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--line)}.content-row .metric-icon{width:32px;height:32px;border-radius:9px}.content-row .metric-icon .icon{width:16px;height:16px}.content-row>div{display:flex;flex-direction:column;gap:7px;margin-right:auto}.content-row strong{font-size:11px}.content-row div>span{font-size:9px;color:#b19aab}.team-list{padding:0 23px}.team-row{display:flex;gap:15px;align-items:center;padding:21px 0}.team-row+.team-row{border-top:1px solid var(--line)}.team-row>div{display:flex;flex-direction:column;gap:7px;min-width:170px}.team-row strong{font-size:11px}.team-row div>span{font-size:9px;color:#b09cab}.team-department{margin-left:auto;font-size:10px;color:#b5a2af;margin-right:25px}.team-row .btn{font-size:9px;min-height:32px;padding:9px 12px}
.modal{padding:0;border:1px solid #e8e0e7;border-radius:21px;width:min(590px,calc(100% - 32px));max-height:90vh;box-shadow:0 24px 100px #3b243b33;background:#fff;color:var(--ink);margin:auto;overflow:auto}.modal::backdrop{background:#352c394f;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffffffa;z-index:3}.modal-head h2{font-size:18px;line-height:1.5}.modal-head .icon-btn{border-radius:50%;background:#f7f3f6;flex-shrink:0}.modal-content{padding:27px 28px}.dialog-intro{font-size:11px;color:#a18b9a;margin-bottom:25px;line-height:1.9}.field{font-size:10px;font-weight:650;color:#947d8e;display:flex;flex-direction:column;gap:9px;margin-bottom:19px}.field input,.field textarea,.field select{border:1px solid #e4dbe2;background:#fdfbfc;border-radius:8px;padding:12px 13px;outline:none;width:100%;color:#614d5b;font-size:12px;font-weight:400;resize:vertical;line-height:1.6;min-width:0}.field input:focus,.field textarea:focus,.field select:focus{border-color:#bc9db1;box-shadow:0 0 0 3px #bc9db115}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line);flex-wrap:wrap}.form-actions .btn{font-size:11px}.dialog-meta{display:flex;align-items:center;gap:13px;margin-bottom:23px}.dialog-meta>span:not(.badge):not(.points){font-size:10px;color:#b297aa}.dialog-meta .points{margin-left:auto}.dialog-description{font-size:12px;line-height:1.9;color:#917b8c;margin-bottom:20px;white-space:pre-wrap;overflow-wrap:anywhere}.deadline-note{font-size:10px;color:#b29baa;display:flex;gap:7px;align-items:center;margin-bottom:25px}.deadline-note .icon{width:14px;height:14px}.info-box{font-size:11px;line-height:1.9;color:#a18899;background:#f7f3f6;padding:17px 19px;border-radius:11px;margin-top:21px}.file-drop{border:1px dashed #d9c7d4;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:25px 15px;background:#fbf8fa;color:#b197aa;position:relative;text-align:center}.file-drop strong{font-size:11px}.file-drop span{font-size:9px;line-height:1.6}.file-drop>input{font-size:10px;max-width:100%;margin-top:4px}.report-text{font-size:12px;line-height:1.9;color:#897282;white-space:pre-wrap;overflow-wrap:anywhere}.attachments{display:flex;flex-direction:column;gap:10px;margin:18px 0}.attachments a{padding:12px 14px;border:1px solid #e9dee7;border-radius:9px;display:flex;align-items:center;gap:10px;font-size:10px;color:#a18598}.attachments a>span{overflow-wrap:anywhere}.attachments small{display:block;color:#b8a4b1;font-size:8px;margin-top:4px}.attachments a>.icon:last-child{margin-left:auto;width:14px;height:14px}.product-modal{width:480px}.product-dialog-art{border-radius:13px;display:grid;place-items:center;padding:10px;margin-bottom:25px}.product-dialog-art .product-art{width:210px;height:210px}.product-dialog-price{display:flex;justify-content:space-between;align-items:center}.product-dialog-price .points{font-size:24px}.product-dialog-price>.muted{font-size:10px}.mentor-dialog{text-align:center}.mentor-dialog>p{font-size:11px;color:#ac97a5;margin-top:10px}.notification-list article{display:flex;gap:15px;padding:18px 0}.notification-list article:first-child{padding-top:0}.notification-list article+article{border-top:1px solid var(--line)}.notification-list .metric-icon{width:32px;height:32px;border-radius:10px}.notification-list .icon{width:16px;height:16px}.notification-list strong{font-size:12px}.notification-list p{font-size:11px;color:#a58c9e;margin:8px 0}.notification-list article div>span{font-size:9px;color:#c0a9b9}.help-intro{display:flex;align-items:center;gap:20px;font-size:12px;color:#9f8296}.help-intro>span{font-size:60px;color:#c3a6b8;line-height:1}.help-steps{margin:25px 0;padding-left:20px;color:#9c8194;font-size:11px;line-height:1.9}.help-steps li{margin:14px 0}.help-steps strong{color:#7b5d72}.modal hr{border:0;border-top:1px solid var(--line);margin:25px 0}.course-modal{width:min(950px,calc(100% - 32px))}.course-modal .modal-content{padding:0}.lesson-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:440px}.lesson-menu{border-right:1px solid var(--line);background:#faf7f9;padding:25px 18px}.lesson-menu .eyebrow{font-size:8px;margin:0 10px 16px}.lesson-menu button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;font-size:10px;line-height:1.6;padding:12px 10px;border-radius:8px;color:#a58a9d}.lesson-menu button>span{width:20px;height:20px;flex-shrink:0;border-radius:6px;background:#ede3ea;display:grid;place-items:center;font-size:9px;color:#aa8b9f}.lesson-menu button .icon{width:12px;height:12px}.lesson-menu button.active{background:#ece1e8;color:#79576e}.lesson-menu button:hover{background:#f1e9ee}.lesson-reward{border-top:1px solid #e7dce5;margin:25px 10px 0;padding-top:18px;font-size:8px;color:#b29aaa;display:flex;flex-direction:column;gap:10px}.lesson-reward .points{font-size:18px}.lesson-content{padding:35px;min-width:0}.lesson-content h3{font-size:24px;margin-bottom:22px;line-height:1.4}.lesson-text p{font-size:12px;line-height:2;color:#95798d;margin-bottom:20px;white-space:pre-wrap;overflow-wrap:anywhere}.lesson-tip{display:flex;gap:10px;align-items:center;font-size:10px;color:#ac9977;background:#f7f1e7;padding:15px;border-radius:9px;margin-top:27px}.lesson-tip .icon{width:16px;height:16px}.lesson-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.lesson-footer>span{font-size:10px;color:#b497aa}.lesson-content>p{font-size:11px;color:#b094a6;margin-bottom:24px;line-height:1.9}.quiz-option{display:flex;align-items:flex-start;gap:12px;border:1px solid #e7dae3;padding:16px;margin:12px 0;border-radius:10px;font-size:12px;line-height:1.8;color:#9b7a90;cursor:pointer}.quiz-option:has(input:checked){background:#f3eaf0;border-color:#ba9caf}.quiz-option input{accent-color:var(--plum);margin-top:4px}.completed-course>p{font-size:12px;color:#a48b9d;line-height:1.9;margin:20px 0 25px}.completed-course>.metric-icon{width:60px;height:60px;border-radius:50%;margin-top:10px}.completed-course .metric-icon .icon{width:28px;height:28px}.modal .empty-state{padding:35px 15px}
#toast{position:fixed;bottom:26px;left:calc(50% + 80px);transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#5d715e;color:white;padding:14px 24px;border-radius:12px;font-size:12px;box-shadow:0 10px 35px #332c3420;z-index:100;max-width:min(600px,calc(100% - 32px));text-align:center;line-height:1.7;transition:.25s}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#ab7772}dialog ~ #toast{z-index:100}
@media(min-width:1500px){:root{--sidebar:254px}.sidebar{padding-top:40px}.topbar{padding-left:50px;padding-right:50px}main{padding:43px 50px}.welcome-card{min-height:354px;padding:35px}.welcome-card h2{font-size:35px}.welcome-card p{font-size:12px}.hero-art{right:20px}.art-card{width:118px;height:134px}.art-a{right:50px}.art-b{right:20px;top:160px}.art-c{right:130px;top:116px}.hero-progress{margin-top:33px}.profile-cover{height:80px}.profile-details{padding-top:6px}.profile-details .avatar{margin-top:-40px;width:82px;height:82px}.profile-details h2{font-size:20px}.profile-details p{font-size:12px}.department{font-size:10px}.profile-status{font-size:10px}.profile-stats span{font-size:9px}.profile-stats{margin-top:22px}.course-card.wide{grid-template-columns:170px 1fr}.wide .course-body{padding:23px}.wide .course-visual{min-height:230px}.wide .course-body h3{font-size:18px}.wide .course-body p{font-size:11px}.task-row-copy strong{font-size:12px}.task-row-copy>span{font-size:10px}.task-row{padding:21px 0}.metric{padding:22px}.top-actions{gap:25px}.breadcrumb{font-size:12px}.nav-item{font-size:13px;padding:15px 18px}.sidebar-user strong{font-size:12px}.sidebar-user div>span{font-size:10px}.growth-card strong{font-size:13px}.growth-card p{font-size:11px}.course-body h3{font-size:18px}.course-body p{font-size:12px}.course-meta>span{font-size:10px}.course-meta .points{font-size:12px}.course-progress>span{font-size:10px}}
@media(max-width:1200px){:root{--sidebar:200px}.sidebar{padding-left:12px;padding-right:12px}.brand{font-size:24px;padding:0 10px;gap:9px}.brand-mark{width:36px;height:38px;font-size:31px;border-radius:12px}.brand-caption{font-size:7px}.workspace-label{font-size:8px;margin-left:12px}.nav-item{font-size:11px;padding:12px;gap:11px}.sidebar-user{margin-left:-12px;margin-right:-12px;padding:17px 18px}.growth-card{margin-left:0;margin-right:0}.topbar{padding:0 26px;height:78px}.breadcrumb{font-size:9px}.top-actions{gap:13px}main{padding:30px 26px}h1{font-size:30px}.dashboard-top{grid-template-columns:minmax(0,2.2fr) minmax(200px,1fr);gap:18px}.welcome-card{padding:27px;min-height:315px}.welcome-card h2{font-size:27px}.hero-art{right:-16px;opacity:.9}.art-card{width:83px;height:97px;font-size:8px}.art-card .icon{width:30px;height:30px}.art-a{right:42px;top:60px}.art-b{right:24px;top:146px}.art-c{right:103px;top:113px}.art-star{right:149px}.art-flower{font-size:83px;bottom:16px}.hero-progress{width:185px}.welcome-copy{max-width:74%}.welcome-card p{font-size:9px}.hero-kicker{font-size:7px}.profile-details{padding-left:13px;padding-right:13px}.profile-details h2{font-size:15px}.metrics-row{gap:14px}.metric{gap:10px;padding:16px 13px}.metric-icon{width:36px;height:36px;border-radius:11px}.metric strong{font-size:20px}.metric small{font-size:8px}.dashboard-bottom{grid-template-columns:1fr 1fr;gap:20px}.course-card.wide{grid-template-columns:108px 1fr}.wide .course-body{padding:15px}.wide .course-body h3{font-size:13px}.wide .course-meta>span{font-size:7px}.wide .course-meta .points{font-size:9px}.wide .course-body p{font-size:9px}.wide .course-symbol .icon{width:55px;height:55px}.task-list{padding:4px 14px}.task-row{gap:9px;padding:18px 0}.task-row-copy strong{font-size:9px}.task-row>.points{font-size:9px}.task-check{width:27px;height:27px}.task-row>.icon{display:none}.task-row .points .icon{width:11px}.course-grid{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{gap:18px}.product-visual{height:180px}.product-art{width:155px;height:155px}.product-body{padding:16px}.points-overview{gap:15px}.wallet-card{padding:22px}.wallet-amount{font-size:39px}.earning-card{padding:20px}.points-stats{padding:22px}.adaptation-layout{grid-template-columns:1fr 225px;gap:20px}.searchbox{width:190px}.tabs{gap:19px}.tabs button{font-size:10px}.task-card{padding:22px}.admin-metrics{gap:15px}.admin-metric{padding:20px}.team-department{margin-right:10px}.team-row>div{min-width:140px}}
@media(max-width:1000px){:root{--sidebar:180px}.sidebar .brand{font-size:22px}.brand-mark{width:34px;height:35px}.brand-caption{font-size:6px;letter-spacing:1.6px}.workspace-label{font-size:7px;letter-spacing:1px}.nav-item{font-size:10px;gap:9px;padding:11px}.growth-card{padding:18px 13px}.growth-card strong{font-size:10px}.growth-card p{font-size:9px}.growth-card button{font-size:8px;gap:10px}.sidebar-user{padding:16px 15px;gap:8px}.sidebar-user strong{font-size:9px;max-width:95px}.sidebar-user .avatar{width:29px;height:29px}.topbar{padding:0 22px}.breadcrumb{display:none}.top-actions{margin-left:auto;gap:16px}main{padding:27px 22px}.page-heading p{font-size:11px}.dashboard-top{grid-template-columns:1fr}.profile-card{display:none}.welcome-card{min-height:310px}.hero-art{inset:0 0 0 50%}.art-a{right:49px}.art-b{right:25px}.art-c{right:115px}.metrics-row{gap:10px}.metric{padding:14px 10px}.metric .metric-icon{width:30px;height:30px;border-radius:9px}.metric-icon .icon{width:17px;height:17px}.metric .icon-btn{display:none}.metric strong{font-size:18px}.metric small{font-size:7px}.dashboard-bottom{grid-template-columns:1fr}.course-card.wide{grid-template-columns:145px 1fr;min-height:200px}.wide .course-visual{min-height:200px}.wide .course-body h3{font-size:16px}.wide .course-body p{font-size:11px}.wide .course-meta>span{font-size:9px}.task-row-copy strong{font-size:11px}.task-row-copy>span{font-size:9px}.task-row>.points{font-size:12px}.task-row .points .icon{width:13px}.task-row{padding:18px 0}.reward-strip{padding:18px}.reward-strip .btn{font-size:9px;gap:5px}.reward-strip p{font-size:8px}.reward-strip-icon{width:35px;height:35px}.reward-strip strong{font-size:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-visual{height:190px}.product-art{width:180px;height:180px}.shop-filters{flex-direction:column;align-items:flex-start;gap:15px}.shop-filters .searchbox{width:100%}.adaptation-layout{grid-template-columns:1fr}.journey-aside{display:grid;grid-template-columns:1fr 1fr}.mentor-card{padding:22px}.bonus-card{padding:25px}.points-overview{grid-template-columns:1.2fr 1fr}.earning-card{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;padding:20px 23px}.earning-card h3{margin:0;font-size:12px}.earning-card button{font-size:9px}.earning-card button>.icon:last-child{display:none}.filter-row{flex-wrap:wrap;gap:20px}.filter-row .tabs{width:100%;flex:initial}.filter-row .searchbox{width:100%}.task-grid{grid-template-columns:1fr}.task-card h3{font-size:17px}.admin-metrics{grid-template-columns:repeat(2,1fr)}.admin-overview-grid{grid-template-columns:1fr}.admin-metric{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-metric>span:last-child{grid-column:1/-1}.admin-metric strong{justify-self:end;align-self:center}.admin-mode{font-size:8px;padding:8px 10px}.admin-mode .icon{display:none}.page-heading:has(.admin-mode){align-items:flex-start}.team-department{display:none}.review-list{grid-template-columns:1fr}.team-row>div{min-width:0;margin-right:auto}.content-row>.badge{display:none}.content-section .section-title h2{font-size:15px}.content-section .section-title .btn{font-size:9px;padding:9px 12px;min-height:33px}footer{padding:20px 22px;flex-direction:column;gap:8px}.lesson-layout{grid-template-columns:190px 1fr}.lesson-menu{padding:22px 12px}.lesson-content{padding:28px}.lesson-content h3{font-size:21px}#toast{left:calc(50% + 60px)}}
@media(max-height:850px) and (min-width:701px){.growth-card{display:none}.sidebar-bottom{padding-top:15px}.sidebar{padding-top:26px}.workspace-label{margin-top:30px}.sidebar-user{padding-top:16px;padding-bottom:16px}}
@media(max-width:700px){:root{--sidebar:0px}.sidebar{inset:0 0 auto 0;width:100%;height:67px;flex-direction:row;padding:0 18px;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0;font-size:24px;gap:9px}.brand-mark{width:32px;height:33px;font-size:29px;border-radius:10px}.brand-caption{font-size:6px;letter-spacing:1.5px;margin-top:5px}.sidebar .workspace-label,.sidebar-bottom{display:none}.sidebar nav{position:fixed;bottom:0;left:0;right:0;flex-direction:row;background:#fffffffb;backdrop-filter:blur(10px);border-top:1px solid #e9dfe7;justify-content:space-around;padding:8px 4px max(8px,env(safe-area-inset-bottom));gap:0;z-index:30}.nav-item{flex-direction:column;justify-content:center;gap:5px;font-size:8px;width:auto;padding:7px 9px;border-radius:9px;min-height:46px;font-weight:600}.nav-item .icon{width:19px;height:19px}.nav-item.active::after,.nav-count{display:none}.main-shell{margin:0;padding-top:67px;padding-bottom:73px}.topbar{position:fixed;right:13px;top:0;z-index:25;height:67px;padding:0;background:none;border:none;gap:0;max-width:60%}.top-actions{gap:14px}.demo-label{font-size:8px;display:none}.role-selector select{font-size:9px;max-width:115px;padding-right:15px}.role-selector .icon{width:10px;height:10px}.balance-pill{padding:5px 9px}.balance-pill .points{font-size:10px;gap:3px}.balance-pill .icon{width:12px;height:12px}.notification-btn .icon{width:17px;height:17px}.header-avatar{display:none}.top-actions{gap:11px}main{padding:26px 20px}.page-heading{align-items:flex-start;margin-bottom:24px;gap:14px}.page-heading .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:11px}h1{font-size:29px;line-height:1.25;letter-spacing:-1px}.page-heading p{font-size:10px;line-height:1.8;margin-top:10px}.wave{font-size:29px}.today{font-size:8px;margin-top:30px;gap:4px;display:none}.dashboard-top{gap:0}.welcome-card{min-height:320px;padding:25px 24px;border-radius:16px}.welcome-card h2{font-size:29px;margin-top:23px;max-width:220px}.welcome-copy{max-width:100%}.welcome-card p{font-size:10px;max-width:205px;margin-bottom:24px}.hero-kicker{font-size:7px}.hero-art{opacity:.7;inset:0 -30px 0 45%}.art-card{width:67px;height:83px;border-radius:10px;gap:13px;font-size:6px}.art-a{right:34px;top:88px}.art-c{right:72px;top:145px}.art-b{right:12px;top:185px}.art-card .icon{width:25px;height:25px}.art-flower{font-size:75px;right:11px;bottom:11px}.art-star{right:103px;top:56px;font-size:20px}.art-dot{display:none}.orbit-one{width:245px;height:245px;right:-100px;top:55px}.orbit-two{width:165px;height:165px;right:-60px;top:95px}.hero-progress{width:175px;margin-top:29px}.welcome-card .btn{font-size:9px;padding:11px 12px;min-height:35px}.metrics-row{gap:9px;margin-top:16px;margin-bottom:27px}.metric{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:13px 11px;border-radius:12px}.metric strong{font-size:22px;display:block;line-height:1.3}.metric small{font-size:7px;display:block;margin-top:5px;letter-spacing:0}.metric .metric-icon{width:28px;height:28px}.metric>div>span{font-size:7px;margin-bottom:5px}.metric .metric-icon .icon{width:15px;height:15px}.section-title{margin-bottom:14px}.section-title h2{font-size:16px}.section-title .text-btn{font-size:9px}.course-card.wide{grid-template-columns:110px 1fr;min-height:210px}.wide .course-visual{min-height:210px}.wide .course-body{padding:16px}.wide .course-body h3{font-size:14px}.wide .course-body p{font-size:9px}.wide .course-meta>span{font-size:7px}.wide .course-meta .points{font-size:9px}.wide .course-category{font-size:6px;left:10px;top:13px}.wide .visual-sticker{right:12px;top:113px;width:24px;height:24px}.wide .visual-sticker .icon{width:15px;height:15px}.course-progress>span{font-size:7px}.course-bottom{gap:12px}.task-row{padding:19px 0;gap:10px}.task-row-copy strong{font-size:10px;line-height:1.6}.task-row-copy>span{font-size:8px}.task-row>.points{font-size:10px}.task-row .points .icon{width:12px}.task-check{width:29px;height:29px}.task-list{padding:2px 14px}.reward-strip{flex-wrap:wrap;padding:19px;gap:12px;margin-top:25px}.reward-strip>div{flex:1}.reward-strip strong{font-size:10px;line-height:1.7;display:block}.reward-strip p{font-size:9px;line-height:1.7}.reward-strip .btn{margin-left:47px;margin-top:2px;font-size:9px}.reward-strip-icon{width:35px;height:35px}.dashboard-bottom{gap:27px}footer{font-size:7px;padding:12px 20px 23px;gap:9px}.course-grid{grid-template-columns:1fr;gap:20px}.course-visual{height:165px}.course-body{padding:22px}.course-body h3{font-size:17px}.course-body p{font-size:11px}.course-meta>span{font-size:10px}.course-meta .points{font-size:12px}.course-progress>span{font-size:9px}.learning-banner{padding:20px 17px;gap:13px}.learning-banner .metric-icon{display:none}.learning-banner strong{font-size:12px}.learning-banner p{font-size:9px;line-height:1.8}.mini-ring{width:40px;height:40px;font-size:9px}.filter-row{gap:20px;margin-bottom:20px}.tabs{gap:20px;overflow-x:auto;scrollbar-width:none;padding-top:0;min-height:42px}.tabs button{font-size:10px;padding:11px 0 14px}.tabs button span{font-size:8px}.searchbox{padding:12px;font-size:11px}.searchbox input{font-size:11px}.journey-summary{padding:23px 21px;gap:17px}.journey-summary h2{font-size:20px}.journey-summary p{font-size:10px;max-width:220px}.journey-summary .eyebrow{font-size:7px}.progress-number{font-size:30px}.progress-number small{font-size:17px}.journey-step{gap:12px}.step-number{width:28px;height:28px;font-size:9px}.journey-step:not(:last-child)::before{left:13px}.step-card{padding:19px}.step-card h3{font-size:14px}.step-card p{font-size:10px;line-height:1.9}.step-time{font-size:8px}.step-top{margin-bottom:14px}.step-bottom{gap:10px;flex-wrap:wrap}.step-bottom .btn{font-size:9px;padding:9px 10px}.step-bottom>.small-text{font-size:8px}.journey-aside{gap:15px}.mentor-card{padding:21px 15px}.mentor-card .eyebrow{font-size:6px;letter-spacing:1px}.mentor-card .avatar{width:53px;height:53px;font-size:17px;margin-top:20px}.mentor-card h3{font-size:12px}.mentor-card p{font-size:8px}.mentor-note{font-size:8px;margin:17px 0}.mentor-card .btn{font-size:8px;padding:9px;min-height:31px}.bonus-card{padding:23px 18px;border-radius:17px}.bonus-card>span:first-child{font-size:33px}.bonus-card h3{font-size:17px;line-height:1.4;margin-top:18px}.bonus-card p{font-size:9px;line-height:1.9}.bonus-card .points{font-size:23px}.bonus-card .points .icon{width:18px}.task-card{padding:23px}.task-card h3{font-size:18px}.task-card>p{font-size:11px}.task-bottom .btn{font-size:9px;padding:10px 12px}.task-type{font-size:9px}.info-line{font-size:9px;align-items:flex-start;padding:14px}.info-line .icon{margin-top:2px}.points-overview{grid-template-columns:1fr;gap:16px}.wallet-card{padding:27px}.wallet-amount{font-size:50px}.points-stats{flex-direction:row;padding:23px;gap:20px}.points-stats>div{gap:10px;flex:1}.points-stats>div+div{border-top:0;border-left:1px solid var(--line);padding-top:0;padding-left:18px}.points-stats .metric-icon{width:30px;height:30px;border-radius:9px}.points-stats strong{font-size:24px}.points-stats div>span:not(.metric-icon){font-size:7px}.earning-card{grid-column:auto;display:flex;flex-direction:column;gap:17px;align-items:stretch;padding:23px}.earning-card h3{font-size:14px;margin-bottom:3px}.earning-card button{font-size:11px}.earning-card button>.icon:last-child{display:block}.ledger{padding:0 17px}.ledger-row{gap:12px}.ledger-row strong{font-size:10px}.ledger-row>b{font-size:13px}.ledger-row div>span{font-size:8px}.ledger-icon{width:30px;height:30px;border-radius:9px}.ledger-icon .icon{width:15px;height:15px}.shop-balance{gap:5px;padding-top:23px}.shop-balance>span:first-child{font-size:7px;white-space:nowrap}.shop-balance .points{font-size:20px}.shop-balance .icon{width:15px;height:15px}.shop-filters{gap:17px}.category-pills{gap:4px;flex-wrap:nowrap;overflow:auto;max-width:100%;scrollbar-width:none}.category-pills button{font-size:8px;padding:7px 9px;white-space:nowrap}.product-grid{grid-template-columns:1fr 1fr;gap:13px}.product-visual{height:150px}.product-art-btn{padding:9px}.product-art{width:140px;height:140px}.product-body{padding:15px 13px}.product-category{font-size:7px}.product-body h3{font-size:11px;min-height:35px;margin-top:6px}.product-bottom{flex-wrap:wrap;gap:12px;margin-top:13px;align-items:center}.product-bottom .points{font-size:16px}.product-bottom .points .icon{width:13px}.product-bottom .btn{font-size:9px;padding:8px 11px;min-height:29px}.favorite{width:24px;height:24px;top:10px;right:10px}.favorite .icon{width:12px;height:12px}.soldout{font-size:7px;bottom:8px;left:8px;padding:5px}.orders-list{padding:0 17px}.order-row{gap:12px}.order-row .metric-icon{width:32px;height:32px}.order-details strong{font-size:11px}.order-details span{font-size:8px}.order-actions{width:100%;justify-content:flex-end}.admin-mode{display:none}.admin-metrics{gap:12px}.admin-metric{padding:20px;gap:15px}.admin-metric strong{font-size:29px}.admin-metric>span:last-child{font-size:9px}.admin-metric .metric-icon{width:32px;height:32px}.quick-actions,.activity-panel{padding:23px}.quick-actions>button{font-size:11px;padding:17px 0}.admin-overview-grid{gap:20px}.content-section{padding:18px}.content-section .section-title{gap:10px}.content-section .section-title h2{font-size:14px}.content-section .section-title .btn{font-size:8px;gap:5px;padding:8px 9px;min-height:30px}.content-section .section-title .btn .icon{width:12px;height:12px}.content-row{gap:10px}.content-row strong{font-size:10px;line-height:1.7}.content-row div>span{font-size:8px;line-height:1.8}.content-row .metric-icon{display:none}.content-row .points{font-size:10px}.content-row .points .icon{width:11px;height:11px}.content-row>.btn{font-size:8px;padding:7px;min-height:29px}.team-list{padding:0 17px}.team-row{gap:10px}.team-row .avatar{width:30px;height:30px;font-size:9px}.team-row strong{font-size:10px}.team-row div>span{font-size:8px}.team-row .badge{font-size:7px}.team-row .btn{font-size:8px;padding:8px 9px;min-height:30px}.section-title:has(.team-list){flex-wrap:wrap}.admin-content>.section-title{flex-wrap:wrap;align-items:flex-start;gap:20px}.admin-content>.section-title h2{font-size:15px}.admin-content>.section-title p{font-size:9px;line-height:1.9;margin-top:8px}.review-card{padding:22px}.demo-admin-bar{gap:15px}.demo-admin-bar>span{font-size:8px;line-height:1.8;width:100%;align-items:flex-start}.demo-admin-bar>span .icon{margin-top:2px}.demo-admin-bar .text-btn{font-size:9px}.modal{max-height:92dvh;border-radius:17px;width:calc(100% - 22px)}.modal-head{padding:19px 20px}.modal-head h2{font-size:16px}.modal-content{padding:22px 20px}.field{font-size:10px;margin-bottom:17px}.field input,.field textarea,.field select{font-size:16px;padding:11px 12px}.field-grid{grid-template-columns:1fr;gap:0}.dialog-meta{gap:10px;flex-wrap:wrap}.dialog-meta>span:not(.badge):not(.points){font-size:9px}.dialog-meta .points{font-size:17px}.dialog-description{font-size:12px}.form-actions{gap:8px;padding-top:17px;margin-top:20px}.form-actions .btn{font-size:10px;min-height:38px;padding:11px 13px}.lesson-layout{display:flex;flex-direction:column}.lesson-menu{padding:17px 14px;border-right:0;border-bottom:1px solid var(--line);display:flex;gap:6px;overflow-x:auto;align-items:flex-start}.lesson-menu>.eyebrow,.lesson-reward{display:none}.lesson-menu button{min-width:140px;max-width:180px;width:auto;font-size:9px;padding:10px;align-items:flex-start}.lesson-menu button>span{width:17px;height:17px;font-size:8px}.lesson-content{padding:25px 22px}.lesson-content h3{font-size:22px;line-height:1.5}.lesson-text p{font-size:13px;line-height:1.9}.lesson-content>.eyebrow{font-size:8px}.lesson-tip{font-size:10px;line-height:1.8}.lesson-footer{gap:15px;justify-content:flex-end}.lesson-footer .btn{font-size:10px}.quiz-option{font-size:12px;padding:14px}.lesson-content>p{font-size:11px}.product-dialog-art .product-art{width:185px;height:185px}.product-dialog-price>.muted{font-size:9px}#toast{left:50%;bottom:83px;font-size:11px;padding:13px 20px;min-width:260px}.help-intro{font-size:11px;gap:15px}.help-intro>span{font-size:45px}.notification-list strong{font-size:11px}.notification-list p{font-size:10px}}
.dialog-toast{position:sticky;bottom:12px;margin:0 18px 16px;background:#607761;color:white;padding:13px 18px;border-radius:10px;font-size:12px;box-shadow:0 5px 20px #30243722;z-index:5;line-height:1.7}.dialog-toast.error{background:#a9736f}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}