:root{--blue:#0752a2;--navy:#0b2740;--cyan:#00a5df;--bg:#eef3f7;--line:#d6e0e7;--green:#167451;--red:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--navy);font-family:Arial,sans-serif}header{min-height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;padding:12px clamp(16px,4vw,52px);position:sticky;top:0;z-index:3}.logo{font-weight:950;color:var(--blue);text-decoration:none;font-size:20px}.logo span{color:var(--cyan)}nav{display:flex;gap:8px;flex:1}nav a{color:#345064;text-decoration:none;padding:10px;border-radius:8px;font-weight:700}.who{font-size:13px;color:#607486}main{width:min(1180px,94vw);margin:32px auto 70px}h1{font-size:clamp(27px,4vw,40px);margin:0 0 26px}h2{font-size:20px;margin:0 0 18px}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.tile{min-height:230px;padding:34px;border-radius:18px;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 20px 50px #0b274026}.tile b{font-size:30px}.tile span{margin-top:12px;line-height:1.5;opacity:.9}.ami{background:linear-gradient(135deg,#0752a2,#008bc7)}.eval{background:linear-gradient(135deg,#192f5d,#603ba3)}.grid{display:grid;grid-template-columns:minmax(300px,430px) 1fr;gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 8px 24px #16354e10;margin-bottom:18px}.login{width:min(460px,94vw);margin:8vh auto}.mark{width:64px;height:64px;background:var(--blue);color:#fff;border-radius:14px;display:grid;place-items:center;font-size:26px;font-weight:950;margin-bottom:22px}label{display:block;font-size:13px;font-weight:800;margin:14px 0 6px}input,select,textarea{width:100%;border:1px solid #b9c8d3;border-radius:8px;padding:12px;background:#fff;font:inherit;margin-top:6px}button,.button{border:0;border-radius:8px;padding:12px 16px;background:var(--blue);color:#fff;font-weight:850;cursor:pointer;text-decoration:none;display:inline-block}form>button{margin-top:16px}.secondary{background:#e8f1f8;color:var(--blue)}fieldset{margin:18px 0;border:1px solid var(--line);border-radius:9px;max-height:310px;overflow:auto}.check{font-weight:600;margin:8px}.check input{width:auto}.row{padding:14px 4px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;text-decoration:none;color:inherit}.row span,.muted{font-size:13px;color:#687e8e;margin-top:5px}.flash{padding:13px;background:#dff4e8;color:var(--green);border-radius:9px;margin-bottom:20px}.error{padding:12px;background:#fee4e2;color:var(--red);border-radius:8px}.person{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:20px}.assignment>div:first-child{display:flex;align-items:center;justify-content:space-between}.badge{font-size:12px;font-weight:900;padding:7px 10px;border-radius:20px}.pending{background:#edf1f4}.pass{background:#dff4e8;color:var(--green)}.fail{background:#fee4e2;color:var(--red)}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}@media(max-width:760px){header{align-items:flex-start;flex-wrap:wrap}nav{order:3;width:100%;overflow-x:auto}.who{margin-left:auto}.tiles,.grid{grid-template-columns:1fr}.tile{min-height:180px}.tile b{font-size:25px}.card{padding:18px}}
