.school-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);border:1px solid #282828;border-radius:18px;overflow:hidden;background:#0a0a0a}.school-categories{padding:10px;background:#101010;border-right:1px solid #282828;min-width:0}.school-category-row{display:flex;align-items:center;border-radius:12px;min-width:0;margin-bottom:5px}.school-category{border:1px solid transparent;background:transparent;color:#d8d8d8;display:flex;align-items:center;gap:12px;min-height:60px;padding:12px;border-radius:12px;cursor:pointer;flex:1;min-width:0;text-align:left;font:600 13px Manrope,sans-serif}.school-category.is-active{background:#301e11;border-color:#75401c;color:#ffad6b}.school-category .icon{width:20px;height:20px;flex-shrink:0}.school-category-order{display:grid;grid-template-columns:24px 24px;align-items:center}.school-category-order button{display:grid;place-items:center;min-height:44px;width:24px;border:0;background:transparent;color:#999;cursor:pointer}.school-category-order .icon{width:14px;height:14px}.school-category-order button:hover{color:#ff8a38}.school-material-panel{padding:24px;min-width:0}.school-material-top{display:flex;gap:12px;align-items:center;margin-bottom:20px}.school-search{display:flex;align-items:center;gap:10px;min-width:0;flex:1;border:1px solid #303030;border-radius:11px;background:#111;padding:0 13px;min-height:46px;margin:0}.school-search>.icon{position:static;flex:0 0 18px;width:18px;height:18px;color:#888}.school-search>input[type=search]{border:0!important;outline:0;background:transparent!important;color:#fff;min-width:0;width:100%;height:44px;padding:0!important;font:400 13px Manrope,sans-serif;box-shadow:none!important}.school-search:focus-within{border-color:#ff7c22}.school-material-row{display:flex;gap:10px;align-items:center;min-width:0;padding:16px 0;border-bottom:1px solid #242424}.school-material-row>a{display:flex;align-items:center;gap:13px;flex:1;min-width:0;color:white;text-decoration:none}.school-material-row strong{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.school-material-icon{display:grid;place-items:center;background:#1a1a1a;border-radius:12px;min-width:42px;width:42px;height:42px;color:#ffad70}.school-material-state{font-size:11px;color:#c0aaa0;display:flex;align-items:center;gap:5px;white-space:nowrap}.school-material-state.is-mastered{color:#a7d5a9}.school-material-state>.icon{width:15px;height:15px}.school-empty{padding:30px 0;color:#aaa;line-height:1.8;font-size:13px}.school-student-toolbar{display:flex;gap:12px;margin-bottom:20px;align-items:center}.school-student-toolbar>select{width:auto;max-width:190px;min-height:46px}.school-student-row{display:flex;gap:15px;align-items:center;min-height:86px;padding:16px 4px;border-bottom:1px solid #262626;color:#fff;text-decoration:none}.school-student-row>span{flex:1;min-width:0}.school-student-row strong{font-size:15px;line-height:1.5;overflow-wrap:anywhere}.school-student-row small{display:block;color:#b8a99e;margin-top:6px;font-size:11px}.school-student-row>.icon{color:#888;width:18px}.school-crm-section{padding:20px 0;border-bottom:1px solid #292929}.school-crm-section:first-of-type{padding-top:8px}.school-crm-section>h3{font-size:17px;color:#ffac6c;margin:0 0 13px}.school-crm-section>.preserve-lines{font-size:14px;line-height:1.95;overflow-wrap:anywhere}.school-crm-history{margin-top:25px}.school-crm-history summary{cursor:pointer;min-height:44px;padding:12px 0;color:#ddd}.school-crm-history>details{margin:10px 0;padding:12px 18px;background:#121212;border-radius:12px;line-height:1.9}.school-crm-history .preserve-lines{font-size:12px;overflow-wrap:anywhere}.access-folder{border:1px solid #282828;border-radius:12px;margin:12px 0;overflow:hidden}.access-folder-heading{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#111;min-width:0}.access-folder-heading>strong{flex:1;font-size:13px;overflow-wrap:anywhere;line-height:1.6}.access-folder-heading>.icon{color:#e3945d;width:18px;flex-shrink:0}.access-children{padding:0 10px}.access-lesson{display:flex;align-items:center;gap:10px;padding:8px 4px;border-top:1px solid #202020;font-size:12px;line-height:1.7}.access-lesson>span{flex:1;min-width:0;overflow-wrap:anywhere}.access-eye{width:44px!important;height:44px!important;flex-shrink:0}.access-eye.is-visible{color:#b5d5b9;background:#1c3020}.access-eye.is-hidden{color:#aaa;background:#292222}.school-picker-row{display:flex;gap:12px;align-items:center;min-height:58px;padding:12px 3px;border-bottom:1px solid #242424;cursor:pointer;font-size:13px;line-height:1.6}.school-picker-row>input{width:20px;height:20px;accent-color:#ff7620;flex-shrink:0}.school-picker-row>span{flex:1;min-width:0;overflow-wrap:anywhere}.school-picker-row small{color:#999;font-size:10px}.school-student-photo{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.school-student-photo .avatar{height:84px;width:84px;font-size:27px}.school-student-photo input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.school-account-actions{display:flex;flex-wrap:wrap;gap:10px;padding:18px 0}.school-status-note{padding:16px;background:#191510;border:1px solid #473321;border-radius:12px;line-height:1.8}.search-field>input.input[type=search]{padding-left:42px!important;padding-right:12px!important}.search-field>.icon{left:13px!important;width:17px!important;height:17px!important;pointer-events:none}
@media(max-width:800px){.school-workspace{grid-template-columns:minmax(0,1fr)}.school-categories{display:flex;gap:8px;overflow-x:auto;border-right:0;border-bottom:1px solid #282828;scrollbar-width:thin;padding:8px}.school-category-row{flex:0 0 auto;margin:0;display:block;position:relative;padding-bottom:26px;background:#141414}.school-category{min-height:45px;min-width:125px;gap:8px;font-size:12px;padding:10px}.school-category-order{position:absolute;bottom:0;left:6px;right:6px;display:flex;justify-content:space-between}.school-category-order button{min-height:28px;height:28px;width:44px}.school-material-panel{padding:18px 14px}.school-material-top{gap:8px}.school-material-top>.btn{padding:10px;font-size:12px;min-height:46px}.school-material-row{flex-wrap:wrap;gap:7px}.school-material-row>a{min-width:calc(100% - 85px)}.school-material-state{margin-left:55px;flex:1}.school-material-row>.btn{min-height:44px;min-width:44px;padding:10px}.school-student-toolbar{flex-wrap:wrap}.school-student-toolbar>.school-search{min-width:100%}.school-student-toolbar>select{max-width:100%;width:100%}.school-students{padding:18px 14px}.school-crm-section>.preserve-lines{font-size:13px}.access-children{padding-inline:7px}.access-folder-heading{padding-inline:8px}.school-search>input[type=search]{font-size:12px}.school-account-actions>.btn{flex:1}}
.school-mentor-settings{margin:18px 0;border-top:1px solid #292929;border-bottom:1px solid #292929;padding:4px 0}.school-mentor-settings>summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:13px;font-weight:700;color:#ddd}.school-mentor-settings>.check-row{min-height:44px;font-size:13px}
.school-owner-home{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.school-owner-home>a{color:#fff;text-decoration:none;padding:28px;min-width:0}.school-owner-home>a>.icon{color:#ff984a;width:30px;height:30px}.school-owner-home h2{font-size:25px;margin:18px 0 9px}.school-owner-home p{color:#aaa;font-size:13px;line-height:1.8}.access-children .access-folder{border-left:0;border-right:0;border-radius:0;margin-block:0}.access-children .access-children{padding-inline:0}.school-category-order button{min-width:24px}.character-frame>.living-pet{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%}
@media(max-width:700px){.school-owner-home{grid-template-columns:1fr}.school-owner-home>a{padding:22px}.school-category-row{padding-bottom:44px}.school-category-order button{height:44px;min-height:44px;width:44px}.school-material-panel .btn{flex-shrink:0}}
.school-student-row>span:not(.avatar){flex:1 1 auto;min-width:0}
.school-student-row>.avatar{flex:0 0 46px!important;width:46px!important;height:46px!important;min-width:46px;max-width:46px;aspect-ratio:1;border-radius:50%;overflow:hidden}
.school-student-photo .avatar{flex:0 0 84px;width:84px;height:84px;min-width:84px;max-width:84px;aspect-ratio:1;border-radius:50%;overflow:hidden}
.avatar>img{display:block;width:100%;height:100%;min-width:100%;max-width:100%;object-fit:cover;aspect-ratio:1}