:root{font-family:Tahoma,Arial,sans-serif;color:#172d25;background:#f2f7f4;font-size:16px;line-height:1.8;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:28px 16px}h1,h2,p{margin-top:0}h1{font-size:1.8rem;margin-bottom:8px}h2{font-size:1.25rem;margin-bottom:12px}.student-wrap{max-width:520px;margin:40px auto}.admin-wrap{max-width:1100px;margin:0 auto}.card{background:#fff;padding:26px;border:1px solid #dfe9e3;border-radius:20px;box-shadow:0 8px 24px #19392a06;margin-bottom:20px}.eyebrow{display:block;color:#087f5b;font-size:.85rem;margin-bottom:8px}.page-header{display:flex;justify-content:space-between;align-items:center;margin:10px 0 24px}.muted,.hint{color:#586f63}.hint{font-size:.85rem;margin:12px 0 20px}label{display:block;font-weight:700;margin-bottom:7px}input,select{width:100%;font:inherit;border:1px solid #bccfc3;border-radius:10px;padding:11px 12px;background:white;color:inherit}input:focus,select:focus{outline:3px solid #b7e7d4;outline-offset:1px}input[type=number]{direction:ltr;text-align:right}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row input{flex:1;min-width:190px}.between{justify-content:space-between}.wide{width:100%}button,.button-link{display:inline-block;font:inherit;font-weight:700;border:0;border-radius:10px;padding:11px 20px;background:#087f5b;color:#fff;cursor:pointer;text-decoration:none;text-align:center}button:hover,.button-link:hover{background:#066d4d}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e8f1ec;color:#1f503a}.secondary:hover{background:#d7e8de}.button-link{background:#e8f1ec;color:#1f503a}.text-button{padding:4px;background:transparent;color:#087f5b;font-weight:400}.text-button:hover{background:#edf6f1}.message{border-radius:12px;padding:14px 18px;border:1px solid #c3dccc;background:#edf7f0;color:#1d5837}.message.error{background:#fff0ed;border-color:#f1c8bf;color:#932e22}.message.pending{background:#eef3f8;border-color:#d1dfed;color:#315575}.message.warning{background:#fff8e8;border-color:#e8d6a5;color:#78570d}.suggest-wrap{position:relative;margin-bottom:18px}.suggestions{position:absolute;top:100%;inset-inline:0;z-index:2;border:1px solid #bfd3c6;border-radius:10px;max-height:240px;overflow:auto;background:white;box-shadow:0 10px 20px #12352117}.suggestions button{display:block;width:100%;text-align:right;border-radius:0;background:white;color:#173b28;font-weight:400;padding:10px 12px}.suggestions button:hover,.suggestions button:focus{background:#eaf6ef}.qr-area{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin:22px 0}.qr-area img{max-width:100%;height:auto;image-rendering:pixelated;background:white;border-radius:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.stats div{background:#f2f8f4;border-radius:12px;padding:16px}.stats strong{display:block;font-size:1.6rem;color:#087f5b}.stats span{font-size:.9rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:12px;text-align:right;border-bottom:1px solid #e6eee9;font-size:.9rem}th{background:#f6faf7}td.present{color:#087f5b}td.absent{color:#6d7770}td small{display:block;color:#836421}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.settings-grid label{font-size:.9rem}.settings-grid input{margin-top:7px}.settings-grid button{align-self:end}summary{cursor:pointer;font-weight:700}details[open] summary{margin-bottom:18px}hr{border:0;border-top:1px solid #e5ede8;margin:24px 0}footer{text-align:center;font-size:.75rem;color:#75887c;padding:20px}[hidden]{display:none!important}@media(max-width:600px){body{padding:14px 10px}.student-wrap{margin:20px auto}.card{padding:20px 16px;border-radius:16px}h1{font-size:1.5rem}.stats{gap:6px}.stats div{padding:12px 8px}.stats span{font-size:.75rem}.settings-grid{grid-template-columns:1fr}.qr-area{justify-content:center}.row{gap:8px}.row button{flex-grow:1}.page-header{margin-top:0}}