@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#243632;--muted:#6d7c75;--green:#246b51;--bg:#f4f5ef;--line:#dce2d8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'DM Sans',system-ui}header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 5%}.brand{font:700 38px 'Space Grotesk';color:var(--green);text-decoration:none}.brand span{font:600 12px 'DM Sans';letter-spacing:3px;margin-left:14px}header>span{font-size:12px;color:var(--muted);flex:1}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:46px;border:1px solid var(--line);background:white;border-radius:9px;padding:10px 17px;color:var(--ink);font-weight:600}button:hover{border-color:var(--green);background:#edf3eb}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e6a944;outline-offset:2px}button.primary{background:var(--green);color:white;border-color:var(--green)}button.danger{color:#a44937}button:disabled{opacity:.5;cursor:default}main{max-width:1360px;margin:auto;padding:42px 5%}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:700;text-transform:uppercase}h1{font:500 36px 'Space Grotesk';margin:9px 0}h2{font:500 20px 'Space Grotesk';margin:0 0 20px}p{color:var(--muted);line-height:1.5}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.pill{border:1px solid var(--line);border-radius:30px;padding:9px 14px;font-size:12px;background:white}.layout{display:grid;grid-template-columns:1fr 340px;gap:24px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:25px;margin-bottom:22px}.task{display:grid;grid-template-columns:1fr 210px;gap:30px}.timer{text-align:center;background:#f2f5ed;border-radius:12px;padding:20px}.clock{font:500 54px 'Space Grotesk';font-variant-numeric:tabular-nums;letter-spacing:-3px}.status{font-size:12px;color:var(--green)}label{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}input,select,textarea{border:1px solid var(--line);border-radius:8px;background:#fcfcf8;padding:12px;width:100%;color:var(--ink);min-height:46px}textarea{resize:vertical;min-height:90px}.fields{display:grid;grid-template-columns:1fr 90px;gap:14px}.controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.metrics{display:flex;gap:25px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.metrics strong{font:500 27px 'Space Grotesk';display:block}.metrics span{font-size:12px;color:var(--muted)}.tabs{display:flex;gap:8px;margin-bottom:20px}.tabs button{min-height:36px;font-size:12px}.tabs .active{background:var(--ink);color:white}.students{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.student{border:1px solid var(--line);border-radius:10px;padding:14px;cursor:pointer}.avatar{height:33px;width:33px;border-radius:50%;background:#edf1e8;display:grid;place-items:center;font-size:12px;font-weight:700;margin-bottom:9px}.student strong{display:block;font-size:13px}.student small{color:var(--muted);display:block;font-size:11px;margin-top:6px}.student.done{background:#edf5ec;border-color:#bbd6ba}.student.help{background:#fff5e2;border-color:#eed296}.group{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.group:last-child{border:0}.group small{display:block;margin-top:5px;color:var(--muted)}.progress{background:#e5e9df;height:5px;border-radius:4px;margin-top:10px}.progress i{display:block;background:var(--green);height:100%;border-radius:4px}.message{padding:14px 0;border-bottom:1px solid var(--line)}.message strong{font-size:13px}.message p{font-size:13px;margin:6px 0}.message small{font-size:10px;color:var(--muted)}.message img{max-width:100%;border-radius:8px}.check{display:flex;align-items:center;gap:12px;margin:17px 0;color:var(--ink);font-size:13px}.check input{width:20px;min-height:20px}.student-screen{max-width:850px;margin:0 auto;text-align:center}.student-screen .hero{padding:55px 25px;background:#e7eddf;border-radius:24px;margin:30px 0}.student-screen .clock{font-size:clamp(85px,17vw,150px);letter-spacing:-6px}.student-screen h1{font-size:30px}.student-screen .controls{justify-content:center}.student-screen .card{text-align:left}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:12px;padding:16px 24px;display:none;z-index:5;max-width:90vw}dialog{border:1px solid var(--line);border-radius:18px;max-width:600px;width:90%;padding:28px}dialog::backdrop{background:#172a2466}.close{float:right;margin-bottom:20px}footer{font-size:11px;color:var(--muted);margin:25px 0}.empty{font-size:13px;padding:15px 0;color:var(--muted)}@media(max-width:1050px){.layout{grid-template-columns:1fr 290px}.students{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){header{padding:15px;height:auto;gap:12px;flex-wrap:wrap}header>span{order:3;flex-basis:100%}main{padding:24px 16px}.layout{grid-template-columns:1fr}.task{grid-template-columns:1fr}.timer{order:-1}.heading{gap:10px}h1{font-size:28px}.students{grid-template-columns:repeat(2,1fr)}.card{padding:20px}.clock{font-size:64px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}