:root{--ink:#10233e;--muted:#617087;--surface:#fff;--line:#dce5ed;--green:#087f5b;--green-dark:#065f46;--green-soft:#e8f8f1;--amber:#b45309;--amber-soft:#fff7df;--blue:#2463eb;--red:#b42318;--shadow:0 16px 42px rgba(16,35,62,.09)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 10% 5%,rgba(16,185,129,.12),transparent 28rem),#f7fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.shell{width:min(1080px,calc(100% - 30px));margin:auto}.header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:1.2rem;font-weight:850}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--green);color:#fff}.nav{display:flex;align-items:center;gap:8px}.nav a{padding:9px 12px;border-radius:10px;text-decoration:none;color:var(--muted);font-weight:700}.nav a:hover{background:var(--green-soft);color:var(--green-dark)}.refresh-button{color:var(--green-dark);border-color:#a7daca;background:var(--green-soft)}.refresh-button:hover{background:#d5f4e7}.hero{padding:44px 0 30px}.eyebrow{color:var(--green);font-size:.78rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.hero h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.045em;margin:10px 0}.hero p,.muted{color:var(--muted);line-height:1.65}.panel,.activity-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.panel{padding:26px;margin-bottom:24px}.activity-list{display:grid;gap:16px;padding-bottom:60px}.activity-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:22px}.number{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--green-soft);color:var(--green);font-weight:900}.activity-card h2{font-size:1.12rem;margin:0 0 6px}.activity-card p{margin:0;color:var(--muted);font-size:.92rem}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-size:.76rem;font-weight:850}.badge.draft,.badge.closed{background:var(--amber-soft);color:var(--amber)}.badge.revision{background:#fff0ee;color:var(--red)}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 17px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.button.primary,button.primary{background:var(--green);border-color:var(--green);color:#fff}.button.danger{color:var(--red)}button:disabled,.locked{opacity:.62;cursor:not-allowed}.form-grid{display:grid;gap:18px}.field label,.field legend{display:block;font-weight:800;margin-bottom:8px}.field input[type=text],.field input[type=number],.field textarea,.field select{width:100%;padding:12px 14px;border:1px solid #bdcad5;border-radius:12px;background:#fff;color:var(--ink);font:inherit}.field textarea{min-height:120px;resize:vertical}.field textarea.long{min-height:360px}.field input:focus,.field textarea:focus,.field select:focus{outline:3px solid rgba(8,127,91,.14);border-color:var(--green)}.help{margin-top:7px;color:var(--muted);font-size:.84rem}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.alert{padding:13px 16px;border-radius:12px;margin-bottom:18px;background:var(--green-soft);color:var(--green-dark);font-weight:700}.alert.error{background:#fff0ee;color:var(--red)}.progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric{padding:18px;border:1px solid var(--line);border-radius:15px}.metric strong{display:block;font-size:1.7rem}.timeline-row{display:grid;grid-template-columns:1fr 110px;gap:12px;align-items:center}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check{padding:10px;border:1px solid var(--line);border-radius:10px}.review{padding:14px;background:#f8fafc;border:1px solid var(--line);border-radius:12px;margin-top:14px}.footer{padding:28px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}.teacher-table{width:100%;border-collapse:collapse}.teacher-table th,.teacher-table td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:top}.inline{display:flex;gap:7px;flex-wrap:wrap}.score{font-size:1.5rem;font-weight:900;color:var(--green)}.activity-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.activity-nav-center{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.activity-nav>div:last-child{text-align:right}.activity-nav .locked{display:inline-flex;cursor:not-allowed}@media(max-width:720px){.header{align-items:flex-start}.nav{flex-wrap:wrap;justify-content:flex-end}.nav a:not(:last-child){display:none}.activity-card{grid-template-columns:auto 1fr}.activity-card>.button,.activity-card>.locked{grid-column:1/-1;width:100%}.progress-grid{grid-template-columns:1fr}.timeline-row{grid-template-columns:1fr 88px}.check-grid{grid-template-columns:1fr}.panel{padding:19px}.teacher-table,.teacher-table tbody,.teacher-table tr,.teacher-table td{display:block}.teacher-table thead{display:none}.teacher-table tr{padding:12px 0;border-bottom:1px solid var(--line)}.teacher-table td{border:0;padding:5px 0}.actions>*{flex:1}.activity-nav{grid-template-columns:1fr}.activity-nav>div,.activity-nav>div:last-child{text-align:stretch}.activity-nav-center{display:grid}.activity-nav .button,.activity-nav .locked,.activity-nav .refresh-button{width:100%}}