:root{--ink:#071d17;--green:#0b3d2d;--gold:#dfbd58;--cream:#f4efe2;--line:#d9d1bc}.records{background:var(--cream);min-height:100vh;color:var(--ink);font-family:Arial,sans-serif}.records>header{color:#fff;background:radial-gradient(circle at 78% 18%,#28664e,#0b3024 52%,#05140f);grid-template-columns:1.35fr .65fr;gap:40px;padding:28px clamp(24px,6vw,88px) 58px;display:grid}.records>header nav{flex-wrap:wrap;grid-column:1/-1;gap:22px;display:flex}.records a{color:inherit;text-decoration:none}.records small{letter-spacing:.12em;font-weight:900}.records>header small,.panel>small{color:#efd071}.records h1{margin:50px 0 18px;font:700 clamp(50px,7vw,90px)/.93 Georgia,serif}.records>header p{color:#dce9e2;max-width:720px;font-size:19px;line-height:1.6}.records>header aside{background:#10291f;border:1px solid #8d7737;border-radius:20px;align-self:end;padding:24px}.records>header aside b,.records>header aside span{display:block}.records>header aside b{color:#efd071;margin-bottom:12px;font:700 26px Georgia,serif}.records>header aside span{border-top:1px solid #ffffff20;padding:7px 0}.identity{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1fr 1fr repeat(3,.55fr);gap:14px;padding:20px clamp(24px,6vw,88px);display:grid}.identity article{border-left:3px solid var(--gold);padding:9px 14px}.identity article.warn{background:#fff1e9}.identity strong,.identity span{display:block}.identity strong{font:700 28px Georgia,serif}.identity span{color:#65716c;font-size:12px}.recordsGrid{grid-template-columns:1fr 1fr;gap:22px;padding:32px clamp(24px,6vw,88px) 0;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:20px;padding:28px;box-shadow:0 14px 30px #0a261b0c}.panel h2{margin:8px 0 21px;font:700 31px Georgia,serif}label{letter-spacing:.08em;margin-bottom:15px;font-size:11px;font-weight:900;display:block}input,select,textarea{box-sizing:border-box;width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #bbb29c;border-radius:10px;margin-top:7px;padding:11px;display:block}textarea{resize:vertical;min-height:100px}.attendance>div:first-of-type,.assignment>div{grid-template-columns:1fr 1.25fr .65fr;gap:10px;display:grid}.assignment>div{grid-template-columns:1fr 1fr}.attendance>button,.assignment>button,.connected button{background:var(--gold);color:var(--ink);cursor:pointer;border:0;border-radius:999px;width:100%;padding:13px 18px;font-weight:900}.attendanceList{margin-top:16px}.attendanceList p{border-top:1px solid #ebe6da;grid-template-columns:110px 1fr;gap:12px;margin:0;padding:12px 0;display:grid}.attendanceList span b,.attendanceList span small{display:block}.attendanceList small{color:#68736e;font-size:10px}.approvals{margin:22px clamp(24px,6vw,88px)}.approvals>header{justify-content:space-between;align-items:end;display:flex}.approvals>article{border-top:1px solid #ebe6da;grid-template-columns:1fr auto;gap:18px;padding:20px 0;display:grid}.approvals article h3{margin:6px 0;font:700 25px Georgia,serif}.approvals article p{color:#56655f}.approvals article em{color:#826719;margin-left:12px;display:inline-block}.approvals aside{align-content:center;gap:9px;display:grid}.approvals button{border:1px solid var(--green);color:var(--green);background:#fff;border-radius:999px;padding:10px 15px;font-weight:900}.approvals button.yes{background:var(--green);color:#fff}.empty{color:#68736e}.connected{grid-template-columns:1.3fr repeat(3,.55fr) .8fr;align-items:center;gap:16px;margin:22px clamp(24px,6vw,88px);display:grid}.connected article{border-left:3px solid var(--gold);padding-left:13px}.connected article strong,.connected article span{display:block}.connected article strong{font:700 30px Georgia,serif}.connected article span{color:#65716c;font-size:12px}.records>footer{color:#dce9e2;background:#05140f;gap:20px;margin-top:34px;padding:28px clamp(24px,6vw,88px);line-height:1.5;display:flex}.records>footer b{color:#efd071;white-space:nowrap}@media (max-width:900px){.records>header,.recordsGrid{grid-template-columns:1fr}.identity{grid-template-columns:1fr 1fr}.attendance>div:first-of-type,.assignment>div,.approvals>article,.connected{grid-template-columns:1fr}.records h1{margin-top:28px}.records>footer{display:block}.records>footer b{margin-bottom:8px;display:block}}