:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f6f7fb}*{box-sizing:border-box}body{margin:0}.shell{max-width:760px;margin:auto;padding:24px 16px 60px}.home{text-align:center;padding-top:72px}h1{margin:0 0 18px}h2{font-size:1.05rem;margin:22px 0 10px}.class-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:32px 0}.class-card,.task,.panel,.day{background:white;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 18px rgba(0,0,0,.04)}.class-card{padding:28px 18px;text-decoration:none;color:inherit}.class-card b{display:block;font-size:2rem}.class-card span{color:#667085}.admin-link{color:#667085}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.tabs{display:flex;gap:8px;position:sticky;top:0;background:#f6f7fb;padding:10px 0;z-index:2}button{border:0;border-radius:10px;padding:11px 16px;background:#172033;color:#fff;font-weight:700;cursor:pointer}.tabs button{background:#e9edf4;color:#303849;flex:1}.tabs button.active{background:#172033;color:#fff}.task{padding:16px;margin:10px 0}.subject{font-weight:800;margin-bottom:5px}.empty{padding:24px;text-align:center;color:#667085;background:#fff;border-radius:14px;border:1px dashed #d0d5dd}.history{margin-top:28px}.history summary{cursor:pointer;font-weight:700}.day{padding:12px 14px;margin:12px 0}.panel{padding:18px;margin:18px 0}label{display:block;font-weight:700;margin:12px 0}input,select,textarea{width:100%;font:inherit;border:1px solid #d0d5dd;border-radius:10px;padding:12px;margin-top:6px;background:#fff}.actions{display:flex;gap:8px}.ghost{background:#e9edf4;color:#303849}.danger{background:#b42318}.manage{display:flex;justify-content:space-between;gap:12px;align-items:center}.manage small{display:block;color:#667085;margin:3px 0 7px}.manage>div:last-child{display:flex;gap:6px}.error{color:#b42318}.panel>input{margin:6px 0}@media(max-width:520px){.shell{padding:16px 12px 44px}.home{padding-top:42px}.manage{align-items:flex-start;flex-direction:column}.manage>div:last-child{width:100%}.manage button{flex:1}}