:root{--primary-color: #004a99;--secondary-color: #f0f4f8;--text-color: #333333;--border-color: #e0e0e0;--success-color: #28a745;--warning-color: #ffc107;--danger-color: #dc3545;--white: #ffffff}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--secondary-color);color:var(--text-color);margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:20px}header{background-color:var(--white);border-bottom:1px solid var(--border-color);padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d}h1,h2,h3{color:var(--primary-color);margin-top:0}button{cursor:pointer;padding:10px 20px;border:none;border-radius:4px;font-size:14px;transition:background-color .2s}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:#037}.btn-secondary{background-color:#e2e6ea;color:var(--text-color)}.btn-danger{background-color:var(--danger-color);color:var(--white)}.btn-success{background-color:var(--success-color);color:var(--white)}.card{background-color:var(--white);border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:1fr 1fr}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:10px}.calendar-header{font-weight:700;text-align:center;padding:10px 0;color:#666}.calendar-day{background-color:#f9f9f9;border:1px solid #eee;padding:10px;min-height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px}.calendar-day:hover:not(.empty){background-color:#e6f0ff}.calendar-day.weekend{background-color:#e9ecef;color:#6c757d}.calendar-day.selected{background-color:var(--primary-color);color:var(--white)}.calendar-day.holiday{background-color:#ffebee;color:var(--danger-color);border-color:#ffcdd2}.calendar-day.approved{background-color:var(--success-color);color:var(--white)}.calendar-day.approved-other{background-color:#fd7e14;color:var(--white)}.calendar-day.pending{background-color:var(--warning-color);color:#333}.calendar-day.empty{background-color:transparent;border:none;cursor:default}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.status-pendiente{background-color:#fff3cd;color:#856404}.status-aprobada{background-color:#d4edda;color:#155724}.status-denegada{background-color:#f8d7da;color:#721c24}select{padding:8px;border-radius:4px;border:1px solid var(--border-color);font-size:14px;width:100%;max-width:300px}@media(max-width:768px){.container{padding:10px}header{flex-direction:column;align-items:flex-start;gap:15px;padding:15px}header div{display:flex;flex-direction:column;gap:10px;width:100%;align-items:flex-start}header button{width:100%}.grid-2{grid-template-columns:1fr}.calendar-day{padding:5px;min-height:30px;font-size:12px}.calendar-header{font-size:12px;padding:5px 0}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}button{padding:12px 20px;font-size:16px}.card{padding:15px}}