/* CLASSBOM workspace · neutral surfaces, charcoal navigation, blue actions.
   Layout compatibility styles load first; this file owns the visual system. */
:root{--brand:#2870e8;--brand-strong:#1760d7;--brand-soft:#edf4ff;--green:var(--brand-strong);--text:#202939;--muted:#697586;--border:#e4e8ef;--light:#f1f4f8;--canvas:#f5f7fa;--radius:14px;color:var(--text);background:var(--canvas);font-size:14px;font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif}
body{background:var(--canvas);color:var(--text);letter-spacing:-.25px}h1,h2,h3,.stat-number{color:var(--text)}h1{font-size:28px;letter-spacing:-1.2px;line-height:1.35}h2{font-size:17px;font-weight:750}h3{font-size:15px}small,.subtext{color:var(--muted)}p{line-height:1.8}a{color:var(--brand-strong)}button{transition:background .16s,border-color .16s,box-shadow .16s}button:disabled{opacity:.48}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #80aff6;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #8bb8fa;outline-offset:2px}input[type=checkbox],input[type=radio]{accent-color:var(--brand-strong)}[hidden]{display:none!important}.icon{stroke-width:1.7;width:19px;height:19px}
.skip-link{position:fixed;top:-70px;left:270px;z-index:100;padding:12px 20px;background:white;border:2px solid var(--brand);border-radius:10px}.skip-link:focus{top:12px}
.sidebar{width:236px;inset:0 auto 0 0;height:100dvh;padding:26px 15px 12px;background:#202630;border:0;color:#f6f8fb;z-index:45;display:flex;flex-direction:column;overflow:hidden}.sidebar .brand{padding:0 7px;gap:10px;color:white;font-size:24px;letter-spacing:-1px}.brand img,.sidebar .brand img{width:44px;height:44px;object-fit:contain;background:white;border-radius:11px;flex:none}.brand small{font-size:10px;letter-spacing:.4px;color:var(--muted);margin-top:4px}.brand em{font-style:normal;color:var(--brand);font-size:9px;letter-spacing:1px;display:block}.sidebar .brand em{display:none}.sidebar .brand small{color:#acb3bc;font-weight:400}.sidebar .academy{display:flex;padding:12px 10px;margin:24px 0 17px;background:#303037;border:1px solid #414049;border-radius:10px;gap:10px}.sidebar .academy .avatar{background:#41474f;color:#d6e6fa;width:31px;height:31px}.sidebar .academy strong{font-size:12px;color:#eaeff6;max-width:153px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .academy small{color:#a6adb7;font-size:9px;letter-spacing:.7px;margin-top:4px}.sidebar .nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto;min-height:0;flex:1;padding-right:3px;scrollbar-width:thin;scrollbar-color:#4b525c transparent}.sidebar .nav-group{font-size:10px;letter-spacing:.8px;color:#a2abb7;margin:17px 11px 7px;display:block}.sidebar .nav-group:first-child{margin-top:0}.sidebar .nav button{width:100%;flex:none;min-height:37px;padding:9px 12px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:11px;border-radius:7px;font-size:12px;line-height:1.4;color:#bfc5cc;white-space:nowrap}.sidebar .nav button:hover{background:#32373d;color:white}.sidebar .nav button.active{background:#2563eb;color:white;font-weight:650;box-shadow:none}.sidebar .nav button .icon{width:17px;height:17px}.sidebar .sidebar-bottom{margin:12px 0 0;flex:none}.sidebar .support{display:none}.sidebar .profile{border-top:1px solid #414049;padding:15px 7px 0;gap:10px;color:#f2f6fb}.sidebar .profile strong{font-size:12px}.sidebar .profile small{font-size:10px;color:#a9b3c0}.sidebar .profile .avatar{background:#46515f;color:#e0edff;width:32px;height:32px}.sidebar .profile button{color:#afb9c5}.main{margin-left:236px;margin-bottom:0;min-width:0}.topbar{height:70px;padding:0 34px;background:white;border-bottom:1px solid var(--border);box-shadow:none;gap:16px;position:sticky;top:0;z-index:25}.topbar .breadcrumb{font-size:12px;color:var(--muted);white-space:nowrap}.breadcrumb strong{color:var(--text);font-weight:600}.breadcrumb span{margin:0 10px;color:#b6bdc7}.top-actions{gap:16px;margin-left:auto}.top-actions .btn{font-size:11px;min-height:34px;padding:7px 11px}.web-back{border:0!important;padding:5px!important;color:var(--muted)!important;box-shadow:none!important;background:transparent!important}.global-search{display:flex;align-items:center;gap:10px;color:#868c94;font-size:12px;min-width:210px;text-align:left}.global-search kbd{margin-left:auto;border:1px solid var(--border);border-radius:5px;font-size:10px;padding:3px 5px;background:#f9fafc;color:#81878f}.demo-note{padding:6px 30px;font-size:10px;background:#ecf0f6;color:#66768b;line-height:1.5;text-align:right;border-bottom:1px solid #dfe6ef}.content{max-width:1600px;margin:auto;padding:32px 36px 48px;min-width:0}.page-head{margin-bottom:26px;gap:20px;align-items:center}.eyebrow{color:#818e9f;font-size:9px;letter-spacing:1.5px;font-weight:700;margin-bottom:7px}.subtext{font-size:12px;line-height:1.8;max-width:none;margin-top:7px}.page-head .subtext{margin-top:8px;color:#81878f}.page-head .actions{gap:8px;flex-wrap:wrap}.page-head input,.page-head select{border:1px solid var(--border);padding:9px 11px;border-radius:8px;background:white;min-height:37px;font-size:12px}.mobile-brand,.menu-toggle,.menu-scrim{display:none}
.btn{background:white;border:1px solid #dee2e7;color:#4c545f;border-radius:8px;min-height:38px;padding:9px 15px;font-size:12px;font-weight:600;box-shadow:0 1px 2px #24213205;gap:7px;line-height:1.5}.btn:hover{background:#f3f7fc;border-color:#c3d3e9;color:var(--brand-strong)}.btn.primary{background:var(--brand-strong);border-color:var(--brand-strong);color:white;box-shadow:0 2px 4px #60439214}.btn.primary:hover{background:#124fb9;border-color:#124fb9;color:white}.btn.soft{background:var(--brand-soft);border-color:#e1ecfa;color:var(--brand-strong)}.btn.small{min-height:31px;padding:6px 10px;font-size:11px}.btn.danger{background:#fff5f5;border-color:#f3d7d7;color:#ac3844}.text-button,.hero-link{color:var(--brand-strong);font-size:12px}.badge{padding:4px 8px;border-radius:6px;font-size:10px;line-height:1.5;font-weight:600;white-space:nowrap}.badge.green{background:#eaf5ef;color:#2b7756}.badge.purple{background:#edf4ff;color:#2766c7}.badge.orange{background:#fff4e6;color:#a86c23}.badge.red{background:#fff0f1;color:#b44856}.badge.grey{background:#eff1f4;color:#717881}.pill{font-size:10px;padding:5px 9px;background:#f1f4f7;border:1px solid #e2e8f0;color:#657488}.dot{background:#88a891}.panel{background:white;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 5px #302c4403;overflow:hidden;margin-bottom:20px}.panel-head{padding:21px 23px;border-bottom:1px solid #edf0f4;gap:12px}.panel-head h2{font-size:15px}.panel-head h2 span{font-size:11px;color:#8c9bae;font-weight:500;margin-left:7px}.panel-head small{font-size:10px}.panel-body{padding:22px 23px}.panel-head+.panel-body{padding-top:20px}.notice{background:#eff2f6;border:1px solid #dfe5ed;color:#6a788b;border-radius:10px;padding:13px 17px;font-size:11px;line-height:1.8;margin:0 0 20px}.notice.green{background:#eff6f3;border-color:#deebe5;color:#547163}.stats{gap:16px;margin:0 0 24px;grid-template-columns:repeat(4,minmax(0,1fr))}.stat{border:1px solid var(--border);padding:20px 22px;background:white;border-radius:12px;box-shadow:none;min-width:0}.stat-top{color:#747d88;font-size:12px;font-weight:500}.stat-icon{background:#edf3fa!important;color:#6b8db9!important;border-radius:9px;padding:7px}.stat-number{font-size:29px;letter-spacing:-1px;margin:11px 0 9px;line-height:1.25;font-weight:750;font-variant-numeric:tabular-nums}.stat-number span{font-size:12px;color:#79828e;margin-left:5px;font-weight:500}.stat-foot{font-size:10px;color:#90979f}.stat:nth-child(2) .stat-icon{background:#edf5f0!important;color:#6b917c!important}.stat:nth-child(3) .stat-icon{background:#fcf2e8!important;color:#b59766!important}.stat:nth-child(4) .stat-icon{background:#f8edf1!important;color:#b58295!important}
table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}thead{background:#f9fafc}th{font-size:10px;font-weight:600;color:#868e99;border-bottom:1px solid var(--border);padding:13px 20px;white-space:nowrap}td{padding:17px 20px;color:#50575f;border-bottom:1px solid #edf0f4;font-size:12px;line-height:1.6}td small{font-size:10px;color:#8b939e}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfd}.table-wrap{overflow:auto;max-width:100%;scrollbar-width:thin}.table-footer{font-size:11px;color:var(--muted);padding:14px 20px;border-top:1px solid var(--border)}.toolbar{padding:17px 20px;border-bottom:1px solid var(--border);gap:12px;flex-wrap:wrap}.search{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--border);border-radius:8px;background:white;color:#939ead}.search input{border:0;outline:none;background:transparent;padding:0;font-size:12px;min-width:0;max-width:100%;color:var(--text);width:190px}.search:focus-within{outline:2px solid #8bb8fa;outline-offset:2px}.search input:focus{outline:none}.toolbar>input{padding:10px 13px;border:1px solid var(--border);border-radius:8px;background:#fbfcfd;font-size:12px;min-width:0}.avatar{width:35px;height:35px;border-radius:11px;font-size:11px;background:#eaf1fa;color:#708baf}.color-0{background:#e6edf6;color:#6e88a9}.color-1{background:#e7f1ec;color:#668877}.color-2{background:#f6ede0;color:#a38b66}.color-3{background:#f6e7ec;color:#ac7c8f}.color-4{background:#e8ebf6;color:#7c87ae}.person{gap:11px}.ops-person small{font-size:10px;display:block;margin-top:4px}.ops-tags{gap:5px;flex-wrap:wrap}.ops-tags .badge{font-size:9px;border:0}.ops-count-strip{display:flex;gap:28px;padding:0 0 20px;margin:0;border:0;background:transparent}.ops-count-strip span{font-size:11px;color:#8a96a5}.ops-count-strip b{font-size:21px;color:#46515f;margin-left:10px}.course-filter-strip{padding:0 0 22px;gap:8px}.course-filter-chip{border:1px solid #dce1e8;background:white;color:#757e8a;padding:8px 14px;font-size:11px;border-radius:8px}.course-filter-chip:before{color:var(--course);font-size:10px}.course-filter-chip.selected{border:1px solid var(--course);background:var(--course-bg);color:var(--course);box-shadow:none}.ops-filter,.segmented{display:flex;gap:4px;padding:4px;background:#edf0f3;border-radius:9px;width:fit-content;max-width:100%;overflow:auto}.ops-filter button,.segmented button{color:#808b9a;font-size:11px;padding:8px 15px;white-space:nowrap;border-radius:6px}.ops-filter button.active,.segmented button.active{background:white;color:var(--brand-strong);box-shadow:0 1px 4px #35294110;border-color:transparent}.tabs{border-bottom:1px solid var(--border);gap:24px}.tabs button{font-size:12px;color:#7d8998}.tabs button.active{color:var(--brand-strong);border-color:var(--brand-strong)}
.workspace-tabs{display:flex;gap:24px;border-bottom:1px solid #dde3ea;margin:0 0 22px;overflow:auto}.workspace-tabs button{position:relative;color:#7d8b9d;padding:13px 1px;font-size:12px;white-space:nowrap;border-bottom:2px solid transparent}.workspace-tabs button.active{color:var(--brand-strong);border-bottom-color:var(--brand-strong);font-weight:700}.settings-grid{display:block;max-width:1060px}.settings-grid>.panel{margin-bottom:0}.settings-grid .panel-body{max-width:880px;padding:26px}.settings-grid .note-actions{gap:12px}.academy-facts{grid-template-columns:140px 1fr;padding:18px 0;gap:20px}.academy-facts dt{font-size:12px;color:#828e9e}.academy-facts dd{font-size:13px}.admin-member{padding:19px 0}.danger-zone{margin-top:26px;padding-top:18px}.danger-zone summary{cursor:pointer;color:#ae5360}.test-tools{background:#f8fafc;border:1px dashed #ced8e6;padding:20px}.subscription-summary{padding:28px 32px;background:#24282e;color:white;border:0;border-radius:14px;align-items:center}.subscription-summary h2{color:white;font-size:26px}.subscription-summary p,.subscription-summary small,.subscription-summary .eyebrow{color:#b2bfd1}.subscription-summary strong{color:#eaf3ff;font-size:26px}.plan-grid{gap:20px}.plan{padding:27px;border-color:var(--border);border-radius:14px}.plan.featured{background:#fafcff;border:2px solid #6f90bb}.plan .price{color:#323c48;font-size:33px;margin:24px 0 5px}.plan .price span{font-size:11px;color:#8592a4}.plan ul{color:#7b8591;font-size:12px;line-height:2.7}.plan li:before{color:#859ab5}.mini-list{padding:15px 0;border-bottom-color:#ebeef2;font-size:12px;gap:15px}.mini-list small{font-size:10px}.due{color:#af7350}
/* Daily workspace */
.day-overview{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:20px;margin-bottom:24px}.day-welcome{position:relative;border:1px solid #dde5ef;border-radius:14px;padding:28px 30px;background:#e9eff7;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px}.day-welcome h2{font-size:25px;color:#3b495c;line-height:1.45;letter-spacing:-1px}.day-welcome p{color:#78899f;font-size:12px;margin:12px 0 20px}.day-welcome .eyebrow{color:#8195af}.day-orbit{width:160px;height:155px;position:relative;flex:none}.orbit-ring{width:125px;height:125px;border:1px solid #bbc9db;border-radius:50%;position:absolute;left:10px;top:15px}.orbit-ring:after{content:'';position:absolute;inset:16px;border:1px solid #c6d2e2;border-radius:50%}.orbit-card{position:absolute;padding:12px 16px;border-radius:12px;background:#fffdfd;box-shadow:0 8px 20px #6c508017;font-size:10px;color:#838f9e;transform:rotate(-8deg);left:4px;top:24px;z-index:1}.orbit-card b{display:block;font-size:23px;color:#516887;margin-top:3px}.orbit-card:last-child{left:auto;right:0;top:auto;bottom:10px;transform:rotate(8deg);background:#faf3e8;color:#a19177}.orbit-card:last-child b{color:#9e8865}.day-focus{background:#25292f;color:white;border-radius:14px;padding:24px}.day-focus .eyebrow{color:#a3b4ca}.day-focus h2{color:#eef3fa;font-size:17px;margin:4px 0 14px}.focus-row{display:flex;width:100%;align-items:center;gap:10px;border-top:1px solid #3b4450;padding:12px 0;color:#bec8d4;font-size:12px;text-align:left}.focus-row b{margin-left:auto;color:#e5f0ff;font-size:16px}.focus-row .icon{width:15px;color:#93a3b8}.ops-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 25px}.ops-shortcuts>button{border:1px solid var(--border);padding:15px 17px;border-radius:10px;background:white;gap:12px;color:#596574;font-size:12px;text-align:left;display:flex;align-items:center}.ops-shortcuts>button>.icon:first-child{background:#eaf0f7;border-radius:8px;padding:7px;box-sizing:content-box;width:17px;height:17px;color:#7b96b9}.ops-shortcuts small{font-size:9px;display:block;margin-top:4px;color:#96a1af}.ops-shortcuts>button>.icon:last-child{margin-left:auto;width:14px;color:#a4afbd}.ops-dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:20px}.ops-dashboard-grid>.panel{margin:0}.agenda-row{padding:17px 22px;gap:15px;border-bottom-color:#edf0f4;text-align:left}.agenda-row time{color:#637081;font-size:14px;font-weight:650;min-width:48px}.agenda-row time small{font-size:10px;color:#a3aebc;margin-top:4px}.agenda-row strong{font-size:12px}.agenda-row small{color:#939fae;font-size:10px;margin-top:6px}.agenda-stripe{background:#a0b3cc;width:3px;border-radius:3px}.agenda-row:nth-child(2n) .agenda-stripe{background:#99b4a3}.agenda-row:nth-child(3n) .agenda-stripe{background:#d5bd91}.agenda-count{font-size:11px;color:#8392a6}.ops-agenda-foot{font-size:10px;color:#929eae;background:#f9fbfd;padding:16px 22px}.ops-task-row{padding:17px 22px;gap:12px;border-bottom-color:#ebeff4}.task-check{border-color:#d3dce7;width:18px;height:18px;border-radius:6px}.task-check.checked{background:#e8f1ea;color:#78987e;border-color:#bcd4c1}.task-description strong{font-size:12px;color:#535e6d;font-weight:600}.task-description small{font-size:10px;color:#9ba6b5;margin-top:6px}.ops-briefing button{padding:16px 23px;gap:12px}.ops-briefing strong{font-size:12px}.ops-briefing small{font-size:10px;color:#95a1b1}.brief-icon{border-radius:10px}.brief-icon.blue,.brief-icon.violet{color:#829aba;background:#ebf1f9}.brief-icon.amber{background:#f8f0e3;color:#b39a6e}.attendance-mini b{color:#657b97;font-size:38px}.attendance-mini b small{font-size:12px;color:#8e9fb6}.attendance-mini span{color:#909cac;font-size:11px}.ops-empty{padding:34px 20px}.ops-empty h3{font-size:14px;color:#717e8e}.ops-empty p{font-size:11px;color:#96a1af}.ops-empty>span{color:#a1b1c6;background:#f0f4f9}.ops-footnote{font-size:10px;color:#96a0ae;line-height:1.8;margin-top:18px}
/* Collections, class cards and schedules */
.ops-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ops-course-card .course-card-top{padding:22px 23px 0}.course-symbol{width:43px;height:43px;border-radius:12px}.ops-course-card .panel-body{padding:20px 23px 24px}.ops-course-card h2{font-size:19px;margin:8px 0}.ops-course-card p{font-size:12px;color:#8f9cac}.course-schedule{font-size:11px;color:#818e9e;background:#f7f9fc;padding:13px;border-radius:8px;margin:20px 0;flex-wrap:wrap}.course-detail b{font-size:22px;color:#404f62}.course-detail span,.course-detail small{color:#909cab;font-size:10px}progress{accent-color:#92a5bf;height:5px;background:#edf1f7}progress::-webkit-progress-bar{background:#edf1f7}progress::-webkit-progress-value{background:#9aaec8}.week-label{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;padding:0;color:#515d6d;font-size:16px}.calendar-scroll{background:white;border:1px solid var(--border);border-radius:14px;overflow:auto}.calendar-agenda{gap:0}.calendar-agenda>.panel{border:0;border-right:1px solid var(--border);border-radius:0;margin:0;box-shadow:none;min-height:420px}.calendar-day-title{padding:20px 12px;background:#fafcfe;border-bottom:1px solid var(--border);font-size:12px;color:#687688}.calendar-day-events{padding:8px}.calendar-event{padding:12px 10px;margin:8px 0;gap:8px;border-left-width:3px;border-radius:7px;font-size:11px}.calendar-cell{border-color:var(--border);min-height:130px}.calendar-date{font-size:12px}.calendar-cell.outside{background:#f9fafc;color:#b0b9c5}.is-today>.calendar-date{background:var(--brand-strong);color:white}.calendar-year{gap:20px}.calendar-month-title{color:#607187;font-size:16px}.calendar-dot{color:var(--brand)}.calendar-year .panel{margin:0}.calendar-weekday{color:#929fb0;font-size:11px}.calendar-agenda>.is-today .calendar-day-title{background:#e8f0fb;color:var(--brand-strong)}.task-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.task-board>.panel{background:#edf0f3;border:1px solid #e0e6ed;border-radius:12px}.task-board .panel-head{background:transparent;border:0}.task-board .ops-task-list{padding:0 14px 14px;display:grid;gap:10px}.task-board .ops-task-row{background:white;border:1px solid #dee5ed;border-radius:10px;padding:19px 14px;box-shadow:0 2px 3px #31253903}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}.collection-toolbar h2{font-size:19px}.collection-toolbar h2 small{margin-left:8px}.photo-grid{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.photo-card{border-radius:14px;margin:0}.photo-card .panel-body{padding:17px 20px 20px}.photo-card h2{font-size:15px}.photo-card .family-text{font-size:12px;color:#828e9e}.photo-open img{aspect-ratio:4/3;transition:transform .2s}.photo-open:hover img{transform:scale(1.03)}.photo-open{overflow:hidden}.note-grid{gap:20px}.note-card .panel-body{padding:22px}.note-card h2{font-size:17px}.note-excerpt{font-size:12px;color:#8390a2;line-height:1.9}.homework-summary{padding:15px;border:1px solid #dfe6ef;background:#f3f7fc;color:#74859b;border-radius:9px;font-size:12px;margin:20px 0}
/* Master/detail communication and care */
.inbox-shell{display:grid;grid-template-columns:340px minmax(0,1fr);border:1px solid var(--border);border-radius:14px;background:white;overflow:hidden;min-height:510px}.inbox-list{border-right:1px solid var(--border);background:#fcfdfe;display:flex;flex-direction:column;min-width:0}.inbox-toolbar{padding:18px;border-bottom:1px solid var(--border)}.inbox-toolbar .search{width:100%;margin-bottom:14px}.inbox-toolbar .search input{width:100%}.inbox-toolbar .ops-filter{width:100%;justify-content:space-between}.inbox-toolbar .ops-filter button{padding:7px 10px;font-size:10px}.inbox-items{max-height:620px;overflow:auto;min-height:0}.inbox-item{display:block;width:100%;text-align:left;padding:20px;border-bottom:1px solid #e9eef4;border-left:3px solid transparent;background:transparent}.inbox-item:hover{background:#f7fafe}.inbox-item.selected{background:#eef4fc;border-left-color:#6789b6}.inbox-item strong{display:block;font-size:13px;line-height:1.7;color:#4c5b6e;margin:8px 0}.inbox-item p{font-size:11px;color:#8e9db1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-item-meta{display:flex;justify-content:space-between;gap:10px;color:#8b9cb2;font-size:10px}.inbox-detail{padding:30px 34px;min-width:0;overflow-wrap:anywhere}.inbox-detail h2{font-size:22px;margin:15px 0 9px;line-height:1.5}.inbox-detail .detail-meta{font-size:11px;color:#8d9caf;border-bottom:1px solid var(--border);padding-bottom:22px;margin-bottom:24px}.inbox-copy{white-space:pre-wrap;color:#69778a;line-height:2;font-size:13px;min-height:130px}.inbox-detail .note-actions{margin-top:26px;padding-top:22px;border-top:1px solid var(--border);gap:10px;flex-wrap:wrap}.read-progress{margin-top:25px;padding:18px;background:#f7fafd;border-radius:10px}.read-progress .mini-list{padding:0 0 12px;border:0}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px;background:#f7fafd;border-radius:10px;margin:20px 0}.detail-facts dt{font-size:10px;color:#8b9aae;margin-bottom:7px}.detail-facts dd{margin:0;color:#606e80;font-size:13px}.inbox-list .empty{font-size:12px;padding:35px 20px}.list-empty{padding:50px;text-align:center;color:#899bb2}.care-private{padding:18px;border:1px solid #e1e8f0;border-radius:10px;margin-top:20px;background:#fafcfe}.care-private .eyebrow{font-size:9px}.care-private p{white-space:pre-wrap;color:#78889d;font-size:12px}
/* Forms, editors and dialogs */
dialog{border:1px solid #dde4ec;border-radius:18px;max-width:680px;width:calc(100% - 32px);padding:0;box-shadow:0 30px 100px #2b193b33;color:var(--text);max-height:90dvh}dialog::backdrop{background:#21172f65;backdrop-filter:blur(4px)}.modal-head{padding:23px 26px;border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:2}.modal-head h2{font-size:18px}.modal-head button{display:grid;place-items:center;border-radius:8px;background:#f0f4fa;color:#8294ab;width:30px;height:30px;font-size:24px}.modal-body{padding:26px}.modal-body>p{font-size:12px;color:#8594a7}.form-field{font-size:12px;color:#65768d;gap:9px;margin-bottom:16px}.form-field input,.form-field select,.form-field textarea{background:#fff;border:1px solid #d4dbe5;border-radius:8px;padding:11px 12px;min-height:40px;color:#445468;font-size:13px;width:100%}.form-field textarea{resize:vertical;line-height:1.8}.form-field small{font-size:10px;color:#8b9db4}.form-grid{gap:18px}.form-grid .form-field{margin-bottom:0}.form-actions{padding-top:21px;border-top:1px solid var(--border);gap:10px}.form-actions .btn{min-width:90px}.recipient-picker{border:1px solid #dae3ee;border-radius:10px;padding:18px;max-height:290px;overflow:auto;margin-top:10px}.recipient-picker legend{font-size:12px;color:#74879f;padding:0 8px}.checkline{font-size:12px;color:#728298;gap:10px}.checkline input{flex:none}.days{gap:8px}.days label{border:1px solid #dde5ef;border-radius:7px;padding:8px 10px;color:#7c8ca2;font-size:11px}.days label:has(input:checked){background:#eaf1fb;border-color:#a0b5d0;color:#597293}.learner-header{padding:0 0 18px;border-bottom:1px solid var(--border)}.learner-header .avatar{width:52px;height:52px;font-size:19px;border-radius:16px;background:#e6eef8;color:#748dad}.learner-header h3{margin:0;font-size:23px}.learner-header p{font-size:12px;color:#8c9eb6}.learner-modal .ops-tags{margin-top:16px}.learner-metrics{background:#f6f9fd;padding:20px;border:1px solid #dfe7f2;border-radius:10px}.learner-metrics span{font-size:11px;color:#8a9db7}.learner-metrics b{font-size:21px;color:#617793}.learner-layout{grid-template-columns:280px minmax(0,1fr);gap:22px}.learner-profile-panel{background:#f9fbfd;border-color:#dce3ec;border-radius:12px;padding:22px}.learner-profile-panel .form-grid{grid-template-columns:1fr 1fr;gap:14px}.learner-overview{gap:16px}.learner-overview>section{border-color:#dde4ee;border-radius:12px;max-height:270px;padding:20px}.learner-overview h3{color:#617999;font-size:12px;letter-spacing:.2px}.learner-overview p{font-size:12px;color:#8090a4}.learner-overview small{font-size:10px;color:#9babbf}.quiz-steps{padding:8px 0 22px;font-size:12px;gap:20px}.quiz-step-current{color:var(--brand-strong)}.question-rail{background:#f4f7fc;border-color:#dce4ef}.question-list button{border-color:#d9e3ef;font-size:12px}.question-list button.selected{background:#e4edf8;border-color:#9ab1cf;color:#5c7699}.question-canvas{border-color:#dae2ec;padding:24px}.answer-option{border-color:#e0e6ed;background:#f9fbfd}.answer-option:has(input:checked){border-color:#a9c2b0;background:#f0f7f2}.quiz-review{background:#f7fafd}.quiz-matrix th{background:#f7fafd}.quiz-tabs{margin-bottom:22px}.quiz-public{max-width:760px;padding:28px}.quiz-brand,.quiz-score{color:var(--brand-strong)}.quiz-question{border-color:#d9e2ee;border-radius:14px;background:white}.quiz-question legend{color:var(--brand-strong)}.quiz-option{border-color:#dce4ef}.quiz-option:has(input:checked){background:#eaf1fb;border-color:#8aa4c7}.command-dialog{max-width:650px}.command-input{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px solid #dce3ec;border-radius:10px;padding:13px 16px;color:#8b9eb6}.command-input input{width:100%;border:0;background:none;outline:none;font-size:14px;color:#52657e}.command-result{display:flex;align-items:center;width:100%;text-align:left;padding:12px 14px;border-radius:8px;gap:12px;color:#62768f}.command-result:hover{background:#f0f5fc}.command-result>small{margin-left:auto}.command-result span small{display:block;font-size:10px;margin-top:3px}.search-section-label{font-size:10px;color:#9aabc1;margin:19px 12px 8px}#command-results{max-height:50vh;overflow:auto}#toast{background:#222b37;border-radius:10px;box-shadow:0 8px 28px #3a214330;font-size:13px}.empty{color:#8998ac}.code-error{color:#b83a5b!important}
/* The family experience shares the system, with larger touch targets. */
.family-app{background:#f8fafc;min-height:100dvh;padding-bottom:100px}.family-header{background:white;border-bottom:1px solid #dfe6f0;padding:15px max(24px,calc((100vw - 1060px)/2));gap:16px;position:sticky;top:0;z-index:25}.family-header .brand{font-size:22px;color:#36485f;padding:0}.family-header .brand img{width:40px;height:40px}.family-header .brand small{font-size:9px;color:#899cb5}.family-header .brand em{display:none}.family-header .badge{font-size:10px}.family-main{max-width:1100px;padding:32px 26px;margin:auto}.family-main .page-head{margin-bottom:23px}.family-main .page-head h1{font-size:25px}.preview-disclosure{font-size:11px;color:#7e92ab;border:1px dashed #c2d0e3;border-radius:9px;padding:13px 16px;margin-bottom:20px;background:#eff4fb;line-height:1.9}.preview-disclosure summary{cursor:pointer;font-weight:600}.preview-disclosure p{margin-top:8px}.family-child{display:flex;background:white;padding:15px 20px;border:1px solid #dfe6f0;border-radius:12px;gap:14px;margin-bottom:26px;align-items:center}.family-child .form-field{display:flex;flex-direction:row;align-items:center;margin:0;gap:15px;min-width:0;flex:1;white-space:nowrap;font-size:11px}.family-child select{max-width:360px;border:0;background:#f1f5fb;border-radius:8px;color:#607898;font-size:13px}.family-child small{font-size:10px;color:#9babbf}.family-main .welcome{background:#e5ecf6;border:1px solid #cfdced;border-radius:16px;padding:32px;min-height:0;display:block}.family-main .welcome h2{font-size:26px;color:#506887;margin:10px 0}.family-main .welcome p{color:#8297b3;font-size:13px;max-width:none}.family-main .welcome .form-actions{border:0;justify-content:flex-start;padding:0;margin-top:21px}.family-main .stats{gap:14px;margin:22px 0}.family-main .stat{padding:19px}.family-main .stat-number{color:#5d7594;font-size:28px}.family-main .note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:18px}.family-main .note-grid .panel-body{padding:25px}.family-main .note-grid h2{font-size:19px;margin-top:14px}.family-text{font-size:13px;color:#71839b;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}.family-main>.panel{margin-top:20px}.family-nav{max-width:1048px;border-color:#d4e0ef;border-radius:16px 16px 0 0;box-shadow:0 -4px 25px #57396b08;padding:8px 14px calc(8px + env(safe-area-inset-bottom));gap:6px;background:#fff}.family-tab{font-size:11px;color:#8b9eb8;border-radius:10px;min-height:58px}.family-tab.active,.family-tab:hover{color:#59779f;background:#e8f0fa}.family-tab-icon{font-size:22px}.family-tab-count{background:#bc829f}.family-footer{font-size:10px;color:#99a9bf;padding:20px}.family-pay-button{width:100%;min-height:48px!important;font-size:14px;margin:15px 0 7px}.family-main .money{font-size:35px;color:#566e8e}.family-main .money span{font-size:14px;color:#879bb6}.payment-choice{border-radius:10px;border:1px solid #d6e0ed;background:white}.payment-choice:has(input:checked){border-color:#83a0c5;background:#ecf3fc}.payment-choice input{accent-color:var(--brand-strong)}.payment-total strong,.bill-preview>b,.bill-preview strong{color:#5b7392}.bill-preview,.response-comment{background:#eef4fb;color:#7187a4;border-color:#d5e0ef}.week-column.is-today,.week-day.is-today{background:#f5f9fe}.week-date.selected{background:#e2ecf8;color:#5b7aa3}.is-today .week-date strong{background:#6784a9}.week-event:not(.individual):not(.cancelled):not(.extra){background:#e9f0f8;border-color:#9db1cc;color:#738cad}.week-legend{color:#758cab}.parent-body{background:#f7f9fc}.parent-wrap{max-width:660px;padding:35px 20px}.parent-wrap>.brand{margin:8px 0 30px;color:#597293}.parent-footer{color:#93a5bd}.auth{background:white}.auth-story{background:#e7eef6;color:#576f8e;position:relative}.auth-story h1{color:#445b78;font-size:42px;letter-spacing:-2px;line-height:1.55}.auth-story p,.auth-benefits,.auth-tag{color:#849ab7}.auth-story .brand{color:#536c8d}.auth-story .brand em{color:#7d94b2}.auth-form{max-width:500px;padding:40px}.auth-form h2{color:#4c6687;font-size:27px}.auth-switch{color:#738fb4}.kiosk{background:#f8fafc}.kiosk-intro{background:#e6edf6}.kiosk-intro h1{color:#577091}.kiosk-intro p,.kiosk-clock{color:#8aa1c0}.keypad button{border:1px solid #d8e1ed;box-shadow:0 2px 0 #dae3ee;background:white;color:#607795;border-radius:13px}.keypad button:hover{background:#e9f1fb}.kiosk-result,.code-dots{color:#6a87ac}
@media(min-width:1700px){.content{padding-top:40px}.ops-dashboard-grid{grid-template-columns:1.5fr 1fr}}
@media(max-width:1250px){.sidebar{width:212px;padding-left:12px;padding-right:12px}.main{margin-left:212px}.content{padding:27px 25px}.topbar{padding:0 25px}.global-search{min-width:0}.global-search span,.global-search kbd{display:none}.top-actions{gap:12px}.stat{padding:18px}.stat-number{font-size:24px}.ops-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-shortcuts small{display:none}.ops-shortcuts>button{font-size:11px;padding:12px}.day-orbit{width:130px;transform:scale(.85)}.inbox-shell{grid-template-columns:290px minmax(0,1fr)}.inbox-detail{padding:25px}.calendar-agenda{min-width:1085px}}
@media(max-width:1050px){.top-actions .hide-mobile{display:none}.day-overview{grid-template-columns:1fr}.day-focus{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:16px 20px}.day-focus>.eyebrow,.day-focus>h2{display:none}.focus-row{border:0;padding:5px}.ops-dashboard-grid{grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.family-main .stats{grid-template-columns:repeat(4,minmax(0,1fr))}.inbox-shell{grid-template-columns:260px minmax(0,1fr)}.inbox-detail h2{font-size:19px}.plan-grid{gap:12px}.plan{padding:20px}.learner-layout{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:800px){.sidebar{width:248px;inset:0 auto 0 0;height:100dvh;transform:translateX(-100%);transition:transform .2s;padding:24px 16px;z-index:45}.sidebar.is-open{transform:translateX(0)}.sidebar .brand,.sidebar .academy,.sidebar-bottom{display:flex}.sidebar-bottom{flex-direction:column}.sidebar .nav{height:auto;justify-content:flex-start;gap:3px;flex-direction:column}.sidebar .nav button{width:100%;font-size:13px;min-height:40px;flex-direction:row;flex:none;text-align:left}.sidebar .nav-group{display:block!important}.sidebar .profile{display:flex;width:100%}.main{margin:0}.menu-toggle{display:block;color:#6a809d;font-size:20px;padding:4px 7px}.menu-scrim.visible{display:block;position:fixed;inset:0;z-index:40;background:#25182b66;backdrop-filter:blur(2px);width:100%;height:100%}.topbar{height:61px;padding:0 18px;gap:10px}.topbar .breadcrumb{display:flex;font-size:11px}.topbar .breadcrumb>span:first-child{display:none}.topbar .mobile-brand{display:none}.topbar .web-back{display:none}.top-actions{gap:10px}.top-actions>.pill{display:none}.parent-preview-open{font-size:10px!important;padding:6px 8px!important}.content{padding:26px 20px 40px}.demo-note{text-align:left;padding:6px 20px;font-size:9px}.page-head{align-items:flex-start;flex-wrap:wrap;gap:14px}.page-head h1{font-size:25px}.page-head .subtext{font-size:11px;max-width:none}.page-head .actions{justify-content:flex-start}.page-head .btn{font-size:11px;min-height:36px;padding:8px 12px}.eyebrow{font-size:9px}.day-welcome{padding:25px}.day-welcome h2{font-size:23px}.ops-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-shortcuts small{display:block}.ops-dashboard-grid{grid-template-columns:1fr}.ops-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-count-strip{gap:25px}.toolbar{padding:15px}.learner-layout{grid-template-columns:1fr}.learner-overview{grid-template-columns:1fr 1fr}.learner-profile-panel .form-grid{grid-template-columns:1fr 1fr}.inbox-shell{grid-template-columns:250px minmax(0,1fr)}.inbox-detail{padding:23px}.detail-facts{grid-template-columns:1fr;padding:15px;gap:15px}.plan-grid{grid-template-columns:1fr}.family-header{padding:13px 18px}.family-header .web-back{font-size:11px}.family-header .brand{font-size:19px}.family-header>div:last-child{gap:8px}.family-main{padding:27px 20px}.family-main .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.family-main .note-grid{grid-template-columns:1fr 1fr}.skip-link{left:20px}.auth-story h1{font-size:30px}.auth-story{padding:35px}.auth-form{padding:30px}.quiz-builder{grid-template-columns:1fr}.quiz-meta{grid-template-columns:1fr}.calendar-year{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.top-actions>.parent-preview-open{display:none}.top-actions{gap:14px}.topbar .breadcrumb{max-width:210px;overflow:hidden}.content{padding:23px 16px 35px}.page-head{margin-bottom:22px}.page-head h1{font-size:24px}.page-head>.actions{width:100%;justify-content:flex-start}.page-head .actions .btn.primary{margin-left:auto}.day-welcome{padding:23px}.day-welcome h2{font-size:23px}.day-welcome p{font-size:11px;max-width:200px}.day-orbit{width:92px;transform:scale(.7);transform-origin:right center;margin-left:-30px}.day-focus{display:flex;flex-direction:column;gap:8px;padding:17px 22px}.focus-row{border-bottom:1px solid #323b47;padding:8px 0}.focus-row:last-child{border:0}.stats{gap:12px}.stat{padding:16px}.stat-number{font-size:25px;margin:10px 0}.stat-top{font-size:11px}.stat-foot{font-size:9px}.stat-icon{padding:5px}.stat-icon .icon{width:15px;height:15px}.ops-shortcuts{gap:10px}.ops-shortcuts>button{padding:13px 10px;gap:8px}.ops-shortcuts>button>.icon:first-child{width:15px;height:15px;padding:6px}.ops-shortcuts small{font-size:8px}.ops-shortcuts>button>.icon:last-child{display:none}.ops-course-grid{grid-template-columns:1fr}.ops-count-strip{justify-content:space-between;gap:10px}.ops-count-strip span{font-size:10px}.ops-count-strip b{font-size:20px;margin-left:7px}.panel-head{padding:19px 18px;flex-wrap:wrap}.panel-body{padding:20px 18px}.inbox-shell{grid-template-columns:1fr}.inbox-list{border:0;border-bottom:1px solid var(--border)}.inbox-items{max-height:235px}.inbox-item{padding:14px 18px}.inbox-toolbar{padding:15px}.inbox-detail{padding:24px 20px}.inbox-detail h2{font-size:20px}.inbox-copy{min-height:80px}.detail-facts{grid-template-columns:1fr 1fr}.task-board{grid-template-columns:1fr;gap:18px}.collection-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.collection-toolbar .search{width:100%}.collection-toolbar .search input{width:100%}.photo-grid{gap:12px}.photo-card .panel-body{padding:13px}.photo-card h2{font-size:13px}.photo-card .family-text{font-size:11px}.workspace-tabs{gap:20px}.workspace-tabs button{font-size:11px}.settings-grid .panel-body{padding:22px 18px}.academy-facts{grid-template-columns:90px 1fr;gap:17px}.subscription-summary{padding:24px;align-items:flex-start;gap:16px}.subscription-summary h2{font-size:23px}.subscription-summary strong{font-size:23px}.learner-overview{grid-template-columns:1fr}.learner-overview>section{max-height:280px}.learner-metrics{gap:15px;flex-wrap:wrap}.learner-metrics b{font-size:17px}.learner-metrics span{font-size:10px}.modal-head{padding:18px 20px}.modal-body{padding:20px}.modal-head h2{font-size:16px}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:1/-1}.form-actions{flex-wrap:wrap}.form-actions .btn{min-width:0}.family-header .brand small{display:none}.family-header .brand img{width:32px;height:32px}.family-header{gap:8px;padding:12px}.family-header .badge{font-size:8px;padding:4px}.family-header .btn{font-size:10px;min-height:31px;padding:6px 8px}.family-main{padding:23px 16px}.family-main .page-head h1{font-size:23px}.family-child{padding:13px;gap:9px;flex-wrap:wrap}.family-child .form-field{width:100%;flex-basis:100%;font-size:10px;gap:10px}.family-child select{max-width:none;min-width:0;flex:1;font-size:12px}.family-child small{width:auto;font-size:9px}.family-child .btn{min-height:30px;font-size:10px;padding:5px 9px}.family-main .welcome{padding:25px}.family-main .welcome h2{font-size:25px}.family-main .welcome p{font-size:11px}.family-main .note-grid{grid-template-columns:1fr}.family-main .note-grid .panel-body{padding:23px}.family-main .stats{gap:12px}.family-main .stat{padding:16px}.family-main .stat-number{font-size:26px}.family-nav{padding-left:4px;padding-right:4px;gap:1px}.family-tab{font-size:9px;letter-spacing:-.5px;min-height:59px}.family-tab-icon{font-size:20px}.family-main .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-main .photo-card h2{font-size:14px}.calendar-year{grid-template-columns:1fr}.calendar-year .calendar-scroll{border:0}.calendar-agenda.single-day{min-width:0}.calendar-agenda.single-day>.panel{min-height:250px}.auth-story{padding:28px}.auth-story h1{font-size:28px;margin:28px 0 15px}.auth-form{padding:28px}.quiz-public{padding:20px;margin:15px auto}.quiz-question{padding:18px}.choice-grid{grid-template-columns:1fr}}
/* Keep secondary text readable on light surfaces. */
.orbit-card{top:0}.orbit-card:last-child{bottom:-4px}
.form-field input[type=checkbox],.form-field input[type=radio],.recipient-picker input[type=checkbox]{width:16px;height:16px;min-height:16px;min-width:16px;padding:0;flex:0 0 16px;margin:0}.recipient-picker .checkline{min-height:35px;align-items:center;line-height:1.6}.recipient-picker .checkline small{font-size:10px;white-space:normal}.recipient-picker.form-field{display:block}.form-field .days input{width:15px;height:15px;min-height:15px;min-width:15px;padding:0}
@media(min-width:850px){dialog:has(#notebook-form),dialog:has(#care-form),dialog:has(#course-form),dialog:has(#learning-form){width:min(960px,calc(100vw - 48px));max-width:960px}#notebook-form .form-grid{grid-template-columns:minmax(0,1fr) 250px;align-items:start}#notebook-form .form-grid>.form-field{grid-column:1}#notebook-form .form-grid>.recipient-picker{grid-column:2;grid-row:1 / span 4;max-height:530px;margin:0;background:#f7fafd}#notebook-form .form-grid>.recipient-picker .checkline{padding:8px 0;border-bottom:1px solid #e6edf5}#course-student-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}
.form-field input[type=file]{border:1px dashed #afc1d9;background:#f6f9fd;padding:24px 16px;font-size:12px}.form-field input[type=file]::file-selector-button{background:#e3ecf7;color:#516c8f;border:0;border-radius:7px;padding:10px;margin-right:14px;cursor:pointer}.form-field input[type=file]:hover{border-color:#7893b6}.family-tab-icon .icon{width:22px;height:22px}
.subtext,.stat-foot,.page-head .subtext,.ops-footnote,.family-footer,.parent-footer,.family-text,.note-excerpt,.inbox-item p,.inbox-item-meta,.detail-meta,.inbox-detail .detail-meta,.care-private p,.form-field small,.modal-body>p,.family-child small,.family-header .brand small,.learner-overview small,.learner-overview p,.plan ul,.plan .price span,.photo-card .family-text,.agenda-row small,.agenda-count,.task-description small,.ops-briefing small,.ops-shortcuts small,.academy-facts dt,.family-main .welcome p,.family-main .stat-foot{color:#6d7783}
.stat-foot,.ops-footnote,.panel-head small,.inbox-item-meta,.inbox-item p{font-size:11px}.sidebar .nav-group{padding:0;line-height:1.5;flex:none}.sidebar .nav button{font-size:13px}.panel-body p{font-size:13px}#toast{visibility:hidden}#toast.show{visibility:visible}.family-main .notice,.preview-disclosure{color:#5b708b}.family-tab{color:#6c7b8e}.family-tab.active{color:#405a7d}
@media(max-width:800px){.sidebar{transition:none}.sidebar .nav{overflow-x:hidden;overflow-y:auto}.sidebar .nav button{height:auto;min-height:40px;min-width:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Reference-led revision 2: Untitled UI, Agensip, Ramotion, Inbox, Taskhub.
   Blue is the product accent; course colors identify classes only. */
:root{--brand:#2673ed;--brand-strong:#1760d7;--brand-soft:#ecf3ff;--text:#202939;--muted:#66758a;--border:#e2e7ef;--canvas:#f6f8fb;--radius:9px}
body{background:var(--canvas);letter-spacing:-.2px}.content{max-width:1820px;padding:26px 30px 44px}.page-head{margin-bottom:20px}.page-head .eyebrow{display:none}.page-head h1{font-size:25px;letter-spacing:-.8px}.page-head .subtext{color:#65748b;font-size:12px;margin-top:6px}.eyebrow{color:#71839c}.sidebar{width:222px;padding:22px 12px 12px;background:#202630}.main{margin-left:222px}.sidebar .academy{background:#2a323e;border-color:#3a4654;margin:19px 0 13px}.sidebar .academy .avatar,.sidebar .profile .avatar{background:#354a64;color:#d7e8ff}.sidebar .nav-group{color:#92a1b3;letter-spacing:.3px;margin:15px 12px 6px}.sidebar .nav button{font-size:12px;color:#bcc7d5;min-height:35px;border-radius:5px}.sidebar .nav button.active{background:#1760d7;color:white}.sidebar .nav button:hover{background:#303f52}.sidebar .nav button.active:hover{background:#1760d7}.sidebar .brand small,.sidebar .profile small,.sidebar .academy small{color:#9baabd}.sidebar .brand{font-size:23px}.sidebar .brand img{width:36px;height:36px;border-radius:8px}.sidebar .profile{border-color:#384657}.topbar{height:62px;padding:0 30px}.demo-note{background:#eef3fa;border-color:#e2eaf4;color:#637c9c;font-size:9px;padding:4px 30px}.breadcrumb span{color:#98a6b9}.global-search{color:#758398}.global-search kbd{background:#f6f8fb;color:#64748b}.period-label{font-size:12px;border:1px solid var(--border);border-radius:6px;padding:9px 14px;background:white;color:#50627b}.btn{color:#44546b;border-color:#d8e0eb;border-radius:6px;box-shadow:0 1px 2px #142c5010}.btn:hover{background:#f3f7ff;border-color:#a8c5f3;color:#165ac6}.btn.primary{background:#1760d7;border-color:#1760d7;color:white;box-shadow:0 1px 3px #164fa233}.btn.soft{background:#eff5ff;border-color:#dce8fd;color:#1760d7}.btn.primary:hover{background:#124fb9}.badge.purple{background:#edf4ff;color:#245faf}.badge.grey{background:#f0f3f7;color:#607087}.panel{border-radius:9px;box-shadow:0 2px 3px #1f385004}.panel-head{padding:18px 20px;border-color:#e9edf3}.panel-body{padding:20px}.panel-head h2{font-size:14px}.panel-head h2 span,.panel-head small{color:#7a8ba2}.stat-icon{background:#eef4ff!important;color:#537fbc!important}.stat-top{color:#62718a}.stat-number{color:#202b3d}.stat-foot,td small{color:#78869a}.stat{border-radius:8px}.avatar{background:#e9f1ff;color:#2b63af;border-radius:50%}.color-0{background:#e6efff;color:#426ea8}.color-4{background:#e6eff6;color:#546e83}thead{background:#f7f9fc}th{color:#6c7c93;font-size:11px}td{border-color:#edf0f5;color:#48586f;padding:15px 17px}tbody tr:hover,tbody .selected-row{background:#f1f6ff}.toolbar{padding:14px 17px}.toolbar>input,.search{background:white;border-color:#dce3ed;color:#637b9c}.ops-filter,.segmented{background:#f0f3f8;border:1px solid #e0e6ef;border-radius:6px;padding:3px}.ops-filter button,.segmented button{color:#65738a;border-radius:4px;padding:7px 12px}.ops-filter button.active{color:#175dcc;box-shadow:0 1px 3px #21365014}.workspace-tabs{gap:25px;border-color:#dce4ef}.workspace-tabs button{color:#687993}.workspace-tabs button.active{color:#1760d7;border-color:#1760d7}.notice{background:#f1f6fd;border-color:#dbe7f6;color:#536f91}.pill{background:#eef4ff;border-color:#d7e5f9;color:#466f9d}.text-button{color:#1760d7}input:focus,select:focus,textarea:focus,.search:focus-within{outline-color:#87b4f8}.form-field input,.form-field select,.form-field textarea{border-color:#dbe2eb;background:white;color:#2c3f59}.form-field, .form-field>label{color:#56667d}.modal-head{border-color:#e1e8f2}.ops-footnote{color:#6d7e96}
.dashboard-context{display:flex;justify-content:space-between;padding:0 0 18px;color:#7e8ba0;font-size:11px}.dashboard-context>span:first-child{color:#526984;font-weight:600}.live-dot{display:inline-block;background:#31a779;width:6px;height:6px;border-radius:50%;margin-right:7px}.metric-strip{gap:0;background:white;border:1px solid var(--border);border-radius:9px;overflow:hidden;margin-bottom:22px}.metric-strip .stat{border:0;border-right:1px solid var(--border);border-radius:0;padding:19px 22px}.metric-strip .stat:last-child{border:0}.metric-strip .stat-number{font-size:29px;margin:13px 0 7px}.metric-strip .stat-icon{padding:5px;background:transparent!important;color:#7690b4!important}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(285px,1fr);gap:22px}.analytics-grid .panel{margin:0}.chart-legend{display:flex;gap:14px;font-size:10px;color:#708098}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i,.collection-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;background:#d3e3fc}.chart-legend span:last-child i,.collection-legend .blue-dot{background:#2870e8}.revenue-total{padding:20px 24px 0;display:flex;gap:14px;align-items:baseline}.revenue-total strong{font-size:29px;color:#263548;letter-spacing:-1px}.revenue-total strong small{font-size:12px;margin-left:6px}.revenue-total>span{font-size:11px;color:#7b8da6}.bar-chart{display:flex;justify-content:space-around;gap:14px;margin:18px 26px 24px;height:200px;background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#edf1f7 44px,#edf1f7 45px);border-bottom:1px solid #e4eaf3}.chart-month{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.bar-pair{height:152px;display:flex;gap:5px;width:65%;align-items:flex-end}.chart-bar{width:50%;border-radius:4px 4px 0 0;min-height:2px}.chart-bar.billed{background:#d3e3fc}.chart-bar.collected{background:#2870e8}.chart-month>span{font-size:11px;color:#62728b;margin-top:12px}.chart-month>small{font-size:9px;color:#8492a6}.collection-panel{display:flex;align-items:center;flex-direction:column;padding-bottom:18px}.collection-panel>.panel-head{width:100%}.collection-ring{width:154px;height:154px;background:conic-gradient(#2870e8 0 var(--percent),#eaf0f8 var(--percent) 100%);padding:15px;border-radius:50%;margin:22px 0 16px;transform:rotate(-90deg)}.collection-ring>div{width:100%;height:100%;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg)}.collection-ring small{font-size:10px}.collection-ring strong{font-size:32px;line-height:1.3;letter-spacing:-1px}.collection-ring em{font-style:normal;font-size:15px}.collection-ring span{font-size:10px;color:#8994a6;margin-top:3px}.collection-legend{width:100%;padding:0 25px;font-size:11px;margin-bottom:12px}.collection-legend>span{display:flex;gap:7px;align-items:center;padding:7px 0;color:#708099}.collection-legend b{margin-left:auto;color:#34445b}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(285px,1fr);gap:22px;margin-top:22px}.dashboard-bottom .panel{margin:0}.dashboard-bottom td small{display:block}.course-indicator{display:inline-block;width:5px;height:17px;background:var(--course);border-radius:3px;vertical-align:middle;margin-right:10px}.dashboard-bottom .task-description{min-width:0}.dashboard-bottom .task-description strong{white-space:normal}.dashboard-bottom .ops-task-row{padding:16px 19px}.dashboard-bottom .table-footer{padding:12px 20px}
.roster-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.roster-list-panel{margin-bottom:0}.roster-workspace table{min-width:610px}.roster-workspace th,.roster-workspace td{padding:14px 13px}.roster-workspace th:nth-child(4),.roster-workspace td:nth-child(4){display:none}.roster-workspace .toolbar{gap:10px}.roster-workspace .toolbar>input{width:175px}.ops-count-strip{gap:16px;padding-bottom:18px}.ops-count-strip span{background:white;border:1px solid #e0e7f1;padding:12px 18px;border-radius:7px;color:#6e7f98;min-width:130px}.ops-count-strip b{font-size:23px;color:#273952}.course-filter-chip{border-color:#dce3ed}.student-inspector{background:white;border:1px solid var(--border);border-radius:9px;overflow:hidden;position:sticky;top:85px;min-width:0}.inspector-cover{background:linear-gradient(120deg,#edf4ff,#dae8fc);height:72px;padding:16px 19px;display:flex;justify-content:space-between;align-items:start;color:#5e80ad}.inspector-cover>span:first-child{font-size:9px;letter-spacing:1px}.inspector-profile{padding:0 20px 18px;text-align:center}.profile-avatar{width:64px;height:64px;border:5px solid white;box-shadow:0 1px 4px #3a5b7c19;font-size:20px;margin:-27px auto 12px;background:#e8f1ff;color:#3467ad;position:relative}.inspector-profile h2{font-size:20px;margin:0}.inspector-profile p{font-size:11px;margin:6px 0 13px}.inspector-profile .ops-tags{justify-content:center}.inspector-facts{margin:0;padding:0 20px;border-top:1px solid #edf1f6}.inspector-facts>div{display:flex;justify-content:space-between;padding:12px 0;font-size:11px;gap:10px;border-bottom:1px solid #f0f3f8}.inspector-facts dt{color:#7b8a9e}.inspector-facts dd{margin:0;color:#445976}.inspector-records{padding:18px 20px}.inspector-records h3{font-size:12px;margin:0 0 15px}.inspector-records>div{border-left:1px solid #dbe6f7;margin-left:4px;padding:0 0 15px 13px;position:relative}.inspector-records b{font-size:11px;font-weight:600;display:block}.inspector-records small{font-size:10px;display:block;margin-top:4px}.timeline-dot{width:7px;height:7px;position:absolute;left:-4px;top:4px;border:2px solid #7fa9e5;border-radius:50%;background:white}.inspector-actions{padding:0 18px 18px;display:flex;gap:6px}.inspector-actions .btn{flex:1;font-size:11px;padding:9px 7px}.course-workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px;align-items:start}.course-workspace .ops-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ops-course-card .course-card-top{padding:16px 18px;background:#f8fafd;border-bottom:1px solid #edf1f6}.ops-course-card .panel-body{padding:18px}.ops-course-card h2{font-size:18px}.ops-course-card .course-detail{gap:10px}.ops-course-card .note-actions{display:flex;gap:7px}.ops-course-card .note-actions .btn{font-size:10px}.course-inspector .inspector-profile{padding-top:20px}.course-inspector .inspector-cover{height:60px;background:var(--course-bg);color:var(--course)}.class-member{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border-bottom:1px solid #edf1f7;padding:12px 0;font-size:12px}.class-member>span:last-child{margin-left:auto;color:#8ca0be}.class-member .avatar{width:32px;height:32px;font-size:10px}.course-inspector .inspector-records{padding-top:0}
.schedule-workspace{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;align-items:start}.schedule-canvas{min-width:0}.schedule-side{position:sticky;top:85px}.schedule-side .panel-body>strong{font-size:19px;color:#254366}.schedule-detail-item{display:flex;flex-direction:column;width:100%;text-align:left;border-left:3px solid var(--course);background:var(--course-bg);border-radius:5px;padding:12px;margin:16px 0;color:var(--course);gap:5px}.schedule-detail-item small,.schedule-detail-item span{font-size:10px;color:inherit}.schedule-detail-item strong{font-size:12px}.schedule-side .btn{width:100%;margin-top:10px}.time-calendar{display:grid;grid-template-columns:52px repeat(var(--days),minmax(82px,1fr));background:white;min-width:670px}.time-calendar.single-day{min-width:300px}.time-corner,.time-day{height:75px;border-right:1px solid #e9eef5;border-bottom:1px solid #e3eaf3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7b8da6;gap:5px}.time-corner{font-size:9px}.time-day span{font-size:10px}.time-day b{font-size:20px;color:#4b5c74}.time-day.today b{color:white;background:#246bea;border-radius:50%;width:32px;height:32px;line-height:32px}.time-axis,.time-column{height:calc(var(--hours)*64px);position:relative}.time-axis span{position:absolute;left:7px;font-size:9px;color:#7a8ca7;transform:translateY(-5px)}.time-axis span:first-child{transform:none}.time-column{border-right:1px solid #e9eef5;background:repeating-linear-gradient(to bottom,transparent 0,transparent 63px,#e9eef5 63px,#e9eef5 64px)}.time-column.today{background-color:#f9fbff}.time-event-wrap{position:absolute;overflow:hidden}.time-event-wrap .calendar-event{height:100%;width:100%;margin:0;padding:8px;border-radius:5px;border-left:3px solid var(--course);background:var(--course-bg);box-shadow:none;overflow:hidden}.time-event-wrap .calendar-event strong{font-size:10px;line-height:1.5}.time-event-wrap .calendar-event small{font-size:9px;line-height:1.4}.calendar-grid .calendar-cell{min-height:126px}.calendar-date{color:#657995}.calendar-cell.is-today{background:#f1f6ff}.calendar-cell.is-today .calendar-date{background:#246bea;color:white}.week-label{margin:0 0 18px;color:#405776}
.learning-analytics{display:grid;grid-template-columns:240px minmax(0,1fr) 240px;gap:20px;margin-bottom:20px}.learning-analytics>.panel{margin:0;min-width:0}.learning-identity{padding:25px 20px;text-align:center}.learning-identity .profile-avatar{margin:0 auto 12px;background:#edf4ff;border:0}.learning-identity h2{font-size:16px}.learning-identity p{font-size:11px}.learning-identity label{text-align:left;font-size:11px}.learning-identity select{width:100%}.learning-identity .btn{width:100%;margin-top:8px}.score-columns{display:flex;align-items:flex-end;justify-content:space-around;gap:9px;padding:25px 20px 20px;min-height:220px}.score-columns>div{flex:1;text-align:center;max-width:45px}.score-columns strong{font-size:12px;color:#3668b3}.score-track{height:110px;display:flex;align-items:flex-end;justify-content:center;background:#f4f7fc;border-radius:5px;margin:8px 0}.score-track i{display:block;width:100%;background:#3778e7;border-radius:5px}.score-columns small{font-size:9px}.homework-analytics{padding:22px}.homework-analytics>strong{display:block;font-size:40px;margin-top:20px;color:#2868c8}.homework-analytics>strong small{font-size:17px;margin-left:5px}.homework-analytics>p{font-size:11px;color:#8391a7}.homework-analytics progress{width:100%;height:7px;margin:14px 0}.homework-analytics .mini-list{font-size:11px;padding:11px 0}.learning-compact-stats{display:flex;gap:0;background:white;border:1px solid var(--border);border-radius:8px}.learning-compact-stats .stat{flex:1;border:0;border-radius:0;padding:15px 20px;border-right:1px solid var(--border)}.learning-compact-stats .stat-number{font-size:22px}.learning-compact-stats .stat-icon,.learning-compact-stats .stat-foot{display:none}
.task-viewbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.task-viewbar>span{font-size:11px;color:#7c8da5}.reference-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.task-column{background:#eef2f7;border-radius:9px;border:1px solid #e4eaf2;padding:15px}.task-column-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.task-column-head h2{font-size:13px;display:flex;gap:9px;align-items:center}.task-column-head h2>i{width:7px;height:7px;background:#e89c4c;border-radius:50%}.task-column.planned h2>i{background:#3680e9}.task-column.complete h2>i{background:#33a37e}.task-column-head h2>span{background:#e0e6ef;color:#637b9a;font-size:10px;padding:2px 6px;border-radius:4px}.task-card{background:white;border:1px solid #dfe6f0;border-radius:8px;margin-bottom:13px;padding:17px;box-shadow:0 2px 3px #233c5904}.task-card:last-child{margin:0}.task-card-meta{display:flex;justify-content:space-between;align-items:center}.task-card-title{font-size:14px;line-height:1.7;text-align:left;color:#344963;display:block;margin:17px 0 22px;width:100%;font-weight:650}.task-card-footer{display:flex;gap:8px;align-items:center;border-top:1px solid #edf1f6;padding-top:14px}.task-card-footer .avatar{width:27px;height:27px;font-size:10px}.task-card-footer>span{font-size:10px;color:#667f9f}.task-card-footer small{display:block;font-size:9px;margin-top:2px}.task-card-footer .task-check{margin-left:auto}.task-check.checked{background:#2b6bd6;border-color:#2b6bd6}.board-empty{padding:24px 8px;text-align:center;color:#8494ad;font-size:12px}.reference-board.is-list{display:block}.reference-board.is-list .task-column{margin-bottom:18px}.reference-board.is-list .task-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reference-board.is-list .task-card{margin:0}
/* Inbox uses a dense queue, a reading canvas, and a delivery side panel. */
[data-page=notebooks]>.stats,[data-page=counsel]>.stats,[data-page=schedule]>.stats{display:flex;border-bottom:1px solid #dce5f0;margin-bottom:22px;padding-bottom:14px;gap:0;background:transparent}[data-page=notebooks]>.stats>.stat,[data-page=counsel]>.stats>.stat,[data-page=schedule]>.stats>.stat{border:0;background:transparent;flex:1;padding:0 22px 0 0;border-radius:0}[data-page=notebooks] .stat-icon,[data-page=counsel] .stat-icon,[data-page=schedule] .stat-icon{display:none}[data-page=notebooks] .stat-number,[data-page=counsel] .stat-number,[data-page=schedule] .stat-number{font-size:22px}.inbox-shell{grid-template-columns:285px minmax(0,1fr);border-color:#dbe4ef;border-radius:9px;min-height:560px}.inbox-toolbar{background:#fff;border-color:#e4eaf3;padding:15px}.inbox-items{background:#fafbfd}.inbox-item{padding:19px 17px;border-color:#e5ebf3;border-left:3px solid transparent}.inbox-item.selected{background:#edf4ff;border-left:3px solid #2870e8}.inbox-item.selected strong{color:#23599f}.inbox-item strong{font-size:12px}.inbox-detail{padding:27px 30px;background:white}.inbox-detail>h2{font-size:22px}.inbox-detail .detail-meta{color:#7b8ba1}.inbox-copy{font-size:14px;line-height:2;color:#4e6079;padding:22px 0;white-space:pre-wrap}.homework-summary{background:#f4f8fe;border-color:#e2eaf6}.read-progress{background:#f8fafd;border:1px solid #e1e9f5;border-radius:7px;padding:18px;margin-top:20px}.care-private{background:#f6f9fd;border-color:#e1e9f5}.detail-facts{background:#f8fafd;border:1px solid #e3eaf4;border-radius:7px}.inbox-distribution{background:#f7f9fc;border-left:1px solid #e3eaf4;padding:24px 18px;min-width:0}.inbox-distribution h3{font-size:13px;margin-bottom:20px}.inbox-distribution .distribution-value{font-size:30px;font-weight:700;color:#2f67bb;display:block;margin:10px 0 20px}.recipient-summary{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #e4ebf5;font-size:11px}.recipient-summary .avatar{width:28px;height:28px;font-size:9px}.recipient-summary>small{margin-left:auto;font-size:9px}.inbox-distribution .btn{width:100%;font-size:10px;margin-top:15px}
.settings-grid{max-width:none}.settings-grid>.panel{border:0;border-radius:0;background:transparent;box-shadow:none}.settings-grid .panel-head{padding:12px 0 19px;border-bottom:1px solid #dbe4ef}.settings-grid .panel-body{max-width:none;padding:24px 0}.settings-grid .academy-facts{max-width:100%;gap:0;grid-template-columns:220px 1fr;border-top:1px solid #e1e7f0;margin:20px 0}.academy-facts dt,.academy-facts dd{padding:21px 0;border-bottom:1px solid #e1e7f0;margin:0}.academy-facts dt{color:#586b85;font-size:12px}.academy-facts dd{font-size:13px;color:#334962}.settings-grid .admin-member{max-width:100%;padding:20px 0;border-color:#e1e8f2}.settings-grid .panel-body>.subtext{max-width:740px}.subscription-summary{background:white;border:1px solid #dfe6f0;border-radius:9px;padding:23px 25px;color:#344a68}.subscription-summary h2{color:#23456f;font-size:23px}.subscription-summary p,.subscription-summary small,.subscription-summary .eyebrow{color:#7b8da7}.subscription-summary strong{color:#2a62b4;font-size:23px}.plan-grid{gap:18px}.plan{padding:23px;border-radius:8px;background:white}.plan.featured{background:#f7faff;border:2px solid #3779e4}.plan .price{color:#243a58;font-size:30px;margin:18px 0}.plan .price span,.plan ul{color:#6f829f}.plan ul{line-height:2.3}.plan li:before{color:#4383df}.plan .btn{width:100%}.plan-grid .plan-top h2{font-size:16px}.test-tools{background:#f8fafd;border-color:#d8e3f3}.form-actions{border-color:#e3eaf4}.parent-preview-open{color:#2864b7}.family-shell,.family-content{--brand:#2673ed;--brand-strong:#1760d7;--brand-soft:#ecf3ff}.family-bottom-nav a.active,.family-bottom-nav button.active{color:#1760d7;background:#eff5ff}.family-hero{background:linear-gradient(135deg,#edf5ff,#e3efff);color:#254e87}.family-hero h1,.family-hero h2{color:#244b7c}.preview-disclosure{background:#edf4ff;border-color:#dce7f7;color:#617d9f}
@media(min-width:1450px){.inbox-shell.has-distribution{grid-template-columns:275px minmax(0,1fr) 225px}}
@media(max-width:1449px){.inbox-distribution{grid-column:2;border-left:0;border-top:1px solid #e3eaf4;display:flex;gap:20px;align-items:center;padding:16px 25px}.inbox-distribution .recipient-summary{display:none}.inbox-distribution h3{margin:0}.inbox-distribution .distribution-value{font-size:22px;margin:0}.inbox-distribution .btn{width:auto;margin:0}.learning-analytics{grid-template-columns:220px minmax(0,1fr)}.homework-analytics{grid-column:1/-1;display:flex;align-items:center;gap:22px}.homework-analytics>strong{margin:0;font-size:27px}.homework-analytics progress{max-width:180px}.homework-analytics .mini-list{border:0;gap:10px}.schedule-workspace{grid-template-columns:minmax(0,1fr) 215px}.course-workspace .ops-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1150px){.content{padding:24px}.roster-workspace,.course-workspace{grid-template-columns:minmax(0,1fr)}.student-inspector{position:static;display:grid;grid-template-columns:230px 1fr}.inspector-cover{grid-column:1/-1;height:48px}.inspector-profile{padding:15px}.inspector-profile .profile-avatar{margin:0 auto 8px}.inspector-actions{grid-column:1/-1}.inspector-records{display:none}.course-inspector{display:block}.course-inspector .inspector-records{display:block}.course-inspector .class-member{display:inline-flex;width:48%;padding:12px}.schedule-workspace{display:block}.schedule-side{position:static}.schedule-side .panel-body{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.schedule-detail-item{max-width:220px}.schedule-side .btn{width:auto}.analytics-grid,.dashboard-bottom{grid-template-columns:minmax(0,1.4fr) minmax(245px,1fr)}.metric-strip .stat{padding:17px 15px}.metric-strip .stat-number{font-size:23px}.reference-board{gap:12px}.task-column{padding:10px}.task-card{padding:13px}.topbar{padding:0 22px}.global-search{min-width:0}.global-search>span{display:none}}
@media(max-width:800px){.main{margin-left:0}.sidebar{width:240px;transform:translateX(-100%)}.sidebar.is-open{transform:translateX(0)}.topbar{padding:0 15px;height:58px}.content{padding:20px 16px 30px}.demo-note{padding:5px 16px}.page-head{align-items:flex-start}.page-head h1{font-size:22px}.analytics-grid,.dashboard-bottom{grid-template-columns:1fr}.metric-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-strip .stat:nth-child(2){border-right:0}.metric-strip .stat:nth-child(-n+2){border-bottom:1px solid var(--border)}.metric-strip .stat-number{font-size:24px}.collection-panel{min-height:340px}.dashboard-context{gap:10px;align-items:start}.dashboard-context>span:last-child{max-width:145px;text-align:right}.roster-workspace{display:flex;flex-direction:column}.roster-workspace>.panel,.roster-workspace>.student-inspector{width:100%}.student-inspector{display:block}.inspector-facts{padding:0 20px}.inspector-profile{padding:15px 20px}.ops-count-strip{gap:7px;overflow-x:auto}.ops-count-strip span{min-width:80px;padding:10px}.ops-count-strip b{font-size:18px;margin-left:6px}.course-workspace .ops-course-grid{grid-template-columns:1fr}.reference-board{grid-template-columns:1fr}.reference-board.is-list .task-cards{grid-template-columns:1fr}.learning-analytics{grid-template-columns:1fr}.homework-analytics{display:block}.homework-analytics>strong{margin-top:15px}.learning-compact-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.learning-compact-stats .stat{padding:13px}.inbox-shell{grid-template-columns:1fr}.inbox-list{max-height:330px}.inbox-detail{padding:22px}.inbox-distribution{grid-column:auto;flex-wrap:wrap;padding:20px}.settings-grid .academy-facts{grid-template-columns:110px 1fr}.academy-facts dt,.academy-facts dd{padding:17px 0}.calendar-year{grid-template-columns:repeat(2,minmax(0,1fr))}[data-page=notebooks]>.stats,[data-page=counsel]>.stats,[data-page=schedule]>.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.schedule-side .panel-body{display:block}.schedule-detail-item{max-width:none}.course-inspector .class-member{width:100%}.page-head .actions{justify-content:flex-start}.bar-chart{margin-left:16px;margin-right:16px;gap:6px}.chart-month>small{font-size:8px}.collection-ring{width:155px;height:155px}}
.invoice-compose-modal{max-width:1040px!important;width:calc(100vw - 48px)}.invoice-compose-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:30px;align-items:start}.invoice-compose-layout>.form-grid{display:flex;flex-direction:column;gap:20px;padding:15px 0}.invoice-compose-layout>.form-grid .form-field{width:100%}#invoice-live-preview{background:#eef2f7;padding:22px;border-radius:8px}.invoice-paper{background:white;border:1px solid #dce5f1;box-shadow:0 7px 15px #233f6110;padding:26px}.invoice-paper-brand{display:flex;align-items:center;gap:9px;border-bottom:2px solid #2b6ede;padding-bottom:20px;margin-bottom:25px;flex-wrap:wrap}.invoice-paper-brand img{width:32px;height:32px}.invoice-paper-brand strong{font-size:12px}.invoice-paper-brand>span{width:100%;font-size:10px;color:#8395af;text-align:right}.invoice-paper h2{font-size:20px;color:#344b6b}.invoice-paper>p{font-size:11px}.invoice-paper dl{padding:18px 0;margin:0}.invoice-paper dl>div{display:flex;justify-content:space-between;padding:6px 0;font-size:10px}.invoice-paper dt{color:#7b8ca5}.invoice-paper dd{margin:0}.invoice-line{display:flex;justify-content:space-between;border-block:1px solid #dfe7f2;padding:22px 0;gap:15px;font-size:12px}.invoice-total{display:flex;justify-content:space-between;align-items:center;margin:25px 0}.invoice-total>span{font-size:11px;color:#6c7e99}.invoice-total>b{font-size:25px;color:#2868c3}.invoice-total small{font-size:12px;margin-left:5px}.invoice-pay-placeholder{background:#edf4ff;border:1px dashed #b9d2f6;text-align:center;color:#497bbd;padding:10px;font-size:10px;border-radius:5px}.assessment-workflow{display:grid;grid-template-columns:repeat(3,1fr);background:white;border:1px solid #dfe6f0;border-radius:8px;margin-bottom:25px}.assessment-workflow>div{display:flex;gap:14px;align-items:center;padding:23px;border-right:1px solid #e5ebf4}.assessment-workflow>div:last-child{border:0}.assessment-workflow b{width:36px;height:36px;border:1px solid #cadefa;background:#eff5ff;color:#3674d6;border-radius:7px;text-align:center;line-height:36px;font-size:12px}.assessment-workflow span{font-size:13px;font-weight:650;color:#3e5574}.assessment-workflow small{display:block;margin-top:6px;font-size:10px;font-weight:400;color:#8091aa}.assessment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:23px}.assessment-card{padding:23px;margin:0}.assessment-card-top{display:flex;align-items:center;gap:9px}.assessment-icon{width:34px;height:39px;background:#eff5ff;border:1px solid #d0e1fa;border-radius:5px;font-size:24px;line-height:37px;text-align:center;color:#407ccc}.assessment-card-top>.text-button{margin-left:auto}.assessment-card h2{font-size:18px;margin:23px 0 8px}.assessment-card>p{font-size:11px;color:#7c8eaa}.assessment-metrics{display:flex;gap:40px;margin:23px 0 18px}.assessment-metrics small{display:block;font-size:10px;margin-bottom:8px}.assessment-metrics b{font-size:24px;color:#355477}.assessment-metrics em{font-size:11px;font-style:normal;color:#8191a9;margin-left:4px}.assessment-card progress{height:5px;width:100%;margin-bottom:22px}.assessment-card-actions{display:flex;gap:9px}.assessment-card-actions .btn{flex:1}.quiz-steps{background:#f4f8ff;border-color:#dfe9f8}.quiz-step-current{color:#1b64d6}.question-rail{background:#f7f9fc;border-color:#e2e9f4}.question-list button.selected{background:#eaf2ff;color:#2564c2;border-color:#a7c6f4}.question-canvas{background:white;border-color:#e0e8f3}.answer-option{background:#f8fafd;border-color:#dfe8f4}.answer-option:has(input:checked){background:#edf5ff;border-color:#4b88e3}.quiz-footer{background:#f7faff;border-color:#dce7f6}.question-list button.selected b{background:#2b70dc;color:white}.photo-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.photo-filters>input,.photo-filters>select{border:1px solid #dce4ef;border-radius:6px;padding:9px 10px;font-size:11px;color:#5c7391;background:white}.collection-toolbar{border-bottom:1px solid #dfe6f0;padding-bottom:20px;margin-bottom:23px}.collection-toolbar h2{font-size:19px;color:#364e6f}.collection-toolbar h2 small{font-size:12px;color:#7892b3}.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.photo-card{border:0;box-shadow:none;background:transparent;border-radius:7px}.photo-card .photo-open{aspect-ratio:4/3;overflow:hidden;border-radius:7px}.photo-card .photo-open img{width:100%;height:100%;object-fit:cover}.photo-card .panel-body{padding:12px 1px}.photo-card h2{font-size:13px;margin:5px 0}.photo-card .family-text{font-size:11px;color:#7b8da6}.photo-card .subtext{font-size:10px}.attendance-summary-band{background:#252f3e;color:white;border-radius:9px;margin-bottom:24px;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;gap:30px}.attendance-summary-band>div>span{font-size:9px;letter-spacing:1.5px;color:#89a4ca}.attendance-summary-band h2{color:white;font-size:20px;margin:9px 0}.attendance-summary-band p{font-size:11px;color:#a7b8ce;margin:0}.attendance-summary-metrics{display:flex;gap:14px}.attendance-summary-metrics>div{background:#313e51;padding:14px 23px;border-radius:6px;min-width:108px}.attendance-summary-metrics small{color:#a3b6d0;font-size:10px}.attendance-summary-metrics b{display:block;font-size:26px;margin-top:5px;font-weight:650;color:#eaf2ff}.attendance-summary-metrics em{font-style:normal;font-size:11px;margin-left:5px;color:#9eb9df}.report-bars progress{accent-color:#2870e8}.auth-story{background:#202f44;color:white}.auth-tag{color:#b5d1f7;border-color:#496685}.auth-story h1{color:white}.auth-story p{color:#b0c1d9}.auth-benefits span{background:#2b405c;color:#c8dcf7}.auth-form .eyebrow{color:#3b76c8}.family-tabs a.active,.family-tabs button.active{color:#1760d7}.family-tab-icon{color:inherit}
@media(max-width:1250px){.assessment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-summary-band{display:block}.attendance-summary-metrics{margin-top:20px}.attendance-summary-metrics>div{flex:1}.assessment-workflow>div{padding:17px;gap:9px}}
@media(max-width:800px){.invoice-compose-modal{width:calc(100vw - 22px)}.invoice-compose-layout{grid-template-columns:1fr;gap:15px}#invoice-live-preview{padding:13px}.invoice-paper{padding:20px}.assessment-grid{grid-template-columns:1fr}.assessment-workflow{grid-template-columns:1fr}.assessment-workflow>div{border-right:0;border-bottom:1px solid #e5ebf4;padding:15px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.photo-filters{width:100%}.photo-filters .search{width:100%}.photo-filters .search input{width:100%}.collection-toolbar{align-items:flex-start;flex-direction:column;gap:16px}.attendance-summary-band{padding:22px}.attendance-summary-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attendance-summary-metrics>div{min-width:0;padding:13px}.assessment-metrics{gap:35px}}
.family-app{background:#f6f9fd}.family-header{border-color:#dde7f4}.family-header .brand{color:#284869}.family-header .brand small{color:#7c96b6}.family-child{border-color:#dce7f4}.family-child select{background:#edf4ff;color:#3569ad}.family-child small{color:#8099b9}.family-main .welcome{background:#eaf3ff;border-color:#d6e6fa}.family-main .welcome h1,.family-main .welcome h2{color:#2d5b96}.family-main .welcome p{color:#6a88ac}.family-footer{color:#718ba9}.selected-event-detail{border:1px solid #cfe0f8;background:#f2f7ff;border-radius:7px;padding:15px;margin:17px 0}.selected-event-detail h2{font-size:16px}.selected-event-detail p{font-size:11px;color:#607c9f}.selected-event-detail .btn{font-size:11px}.roster-list-panel .toolbar .ops-filter{flex-shrink:0}
.communication-layout{display:grid;grid-template-columns:285px minmax(0,1fr);border:1px solid #dce5f0;border-radius:9px;background:white;min-height:440px;overflow:hidden}.communication-queue{background:#fafcfe;border-right:1px solid #e1e9f4}.communication-queue h3{font-size:12px;padding:20px;margin:0;border-bottom:1px solid #e1e9f4}.communication-queue>button{display:flex;flex-direction:column;text-align:left;gap:9px;padding:21px;width:100%;border-bottom:1px solid #e5ebf4;border-left:3px solid transparent}.communication-queue>button.selected{background:#edf4ff;border-left-color:#2d71df}.communication-queue strong{font-size:13px;color:#3d5878}.communication-queue>button>span{font-size:9px;color:#4383c2}.communication-queue small{font-size:10px;color:#7e93af}.communication-reading{padding:26px;min-width:0}.communication-reading>.panel{box-shadow:none;border:0;margin:0}.communication-reading>.panel>.panel-body{padding:0}.communication-reading h2{font-size:22px;margin:20px 0}.communication-reading .note-excerpt{font-size:14px;line-height:2;-webkit-line-clamp:unset;display:block;white-space:pre-wrap}.communication-reading .mini-list{background:#f4f8fe;padding:20px;border:1px solid #e0eaf6;border-radius:7px;margin:25px 0}.communication-reading .mini-list strong{color:#2565be}
@media(min-width:1250px){.inbox-shell.has-distribution{grid-template-columns:265px minmax(0,1fr) 215px}.has-distribution .inbox-distribution{grid-column:auto;display:block;border-top:0;border-left:1px solid #e3eaf4;padding:24px 18px}.has-distribution .recipient-summary{display:flex}.has-distribution .distribution-value{font-size:28px;margin:15px 0 20px}.has-distribution .inbox-distribution .btn{width:100%;margin-top:18px}.has-distribution .inbox-distribution h3{margin-bottom:15px}}
@media(max-width:800px){.communication-layout{grid-template-columns:1fr}.communication-queue{max-height:240px;overflow:auto;border-right:0;border-bottom:1px solid #dce6f4}.communication-reading{padding:20px}}
@media(min-width:801px){.analytics-grid{grid-template-columns:minmax(250px,1fr) minmax(0,1.85fr)}.analytics-grid .collection-panel{order:-1}}

.parent-social{display:grid;gap:10px;margin:18px 0}.social-naver{background:#03c75a;color:#fff}.social-kakao{background:#fee500;color:#191919}.parent-social .btn:disabled{opacity:.6}#parent-terms-detail{margin-top:16px}