:root{--navy:#082d5f;--blue:#0758b8;--gold:#f3b719;--bg:#f3f7fb;--text:#12233f;--muted:#6d7b90;--line:#e5ebf2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px}button,input,select{font:inherit}button,.button{border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--text);border:1px solid var(--line)}.primary{background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important}header{height:70px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:10}.logo{display:flex;gap:12px;align-items:center}.logo>span,.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--gold);color:var(--navy);font-size:24px;font-weight:900}.logo div{display:flex;flex-direction:column}.logo small{color:#b9d7ff}.logout{color:#fff;text-decoration:none;font-weight:700}.layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:230px 1fr;gap:22px;padding:22px}aside{background:#fff;border-radius:16px;padding:10px;height:max-content;position:sticky;top:92px}aside a{display:block;padding:13px;border-radius:10px;color:#637086;text-decoration:none;font-weight:650;margin:3px 0}aside a.active{background:#e9f2ff;color:var(--blue)}main{min-width:0}.title small{color:#2170c4;font-weight:700}.title h1{margin:4px 0 18px;font-size:30px}.title.actions{display:flex;align-items:end;gap:8px}.title.actions>div{margin-right:auto}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article,.panel{background:#fff;border-radius:16px;padding:18px;box-shadow:0 4px 16px #173b6910}.cards i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-style:normal;margin-bottom:12px}.blue{background:#e8f2ff;color:#0758b8}.green{background:#e7f8ef;color:#188653}.gold{background:#fff6d8;color:#a66b00}.violet{background:#f1eaff;color:#7144b8}.cards strong{display:block;font-size:27px}.cards span{font-size:13px;color:var(--muted)}.grid2{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;margin-top:16px}.progress-card{background:var(--navy);color:#fff;border-radius:16px;padding:22px}.progress-card small{color:#bdd9ff}.progress-card h2{margin:6px 0 22px}.bar{height:9px;border-radius:10px;background:#ffffff26;overflow:hidden;margin-bottom:22px}.bar span{display:block;height:100%;background:var(--gold);border-radius:10px}.light{background:#fff;color:var(--navy)!important}.row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.row div,.student div,.student-head div{display:flex;flex-direction:column}.row small,.student small,.student-head small,td small{color:var(--muted);font-size:13px;margin-top:3px}.row em,.student>em{font-style:normal;background:#e9f2ff;color:var(--blue);padding:5px 9px;border-radius:20px;font-size:12px;font-weight:700}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:#fff;padding:14px;border-radius:15px;margin-bottom:14px}.filters input,.filters select,.stack input,.stack select{width:100%;height:43px;border:1px solid #d9e1eb;border-radius:9px;padding:0 12px;background:#fff}.list{padding:0}.student,.student-head{display:flex;align-items:center;gap:12px}.student{padding:14px 16px;border-bottom:1px solid var(--line)}.student>div{flex:1}.avatar{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:linear-gradient(135deg,#0c63bd,var(--navy));color:#fff;font-weight:800}.link{border:0;background:none;color:var(--blue);padding:5px;font-size:13px}.bulk{display:flex;justify-content:space-between;align-items:center;background:#eaf4ff;border:1px solid #cfe5ff;color:var(--blue);padding:11px 15px;border-radius:13px;margin-bottom:12px;font-weight:700}.att-row{padding:15px;border-bottom:1px solid var(--line)}.statuses{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.statuses input{position:absolute;opacity:0}.statuses span{display:block;text-align:center;border:1px solid #dce3eb;border-radius:9px;padding:9px 4px;color:var(--muted);font-weight:800;cursor:pointer}.statuses span small{display:none}.statuses .present input:checked+span{background:#e7f8ef;border-color:#28a969;color:#137647}.statuses .absent input:checked+span{background:#fff0f0;border-color:#e65a5a;color:#ba3030}.statuses .late input:checked+span{background:#fff7df;border-color:#e5ad25;color:#956500}.statuses .leave input:checked+span{background:#edf1ff;border-color:#6f82d8;color:#4758aa}.save{width:100%;height:50px;margin-top:14px;font-size:16px}.empty{text-align:center;color:var(--muted);padding:28px}.report{overflow:auto;padding:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}th{font-size:13px;color:var(--muted);background:#f8fafc}td small{display:block}.pct{font-style:normal;background:#e7f8ef;color:#14784a;border-radius:20px;padding:5px 8px;font-weight:800}.pct.low{background:#fff0f0;color:#b93333}dialog{border:0;border-radius:18px;padding:24px;width:min(430px,calc(100% - 28px));box-shadow:0 20px 80px #00152f55}dialog::backdrop{background:#00152f99}.close{position:absolute;right:14px;top:12px;border:0;font-size:22px}.stack{display:grid;gap:13px}.stack label{font-size:14px;font-weight:700}.stack input,.stack select{margin-top:6px}.stack hr{width:100%;border:0;border-top:1px solid var(--line)}.toast,.success,.error,.alert{padding:12px 14px;border-radius:10px;margin-bottom:15px}.toast,.success{background:#e7f8ef;color:#14784a}.error{background:#fff0f0;color:#b93333}.alert{background:#fff7df;color:#7d5900}.auth{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,var(--navy),#0d62b7)}.auth-card{width:min(460px,100%);background:#fff;border-radius:20px;padding:30px;box-shadow:0 24px 80px #00152f66}.auth-card .brand-mark{margin:auto}.auth-card h1{text-align:center;margin-bottom:5px}.auth-card>p{text-align:center;color:var(--muted);margin-top:0}.mobile-nav{display:none}
@media(max-width:780px){header{height:64px;padding:0 15px}.logo>span{width:39px;height:39px}.logo b{font-size:14px}.layout{display:block;padding:15px 12px 90px}aside{display:none}.cards{grid-template-columns:repeat(2,1fr)}.cards article{padding:14px}.grid2{grid-template-columns:1fr}.title h1{font-size:24px}.title.actions{flex-wrap:wrap}.filters{grid-template-columns:1fr}.student{align-items:flex-start;flex-wrap:wrap}.student>em{margin-left:auto}.student form{width:100%;text-align:right}.statuses span small{display:block;font-size:10px;margin-top:2px}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:10px;right:10px;bottom:10px;background:var(--navy);padding:7px;border-radius:16px;z-index:20;box-shadow:0 12px 35px #00152f66}.mobile-nav a{color:#c8dcf6;text-decoration:none;text-align:center;font-size:10px;padding:8px 2px;border-radius:10px}.mobile-nav a.active{background:#ffffff18;color:#ffd15a}.logout{font-size:13px}th,td{padding:12px 9px;font-size:13px}}
.danger-link{border:0;background:none;color:#c62f3d;padding:5px;font-size:13px;font-weight:700}.record-actions{display:flex!important;flex-direction:row!important;align-items:center;gap:2px}.record-actions form{margin:0}.batch-list{margin-bottom:14px}.batch-list h2{margin-top:0}.batch-item{display:flex;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid var(--line)}.batch-item>div{display:flex;flex-direction:column;flex:1}.batch-item small{color:var(--muted);font-size:13px}.batch-item form{margin:0}@media(max-width:780px){.record-actions{width:100%;justify-content:flex-end}.record-actions form{width:auto}.batch-item{flex-wrap:wrap}}