:root{--app-bg:#edf3f8;--ink:#234b70;--muted:#6c8193;--surface:#fbfdff;--line:#cedde8;--side:#234b70;--side-ink:#fff;--side-active:#ffd35c1a;--accent:#ffd35c;--accent-ink:#234b70;--soft:#dfeaf2;--radius:17px}.class-mini{border:1px solid #ffffff25;border-radius:12px;padding:13px;display:grid}.class-mini small{opacity:.55}.class-mini>span{font-size:.7rem;color:#ffd35c}.class-hero{background:#234b70;color:#fff;border-radius:26px;padding:30px;display:grid;grid-template-columns:1fr 260px;gap:40px;margin-bottom:18px}.class-hero h3{font-size:2.3rem;margin:.5em 0 .2em}.class-hero p{opacity:.65}.lesson-meta{display:flex;gap:16px}.lesson-meta b{color:#ffd35c}.class-hero aside{background:#ffffff12;border-radius:18px;padding:22px}.class-hero aside strong{display:block;font-size:3rem}.class-hero aside .progress{background:#ffffff20;margin:12px 0}.class-hero aside button{border:0;background:#ffd35c;color:#234b70;padding:10px 13px;border-radius:9px}.lesson-row{display:grid;grid-template-columns:65px 12px 1fr;gap:12px;align-items:center;padding:16px 0;border-top:1px solid #cedde8}.lesson-row:first-of-type{border-top:0}.lesson-row>span{width:10px;aspect-ratio:1;border-radius:50%;background:#cedde8}.lesson-row.done{opacity:.5}.lesson-row.active>span{background:#ffd35c;box-shadow:0 0 0 6px #ffd35c33}.lesson-row small{display:block;color:#6c8193}.submission-ring{width:150px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;margin:20px auto;background:conic-gradient(#ffd35c 75%,#dfeaf2 0);border:25px solid #fbfdff;outline:14px solid #dfeaf2;font-size:1.5rem;font-weight:800}.assignment-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.assignment-card{border-radius:20px;padding:24px}.assignment-card.science{background:#cde8ef}.assignment-card.math{background:#f9e3a7}.assignment-card header,.assignment-card footer{display:flex;justify-content:space-between}.assignment-card h3{font-size:1.5rem}.assignment-card footer{margin-top:16px}.assignment-card button{border:0;background:transparent;font-weight:700}.attendance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.attendance-summary>div{background:#fbfdff;border:1px solid #cedde8;border-radius:16px;padding:20px}.attendance-summary strong,.attendance-summary span{display:block}.attendance-summary strong{font-size:2.5rem}.student-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.student-grid article{background:#fbfdff;border:1px solid #cedde8;border-radius:15px;padding:15px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.avatar.blue{background:#a9d2ef}.avatar.coral{background:#f5ae9f}.avatar.lime{background:#bddd96}.avatar.gold{background:#ffd776}.attendance-toggle{display:flex}.attendance-toggle button{width:34px;aspect-ratio:1;border:1px solid #cedde8;background:transparent}.attendance-toggle .active{background:#bddd96}.attendance-toggle .late{background:#ffd776}.attendance-toggle .absent{background:#f5ae9f}.skill{display:grid;grid-template-columns:180px 1fr 50px;gap:15px;align-items:center;margin:20px 0}@media(max-width:700px){.class-hero{grid-template-columns:1fr}.assignment-grid,.student-grid{grid-template-columns:1fr}.attendance-summary{grid-template-columns:1fr}.skill{grid-template-columns:1fr 50px}.skill .progress{grid-column:1/-1;grid-row:2}}