:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:var(--page)}
*{box-sizing:border-box}body{margin:0;background:var(--page)}header{background:var(--header);color:white;padding:18px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px}h1{margin:0;font-size:24px}header small{opacity:.8}nav{display:flex;gap:14px;flex-wrap:wrap}nav a{color:white;text-decoration:none;font-weight:600}.editlink{border:1px solid #ffffff66;border-radius:7px;padding:6px 9px}main{max-width:1250px;margin:auto;padding:28px 4%}.muted{font-size:14px;color:#6b7280;font-weight:400}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:20px 0}.card,section,.profile,.actions form,.editorpanel,.preview{background:white;border-radius:10px;padding:18px;box-shadow:0 1px 4px #0001}.card b{font-size:30px;display:block}.card span{color:#667085}.grid{display:grid;grid-template-columns:2fr 1fr;gap:22px}table{width:100%;border-collapse:collapse;background:white;margin-top:12px}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5e7eb}th{font-size:13px;color:#667085}a{color:#194f8a}input,select,button{font:inherit;padding:10px;border:1px solid #cbd5e1;border-radius:7px}button,.btn{background:var(--button);color:white;border:0;text-decoration:none;cursor:pointer;font-weight:700}.small{padding:6px 9px}.badge{display:inline-block;background:#eef2f7;padding:4px 8px;border-radius:999px;font-size:12px}.activity{padding:10px 0;border-bottom:1px solid #eee}.activity small{display:block;color:#667085}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0}.actions form{display:flex;flex-direction:column;gap:9px}.flash{background:#e9f7ef;padding:12px;border-radius:8px;margin-bottom:16px}.search{display:flex;gap:8px}.submit{margin-top:15px}.editorgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.editorpanel label{display:flex;flex-direction:column;gap:5px;margin:12px 0;font-weight:600}.colorrow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.colorrow input{height:48px;width:100%}.savebtn{width:100%;margin-top:12px;padding:14px}.preview{padding:0;overflow:hidden;height:max-content}.previewhead{background:var(--header);color:white;padding:22px}.previewhead b,.previewhead small{display:block}.previewhead b{font-size:20px}.previewbody{padding:24px}.fakecards{display:flex;gap:10px;margin:18px 0}.fakecards span{background:#f5f6f8;border-radius:8px;padding:14px;min-width:90px;font-size:22px;font-weight:700}.fakecards small{font-size:12px;font-weight:400}.intro{color:#667085}@media(max-width:900px){.cards{grid-template-columns:repeat(3,1fr)}.grid,.actions,.editorgrid{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}}
.pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px}.actionbtn{display:inline-block;padding:10px 14px}.inactive{opacity:.48}.inline{display:inline}.linkbtn{background:none;color:#194f8a;padding:0;font-weight:400;text-decoration:underline}.studentform,.importbox{background:white;padding:22px;border-radius:10px;box-shadow:0 1px 4px #0001}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.formgrid label{display:flex;flex-direction:column;gap:6px;font-weight:600}.formgrid .wide{grid-column:1/-1}.formactions{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin-top:20px}.importbox pre{overflow:auto;background:#f5f6f8;padding:14px;border-radius:8px;font-size:12px}@media(max-width:700px){.formgrid{grid-template-columns:1fr}.formgrid .wide{grid-column:auto}.pagehead{align-items:flex-start;flex-direction:column}}

.loginbody{min-height:100vh;display:grid;place-items:center;background:#eef2f6}.loginbox{width:min(430px,92vw);background:white;padding:32px;border-radius:14px;box-shadow:0 8px 30px #0002}.loginbox h1{color:#172a46;margin-bottom:4px}.loginbox form,.passwordform{display:flex;flex-direction:column;gap:14px}.loginbox label,.passwordform label{display:flex;flex-direction:column;gap:6px;font-weight:600}.loginbox button{padding:12px;margin-top:4px}.loginbox>small{display:block;margin-top:18px;color:#667085}

.teacherhead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.muted{color:#667085}.adminlogin{font-size:.9rem}.homeroomselect{margin:18px 0}.homeroomselect select{padding:9px 12px;margin-left:8px}.submitted{padding:12px 14px;background:#edf7ef;border:1px solid #b9dfc0;border-radius:8px;margin:12px 0}.attendancecard{background:white;padding:18px;border-radius:10px}.statuschoice{display:inline-block;margin-right:20px;font-weight:500}.submitattendance{margin-top:18px;padding:11px 18px}.homeroomstatus{margin-top:18px}.good{font-weight:600}.warning{font-weight:600}

.quickoffice{display:flex;gap:12px;margin-bottom:18px}.quickoffice a,.actionbtn{display:inline-block;padding:10px 15px;background:#173f70;color:white;text-decoration:none;border-radius:6px;font-weight:700}.bigsearch{display:flex;gap:10px;margin:18px 0}.bigsearch input{min-width:420px;max-width:100%;padding:12px;font-size:1rem}.bigsearch button{padding:12px 18px}.reporthead{display:flex;justify-content:space-between;align-items:center;gap:20px}.datepick{margin:15px 0}.datepick input{padding:7px}.statuspill{font-weight:700}.reporttable td{vertical-align:top}@media print{header,nav,.reporthead button,.datepick{display:none!important}body{background:white}.attendancecard{box-shadow:none;padding:0}.reporttable{font-size:11px}}