@import url(https://fonts.googleapis.com/css2?family=Sen:wght@400;700&display=swap);body{background-color:#0f172a;color:#fff;font-family:Sen,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background-color:var(--primary-dark-blue);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;padding:2rem 1.5rem;position:fixed;top:0;width:260px}.sidebar-header{padding-bottom:3rem;text-align:left}.sidebar-logo{height:auto;margin:0;max-width:180px}.sidebar-nav{flex-grow:1}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-link{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:.9rem;font-weight:500;margin-bottom:0;padding:.75rem 1rem;text-decoration:none;transition:background-color .2s,color .2s}.sidebar-link:hover{background-color:#ffffff1a}.sidebar-link.active{background-color:#fff;color:var(--primary-dark-blue);font-weight:700}.sidebar-link svg{font-size:1.25rem;margin-right:1rem}.sidebar-footer{margin-top:auto}.sidebar-close-btn{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem;position:absolute;right:1.5rem;top:1.5rem}@media (max-width:768px){.sidebar{box-shadow:4px 0 15px #0003;transform:translateX(-100%);transition:transform .3s ease-in-out;z-index:2000}.sidebar.open{transform:translateX(0)}.sidebar-close-btn{display:block}}.logout-btn{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:background-color .2s;width:100%}.logout-btn:hover{background-color:#ffffff1a}.logout-btn svg{font-size:1.25rem;margin-right:1rem}.login-container{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center}.login-form{background-color:var(--content-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 12px #00000014;max-width:400px;padding:40px;text-align:center;width:100%}.login-form h2{color:var(--text-primary);margin-bottom:20px;margin-top:0}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:var(--text-secondary);margin-bottom:8px}.form-group input{background-color:#fff;border:1px solid var(--border-color);border-radius:5px;box-sizing:border-box;color:var(--text-primary);font-size:1em;padding:10px;width:100%}.login-btn{background-color:#0d6efd;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;padding:12px;transition:background-color .3s;width:100%}.login-btn:hover{opacity:.9}.error-message{color:#ef4444;margin-bottom:15px;text-align:center}.login-logo{margin-bottom:2rem;max-width:200px}.pin-modal-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.pin-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #0000004d;max-width:400px;padding:30px 40px;position:relative;text-align:center;width:100%}.close-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:2em;position:absolute;right:15px;top:10px}.modal-avatar{border:4px solid #f0f2f5;border-radius:50%;height:120px;margin-bottom:15px;object-fit:cover;width:120px}.pin-modal-content h2{font-size:1.8em;margin:0 0 10px}.pin-modal-content p{color:#666;margin:0 0 20px}.pin-input{border:2px solid #ccc;border-radius:8px;font-size:2em;letter-spacing:.5em;margin-bottom:15px;padding:15px;text-align:center;width:80%}.modal-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.modal-actions .action-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2em;min-width:120px;padding:15px 30px;transition:transform .2s}.modal-actions .action-btn:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.modal-actions .action-btn:disabled{background-color:#ccc;cursor:not-allowed}.error-message{min-height:20px}.kiosk-container{background-color:#f0f2f5;box-sizing:border-box;font-family:Sen,sans-serif;min-height:100vh;padding:30px;text-align:center}.kiosk-container h1{color:#04003b;font-size:2.5em;margin-bottom:10px}.current-time-kiosk{color:#555;font-size:1.5em;margin-bottom:20px}.kiosk-confirmation{background-color:#d4edda;border-radius:8px;color:#155724;font-size:1.2em;margin:0 auto 20px;max-width:800px;padding:15px;transition:opacity .5s}.employee-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-left:auto;margin-right:auto;margin-top:20px;max-width:1200px}.employee-card{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000000d;cursor:pointer;display:flex;flex-direction:column;gap:15px;height:150px;justify-content:center;padding:20px;transition:transform .2s,box-shadow .2s,background-color .3s}.employee-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-5px)}.employee-name{color:#333;font-size:1.2em;font-weight:700}.employee-card.status-working{background-color:#28a745}.employee-card.status-not-working{background-color:#dc3545}.employee-card.status-not-working .employee-name,.employee-card.status-working .employee-name{color:#fff}.dashboard-container{padding:50px 20px 20px;text-align:center}.dashboard-container h1{margin-bottom:10px}.dashboard-container h2{color:#555;font-weight:400;margin-bottom:20px}.current-time{color:#333;font-size:2.5em;font-weight:700;margin-bottom:20px}.client-selector{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:30px}.client-selector label{font-size:1.1em;font-weight:700}.client-selector select{border:1px solid #ccc;border-radius:5px;font-size:1em;min-width:250px;padding:8px}.dashboard-actions{display:flex;gap:20px;justify-content:center;margin-bottom:30px}.action-btn{border-radius:8px;font-size:1.2em;min-width:180px;padding:15px 30px;transition:transform .2s}.action-btn:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.clock-in{background-color:#28a745}.pause{background-color:#ffc107;color:#333}.resume{background-color:#007bff}.clock-out{background-color:#dc3545}.last-clocking{background-color:#f8f9fa;border-radius:8px;color:#555;display:inline-block;font-size:1.2em;margin-top:20px;padding:15px}.dashboard-section.summary-stats{background-color:#f9f9f9;border:1px solid #e0e0e0;margin-left:auto;margin-right:auto;margin-top:20px;max-width:900px;padding:15px}.dashboard-section.summary-stats h3{color:#333;margin-bottom:15px;margin-top:0;text-align:center}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;flex:1 1;min-width:100px;padding:15px;text-align:center}.stat-card h3{color:#666;font-size:.9rem;margin:0 0 5px}.stat-card p{color:#007bff;font-size:1.5rem;font-weight:700;margin:0}.stat-card p span{font-size:1.8rem}.stat-card p .unit{color:#555;font-size:1rem;font-weight:400;margin-left:5px}.status-indicator-container{margin-bottom:20px}.status-badge{border-radius:20px;color:#fff;display:inline-block;font-size:1.2em;font-weight:700;padding:8px 20px}.status-badge.status-trabajando{background-color:#28a745}.status-badge.status-en-pausa{background-color:#ffc107;color:#333}.status-badge.status-fuera-de-servicio{background-color:#dc3545}@media (max-width:768px){.dashboard-container h1{font-size:1.5em;margin:-20px -20px 15px;padding:15px}.dashboard-section.summary-stats{box-sizing:border-box;max-width:100%}.client-selector{flex-direction:column}.stats-grid{grid-template-columns:1fr}.dashboard-actions{align-items:center;flex-direction:column;gap:15px}.action-btn{font-size:1.1em;max-width:300px;padding:12px 20px;width:100%}.current-time{font-size:2em}}.history-container{padding:20px}.history-container h1{color:#000}.history-table{border-collapse:collapse;box-shadow:0 2px 8px #0000001a;margin-top:20px;width:100%}.history-table td,.history-table th{border:1px solid #ddd;padding:12px 15px;text-align:left}.history-table th{background-color:#f8f8f8;font-weight:700}.history-table tbody tr:nth-child(2n){background-color:#f2f2f2}.history-table tbody tr:hover{background-color:#e8e8e8}@media screen and (max-width:768px){.history-table thead{display:none}.history-table,.history-table tbody,.history-table td,.history-table tr{display:block;width:100%}.history-table tr{background-color:#fff;border:1px solid #ddd;border-radius:5px;margin-bottom:15px}.history-table td{border:none;border-bottom:1px solid #eee;padding-left:50%;position:relative;text-align:right}.history-table td:last-child{border-bottom:none}.history-table td:before{content:attr(data-label);font-weight:700;left:10px;padding-right:10px;position:absolute;text-align:left;white-space:nowrap;width:calc(50% - 20px)}}.requests-container h1{background-color:#04003b;border-radius:8px;color:#fff;margin:0 0 20px;padding:20px}.requests-container{padding:20px}.new-request-form{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:40px;max-width:700px;padding:25px}.new-request-form h2{border-bottom:2px solid #eee;color:#000;margin-bottom:20px;margin-top:0;padding-bottom:10px}.form-group label{color:#555}.form-group input,.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:10px;width:100%}.submit-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:12px 20px;transition:background-color .3s}.submit-btn:hover{background-color:#0056b3}.existing-requests h2{margin-top:0}.requests-table{border-collapse:collapse;margin-top:20px;width:100%}.requests-table td,.requests-table th{border:1px solid #ddd;padding:12px 15px;text-align:left}.requests-table th{background-color:#f8f8f8}@media screen and (max-width:768px){.form-row{flex-direction:column;gap:0}.new-request-form{padding:15px}.requests-table thead{display:none}.requests-table,.requests-table tbody,.requests-table td,.requests-table tr{display:block;width:100%}.requests-table tr{border:1px solid #ddd;border-radius:5px;margin-bottom:15px}.requests-table td{border:none;border-bottom:1px solid #eee;padding-left:50%;position:relative;text-align:right}.requests-table td:last-child{border-bottom:none}.requests-table td:before{content:attr(data-label);font-weight:700;left:10px;padding-right:10px;position:absolute;text-align:left;white-space:nowrap;width:calc(50% - 20px)}}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1 1}.employee-calendar-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.employee-calendar-container .calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.employee-calendar-container .calendar-header h1{color:#333;font-size:1.8em}.employee-calendar-container .navigation{align-items:center;display:flex;gap:15px}.employee-calendar-container .navigation h2{color:#333;font-size:1.5em;margin:0;min-width:200px;text-align:center}.employee-calendar-container .navigation button{align-items:center;background-color:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5em;height:40px;justify-content:center;width:40px}.employee-calendar-container .navigation button:hover{background-color:#0056b3}.employee-calendar-container .calendar-legend{display:flex;font-size:.9em;gap:20px;margin-bottom:20px}.employee-calendar-container .legend-item{align-items:center;display:flex;gap:8px}.employee-calendar-container .legend-item:before{border-radius:4px;content:"";height:15px;width:15px}.employee-calendar-container .legend-absence:before{background-color:#ff9800}.employee-calendar-container .legend-holiday:before{background-color:#f44336}.employee-calendar-container .calendar-grid-container{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.employee-calendar-container .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.employee-calendar-container .days-header{background-color:#f8f9fa;font-weight:700;text-align:center}.employee-calendar-container .day-header{border-bottom:1px solid #e0e0e0;padding:10px 0}.employee-calendar-container .calendar-day{background-color:#fff;border-right:1px solid #e0e0e0;border-top:1px solid #e0e0e0;min-height:120px;padding:5px;position:relative}.employee-calendar-container .calendar-day:nth-child(7n){border-right:none}.employee-calendar-container .other-month{background-color:#f8f9fa;color:#ccc}.employee-calendar-container .day-number{font-weight:700}.employee-calendar-container .events-container{margin-top:5px}.employee-calendar-container .event{border-radius:4px;color:#fff;font-size:.8em;margin-bottom:3px;overflow:hidden;padding:3px 5px;text-overflow:ellipsis;white-space:nowrap}.employee-calendar-container .event-absence{background-color:#ff9800}.employee-calendar-container .event-holiday{background-color:#f44336}@media screen and (max-width:768px){.employee-calendar-container{padding:10px}.employee-calendar-container .calendar-header{align-items:flex-start;flex-direction:column;gap:15px}.employee-calendar-container .navigation{justify-content:space-between;width:100%}.employee-calendar-container .navigation h2{font-size:1.2em;min-width:auto}.employee-calendar-container .navigation button{font-size:1.2em;height:35px;width:35px}.employee-calendar-container .calendar-day{font-size:.85em;min-height:80px;padding:4px}.employee-calendar-container .day-header{font-size:.9em;padding:8px 0}.employee-calendar-container .event{font-size:.75em;overflow:hidden;padding:2px 3px;text-overflow:ellipsis;white-space:nowrap}}.summary-card{background-color:var(--content-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;min-height:150px;padding:1.5rem}.summary-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.summary-card .card-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.summary-card .card-options-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.summary-card .card-body{grid-gap:2.5rem;align-items:flex-end;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(80px,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(80px,max-content));margin-top:auto}.summary-card .stat-item{text-align:left}.summary-card .stat-value{font-size:3.5rem;font-weight:700;line-height:1;margin:0}.summary-card .stat-label{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0 0}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--primary-dark-blue);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 5px 15px #00000080;color:#fff;max-width:600px;padding:30px;position:relative;width:90%}.modal-content h2{color:#fff;margin-top:0}.modal-content p{color:#eaeaea}.modal-content .close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:15px;top:15px}.history-table-container{margin-top:20px;max-height:400px;overflow-y:auto}.history-table-container table{border-collapse:collapse;width:100%}.history-table-container td,.history-table-container th{border-bottom:1px solid #ffffff1a;color:#fff;padding:12px 15px;text-align:left}.history-table-container th{background-color:#ffffff0d;font-weight:600}.history-table-container tbody tr:last-child td{border-bottom:none}.history-table-container tbody tr:hover{background-color:#ffffff08}.summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2.5rem}.employee-details{background-color:var(--content-bg);border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:1.5rem}.employee-details h2{color:var(--text-primary);font-size:1.25rem;margin:0 0 1.5rem}.employee-details table{border-collapse:collapse;width:100%}.employee-details thead{border-bottom:1px solid var(--border-color)}.employee-details th{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.employee-details td{border:none;font-size:.9rem;padding:1rem;vertical-align:middle}.employee-details tbody tr{border:none}.status-activo{background-color:var(--accent-yellow);color:var(--text-primary)}.status-activo,.status-pausa{border-radius:8px;display:inline-block;font-size:.8rem;font-weight:600;padding:.35rem .85rem;text-align:center}.status-pausa{background-color:#ffd6d6;color:var(--status-red)}.status-fuera{background-color:#eaeaea;border-radius:8px;color:var(--text-secondary);display:inline-block;font-size:.8rem;font-weight:600;padding:.35rem .85rem;text-align:center}.action-link-danger{background:none;border:none;color:#ff3b30;cursor:pointer;font-size:.9rem;font-weight:600;padding:0}.action-link-danger:hover{text-decoration:underline}.summary-card-link{color:inherit;text-decoration:none}.hr-panel-container{padding:50px 20px 20px}.hr-panel-header{margin-bottom:20px}.hr-panel-add-btn{font-size:1em;padding:10px 15px}.hr-panel-add-btn:hover{background-color:#0056b3}.hr-panel-table{box-shadow:0 2px 4px #0000001a}.hr-panel-table td,.hr-panel-table th{border:1px solid #ddd;padding:12px 15px}.hr-panel-table th{background-color:#f8f8f8;font-weight:700}.hr-panel-table tbody tr:nth-child(2n){background-color:#f2f2f2}.hr-panel-table tbody tr:hover{background-color:#e8e8e8}.action-btn{border-radius:4px;color:#fff;margin-right:5px;padding:8px 12px}.edit-btn{background-color:#ffc107;color:#333}.status{border-radius:15px;color:#fff;display:inline-block;font-size:.9em;min-width:80px;padding:5px 10px;text-align:center}.status-aprobada{background-color:#28a745}.status-pendiente{background-color:#ffc107;color:#333}.status-abierta,.status-rechazada{background-color:#dc3545}.status-cerrada{background-color:#28a745}.form-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.employee-form{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:800px;padding:30px;width:100%}.employee-form h2{margin-bottom:20px;margin-top:0}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:10px;width:100%}.form-actions{display:flex;justify-content:flex-end;margin-top:20px}.action-buttons{display:flex;gap:10px}.action-btn-approve,.action-btn-reject{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9em;font-weight:700;padding:5px 10px}.action-btn-approve{background-color:#28a745}.action-btn-approve:hover{background-color:#218838}.action-btn-reject{background-color:#dc3545}.action-btn-reject:hover{background-color:#c82333}.employee-table-avatar{border-radius:50%;height:40px;object-fit:cover;vertical-align:middle;width:40px}.card{border-radius:8px;box-shadow:0 4px 12px #00000026;color:#333;padding:25px}.card h3{color:#111;font-size:1.5em;margin-bottom:15px;margin-top:0}.card p{line-height:1.6;margin-bottom:10px}.card p strong{color:#555}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.schedule-details-cell{font-size:.85rem;max-width:350px;white-space:normal}.schedule-details-cell div{padding:2px 0}.client-assignment{border-top:1px solid #eee;margin-top:20px;padding-top:15px}.client-assignment>label{display:block;font-weight:700;margin-bottom:10px}.checkbox-group{grid-gap:10px;background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);max-height:150px;overflow-y:auto;padding:10px}.checkbox-item{align-items:center;display:flex}.checkbox-item input[type=checkbox]{margin-right:8px;width:auto}.checkbox-item label{font-weight:400;margin-bottom:0}.hr-panel-header h1{color:#000}.incidents-container{padding:20px}.incidents-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.add-incident-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 15px}.add-incident-btn:hover{background-color:#0056b3}.incidents-table{border-collapse:collapse;box-shadow:0 2px 4px #0000001a;width:100%}.incidents-table td,.incidents-table th{border:1px solid #ddd;padding:12px 15px;text-align:left}.incidents-table th{background-color:#f8f8f8;font-weight:700}.incidents-table tbody tr:nth-child(2n){background-color:#f2f2f2}.incidents-table tbody tr:hover{background-color:#e8e8e8}.calendar-legend{display:flex;gap:20px;justify-content:flex-end;margin-bottom:10px}.legend-item{color:var(--text-primary);font-weight:500}.legend-item:before{border-radius:50%;content:"";display:inline-block;height:12px;margin-right:8px;vertical-align:middle;width:12px}.legend-vacation:before{background-color:#28a745}.legend-holiday:before{background-color:#007bff}.calendar-header{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.calendar-header h2{color:#333;margin:0}.calendar-header button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.calendar-container{border:1px solid #ddd;border-radius:8px;overflow:hidden}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.days-header{background-color:#f8f8f8;font-weight:700}.days-header .day-header{border-bottom:1px solid #ddd;color:#000;padding:10px 5px;text-align:center}.calendar-day{border-bottom:1px solid #ddd;border-right:1px solid #ddd;min-height:120px;padding:5px;position:relative}.calendar-day:nth-child(7n){border-right:none}.day-number{color:#333;font-size:.9em;font-weight:700}.calendar-day.other-month .day-number{color:#ccc}.events-container{margin-top:5px}.event{border-radius:4px;color:#fff;font-size:.8em;margin-bottom:3px;overflow:hidden;padding:2px 4px;text-overflow:ellipsis;white-space:nowrap}.event-vacation{background-color:#28a745}.event-holiday{background-color:#007bff;cursor:pointer}.calendar-day.holiday{background-color:#e7f3ff}.calendar-day.holiday .day-number{color:#007bff;font-weight:700}.holidays-layout{grid-gap:30px;align-items:flex-start;display:grid;gap:30px;grid-template-columns:1fr 1.5fr}.holidays-list h3{border-bottom:1px solid var(--border-color);color:#333;margin-top:0;padding-bottom:10px}.holidays-list ul{list-style:none;margin:0;padding:0}.holidays-list li{align-items:center;background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:5px;color:#333;display:flex;font-weight:500;justify-content:space-between;margin-bottom:8px;padding:12px}.holidays-list li div button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;padding:2px 5px}.holidays-list li div button:hover{color:var(--text-primary)}.schedule-details-editor{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-top:16px;padding:16px}.schedule-details-editor h4{border-bottom:1px solid #ddd;color:#333;font-size:1rem;margin-bottom:12px;margin-top:0;padding-bottom:8px}.schedule-grid{grid-gap:12px;display:grid;gap:12px}.day-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:100px 1fr}.day-row label{color:#555;font-size:.9rem;font-weight:500;text-align:right}.day-row input{border:1px solid #ccc;border-radius:4px;font-size:.9rem;padding:8px;width:100%}.day-row input:disabled{background-color:#f0f0f0;cursor:not-allowed}.hr-reports-container{font-family:Sen,sans-serif;padding:20px}.hr-reports-container h1{color:#333;font-size:1.8em;margin-bottom:20px}.hr-reports-container h2{border-bottom:2px solid #eee;color:#333;font-size:1.5em;margin-bottom:15px;padding-bottom:10px}.filters-container{align-items:flex-end;background-color:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{color:#555;font-size:.9em;font-weight:700}.filter-group input,.filter-group select{border:1px solid #ccc;border-radius:5px;font-size:1em;padding:8px}.apply-filters-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;height:-webkit-fit-content;height:fit-content;padding:10px 20px;transition:background-color .2s}.apply-filters-btn:hover{background-color:#0056b3}.apply-filters-btn:disabled{background-color:#ccc;cursor:not-allowed}.report-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:40px;padding:20px}.report-table{border-collapse:collapse;margin-top:10px;width:100%}.report-table td,.report-table th{border:1px solid #ddd;padding:12px;text-align:left}.report-table th{background-color:#f2f2f2;font-weight:700}.report-table tbody tr:nth-child(2n){background-color:#f9f9f9}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#dc3545;font-weight:700;padding:10px}.monthly-balance-filters{align-items:flex-end;background-color:#f0f2f5;border:1px solid #dee2e6;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:20px}.report-subsection{border-top:1px solid #eee;margin-top:25px;padding-top:15px}.report-subsection h3{color:#333;font-size:1.2em;margin-bottom:10px}.positive-balance{color:#28a745;font-weight:700}.negative-balance{color:#dc3545;font-weight:700}.admin-dashboard-container{background-color:#f9f9f9;padding:2rem}.hr-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.hr-panel-add-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem}.panel-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.table-container{overflow-x:auto}.hr-panel-table{border-collapse:collapse;width:100%}.hr-panel-table td,.hr-panel-table th{border-bottom:1px solid #ddd;padding:1rem;text-align:left}.hr-panel-table th{background-color:#f2f2f2}.action-btn{border:none;border-radius:5px;cursor:pointer;margin-right:.5rem;padding:.5rem 1rem}.edit-btn{background-color:#28a745;color:#fff}.save-btn{background-color:#007bff;color:#fff}.delete-btn{background-color:#dc3545;color:#fff}.status-pill{border-radius:1rem;color:#fff;display:inline-block;font-size:.8rem;font-weight:700;padding:.3rem .8rem;text-align:center}.status-active{background-color:#28a745}.status-inactive{background-color:#dc3545}.actions-cell{display:flex;gap:.5rem}.checkbox-group{align-items:center;display:flex;margin-bottom:20px}.checkbox-group input[type=checkbox]{margin-right:10px;width:auto}.checkbox-group label{font-weight:400;margin-bottom:0}:root{--primary-dark-blue:#0d1b3f;--secondary-gray:#f4f7fc;--content-bg:#fff;--text-primary:#0d1b3f;--text-secondary:#6c757d;--accent-yellow:#f3ca3e;--status-green:#34c759;--status-red:#ff3b30;--border-color:#eaeaea}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7fc;background-color:var(--secondary-gray);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{display:flex}.content-wrapper{display:flex;flex-direction:column;flex-grow:1;height:100vh;margin-left:260px}.app-header{align-items:center;background-color:#0d1b3f;background-color:var(--primary-dark-blue);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 3rem}.app-header h1{color:#fff;font-size:1.8rem;margin:0}.app-header p{color:#eaeaea;font-size:1rem;margin:.25rem 0 0}.header-actions{align-items:center;display:flex;gap:1rem}.header-action-icon{align-items:center;background:none;border:1px solid #ffffff4d;border-radius:50%;color:#f3ca3e;color:var(--accent-yellow);cursor:pointer;display:inline-flex;font-size:1.2rem;height:40px;justify-content:center;text-decoration:none;transition:background-color .2s;width:40px}.header-action-icon:hover{background-color:#ffffff1a}.main-content{background-color:#f4f7fc;background-color:var(--secondary-gray);flex-grow:1;overflow-y:auto;padding:2rem 3rem}.card{background-color:#fff;background-color:var(--content-bg);border:1px solid #eaeaea;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:1.5rem}.btn{border:none;border-radius:.375rem;cursor:pointer;font-weight:700;padding:.5rem 1rem}.loading-container{align-items:center;display:flex;font-size:1.5rem;height:100vh;justify-content:center}.employee-form h2,.loading-container,table td,table th{color:#0d1b3f;color:var(--text-primary)}.mobile-menu-btn{background:none;border:none;color:#f3ca3e;color:var(--accent-yellow);cursor:pointer;display:none;font-size:1.8rem;margin-right:1rem;padding:0}@media (max-width:768px){.content-wrapper{margin-left:0}.mobile-menu-btn{display:block;z-index:1100}.app-header{flex-wrap:wrap;padding:1rem 1.5rem;row-gap:1rem}.header-actions{justify-content:flex-end;width:100%}.main-content{padding:1rem 1.5rem}}
/*# sourceMappingURL=main.aa07de22.css.map*/