body{background:#f7f7fc;color:#29334d}header{background:#fff;color:#27334c;border-bottom:1px solid #e8e8f1;padding:17px 25px}header small{color:#7a8295}header strong{letter-spacing:-.5px}.modules button{background:#f1f2fa;color:#59627c;border:0;border-radius:12px;padding:11px 15px}.modules button.active{background:#6554c0;color:white}.banner{background:#fff9e8;color:#87743d;font-size:11px}.banner span{max-width:1000px}.family{max-width:1400px;margin:auto;padding:25px 32px 50px}.family-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.family-top h1{font-size:29px;letter-spacing:-1px;margin:0 0 8px}.family-top p{margin:0;color:#7a8295}.preview-controls{display:flex;gap:8px;flex-wrap:wrap}.preview-controls select{border:1px solid #ddddeb;border-radius:10px;background:white;padding:9px;font-size:12px;color:#626d86;max-width:180px}.family-hero{background:#eeeafa;border:1px solid #e5dff7;border-radius:23px;padding:25px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;position:relative;overflow:hidden}.family-hero h2{font-size:26px;letter-spacing:-.8px;margin:9px 0;color:#423676}.family-hero p{font-size:14px;line-height:1.7;margin:7px 0;max-width:770px}.hero-picture{font-size:72px;min-width:115px;text-align:center;filter:drop-shadow(0 8px 0 #b4a7dd33)}.overline{font-size:11px;font-weight:750;letter-spacing:1.2px;color:#7c6fa8;text-transform:uppercase}.softchip{display:inline-block;background:#fff9;border-radius:20px;padding:6px 11px;font-size:11px;color:#6b628c;margin:6px 5px 0 0}.chapterbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:23px 0 14px}.chapterbar h2{font-size:20px;letter-spacing:-.5px}.book-shelf{display:flex;gap:12px;overflow-x:auto;padding:3px 3px 12px;margin-bottom:10px}.book-card{min-width:190px;flex:1;max-width:300px;display:flex;gap:12px;text-align:left;align-items:center;background:white;border:2px solid #ececf4;border-radius:16px;padding:16px;color:#525d78}.book-card.active{background:#fff;border-color:#8977d9;box-shadow:0 4px 14px #6953b315;color:#453674}.book-icon{display:grid;place-items:center;font-size:30px;width:49px;min-width:49px;height:61px;background:#fff0d7;border-radius:6px 11px 11px 6px;border-left:5px solid #ecc280}.book-card:nth-child(3n+2) .book-icon{background:#e4f2ed;border-color:#95c6b3}.book-card:nth-child(3n+3) .book-icon{background:#eae7fa;border-color:#afa0db}.book-card strong{font-size:13px;display:block;line-height:1.5}.book-card small{display:block;font-size:11px;color:#8c91a2;margin-top:5px}.family-body{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:22px;align-items:start}.family .panel,.employee .panel{border:1px solid #e5e6ef;border-radius:19px;box-shadow:0 4px 18px #22214703}.family .panelhead{background:white;padding:18px 21px;font-size:16px;border-color:#eff0f5}.family .panelbody{padding:20px}.family .pagearea{background:#eeedf4;padding:13px}.family .pagearea img{border-radius:7px}.family .toolbar button{border-radius:10px;border:0;background:#f1eef9;color:#65519f;font-weight:600}.family .toolbar input{border-color:#e5e0f2}.parentpage .pageinfo{display:none}.family .toolbar{justify-content:center;gap:10px}.family .primary,.employee .primary{background:#6d59c3;color:white;border:0;border-radius:10px}.family-media{position:sticky;top:15px}.media-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f2f1f8;border-radius:13px;padding:5px;gap:5px;margin-bottom:14px}.media-tabs button{border:0;background:none;padding:12px 7px;border-radius:10px;color:#7e8296;font-weight:650}.media-tabs button.active{background:white;color:#6854b2;box-shadow:0 2px 8px #35305b0c}.media-hint{background:#eaf5f1;border-radius:12px;padding:13px;color:#4e7e70;font-size:12px;line-height:1.75;margin:13px 0}.family .search{border-color:#e8e7f1;border-radius:11px;padding:12px}.library-list{max-height:370px;overflow:auto;padding-right:4px}.library-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:white;border:1px solid #eeedf4;border-radius:12px;margin:8px 0;padding:12px}.library-item:hover{background:#faf8ff}.library-item.selected{background:#f0eafa;border-color:#d4c5f2}.media-play{width:35px;height:35px;min-width:35px;border-radius:50%;display:grid;place-items:center;background:#f0eafa;color:#7b5ebb;font-size:13px}.video-item .media-play{background:#fff0dd;color:#b58341}.library-item .filename{font-size:12px}.family audio,.family video{border-radius:12px;margin-top:13px}.friendly-empty{background:#f7f6fb;border-radius:13px;text-align:center;padding:26px 16px;color:#8a87a0;font-size:13px;line-height:1.8}.friendly-empty span{display:block;font-size:32px;margin-bottom:8px}.family-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:23px}.smallcard{border:1px solid #e8e8f0;border-radius:18px;padding:21px;background:white}.smallcard h3{font-size:16px;margin:0 0 14px}.smallcard .big{font-size:29px;font-weight:750;letter-spacing:-.8px}.smallcard p{font-size:12px;color:#81889b;line-height:1.7}.smallcard button{border:0;background:#f1eef9;color:#6e59ac;border-radius:9px;font-weight:600;font-size:12px}.smallcard.mint{background:#eef8f3;border-color:#ddefe4}.smallcard.peach{background:#fff5e9;border-color:#f4e7d5}.family-alert{border-radius:15px;padding:17px 21px;background:#fff0db;border:1px solid #f4d8aa;display:flex;gap:15px;align-items:center;margin-bottom:20px;color:#866022}.family-alert strong{display:block;font-size:14px}.family-alert p{font-size:12px;margin:5px 0}.family-alert button{margin-left:auto;flex-shrink:0;background:#b17a2e;color:white;border:0;border-radius:10px}.alert-icon{font-size:27px}.chatline{border-radius:13px;background:#f3f1fa;padding:11px 13px;margin:10px 0;font-size:12px;line-height:1.7}.chatline.parent-msg{background:#eaf5ef;margin-left:20px}.chatline small{display:block;font-size:10px;color:#8a869c;margin-bottom:4px}.messagebox{display:flex;gap:8px;margin-top:14px}.messagebox input{flex:1;min-width:0;padding:12px;border:1px solid #e0deed;border-radius:10px}.messagebox button{border:0;border-radius:10px;background:#705bc1;color:white}.employee{max-width:1400px;margin:auto;padding:28px 32px 50px}.employee-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.employee-title h1{font-size:29px;letter-spacing:-1px;margin:0 0 8px}.employee-title p{font-size:13px;color:#84899a;margin:0}.employee-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.employee-stat{padding:20px 22px;border-radius:17px;background:#fff;border:1px solid #e6e7ef}.employee-stat strong{font-size:31px;display:block;margin:9px 0 5px}.employee-stat span{font-size:12px}.employee-stat.rose{background:#fff0ee;border-color:#f5d9d4;color:#ad5f55}.employee-stat.gold{background:#fff6e7;border-color:#efdfc0;color:#a17a35}.employee-stat.blue{background:#eeeffb;border-color:#dcdff5;color:#6773ac}.employee-body{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:22px;align-items:start}.task-card{border:1px solid #eadfdc;border-left:5px solid #dc9b64;background:white;border-radius:14px;padding:19px;margin:13px 0}.task-card.urgent{border-left-color:#d87e7b;background:#fffbfa}.task-card.soon{border-left-color:#d8b267}.task-card.done{border-left-color:#91bda1;background:#f6fbf8}.task-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.task-top h3{font-size:16px}.task-card p{font-size:12px;line-height:1.75;color:#888294;margin:8px 0}.task-call{font-size:14px;font-weight:650;margin:12px 0;color:#5d536d}.task-card .actions button{border-radius:9px;font-size:12px;border-color:#e6e0e9}.task-card .actions .primary{background:#775eb4}.task-tag{display:inline-block;font-size:10px;font-weight:700;border-radius:20px;padding:6px 10px;background:#fff0df;color:#aa7a48}.urgent .task-tag{background:#fce5e1;color:#b4645b}.done .task-tag{background:#e4f3e9;color:#598669}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filters button{border:0;border-radius:20px;background:#eeedf4;color:#888198;font-size:12px}.filters button.active{background:#7563b3;color:white}.class-work{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid #f0edf4}.class-work strong{font-size:13px}.class-work small{display:block;color:#9391a2;font-size:11px;margin-top:6px}.class-work button{font-size:11px;border:0;background:#f0edf8;color:#7963b1;border-radius:8px}.request-box{padding:15px;border-radius:13px;background:#f8f6fc;margin-top:12px}.request-box h3{font-size:13px}.request-box p{font-size:12px;color:#89839b}.request-box .actions button{font-size:11px}.employee .panelhead{background:white;border-color:#eeedf4;padding:18px 21px}.employee .panelbody{padding:8px 20px 20px}.gentle{font-size:11px;color:#9593a5;line-height:1.7;margin-top:13px}.app aside{background:#efedf8}.app .classbtn.active{background:#7d69ba;border-radius:11px}.app main>.tophelp{color:#8a829c}.app .right{background:#f5f2fa}.app .panel{border-radius:13px;border-color:#e1dced}.app .panelhead{background:#fcfbff}.app .primary{background:#8266bc;border-color:#8266bc}.app .pageinfo{background:#f1edf9;color:#8673a5}.app .pagearea{background:#e8e3ef}.lesson-edit-row{display:flex;gap:8px;flex-wrap:wrap}.lesson-edit-row input{width:90px}.date-step{display:flex;align-items:center;gap:10px}.date-step button{border-radius:50%;width:33px;height:33px;padding:0;background:#fff9;border:0;color:#7663ac}.summary-line{font-size:12px;color:#7b6f9c;margin-top:14px}.family .attendance-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#8cbaa5;margin-right:5px}.editor-preview{background:#f1eff9;padding:13px;border-radius:10px;font-size:12px;color:#807096}.date-input{padding:7px;border:1px solid #e5dfef;border-radius:8px;color:#807195;background:#fff8}.bookstatus{font-size:10px;color:#a286ad}.employee-mini-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.employee-mini-title select{font-size:12px;padding:7px;border:1px solid #e8e3ef;border-radius:9px}.message-thread{max-height:320px;overflow:auto}.family details{border-top:1px solid #eeeaf4;margin-top:14px}.family summary{color:#92889e}.family .row{font-size:12px}
@media(max-width:1050px){.family,.employee{padding:22px}.family-body{grid-template-columns:minmax(0,1fr) 330px}.employee-body{grid-template-columns:minmax(0,1fr) 300px}.family-bottom{gap:10px}.hero-picture{font-size:55px;min-width:80px}.book-card{min-width:175px}}@media(max-width:780px){.family,.employee{padding:18px 14px}.family-top,.employee-title{align-items:start;flex-direction:column}.family-hero{padding:21px;gap:8px}.family-hero h2{font-size:22px}.hero-picture{font-size:42px;min-width:55px}.family-body,.employee-body{grid-template-columns:1fr}.family-media{position:static}.family-bottom{grid-template-columns:1fr}.family .panelbody{padding:16px}.family .panelhead{padding:15px}.family-alert{align-items:start;flex-wrap:wrap}.family-alert button{margin-left:43px}.employee-cards{gap:8px}.employee-stat{padding:15px 11px}.employee-stat strong{font-size:26px}.employee-stat span{font-size:10px}.book-card{min-width:178px}.preview-controls select{max-width:155px}.family-top h1,.employee-title h1{font-size:26px}.library-list{max-height:310px}.family .pagearea{padding:6px}.date-step{font-size:12px}.task-card{padding:16px}.family-hero .overline{font-size:10px}}