*{box-sizing:border-box}body{margin:0;font-family:"Hind Siliguri",sans-serif;color:#17352a;background:linear-gradient(135deg,#eaf8f0,#fff5d8);min-height:100vh}.wrap{width:min(900px,94%);margin:28px auto}.back{color:#087a50;font-weight:700;text-decoration:none}.panel{background:#fff;border-radius:22px;padding:25px;margin-top:12px;box-shadow:0 20px 60px #073f2b20}.panel>header{display:flex;gap:15px;align-items:center;border-bottom:1px solid #dceae3;padding-bottom:15px}.panel header img{width:72px;height:72px;border-radius:50%;object-fit:cover}.panel h1,.panel p{margin:0}form{display:grid;gap:12px;margin-top:18px}label{display:grid;gap:5px;font-weight:600}input{width:100%;padding:11px;border:1px solid #bfd3c9;border-radius:9px;font:inherit}button{border:0;border-radius:9px;padding:11px 14px;background:#087a50;color:#fff;font:inherit;font-weight:700}.message{display:none;padding:10px;margin:12px 0;border-radius:9px}.message.show{display:block;background:#ffe3e3;color:#8a2828}.actions{display:flex;justify-content:flex-end;gap:8px;margin:14px 0}.gray{background:#687b72}.purple{background:#7040a8}.student{background:#e9f7ef;padding:14px;border-radius:11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0}.metric{text-align:center;background:#f4f8f6;padding:10px;border-radius:9px}.metric b,.metric span{display:block}.exam{border:1px solid #dceae3;border-radius:11px;padding:12px;margin:11px 0}.exam table{width:100%;border-collapse:collapse}.exam th,.exam td{border:1px solid #ccd9d2;padding:6px;text-align:left}.notice{padding:12px;background:#fff8e5;border-left:5px solid #d69a20;border-radius:8px;margin:10px 0}.encouragement{padding:13px;background:#f0f4ff;border-left:5px solid #7040a8;border-radius:9px}.privacy{font-size:.9rem;color:#60766b;margin-top:15px}@media(max-width:650px){.metrics{grid-template-columns:1fr 1fr}.panel{padding:17px}.exam{overflow:auto}}
/* Logged-in student identity card v316 */
.student-identity-v316{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center;margin:16px 0;padding:16px;border:1px solid #cfe3d8;border-left:6px solid #087a50;border-radius:15px;background:linear-gradient(135deg,#f4fbf7,#eef6ff);box-shadow:0 7px 20px rgba(6,74,49,.09)}
.student-identity-v316:empty{display:none}
.student-identity-photo-v316{width:92px;height:106px;border-radius:12px;object-fit:cover;border:2px solid #fff;box-shadow:0 3px 12px rgba(0,0,0,.14);background:#e5f0ea}
.student-identity-placeholder-v316{width:92px;height:106px;border-radius:12px;display:grid;place-items:center;border:2px solid #fff;background:#dcefe5;color:#087a50;font-size:34px;font-weight:700;box-shadow:0 3px 12px rgba(0,0,0,.12)}
.student-identity-body-v316 h2{margin:0 0 8px;color:#075b3b;font-size:1.45rem}.student-identity-meta-v316{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.student-identity-meta-v316 div{padding:9px 10px;border:1px solid #d8e8e0;border-radius:10px;background:#fff}.student-identity-meta-v316 span,.student-identity-meta-v316 b{display:block}.student-identity-meta-v316 span{font-size:.8rem;color:#60746a}.student-identity-meta-v316 b{margin-top:2px;color:#17352a}.student-identity-label-v316{margin:0 0 3px;color:#1769aa;font-weight:700;font-size:.85rem}
@media(max-width:760px){.student-identity-meta-v316{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.student-identity-v316{grid-template-columns:1fr;text-align:center}.student-identity-photo-v316,.student-identity-placeholder-v316{margin:auto}.student-identity-meta-v316{grid-template-columns:1fr 1fr;text-align:left}}