*{box-sizing:border-box}body{margin:0;background:#f5f7f6;color:#15231e;font-family:system-ui,sans-serif}main{max-width:900px;margin:auto;padding:18px}header{height:58px;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;padding:0 14px}header small{color:#0b6b4f}section{background:#fff;margin:18px 0;padding:22px;border-radius:16px}input,select,button{font:inherit;padding:11px;border-radius:10px;border:1px solid #ccd7d2;margin:5px}input,select{width:calc(100% - 10px)}button{background:#0b6b4f;color:white;border:0;font-weight:700;cursor:pointer}.hero{display:flex;justify-content:space-between}nav{display:flex;gap:5px;margin:15px 0}nav button{flex:1;background:#edf2ef;color:#173b31}nav button.active{background:#0b6b4f;color:white}.student{display:flex;justify-content:space-between;align-items:center;border:1px solid #e1e8e4;padding:12px;border-radius:12px;margin:7px 0}.status button{padding:7px}.chosen{outline:3px solid #b8d9cc}#net{font-size:12px;padding:6px 9px;background:#edf7f3;border-radius:20px}@media(max-width:600px){.student{flex-direction:column;align-items:flex-start}.status{width:100%}.status button{width:48%}}