:root{--pink-primary: #e91e8c;--pink-light: #f8d7ea;--pink-dark: #c4177a;--yellow-primary: #ffd700;--yellow-light: #fff8dc;--yellow-dark: #ccac00;--white: #ffffff;--gray-light: #f5f5f5;--gray: #888888;--gray-dark: #333333;--success: #28a745;--danger: #dc3545}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,var(--pink-light) 0%,var(--yellow-light) 100%);min-height:100vh;color:var(--gray-dark)}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(90deg,var(--pink-primary) 0%,var(--pink-dark) 100%);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #e91e8c4d}.header h1{color:var(--white);font-size:1.5rem;font-weight:600}.header-user{display:flex;align-items:center;gap:1rem;color:var(--white)}.header-user span{font-weight:500}.btn-logout{background:var(--yellow-primary);color:var(--gray-dark);border:none;padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-weight:500;transition:all .2s}.btn-logout:hover{background:var(--yellow-dark);transform:translateY(-1px)}.nav{background:var(--white);padding:.5rem 2rem;display:flex;gap:1rem;border-bottom:3px solid var(--yellow-primary)}.nav a{text-decoration:none;color:var(--gray-dark);padding:.75rem 1.5rem;border-radius:20px;font-weight:500;transition:all .2s}.nav a:hover{background:var(--pink-light);color:var(--pink-primary)}.nav a.active{background:var(--pink-primary);color:var(--white)}.main{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.main.main-full{max-width:none;padding-left:1.5rem;padding-right:1.5rem}.card{background:var(--white);border-radius:15px;box-shadow:0 4px 20px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--yellow-primary)}.card-header h2{color:var(--pink-primary);font-size:1.25rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:25px;cursor:pointer;font-weight:500;font-family:Poppins,sans-serif;transition:all .2s}.btn-primary{background:var(--pink-primary);color:var(--white)}.btn-primary:hover{background:var(--pink-dark);transform:translateY(-2px);box-shadow:0 4px 12px #e91e8c66}.btn-secondary{background:var(--yellow-primary);color:var(--gray-dark)}.btn-secondary:hover{background:var(--yellow-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.btn-danger:hover{background:#c82333}.btn-sm{padding:.4rem 1rem;font-size:.85rem}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.login-card{background:var(--white);border-radius:20px;padding:3rem;max-width:400px;width:100%;box-shadow:0 10px 40px #e91e8c33}.login-card h1{color:var(--pink-primary);text-align:center;margin-bottom:.5rem}.login-card p{text-align:center;color:var(--gray);margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--gray-dark)}.form-group select,.form-group input{width:100%;padding:.75rem 1rem;border:2px solid var(--pink-light);border-radius:10px;font-size:1rem;font-family:Poppins,sans-serif;transition:border-color .2s}.form-group select:focus,.form-group input:focus{outline:none;border-color:var(--pink-primary)}.login-btn{width:100%;margin-top:1rem}.calendar-controls{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.calendar-controls button{background:var(--pink-primary);color:var(--white);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .2s}.calendar-controls button:hover{background:var(--pink-dark);transform:scale(1.1)}.calendar-controls h3{font-size:1.25rem;color:var(--gray-dark);min-width:200px;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-header{background:var(--pink-primary);color:var(--white);padding:.75rem;text-align:center;font-weight:600;border-radius:8px}.calendar-day{position:relative;background:var(--white);border:2px solid var(--pink-light);border-radius:8px;min-height:80px;padding:.5rem;cursor:pointer;transition:all .2s}.calendar-day:hover{border-color:var(--pink-primary);box-shadow:0 2px 8px #e91e8c33}.calendar-day.empty{background:var(--gray-light);cursor:default;border-color:transparent}.calendar-day.empty:hover{box-shadow:none}.calendar-day.selected{background:var(--yellow-light);border-color:var(--yellow-primary);box-shadow:0 0 0 2px var(--yellow-primary)}.calendar-day.has-vacation{background:var(--pink-light);border-color:var(--pink-primary)}.calendar-day.holiday{background:linear-gradient(135deg,#b7e1cd,#7dc4a5);border-color:#28a745}.calendar-day.holiday .day-number{color:#155724}.calendar-day.holiday-name{font-size:.6rem;color:#155724;font-weight:600;line-height:1.1;margin-bottom:2px}.holiday-name{font-size:.55rem;color:#155724;font-weight:600;line-height:1.1;margin-bottom:2px}.calendar-day.weekend-day{background:#f5f5f5;border-color:#ddd}.calendar-day.weekend-day .day-number{color:#666}.calendar-day.weekend-day:after{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;background:#999;border-radius:50%}.calendar-day.holiday.weekend-day{background:linear-gradient(135deg,#b7e1cd,#7dc4a5);border-color:#28a745}.calendar-day.selected.weekend-day{background:linear-gradient(135deg,#fff8dc,#ffe066);border-color:var(--yellow-primary);border-width:3px}.calendar-day.selected.weekend-day:after{background:#666}.calendar-day.selected.holiday{background:linear-gradient(135deg,#e8f5e9,#a5d6a7);border-color:var(--yellow-primary);border-width:3px;box-shadow:0 0 0 2px var(--yellow-primary)}.calendar-day.holiday:before{content:"";position:absolute;top:2px;right:2px;width:8px;height:8px;background:#28a745;border-radius:50%}.calendar-day.holiday.weekend-day:after{display:none}.calendar-day .day-number{font-weight:600;color:var(--gray-dark);margin-bottom:.25rem}.calendar-day .vacation-count{font-size:.75rem;color:var(--pink-primary);font-weight:500}.calendar-day .employee-tags{display:flex;flex-wrap:wrap;gap:2px;margin-top:4px}.employee-tag{background:var(--pink-primary);color:var(--white);font-size:.65rem;padding:2px 6px;border-radius:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.summary-table{width:100%;border-collapse:collapse}.summary-table th,.summary-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--pink-light)}.summary-table th{background:var(--pink-primary);color:var(--white);font-weight:600}.summary-table th:first-child{border-radius:10px 0 0}.summary-table th:last-child{border-radius:0 10px 0 0}.summary-table tr:hover td{background:var(--yellow-light)}.summary-table .total-days{font-weight:600;color:var(--pink-primary);font-size:1.25rem}.owner-badge{background:var(--yellow-primary);color:var(--gray-dark);font-size:.7rem;padding:2px 8px;border-radius:10px;margin-left:.5rem;font-weight:600}.vacation-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.vacation-chip{background:var(--pink-light);border:1px solid var(--pink-primary);padding:.5rem 1rem;border-radius:20px;display:flex;align-items:center;gap:.5rem}.vacation-chip button{background:var(--danger);color:var(--white);border:none;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center}.vacation-chip button:hover{background:#c82333}.monthly-table-wrapper{overflow-x:auto;border-radius:10px;position:relative;background:linear-gradient(to right,white 30%,transparent),linear-gradient(to right,transparent,white 70%) 100% 0,linear-gradient(to right,rgba(0,0,0,.08),transparent),linear-gradient(to left,rgba(0,0,0,.08),transparent) 100% 0;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll}.monthly-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.8rem;table-layout:fixed}.monthly-table th,.monthly-table td{padding:.5rem .35rem;text-align:center;border:1px solid #e8e8e8}.monthly-table th{background:var(--yellow-primary);color:var(--gray-dark);font-weight:500;position:sticky;top:0;z-index:2}.monthly-table th.employee-col,.monthly-table td.employee-name{position:sticky;left:0;z-index:3}.monthly-table th.days-off-col,.monthly-table td.days-off-col{position:sticky;left:140px;z-index:3}.monthly-table th.employee-col{background:var(--yellow-primary);color:var(--gray-dark);text-align:left;width:140px;min-width:140px;z-index:4}.monthly-table th.days-off-col{background:var(--yellow-primary);color:var(--gray-dark);width:60px;min-width:60px;z-index:4}.monthly-table td.employee-name{background:var(--yellow-light);font-weight:500;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monthly-table td.days-off-col{background:#fffef5;font-weight:600;width:60px;min-width:60px}.monthly-table th.day-col,.monthly-table td.day-col{width:32px;min-width:32px;max-width:40px}.monthly-table th.weekend-col{background:#e6c200}.monthly-table td.weekend-col{background:#ececec}.monthly-table th.holiday-col{background:linear-gradient(180deg,var(--yellow-primary) 0%,var(--yellow-primary) 85%,#28a745 85%,#28a745 100%)}.monthly-table td.holiday-col{background:#e8f5e9}.monthly-table th.today-col{box-shadow:inset 0 0 0 2px gold}.monthly-table td.today-col{box-shadow:inset 0 0 0 2px #ffd70080}.monthly-table td.vacation-day{background:var(--pink-primary);color:var(--white)}.monthly-table td.vacation-day.weekend-col,.monthly-table td.vacation-day.holiday-col{background:var(--pink-primary)}.monthly-table tbody tr:nth-child(2n) td:not(.vacation-day):not(.employee-name):not(.days-off-col):not(.holiday-col):not(.weekend-col){background:#fafafa}.monthly-table tbody tr:nth-child(2n) td.employee-name{background:#fff8dc}.monthly-table tbody tr:nth-child(2n) td.days-off-col{background:#fffceb}.holiday-mark{font-size:.6rem;font-weight:700;color:#2e7d32;opacity:.7}.monthly-nav{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 0}.monthly-nav-btn{background:var(--pink-primary);color:var(--white);border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.monthly-nav-btn:hover:not(:disabled){background:var(--pink-dark);transform:scale(1.05)}.monthly-nav-btn:disabled{opacity:.3;cursor:not-allowed}.monthly-nav-title{font-size:1.1rem;font-weight:600;color:var(--gray-dark);min-width:160px;text-align:center}.monthly-nav-selects{display:flex;gap:.5rem}.monthly-nav-select{padding:.4rem .75rem;border:2px solid var(--pink-light);border-radius:8px;font-family:Poppins,sans-serif;font-weight:500;font-size:.9rem;color:var(--gray-dark);background:#fff;cursor:pointer;transition:border-color .2s}.monthly-nav-select:hover{border-color:var(--pink-primary)}.monthly-nav-select:focus{outline:none;border-color:var(--pink-primary);box-shadow:0 0 0 3px var(--pink-light)}.monthly-legend{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.75rem 1rem;background:#fafafa;border-radius:8px;margin-bottom:1rem;flex-wrap:wrap}.monthly-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--gray-dark)}.monthly-legend-color{width:18px;height:18px;border-radius:4px;flex-shrink:0}.monthly-legend-color.vacation{background:var(--pink-primary)}.monthly-legend-color.available{background:#fff;border:1px solid #ddd}.monthly-legend-color.weekend{background:#ececec;border:1px solid #ccc}.monthly-legend-color.holiday{background:#e8f5e9;border:2px solid #28a745}.monthly-legend-color.today{background:#fff;border:2px solid #ffd700}.coverage-calendar{width:100%}.coverage-calendar-header{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.25rem}.coverage-weekday{text-align:center;font-weight:600;font-size:.75rem;color:var(--gray-dark);padding:.5rem 0;background:var(--pink-primary);color:#fff;border-radius:4px}.coverage-weekday.weekend{background:#d87ba8}.coverage-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.coverage-day{padding:.5rem .25rem;border-radius:6px;text-align:center;transition:transform .15s,box-shadow .15s;min-height:70px;display:flex;flex-direction:column;justify-content:center}.coverage-day:hover:not(.empty){transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.coverage-day.empty{background:transparent;border:none}.coverage-day.full-coverage{background:#fff;border:1px solid #e0e0e0}.coverage-day.low-coverage{background:#fff8dc;border:1px solid #ffd700}.coverage-day.critical-coverage{background:#fce4ec;border:1px solid #e91e8c}.coverage-day.weekend-day{background:#ececec}.coverage-day.weekend-day.low-coverage{background:#f5f0d0}.coverage-day.weekend-day.critical-coverage{background:#f0d8e0}.coverage-day.holiday-day{background:#e8f5e9;border:1px solid #28a745}.coverage-day-number{font-weight:700;font-size:1.1rem;color:var(--gray-dark)}.coverage-day-label{font-size:.55rem;color:#155724;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.coverage-day-stats{font-size:.7rem;color:#666;white-space:nowrap;font-variant-numeric:tabular-nums}@media (max-width: 1024px){.monthly-table{font-size:.75rem}.monthly-table th.employee-col,.monthly-table td.employee-name{width:120px;min-width:120px}.monthly-table th.days-off-col,.monthly-table td.days-off-col{left:120px;width:50px;min-width:50px}.monthly-table th.day-col,.monthly-table td.day-col{width:28px;min-width:28px}.monthly-table th,.monthly-table td{padding:.4rem .25rem}}@media (max-width: 768px){.monthly-table{font-size:.65rem}.monthly-table th.employee-col,.monthly-table td.employee-name{width:100px;min-width:100px}.monthly-table th.days-off-col,.monthly-table td.days-off-col{left:100px;width:40px;min-width:40px}.monthly-table th.day-col,.monthly-table td.day-col{width:24px;min-width:24px}.monthly-table th,.monthly-table td{padding:.35rem .2rem}.monthly-nav{flex-wrap:wrap;gap:.5rem}.monthly-nav-title{order:-1;width:100%;margin-bottom:.25rem}.monthly-legend{gap:1rem;font-size:.75rem}.monthly-legend-color{width:14px;height:14px}.coverage-day{padding:.4rem .2rem;min-height:60px}.coverage-day-number{font-size:.95rem}.coverage-weekday{font-size:.65rem;padding:.4rem 0}}@media (max-width: 480px){.monthly-table{font-size:.6rem}.monthly-table th.employee-col,.monthly-table td.employee-name{width:80px;min-width:80px}.monthly-table th.days-off-col,.monthly-table td.days-off-col{left:80px;width:35px;min-width:35px}.monthly-table th.day-col,.monthly-table td.day-col{width:20px;min-width:20px}.monthly-nav-btn{width:32px;height:32px}.monthly-nav-select{padding:.3rem .5rem;font-size:.8rem}.coverage-day{padding:.3rem .15rem;min-height:50px}.coverage-day-number{font-size:.85rem}.coverage-day-stats{font-size:.6rem}.coverage-day-label{font-size:.5rem}.coverage-weekday{font-size:.55rem;padding:.3rem 0}}@media (max-width: 768px){.header{flex-direction:column;gap:1rem;text-align:center}.nav{flex-wrap:wrap;justify-content:center}.calendar-grid{font-size:.8rem}.calendar-day{min-height:60px;padding:.25rem}.calendar-controls{flex-wrap:wrap;justify-content:center}.monthly-table{font-size:.7rem}.main{padding:1rem}}.loading{display:flex;justify-content:center;align-items:center;padding:3rem}.spinner{width:40px;height:40px;border:4px solid var(--pink-light);border-top-color:var(--pink-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:2rem;right:2rem;background:var(--pink-primary);color:var(--white);padding:1rem 1.5rem;border-radius:10px;box-shadow:0 4px 20px #0003;animation:slideIn .3s ease;z-index:1000}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.year-selector{display:flex;align-items:center;gap:.5rem}.year-selector select{padding:.5rem 1rem;border:2px solid var(--pink-primary);border-radius:10px;font-family:Poppins,sans-serif;font-weight:500;color:var(--gray-dark);cursor:pointer}.year-selector select:focus{outline:none;box-shadow:0 0 0 3px var(--pink-light)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal,.modal-content{background:var(--white);border-radius:15px;padding:2rem;max-width:500px;width:100%;box-shadow:0 10px 40px #0000004d;animation:modalIn .2s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--yellow-primary)}.modal-header h3{color:var(--pink-primary);font-size:1.25rem;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--gray);padding:0;line-height:1}.modal-close:hover{color:var(--gray-dark)}.modal-body{margin-bottom:1.5rem}.modal-footer,.modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover{background:#c82333;transform:translateY(-2px)}@keyframes modalIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--pink-light)}.admin-table th{background:var(--pink-primary);color:var(--white);font-weight:600}.admin-table th:first-child{border-radius:10px 0 0}.admin-table th:last-child{border-radius:0 10px 0 0}.admin-table tr:hover td{background:var(--yellow-light)}.admin-table .actions{display:flex;gap:.5rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:capitalize}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.approved{background:#d4edda;color:#155724}.status-badge.rejected{background:#f8d7da;color:#721c24}.status-badge.cancelled{background:#e2e3e5;color:#383d41}.filter-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.filter-tab{padding:.5rem 1rem;border:2px solid var(--pink-light);border-radius:20px;background:var(--white);cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;color:var(--gray-dark);transition:all .2s}.filter-tab:hover{border-color:var(--pink-primary)}.filter-tab.active{background:var(--pink-primary);border-color:var(--pink-primary);color:var(--white)}.approval-card{background:var(--white);border:1px solid var(--pink-light);border-radius:12px;padding:1.25rem;margin-bottom:1rem;transition:box-shadow .2s}.approval-card:hover{box-shadow:0 4px 12px #e91e8c26}.approval-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.approval-card-dates{font-size:1.1rem;font-weight:600;color:var(--gray-dark)}.approval-card-employee{color:var(--pink-primary);font-weight:500;margin-bottom:.25rem}.approval-card-reason{color:var(--gray);font-size:.9rem;margin-bottom:.75rem}.approval-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--gray)}.approval-card-actions{display:flex;gap:.5rem}.pending-badge{background:var(--danger);color:var(--white);font-size:.7rem;padding:2px 6px;border-radius:10px;margin-left:.5rem;font-weight:600}