:root{font-family:system-ui,sans-serif;color:#18332a;background:#f2f6f3;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#14563d;color:white;padding:20px 5%;display:flex;align-items:center;gap:20px;flex-wrap:wrap}header strong{letter-spacing:2px;font-size:22px}header button{margin-left:auto}main{max-width:1120px;margin:auto;padding:20px}section,details{background:white;border:1px solid #dbe6de;border-radius:14px;padding:24px;margin-bottom:16px}h1{font-size:27px}h2{font-size:22px}p{line-height:1.6}button{background:#176744;color:white;border:0;border-radius:8px;padding:12px 18px;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.secondary{background:#944130}nav,.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0;align-items:end}label{display:block;margin:12px 0}input,select,textarea{display:block;padding:11px;border:1px solid #a6b9ad;border-radius:7px;max-width:100%;width:420px;font:inherit}input[type=checkbox]{display:inline;width:auto}textarea{height:80px}video{width:100%;max-width:560px;background:#17261f;border-radius:12px;max-height:420px}form{margin:14px 0}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:11px;border-bottom:1px solid #e1e8e3;white-space:nowrap}th{background:#edf4ef}summary{cursor:pointer;font-weight:700}.editor{border-top:1px solid #dbe6de;padding-top:12px}#message{position:sticky;top:0;background:#fff6d7;border-radius:9px;padding:12px;z-index:3}#message:empty{display:none}[hidden]{display:none!important}#login{max-width:560px;margin:40px auto}.welcome p{color:#6b5431}@media(max-width:600px){main{padding:12px}section{padding:16px}header span{display:none}nav button{flex:1}input,select,textarea{width:100%}}

.attendance-warning{background:#fff1f2;color:#991b1b} input[type=color]{min-height:44px} textarea{width:100%;min-height:70px}