*{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}.snackbar-success{--mdc-snackbar-container-color: #10b981;--mat-snack-bar-button-color: #fff}.snackbar-error{--mdc-snackbar-container-color: #ef4444;--mat-snack-bar-button-color: #fff}.toolbar{flex-wrap:wrap!important;gap:16px!important}.search-actions{display:flex!important;gap:12px!important;align-items:center!important;flex-wrap:wrap!important}@media(max-width:768px){.toolbar{flex-direction:column!important;align-items:stretch!important;padding:16px!important}.search-actions{width:100%!important;justify-content:space-between!important}.search-box{width:100%!important;order:3!important}.btn-create{width:100%!important;justify-content:center!important}.btn-refresh{order:2!important}}@media(max-width:480px){.search-actions{flex-direction:column!important;align-items:stretch!important}.btn-create.btn-secondary{width:100%!important}.btn-refresh{width:100%!important;order:4!important}}.custom-datepicker-panel .mat-datepicker-content{background-color:#fff!important;border-radius:16px!important;box-shadow:0 20px 40px #00000026,0 0 0 1px #0000000d!important;border:1px solid #e2e8f0!important;overflow:hidden!important}.custom-datepicker-panel .mat-calendar{background-color:#fff!important;font-family:Inter,system-ui,sans-serif!important}.custom-datepicker-panel .mat-calendar-header{background-color:#fff!important;padding:16px 16px 8px!important;border-bottom:1px solid #f1f5f9!important;border-radius:16px 16px 0 0!important}.custom-datepicker-panel .mat-calendar-period-button{font-size:15px!important;font-weight:600!important;color:#1e293b!important;text-transform:capitalize!important}.custom-datepicker-panel .mat-calendar-arrow{fill:#64748b!important}.custom-datepicker-panel .mat-calendar-previous-button,.custom-datepicker-panel .mat-calendar-next-button{color:#64748b!important}.custom-datepicker-panel .mat-calendar-previous-button:hover,.custom-datepicker-panel .mat-calendar-next-button:hover{background-color:#f1f5f9!important}.custom-datepicker-panel .mat-calendar-content{background-color:#fff!important;padding:8px 12px 16px!important}.custom-datepicker-panel .mat-calendar-table-header th{color:#64748b!important;font-size:12px!important;font-weight:600!important;padding-bottom:8px!important}.custom-datepicker-panel .mat-calendar-table-header-divider:after{display:none!important}.custom-datepicker-panel .mat-calendar-body-cell-content{border-radius:8px!important;font-size:13px!important;font-weight:500!important;color:#334155!important;background-color:#fff!important;transition:all .15s ease!important}.custom-datepicker-panel .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected){background-color:#eef2ff!important;color:#4f46e5!important}.custom-datepicker-panel .mat-calendar-body-selected{background-color:#4f46e5!important;color:#fff!important;box-shadow:0 4px 10px #4f46e559!important}.custom-datepicker-panel .mat-calendar-body-today:not(.mat-calendar-body-selected){border:2px solid #6366f1!important;background-color:#fff!important;color:#4f46e5!important;font-weight:700!important}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:16px;padding:24px;border-top:1px solid #f1f5f9}.page-info{font-size:.875rem;color:#64748b;font-weight:500}.pagination-controls button{border-radius:12px!important;color:#6366f1!important}.pagination-controls button:disabled{color:#cbd5e1!important}.status-selector-container{display:flex;align-items:center;gap:8px}.status-select{padding:6px 28px 6px 12px;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;border:2px solid transparent;cursor:pointer;transition:all .2s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 20 20' fill='%2364748b'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.status-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.status-select.pendiente{background-color:#fef3c7!important;color:#92400e!important}.status-select.enviado{background-color:#dcfce7!important;color:#166534!important}.status-select.cancelado{background-color:#fee2e2!important;color:#991b1b!important}.status-select option{background-color:#fff!important;color:#334155!important}.status-select.activo{background-color:#dcfce7!important;color:#166534!important}.status-select.inactivo{background-color:#fee2e2!important;color:#991b1b!important}.status-select:hover:not(:disabled){filter:brightness(.95);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d}.status-dropdown-container{position:relative;display:inline-block}.status-pill-button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s;border:1px solid transparent;min-width:120px}.status-pill-button:hover{filter:brightness(.95);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.status-menu-panel{position:absolute;top:calc(100% + 4px);left:0;z-index:1000;background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid #f1f5f9;padding:4px;min-width:150px;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status-menu-item{padding:8px 12px;border-radius:8px;font-size:.75rem;font-weight:600;color:#475569;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:8px;text-transform:uppercase}.status-menu-item:hover{background-color:#f1f5f9;color:#1e293b}.status-menu-item.active{background-color:#eef2ff;color:#4f46e5}.status-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;background:transparent}