.leave-controls,.leave-legend{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.leave-controls label{display:flex;gap:8px;align-items:center}.leave-controls input{padding:9px;border:1px solid #ced9e5;border-radius:8px;background:white}.leave-legend{margin:20px 0}.leave-tag{display:inline-block;border-radius:6px;padding:4px 7px;font-size:12px;font-weight:700;white-space:nowrap}.leave-tag.vacation{background:#d8efdf;color:#205637}.leave-tag.absent{background:#ffe8c3;color:#764e15}.leave-grid-wrap{overflow:auto;margin:24px 0;border:1px solid #d8e1ec;border-radius:10px;max-height:65vh}.leave-grid{border-collapse:separate;border-spacing:0;width:100%;min-width:1700px;background:white}.leave-grid th,.leave-grid td{padding:12px 7px;text-align:center;border-bottom:1px solid #dfe6ef;border-right:1px solid #e8edf3;min-width:45px}.leave-grid thead th{position:sticky;top:0;background:#eaf0f7;z-index:2}.leave-grid th:first-child{position:sticky;left:0;text-align:left;min-width:170px;background:#f2f5fa;z-index:1}.leave-grid thead th:first-child{z-index:3}.leave-grid small{display:block;font-size:11px;font-weight:400;margin-top:4px}.leave-grid .free-day{background:#eef0f3;color:#6a7281}.leave-grid .today{box-shadow:inset 2px 0 #2b7ea5,inset -2px 0 #2b7ea5}.leave-grid td .leave-tag{display:block;margin:2px 0}.leave-planner>p{line-height:1.6}.leave-planner .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:800px){.leave-planner .panel-heading{display:block}.leave-controls{margin-top:16px}.leave-grid th:first-child{min-width:120px;max-width:140px}.leave-grid{min-width:1600px}}