*{box-sizing:border-box}body{margin:0;background:#fffaf0;color:#282c43;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}.shell{min-height:100vh;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:10px clamp(20px,6vw,80px);border-bottom:1px solid #f2eacb}header img{width:140px;height:62px;object-fit:cover}header span{font-size:.85rem;color:#74758c}main{width:min(1060px,100%);margin:auto;padding:38px 22px;flex:1}.card{background:#fff;border:1px solid #f2ead4;border-radius:22px;box-shadow:0 8px 24px #967b2510;padding:24px}.login{max-width:460px;margin:30px auto;padding:38px}.badge{display:inline-block;background:#fff1ab;color:#735300;border-radius:99px;padding:8px 14px;font-weight:700;font-size:.83rem}h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.15;margin:16px 0 10px}h2{margin:0;font-size:1.35rem}p{color:#6b6e80;line-height:1.55}form{display:grid;gap:17px;margin-top:24px}label{display:grid;gap:7px;font-weight:650;font-size:.91rem}input{width:100%;border:1px solid #dad9d2;border-radius:12px;padding:14px;background:#fff}input:focus{outline:3px solid #ffe694}.password{display:flex;gap:6px}.eye,.secondary{background:#fff;border:1px solid #e9dfc0;border-radius:12px;color:#525872;padding:11px}.primary{background:#ffcc40;color:#3b2c00;border:0;border-radius:12px;padding:15px;font-weight:750}.welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px;background:linear-gradient(110deg,#fff0a8,#ffe5e8);border-radius:24px}.welcome p,.section-title p{margin-bottom:0}.section-title{display:flex;justify-content:space-between;align-items:center;margin:34px 0 18px}.section-title p{margin-top:5px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.metric{display:grid;gap:12px}.metric:nth-child(3n+1){background:#fff6cf}.metric:nth-child(3n+2){background:#e9f6ee}.metric:nth-child(3n){background:#ffeef2}.metric span{font-size:.9rem;color:#60677c}.metric strong{font-size:1.55rem}.select{text-align:left;font-weight:700}.select small{display:block;color:#777}.note{margin-top:22px;background:#f0f6ff}.error{color:#a52634}footer{text-align:center;color:#8c8b93;font-size:.8rem;padding:22px}@media(max-width:600px){header span{display:none}.login{margin:10px auto;padding:25px}.welcome{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:18px}.metric strong{font-size:1.2rem}}.academic{margin-top:20px}.academic ul{list-style:none;padding:0}.academic li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eee;padding:14px 0}.academic li span{color:#6b6e80}.pagination{display:flex;align-items:center;justify-content:space-between;gap:8px}.pagination span{font-size:.85rem}select{width:100%;border:1px solid #dad9d2;border-radius:12px;padding:14px;background:#fff;color:#282c43}.attendance-row{display:grid;gap:12px;border-bottom:1px solid #eee;padding:18px 0}.attendance-row label{max-width:440px}