:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:#f5f5f5;margin:0}.app{max-width:1000px;margin:0 auto;padding:32px}h1{margin-bottom:32px}h2{margin-top:32px}.error{color:#a00;background:#fee;border:1px solid #d33;margin-bottom:16px;padding:12px}.loading{margin-bottom:16px}.attendance-table{border-collapse:collapse;background:#fff;width:100%}.attendance-table th,.attendance-table td{text-align:left;border:1px solid #ddd;padding:12px}.attendance-table th{background:#f0f0f0}.form{background:#fff;border:1px solid #ddd;max-width:500px;padding:24px}.form-field{margin-bottom:16px}.form-field label{margin-bottom:4px;font-weight:700;display:block}.form-field input{width:100%;padding:8px;font-size:16px}button{cursor:pointer;margin-right:8px;padding:8px 16px}button:disabled{cursor:not-allowed;opacity:.5}