.cc-summary-setting{border:1px solid #bfe6dc;border-radius:999px;background:#f1fbf8;color:#238f79;padding:5px 9px;font-size:10px;white-space:nowrap;cursor:pointer}.cc-summary-setting:hover{background:#dcf5ee}.cc-summary-head>div>small{display:block;margin-top:3px;color:#9aa8a4;font-size:9px}.cc-summary-overview{display:flex;align-items:center;gap:10px;padding:10px 11px;margin-bottom:10px;border:1px solid #dcefe9;border-radius:10px;background:linear-gradient(120deg,#effaf7,#f8fcfb)}.cc-summary-overview>div{flex:1}.cc-summary-overview>span{width:1px;height:28px;background:#d4e8e2}.cc-summary-overview small,.cc-summary-sections small{display:block;margin-bottom:4px;color:#8a9c97;font-size:9px}.cc-summary-overview strong{color:#168d77;font-size:11px}.cc-summary-sections{display:grid;gap:7px}.cc-summary-sections section{padding:9px 10px;border:1px solid #e7eceb;border-radius:9px;background:#fbfcfc}.cc-summary-sections section.next{border-color:#d4ebe4;background:#eef8f5}.cc-summary-sections p{margin:0;color:#3b5952;font-size:11px;line-height:1.6}.cc-summary-detail{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:9px;padding:9px 10px;border:1px solid #cfe6df;border-radius:9px;background:#fff;color:#168d77;font-size:10px;font-weight:800;cursor:pointer}.cc-summary-detail:hover{background:#eef8f5}.cc-summary-detail span{font-size:14px}.cc-summary-time{margin-top:8px;color:#9aa9a5;font-size:9px}
.summary-detail-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.summary-detail-hero>div{padding:13px;border:1px solid #dbece7;border-radius:11px;background:#f2faf7}.summary-detail-hero small,.summary-detail-grid small{display:block;margin-bottom:5px;color:#849792;font-size:10px}.summary-detail-hero strong{color:#168d77}.summary-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.summary-detail-grid>div{padding:12px;border:1px solid #e7eceb;border-radius:10px;background:#fbfcfc}.summary-detail-grid p{margin:0;color:#405c55;line-height:1.7}.summary-detail-points{padding-left:20px;color:#526963;line-height:1.9}.summary-next-action{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid #edf0ef}.summary-next-action:last-child{border:0}.summary-next-action span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#ddf3ed;color:#168d77;font-weight:900}.summary-next-action p{margin:3px 0 0;color:#3f5a54;line-height:1.6}@media(max-width:720px){.summary-detail-hero,.summary-detail-grid{grid-template-columns:1fr}}
.attendance-hero{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.attendance-hero>div{padding:13px;border:1px solid #d8ebe6;border-radius:11px;background:linear-gradient(145deg,#f2faf8,#fff)}.attendance-hero small{display:block;margin-bottom:6px;color:#80948f;font-size:10px}.attendance-hero strong{color:#173f37;font-size:18px}.attendance-hero i{margin-left:3px;color:#8aa09a;font-size:11px;font-style:normal}.attendance-timeline{display:grid;gap:12px}.attendance-lesson{padding:15px;border:1px solid #dfeae7;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(31,91,77,.05)}.attendance-lesson.future{opacity:.68}.attendance-course{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px}.attendance-course>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#daf3ec;color:#168d77;font-weight:900}.attendance-course h3{margin:0 0 4px;color:#29423d;font-size:14px}.attendance-course p{margin:0;color:#8d9c98;font-size:10px}.attendance-course em{padding:4px 8px;border-radius:999px;background:#edf8f5;color:#168d77;font-size:10px;font-style:normal}.attendance-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:13px 0 8px}.attendance-metrics>div{padding:9px;border-radius:9px;background:#f7faf9}.attendance-metrics small{display:block;margin-bottom:5px;color:#8a9995;font-size:9px}.attendance-metrics b{color:#405b55;font-size:11px}.attendance-progress{height:4px;overflow:hidden;border-radius:999px;background:#e8efed}.attendance-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2db9a5,#168d77)}.attendance-talk{margin-top:11px;padding-top:10px;border-top:1px solid #edf1f0}.attendance-talk>div{display:flex;justify-content:space-between;color:#4d655f;font-size:10px}.attendance-talk>div span{color:#93a19e}.attendance-talk p{margin:7px 0 0;padding:8px 10px;border-radius:8px;background:#f2f8f6;color:#456159;font-size:10px;line-height:1.55}.attendance-talk p.empty{color:#9aa6a3}@media(max-width:720px){.attendance-hero,.attendance-metrics{grid-template-columns:1fr 1fr}.attendance-course{grid-template-columns:42px 1fr}.attendance-course em{grid-column:2}}
.attendance-course-1{--lesson-color:#18a68e;--lesson-soft:#dff6f0}.attendance-course-2{--lesson-color:#3f7ddd;--lesson-soft:#e5efff}.attendance-course-3{--lesson-color:#e0912f;--lesson-soft:#fff0da}.attendance-course-4{--lesson-color:#8b67cf;--lesson-soft:#eee7fb}.attendance-lesson .attendance-course>span{background:var(--lesson-soft);color:var(--lesson-color);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lesson-color) 18%,transparent)}.attendance-lesson .attendance-course em{background:var(--lesson-soft);color:var(--lesson-color)}.attendance-lesson .attendance-progress i{background:var(--lesson-color)}