.sidebar{width:200px;height:100vh;background-color:#1a1a1a;color:#fff;padding:20px;border-right:5px solid #ffa500;display:flex;flex-direction:column}.sidebar h2{margin-bottom:20px;font-size:20px;font-weight:400;color:orange;font-family:Michroma,sans-serif}.sidebar ul{list-style:none;padding:0}.sidebar li{margin-bottom:10px;font-size:18px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.sidebar a{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;padding:8px 12px;border-radius:6px;transition:.2s;font-size:14px}.sidebar a .sidebar-text{font-size:14px}.sidebar a:hover{background-color:orange;color:#000}.sidebar a.active{background-color:orange;color:#000;font-weight:700;box-shadow:0 0 10px orange}.sidebar .footer-copyright{margin-top:auto;font-size:12px;color:orange;text-align:center;font-family:Michroma,sans-serif}.header{height:80px;background-color:#1a1a1a;color:orange;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:5px solid #ffa500;box-sizing:border-box}.header h1{margin:0;font-size:20px;font-weight:400;font-family:Michroma,sans-serif;color:orange}.header-right{display:flex;align-items:center;gap:15px}.nombre-usuario{font-size:18px;color:#fff}.btn-logout{display:flex;align-items:center;gap:5px;background-color:orange;color:#1a1a1a;border:none;padding:5px 10px;border-radius:5px;font-weight:700;cursor:pointer;transition:background .3s}.btn-logout:hover{background-color:#e69500}.layout{display:flex;height:100vh}.panel{display:flex;flex-direction:column;flex:1}.main-content{flex:1;padding:20px;overflow:auto}.header{height:80px;flex-shrink:0}.form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000;font-family:Michroma,sans-serif;margin-bottom:20px}.exp-form{background-color:#000;padding:30px;border-radius:12px;border:2px solid #ffa500;box-shadow:0 0 15px #ffa5004d;width:100%;max-width:700px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.exp-input-group{display:flex;flex-direction:column;width:100%}.exp-input-group label{margin-bottom:8px;font-weight:700;font-size:16px;color:orange}.exp-input-group input,.exp-input-group select{width:100%;padding:12px;border:1px solid #ffa500;border-radius:8px;background-color:#1a1a1a;color:#fff;font-size:16px;box-sizing:border-box;transition:all .3s ease}.exp-input-group input:focus,.exp-input-group select:focus{outline:none;border-color:#fff;box-shadow:0 0 8px orange}@media (max-width: 1024px){.exp-form{padding:25px}.exp-input-group label{font-size:15px}.exp-input-group input,.exp-input-group select{font-size:15px;padding:10px}button[type=submit]{font-size:17px;padding:12px}}@media (max-width: 768px){.exp-form{padding:20px}.exp-input-group label{font-size:14px}.exp-input-group input,.exp-input-group select{font-size:14px;padding:9px}button[type=submit]{font-size:16px;padding:10px}}@media (max-width: 480px){.exp-form{padding:15px}.exp-input-group label{font-size:13px}.exp-input-group input,.exp-input-group select{font-size:13px;padding:8px}button[type=submit]{font-size:15px;padding:8px}}.inicio-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-family:Michroma,sans-serif;color:orange;text-align:center;background:linear-gradient(135deg,#1a1a1a,#000)}.inicio-container h1{font-size:48px;margin-bottom:20px}.inicio-container p{font-size:20px;color:#ddd;margin-bottom:50px}.inicio-btn{text-decoration:none;color:orange;background-color:#000;padding:14px 36px;border-radius:10px;border:2px solid #FFA500;transition:all .3s ease;font-size:20px;font-weight:700}.inicio-btn:hover{background-color:orange;color:#000;box-shadow:0 0 20px orange;transform:scale(1.05)}@media (max-width: 1024px){.inicio-container h1{font-size:40px}.inicio-container p{font-size:18px;margin-bottom:40px}.inicio-btn{padding:12px 30px;font-size:18px}}@media (max-width: 768px){.inicio-container h1{font-size:32px}.inicio-container p{font-size:16px;margin-bottom:30px;padding:0 20px}.inicio-btn{padding:10px 24px;font-size:16px}}@media (max-width: 480px){.inicio-container h1{font-size:28px}.inicio-container p{font-size:14px;margin-bottom:20px}.inicio-btn{padding:8px 20px;font-size:14px}}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-family:Michroma,sans-serif;color:orange;text-align:center;background:linear-gradient(135deg,#1a1a1a,#000);padding:20px}.login-title{font-size:30px;margin-bottom:30px;color:orange}.login-form{background-color:#000;padding:40px;border-radius:12px;outline-offset:6px;box-shadow:0 0 15px #ffa5004d;width:100%;max-width:500px;box-sizing:border-box}.login-input-group{display:flex;flex-direction:column;margin-bottom:30px;width:100%}.login-label{margin-bottom:8px;font-weight:700;font-size:16px;color:orange;text-align:start}.login-input-group input,.login-input-group select{width:100%;padding:12px;border:1px solid #ffa500;border-radius:8px;background-color:#1a1a1a;color:#fff;font-size:16px;transition:all .3s ease;box-sizing:border-box}.login-input-group input:focus,.login-input-group select:focus{outline:none;border-color:#fff;box-shadow:0 0 8px orange}.login-back-home{position:absolute;bottom:20px;left:20px}.login-back-link{color:orange;text-decoration:none;font-size:14px}.login-back-link:hover{text-decoration:underline}.password-container{position:relative;display:flex;align-items:center}.password-container input{flex:1;padding-right:40px}.show-password-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;font-size:1.2rem;color:#fff}@media (max-width: 1024px){.login-title{font-size:26px;margin-bottom:25px}.login-form{padding:35px}.login-input-group input,.login-input-group select{font-size:15px;padding:10px}}@media (max-width: 768px){.login-title{font-size:22px;margin-bottom:20px}.login-form{padding:30px}.login-input-group input,.login-input-group select{font-size:14px;padding:9px}.login-back-link{font-size:13px}}@media (max-width: 480px){.login-title{font-size:20px;margin-bottom:15px}.login-form{padding:20px}.login-input-group input,.login-input-group select{font-size:13px;padding:8px}.login-back-link{font-size:12px}.password-container input{padding-right:35px}.show-password-btn{font-size:1rem;right:8px}}.form-user-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100%;color:#000;font-family:Michroma,sans-serif}.form-container h2{font-size:28px;margin-bottom:20px;text-align:center}form{background-color:#000;padding:30px;border-radius:12px;border:2px solid #ffa500;box-shadow:0 0 15px #ffa5004d;width:100%;max-width:700px}.exp-user-input-group{display:flex;flex-direction:column;margin-bottom:20px;width:100%}.exp-user-input-group label{margin-bottom:8px;font-weight:700;font-size:16px;color:orange}.exp-user-input-group input,.exp-user-input-group select,.exp-user-input-group textarea{width:100%;padding:12px;border:1px solid #ffa500;border-radius:8px;background-color:#d4d4d4;color:#000;font-size:16px;transition:all .3s ease;box-sizing:border-box}.exp-user-input-group input:focus,.exp-user-input-group select:focus,.exp-user-input-group textarea:focus{outline:none;border-color:#fff;box-shadow:0 0 8px orange}textarea{resize:vertical;min-height:80px}.exp-user-input-group input[type=checkbox]{width:auto;margin-right:8px;accent-color:#ffa500;cursor:pointer}.exp-user-input-group label input[type=checkbox]{vertical-align:middle}button[type=submit]{width:100%;padding:14px;background-color:orange;color:#000;font-size:18px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}button[type=submit]:hover{background-color:#ffb733;box-shadow:0 0 10px orange}.exp-table-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;min-height:100%;font-family:Michroma,sans-serif;color:#333}.exp-table-container h2{font-size:24px;margin-bottom:20px;color:#222}.exp-table{width:100%;max-width:1200px;border-collapse:collapse;background-color:orange;border:1px solid #ffa500;border-radius:12px;box-shadow:0 0 10px #ffa50033;overflow:hidden}.exp-table th{padding:12px 15px;text-align:center;border-bottom:2px solid #ffa500;background-color:#f2f2f2;color:#333;font-family:Roboto,sans-serif;font-size:15px}.exp-table td{padding:10px 12px;font-family:Arial,sans-serif;font-size:14px;color:#222;border-bottom:1px solid #ffa500;text-align:start;background-color:#fff}.exp-table tr:nth-child(2n) td{background-color:#f2f2f2}.exp-table tr:hover td{background-color:#ffe0b2;cursor:pointer}.search-bar{margin-bottom:15px;display:flex;justify-content:flex-start}.search-bar input{padding:8px;width:250px;border:1px solid #ccc;border-radius:6px}.expediente-clickable{cursor:pointer;color:#007bff;font-weight:700}.expediente-clickable:hover{text-decoration:underline;color:#007bff}.pagination{margin-top:15px;display:flex;justify-content:center;align-items:center;gap:12px}.pagination button{padding:8px 12px;border:none;background:orange;color:#fff;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.pagination button:disabled{background:#ccc;cursor:not-allowed}.historial-container{padding:20px;background-color:#fff;min-height:100vh;font-family:Arial,sans-serif;color:#333}.historial-container h2{margin-bottom:20px;color:#333;text-align:center;padding-top:10px}.historial-table{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 2px 8px #0000001a}.historial-table th,.historial-table td{border:1px solid #ddd;padding:10px;text-align:left;font-size:14px}.historial-table th{background-color:orange;color:#333;text-align:center;position:sticky;top:0;z-index:1}.historial-table tr:nth-child(2n){background-color:#f9f9f9}.historial-table tr:hover{background-color:#fff3e0;transition:background-color .3s ease}.historial-table td{vertical-align:middle}.busqueda-container{display:flex;gap:10px;margin-bottom:20px}.busqueda-input{flex:1;padding:8px;border:1px solid #ccc;border-radius:6px;font-size:14px}.paginacion{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:15px}.paginacion-btn{background-color:orange;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:18px;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.paginacion-btn:hover{background-color:#e69500}.paginacion-btn:disabled{background-color:orange;color:#fff;opacity:.6;cursor:not-allowed}.paginacion span{font-weight:700;color:#333}.exp-table-container-re{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;min-height:100%;font-family:Michroma,sans-serif;color:#333;max-width:1200px;margin:30px auto;background-color:transparent;border-radius:0;box-shadow:none}.exp-table-container-re h2{font-size:24px;margin-bottom:20px;color:#222;text-align:center}.exp-table-re{width:100%;border-collapse:collapse;background-color:orange;border:1px solid #ffa500;border-radius:12px;box-shadow:0 0 10px #ffa50033;overflow:hidden}.exp-table-re th{padding:12px 15px;text-align:center;border-bottom:2px solid #ffa500;background-color:#f2f2f2;color:#333;font-family:Roboto,sans-serif;font-size:15px}.exp-table-re td{padding:10px 12px;font-family:Arial,sans-serif;font-size:14px;color:#222;border-bottom:1px solid #ffa500;text-align:start;background-color:#fff}.exp-table-re tr:nth-child(2n) td{background-color:#f2f2f2}.exp-table-re tr:hover td{background-color:#ffe0b2;cursor:pointer}.exp-table-re tbody tr.recent{background-color:#ffd699;font-weight:600}.icon-btn{background:none;border:none;cursor:pointer;color:orange;font-size:18px;transition:transform .2s,color .2s}.icon-btn:hover{color:#e69500;transform:scale(1.2)}tbody{text-transform:capitalize}p{text-align:center;color:#555;font-size:16px}.search-bar{position:relative;max-width:350px;margin-bottom:15px}.search-bar input{width:100%;padding:6px 35px 6px 10px;border:1px solid #ccc;border-radius:25px}.search-bar .search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#555;pointer-events:none}.editar-expediente-container{display:flex;flex-direction:column;align-items:center;color:#000;font-family:Michroma,sans-serif;margin-bottom:20px}.editar-expediente-title{margin-bottom:20px}.editar-expediente-form{background-color:#000;padding:30px;border-radius:12px;border:2px solid #b8e90a;width:100%;max-width:700px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.editar-expediente-group{display:flex;flex-direction:column;width:100%}.editar-expediente-label{margin-bottom:8px;font-weight:700;font-size:16px;color:#ff0}.editar-expediente-input,.editar-expediente-select{width:100%;padding:12px;border:1px solid yellow;border-radius:8px;background-color:#1a1a1a;color:#ff0;font-size:16px;box-sizing:border-box}.editar-expediente-input:focus,.editar-expediente-select:focus{outline:none;border-color:#fff;box-shadow:0 0 8px #ff0}.editar-expediente-button{width:100%!important;padding:14px!important;background-color:#ff0!important;color:#000!important;font-size:18px!important;font-weight:700!important;border:none!important;border-radius:8px!important;cursor:pointer!important;transition:all .3s ease!important}.editar-expediente-button:hover{background-color:#d8d823!important;box-shadow:0 0 10px #ff0!important}.estadisticas-container{max-width:900px;margin:40px auto;padding:20px;background:#121212;border-radius:15px;box-shadow:0 8px 20px #00000080;color:#fff;font-family:Poppins,sans-serif}.estadisticas-container h2{text-align:center;margin-bottom:30px;font-size:1.8rem;color:#ff8c42!important}.estadisticas-table{width:100%;border-collapse:collapse;margin-bottom:40px}.estadisticas-table th,.estadisticas-table td{padding:12px 20px;text-align:left}.estadisticas-table thead{background:linear-gradient(90deg,#ff8c42,#e85d04)!important}.estadisticas-table th{font-weight:600;color:#fff!important}.estadisticas-table tbody tr{border-bottom:1px solid #333;transition:background .3s,transform .3s}.estadisticas-table tbody tr:hover{background:#ff8c421a;transform:scale(1.02)}.grafico-container{width:100%;max-width:800px;margin:0 auto}.upload-container{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:20px;font-family:Michroma,sans-serif;color:#fff}.upload-box{background:#000;padding:60px 30px;border-radius:12px;border:2px solid #ffa500;box-shadow:0 0 15px #ffa5004d;width:100%;max-width:500px;min-height:150px;text-align:center;display:flex;flex-direction:column;align-items:center}h2{margin-bottom:30px;font-size:2rem;color:#000;font-family:Michroma,sans-serif;text-align:center}.file-input{width:100%;padding:14px;margin-bottom:25px;border-radius:8px;border:1px solid #ffa500;background-color:#d4ae68;color:#000;font-size:16px;box-sizing:border-box;transition:all .3s ease}.file-input:focus{outline:none;border-color:#fff;box-shadow:0 0 8px orange}.upload-btn{width:100%;padding:16px;margin-bottom:25px;border:none;border-radius:8px;font-size:18px;font-weight:700;background-color:orange;color:#000;cursor:pointer;transition:all .3s ease}.upload-btn:hover{background-color:#ffb733;box-shadow:0 0 10px orange}.upload-btn.disabled{background:#555;cursor:not-allowed}.error-msg{color:#ff4d4f;margin-top:15px;font-weight:500;text-align:center}.result-container{margin-top:20px;text-align:left;width:100%}.result-container h3{margin-bottom:15px;color:orange;font-size:1.4rem;text-align:center;font-family:Michroma,sans-serif}.result-container ul{list-style:none;padding:0;max-height:250px;overflow-y:auto}.result-container li{padding:10px;border-bottom:1px solid #444;font-size:1rem}.result-container li.nuevo{color:#00ff7f}.result-container li.reingreso{color:orange}.estadisticas-container-terminados{max-width:900px;margin:40px auto;padding:20px;background:#121212;border-radius:15px;box-shadow:0 8px 20px #00000080;color:#fff;font-family:Poppins,sans-serif}.estadisticas-container-terminados h2{text-align:center;margin-bottom:30px;font-size:1.8rem;color:#00ff7f}.estadisticas-table-terminados{width:100%;border-collapse:collapse;margin-bottom:40px}.estadisticas-table-terminados th,.estadisticas-table-terminados td{padding:12px 20px;text-align:left}.estadisticas-table-terminados thead{background:linear-gradient(90deg,#00ff7f,#1dd1a1)}.estadisticas-table-terminados th{font-weight:600;color:#121212}.estadisticas-table-terminados tbody tr{border-bottom:1px solid #333;transition:background .3s,transform .3s}.estadisticas-table-terminados tbody tr:hover{background:#00ff7f1a;transform:scale(1.02)}.sin-datos{text-align:center;font-size:1.2rem;color:#bbb}.grafico-container-terminados{width:100%;max-width:800px;margin:0 auto}.recharts-tooltip-wrapper{background-color:#1f1f1f!important;border-radius:8px!important;color:#fff!important}.recharts-cartesian-axis-tick-value{fill:#fff!important;font-weight:500}.usuario-expedientes-container{max-width:1000px;margin:40px auto;padding:20px;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;color:#333;font-family:Roboto,sans-serif}.usuario-expedientes-container h2{font-size:24px;text-align:center;margin-bottom:20px;color:#ff9800;display:flex;align-items:center;justify-content:center;gap:8px}.usuario-filtros{display:flex;justify-content:center;flex-wrap:wrap;margin:20px 0;gap:10px}.usuario-filtros button{background:#f2f2f2;color:#333;border:1px solid #ccc;padding:8px 14px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s}.usuario-filtros button:hover{background:#e0e0e0}.usuario-filtros button.activo{background:#ff9800;color:#fff;border-color:#ff9800}.tabla-expedientes{width:100%;border-collapse:collapse;margin-top:15px}.tabla-expedientes th,.tabla-expedientes td{padding:10px 12px;text-align:left;border-bottom:1px solid #ccc;font-size:14px}.tabla-expedientes th{background-color:#f9f9f9;color:#ff9800;font-weight:600}.tabla-expedientes tr:nth-child(2n) td{background-color:#f7f7f7}.tabla-expedientes tr:hover td{background-color:#ffe0b2;cursor:pointer;transition:background-color .2s}.estado{display:inline-flex;align-items:center;gap:5px;font-weight:500}.estado.terminado{color:#4caf50}.estado.pendiente{color:#ff9800}.estado.reingresado{color:#03a9f4}.usuario-resumen{display:flex;justify-content:space-around;flex-wrap:wrap;margin-top:25px;background:#f9f9f9;padding:12px;border-radius:10px;border:1px solid #ddd}.resumen-item{display:flex;align-items:center;gap:6px;font-size:.95rem}.resumen-item.total{color:#333}.resumen-item.terminado{color:#4caf50}.resumen-item.pendiente{color:#ff9800}.resumen-item.reingresado{color:#03a9f4}.search-bar{position:relative;max-width:350px;margin:15px auto}.search-bar input{width:100%;padding:6px 35px 6px 10px;border:1px solid #ccc;border-radius:25px;background:#fff;color:#333}.search-bar .search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#888;pointer-events:none}