*{box-sizing:border-box}body{color:#111827;background-color:#fff;margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 14px}input{border:1px solid #d1d5db;border-radius:8px;padding:10px 12px}.attendance-month-page{padding:24px}.month-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.month-summary{grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;margin-bottom:20px;display:grid}.summary-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px}.summary-title{color:#666;margin-bottom:8px;font-size:14px;display:block}.attendance-table{border-collapse:collapse;background:#fff;width:100%}.attendance-table th,.attendance-table td{text-align:center;border:1px solid #ddd;padding:12px}.status-badge{border-radius:999px;min-width:88px;padding:6px 10px;font-size:13px;display:inline-block}.status-badge.before-work{background:#f3f4f6}.status-badge.missing{background:#fee2e2}.status-badge.warning{background:#fef3c7}.status-badge.working{background:#dbeafe}.status-badge.completed{background:#dcfce7}.error-text{color:red}