.app-container{min-height:100vh;font-family:Poppins,system-ui,sans-serif;display:flex}.main-content{flex:1;padding:32px 24px;transition:margin-left .3s}.page-title{color:#000;margin:0 0 28px;font-size:2rem;font-weight:700}.tabs{border-bottom:2px solid #e2e8f0;max-width:420px;margin-bottom:28px;display:flex}.tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding-bottom:8px;font-family:Poppins;font-size:16px;font-weight:500;transition:all .2s}.tab.active{color:#6366f1;border-bottom-color:#6366f1;font-weight:600}.filters-bar{justify-content:left;gap:12px;margin-bottom:8px;display:flex}.filter-btn,.export-btn{cursor:pointer;border:none;border-radius:8px;justify-content:left;align-items:center;gap:8px;padding:5px;font-size:17px;transition:all .2s;display:flex}.filter-btn{color:#475569;background:#e2e8f0}.filter-btn.active{color:#fff;background:#6366f1}.export-btn{color:#475569;background:#f1f5f9}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:scroll hidden;box-shadow:0 4px 20px #0000000f}.table-header,.table-row{text-align:center;grid-template-columns:100px minmax(180px,2fr) minmax(160px,1.6fr) 110px 90px 110px 110px 110px 100px 100px 80px;align-items:center;gap:12px;padding:14px 20px;display:grid}.table-header{color:#475569;z-index:10;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-top-left-radius:12px;border-top-right-radius:12px;font-size:.9rem;font-weight:600;position:sticky;top:0}.table-row{color:#334155;border-bottom:1px solid #f1f5f9;font-size:.95rem}.table-row:hover{background:#f8fafc}.table-row>div,.table-header>div{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.empty-state{text-align:center;color:#94a3b8;padding:60px 20px;font-size:1.1rem}.download-btn{color:#6366f1;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;font-size:1.3rem}.download-btn:hover{background:#e0e7ff}.context-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:10px;width:160px;padding:10px;display:flex;position:absolute;top:40px;right:16px;box-shadow:0 10px 30px #00000026}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:1.4rem;position:absolute;top:8px;right:12px}.excel-icon{color:#1e8e3e;font-size:25px}.pdf-icon{color:#d32f2f;font-size:25px}.modal-filtros-content{background:#fff;border-radius:12px;width:100%;max-width:440px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-filtros-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-filtros-content{background:#fff;border-radius:12px;width:100%;max-width:460px;max-height:90vh;padding:24px;position:relative;overflow-y:auto;box-shadow:0 10px 30px #0003}.modal-filtros-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.6rem}.modal-filtros-close-btn:hover{color:#334155}.filter-section{margin-bottom:1.6rem}.filter-label{color:#475569;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;padding-right:2.2rem}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.btn-secondary{color:#475569;background:#f1f5f9}.btn-secondary:hover{background:#e2e8f0;transform:translateY(-1px)}.btn-primary{color:#fff;background:#6366f1}.btn-primary:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.select-wrapper{width:100%;position:relative}.modern-select{appearance:none;color:#1f2937;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:12px 40px 12px 16px;font-size:15px;line-height:1.5;transition:all .2s;box-shadow:0 1px 3px #0000000f}.modern-select::-ms-expand{display:none}.modern-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px}.modern-select:hover{border-color:#9ca3af;box-shadow:0 0 0 4px #a5b4fc1f}.modern-select:focus{background-color:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f138}.modern-select:active,.modern-select[open]{box-shadow:0 0 0 4px #6366f14d}.modal-filtros-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0f172a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-filtros-content{box-sizing:border-box;background:#fff;border-radius:16px;width:100%;max-width:540px;max-height:92vh;padding:24px;position:relative;overflow-y:auto;box-shadow:0 20px 40px #0f172a14}.modal-filtros-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.header-left{align-items:center;gap:10px;display:flex}.header-icon{color:#64748b;font-size:1.3rem}.modal-filtros-header h3{color:#1e293b;margin:0;font-size:1.25rem;font-weight:600}.modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;font-size:1.3rem;transition:all .2s;display:flex}.modal-close-btn:hover{color:#1e293b;background:#f1f5f9}.filtros-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.filtro-group{flex-direction:column;display:flex}.filtro-group.full-width{grid-column:span 2}.filtro-label{color:#475569;margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.filtro-input{appearance:none;color:#1e293b;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:11px 14px;font-size:13.5px;line-height:1.5;transition:all .2s;box-shadow:0 1px 2px #00000005}.filtro-input::placeholder{color:#94a3b8;font-weight:400}.filtro-input:hover{border-color:#94a3b8;box-shadow:0 0 0 4px #a5b4fc1f}.filtro-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f12e}select.filtro-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:14px;padding-right:40px}.selector-fecha-container{position:relative}.input-fecha-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;align-items:center;gap:10px;display:flex}.input-fecha-trigger span{color:#1e293b}.icon-input-fecha{color:#64748b;font-size:16px}.input-fecha-trigger.activo{border-color:#6366f1;box-shadow:0 0 0 4px #6366f12e}.filter-btn{cursor:pointer;color:#475569;border-radius:8px;align-items:center;gap:8px;width:auto;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 2px #00000005;font-family:Poppins,sans-serif!important}.filter-btn-icon{color:#64748b;font-size:18px;transition:color .2s}.filter-btn:hover{color:#1e293b;background:#f8fafc;border-color:#94a3b8}.filter-btn:hover .filter-btn-icon{color:#475569}.filter-btn.active{color:#4f46e5;background:#e0e7ff;border-color:#6366f1;font-weight:600}.filter-btn.active .filter-btn-icon{color:#6366f1}.filter-btn.active:hover{background:#e0e7ff;box-shadow:0 0 0 4px #6366f11f}.filter-badge{color:#fff;box-sizing:border-box;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:600;animation:.25s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.calendar-dropdown-floating{z-index:2100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:360px;animation:.2s cubic-bezier(.16,1,.3,1) slideDownFade;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 12px 28px -4px #0f172a1f,0 8px 12px -6px #0f172a14}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.calendar-dropdown-floating .react-calendar{background:0 0!important;border:none!important;width:100%!important}.calendar-dropdown-floating .react-calendar__month-view__days__day--neighboringMonth{color:#727272!important;opacity:.5!important;cursor:not-allowed!important}.calendar-dropdown-floating .react-calendar__navigation{align-items:center;padding:10px;display:flex}.calendar-dropdown-floating .react-calendar__navigation__prev-button,.calendar-dropdown-floating .react-calendar__navigation__next-button,.calendar-dropdown-floating .react-calendar__navigation__prev2-button,.calendar-dropdown-floating .react-calendar__navigation__next2-button{cursor:pointer;color:#475569;background:0 0;border:none;justify-content:center;align-items:center;width:35px;height:35px;margin:2px;font-size:26px;font-weight:500;transition:all .2s ease-in-out;display:flex}.calendar-dropdown-floating .react-calendar__navigation__prev-button:hover,.calendar-dropdown-floating .react-calendar__navigation__next-button:hover,.calendar-dropdown-floating .react-calendar__navigation__prev2-button:hover,.calendar-dropdown-floating .react-calendar__navigation__next2-button:hover{color:#7272db;transform:scale(1.3)}.calendar-dropdown-floating .react-calendar__navigation__label{cursor:pointer;color:#000;background:0 0;border:none;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;transition:all .3s ease-in-out}.calendar-dropdown-floating .react-calendar__navigation__label:hover{color:#7272db;transform:scale(1.1)}.calendar-dropdown-floating .react-calendar__month-view{margin:10px}.calendar-dropdown-floating .react-calendar__month-view__weekdays{-webkit-text-decoration:initial;text-decoration:initial;margin-top:5px;margin-bottom:5px;font-family:Poppins,sans-serif;font-size:12px;font-weight:700}.calendar-dropdown-floating .react-calendar__month-view__weekdays__weekday abbr{text-decoration:none!important}.calendar-dropdown-floating .react-calendar__month-view__days__day{color:#000;cursor:pointer;background:0 0;border:none;font-family:Poppins,sans-serif;line-height:2.3;transition:all .3s ease-in-out}.calendar-dropdown-floating .react-calendar__month-view__days__day:hover{background:#f0f0f0;border-radius:7px}.calendar-dropdown-floating .react-calendar__tile--now{border-radius:7px;font-weight:600;transition:all .3s ease-in-out;color:#fff!important;background:#5959ac!important}.calendar-dropdown-floating .react-calendar__tile--now:hover{background:#5959ac!important}.calendar-dropdown-floating .react-calendar__tile--active{border-radius:7px;font-weight:600;transition:all .3s ease-in-out;color:#5959ac!important;background:#dbdbff!important}.calendar-dropdown-floating .react-calendar__tile--active:hover{background:#d4d4ff!important}.calendar-dropdown-floating .react-calendar__year-view,.calendar-dropdown-floating .react-calendar__decade-view,.calendar-dropdown-floating .react-calendar__century-view{padding:10px}.calendar-dropdown-floating .react-calendar__year-view__months__month,.calendar-dropdown-floating .react-calendar__decade-view .react-calendar__tile,.calendar-dropdown-floating .react-calendar__century-view .react-calendar__tile{color:#575757;cursor:pointer;background:0 0;border:none;border-radius:7px;height:40px;margin-top:5px;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;transition:all .3s ease-in-out}.calendar-dropdown-floating .react-calendar__year-view__months__month:hover,.calendar-dropdown-floating .react-calendar__decade-view .react-calendar__tile:hover,.calendar-dropdown-floating .react-calendar__century-view .react-calendar__tile:hover{color:#5959ac;background:#f0f0f0}.calendar-dropdown-floating .react-calendar__tile--disabled{pointer-events:none;border-radius:6px;color:#b0b0b0!important;cursor:not-allowed!important;opacity:1!important;background:#f0f0f0!important}.modal-filtros-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s}.limpiar-btn{color:#475569;background:#f1f5f9}.limpiar-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.aplicar-btn{color:#fff;background:#6366f1}.aplicar-btn:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.modal-filtros-content,.modal-filtros-content input,.modal-filtros-content select,.modal-filtros-content button,.modal-filtros-content .filtro-input::placeholder,.custom-modern-calendar *{font-family:Poppins,sans-serif!important}