@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap";:root{--red: #ed1b23;--red-dark: #b8141a;--gray: #6d6f71;--gray-light: #f2f2f2;--ink: #231f20;--line: #e3e3e3;--card: #ffffff;--bg: #faf9f8;--green: #2f8f5b;--amber: #d98c1f}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:1px}.font-display{font-family:Barlow Condensed,sans-serif;letter-spacing:.01em}.font-mono{font-family:JetBrains Mono,monospace}.container{max-width:1040px;margin:0 auto;padding:0 16px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px}.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);font-size:14px;color:var(--ink);background:#fff}.label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--gray);display:block;margin-bottom:6px}.btn{border:none;border-radius:10px;font-weight:600;padding:10px 16px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:var(--red-dark)}.btn-dark{background:var(--ink);color:#fff}.btn-outline{background:transparent;border:1px solid var(--line);color:var(--gray)}.btn-ghost{background:transparent;color:var(--gray)}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600}.pill-pending{background:#6d6f711f;color:var(--gray)}.pill-absent{background:#ed1b231a;color:var(--red)}.pill-ongoing{background:#d98c1f26;color:var(--amber)}.pill-void{background:#ed1b231a;color:var(--red)}.pill-done{background:#2f8f5b1f;color:var(--green)}.stub-notch{background:radial-gradient(circle 7px at 0 50%,transparent 7px,var(--bg) 7.5px) left center,radial-gradient(circle 7px at 100% 50%,transparent 7px,var(--bg) 7.5px) right center;background-repeat:no-repeat}table{border-collapse:collapse;width:100%}th,td{text-align:left}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@media (max-width: 720px){.settings-grid,.students-grid{grid-template-columns:1fr!important}}