*{box-sizing:border-box}body{background:#f3f4f6;margin:0;font-family:Arial,sans-serif}button{cursor:pointer}button:disabled{cursor:not-allowed}.app{min-height:100vh;padding:20px}.card{background:#fff;border-radius:15px;max-width:700px;margin:30px auto;padding:25px;box-shadow:0 4px 15px #00000014}.center{text-align:center}.input{border:1px solid #ccc;border-radius:8px;width:100%;margin-bottom:12px;padding:14px;font-size:16px}.btn{color:#fff;background:#2563eb;border:none;border-radius:10px;width:100%;margin-top:10px;padding:15px;font-size:18px}.btn-green{background:#16a34a}.btn-red{background:#dc2626}.btn-gray{background:#6b7280}.grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;display:grid}.employee-btn{color:#fff;background:#2563eb;border:none;border-radius:12px;padding:25px 10px;font-size:20px}.action-btn{color:#fff;background:#16a34a;border:none;border-radius:15px;padding:25px;font-size:22px}.action-btn:disabled{color:#6b7280;background:#d1d5db}table{border-collapse:collapse;width:100%;margin-top:15px}th{color:#fff;background:#111827;border:1px solid #ccc;padding:10px}td{border:1px solid #ccc;padding:10px}.summary{background:#f3f4f6;border-radius:10px;margin:15px 0;padding:15px}.back{color:#fff;background:#111827;border:none;border-radius:8px;width:auto;margin-bottom:15px;padding:10px 14px}@media (width<=600px){.app{padding:10px}.card{margin:10px auto;padding:18px}.action-btn{padding:20px;font-size:18px}}