body{font-family:Arial,sans-serif;margin:0;padding:1rem;background-color:#fff;color:#000}h1{font-size:1.75rem;font-weight:700;margin-bottom:1rem}input,button,select{padding:.5rem;font-size:1rem;margin-right:.5rem;border-radius:5px;border:1px solid #ccc}button{background-color:#1e3a8a;color:#fff;cursor:pointer}button:hover{background-color:#2c4898}button:disabled{background-color:#94a3b8;cursor:not-allowed}.container{max-width:100%;margin:0 auto;padding-bottom:5rem}.controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1.5rem}.input-group{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.actions-group{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.year-selector{display:flex;align-items:center;gap:.5rem}.year-selector select{padding:.5rem;border-radius:5px;border:1px solid #ccc;background-color:#fff;cursor:pointer}.export-btn{background-color:#059669;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:500;transition:background-color .2s}.export-btn:hover{background-color:#047857}.export-btn:disabled{background-color:#94a3b8}.legend{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.legend-box{width:1rem;height:1rem;border-radius:3px}.employee-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.employee-card{position:relative;padding:.75rem;border-radius:.5rem;min-width:200px;cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:transform .2s}.employee-card:hover{transform:translateY(-2px)}.delete-btn{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1rem;color:#666;cursor:pointer;padding:.25rem}.delete-btn:hover{color:#e11d48;background:none}.delete-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;z-index:1000;text-align:center}.delete-modal button{margin-top:1rem;margin-right:.5rem}.error-message,.loading{margin:1rem 0;padding:1rem;background-color:#fef3c7;border:1px solid #facc15;border-radius:6px}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;margin-top:1.5rem}.month{border:1px solid #ccc;border-radius:8px;padding:.5rem;background-color:#f9fafb}.month h2{text-align:center;text-transform:capitalize;margin-bottom:.5rem}.weekdays,.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:.85rem}.weekdays{font-weight:700;margin-bottom:.25rem}.days{gap:2px}.days>div{aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:4px;font-size:.8rem;position:relative;overflow:hidden}.empty-day{background-color:transparent!important}.day.selectable{cursor:pointer}.day:hover:not(.empty-day){box-shadow:0 0 0 1px #3b82f6}.day.holiday{position:relative;overflow:visible}.holiday-dot{position:absolute;top:2px;right:2px;font-size:.65rem}.initials{font-size:.6rem;margin-top:.1rem;opacity:.8}.day[title]{position:relative}.scroll-top-btn{position:fixed;bottom:1.25rem;right:1.25rem;background:#1e3a8a;color:#fff;padding:.5rem .75rem;border-radius:6px;border:none;cursor:pointer;box-shadow:0 2px 6px #0000004d}@media (max-width: 600px){.controls{flex-direction:column;align-items:flex-start}.year-selector{margin-top:.5rem}.actions-group{margin-top:.5rem;width:100%;justify-content:space-between}}