 :root {--bs-primary: #0d6efd;--bs-secondary: #6c757d;--bs-success: #198754;--bs-info: #0dcaf0;--bs-warning: #ffc107;--bs-danger: #dc3545;--bs-light: #f8f9fa;--bs-dark: #212529;--sidebar-width: 280px;--header-height: 70px;--phoenix-primary: #c6283a;--phoenix-secondary: #c41e3a;--phoenix-tertiary: #b71c1c;--phoenix-quaternary: #a01729;--phoenix-dark: #801220;--phoenix-darker: #600d18;--phoenix-gradient-main: linear-gradient(135deg, #303030 0%, #434343 50%, #6b6b6b 100%);--phoenix-gradient-secondary: linear-gradient(135deg, #c41e3a 0%, #a01729 100%);--phoenix-gradient-tertiary: linear-gradient(135deg, #a01729 0%, #801220 100%);--phoenix-gradient-dark: linear-gradient(135deg, #801220 0%, #600d18 100%);--phoenix-gradient-soft: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);--phoenix-gradient-header: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);--animation-delay-1: 0.1s;--animation-delay-2: 0.2s;--animation-delay-3: 0.3s;--animation-delay-4: 0.4s;--animation-delay-5: 0.5s;}body {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;background-color: #f8f9fa;}.app-container {display: flex;min-height: 100vh;}.bg-warning-light{background-color: #ffc1077d !important;}.bg-danger-light{background-color: #dc354575 !important;}.bg-success-light{background-color: #19875469 !important;}.bg-l-light{background-color: #ffffff7f !important;}.sidebar {width: var(--sidebar-width);background: linear-gradient(135deg, #ff4757 0%, #ff3742 50%, #c44569 100%);color: white;position: fixed;height: 100vh;overflow-y: auto;z-index: 1000;transition: all 0.3s ease;box-shadow: 4px 0 15px rgba(255, 71, 87, 0.2);}.sidebar.collapsed {transform: translateX(-100%);}.sidebar-header {padding: 1.5rem;border-bottom: 1px solid rgba(255,255,255,0.1);text-align: center;}.sidebar-header h2 {margin: 0;font-size: 1.5rem;font-weight: 600;}.sidebar-header p {margin: 0.5rem 0 0 0;opacity: 0.8;font-size: 0.9rem;}.sidebar-nav {list-style: none;padding: 0;margin: 1rem 0;}.sidebar-nav .nav-item {margin: 0.25rem 1rem;}.sidebar-nav .nav-link {display: flex;align-items: center;padding: 0.75rem 1rem;color: rgba(255,255,255,0.9);text-decoration: none;border-radius: 0.5rem;transition: all 0.3s ease;}.sidebar-nav .nav-link:hover, .sidebar-nav .nav-link.active {background: rgba(255,255,255,0.1);color: white;transform: translateX(5px);}.sidebar-nav .nav-link i {margin-right: 0.75rem;width: 20px;text-align: center;}.main-content {margin-left: var(--sidebar-width);flex: 1;display: flex;flex-direction: column;transition: all 0.3s ease;}.main-content.expanded {margin-left: 0;}.header {height: var(--header-height);background: white;border-bottom: 1px solid #e9ecef;display: flex;align-items: center;justify-content: space-between;padding: 0 2rem;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}.header-left {display: flex;align-items: center;}.sidebar-toggle {background: none;border: none;font-size: 1.25rem;color: #6c757d;margin-right: 1rem;padding: 0.5rem;border-radius: 0.25rem;transition: all 0.3s ease;}.sidebar-toggle:hover {background: #f8f9fa;color: #495057;}.header-right {display: flex;align-items: center;gap: 1rem;}.user-avatar {width: 40px;height: 40px;background: linear-gradient(135deg, #ff4757 0%, #ff3742 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-weight: 600;box-shadow: 0 2px 8px rgba(255, 71, 87, 0.3);}.content {flex: 1;padding: 2rem;overflow-y: auto;}@media (max-width: 768px) {.sidebar {position: fixed !important;top: 0;left: 0;height: 100vh !important;width: 280px !important;transform: translateX(-100%);z-index: 1050;overflow-y: auto;-webkit-overflow-scrolling: touch;}.sidebar.show {transform: translateX(0);box-shadow: 8px 0 25px rgba(0, 0, 0, 0.3);}.main-content {margin-left: 0 !important;width: 100% !important;}.sidebar-toggle {display: block !important;position: relative;z-index: 1051;}.header {position: sticky;top: 0;z-index: 1040;backdrop-filter: blur(10px);background: rgba(255, 255, 255, 0.95) !important;}.content {padding: 1rem;min-height: calc(100vh - var(--header-height));}.sidebar-header {padding: 2rem 1.5rem 1.5rem;position: sticky;top: 0;background: inherit;z-index: 10;}.sidebar-nav {padding-bottom: 2rem;}.sidebar-nav .nav-item {margin: 0.5rem 1rem;}.sidebar-nav .nav-link {padding: 1rem;font-size: 1.1rem;border-radius: 0.75rem;}.sidebar-nav .nav-link i {margin-right: 1rem;width: 24px;font-size: 1.2rem;}}@media (min-width: 769px) {.sidebar-toggle {display: block;}.sidebar {position: fixed;top: 0;left: 0;height: 100vh;overflow-y: auto;}}.sidebar-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999;opacity: 0;visibility: hidden;transition: all 0.3s ease;backdrop-filter: blur(2px);}.sidebar-overlay.show {opacity: 1;visibility: visible;}body.sidebar-open {overflow: hidden;position: fixed;width: 100%;}.modal-backdrop {display: none;}.custom-backdrop {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);z-index: 1040;opacity: 0;transition: opacity 0.3s ease;}.custom-backdrop.show {opacity: 1;}@media (max-width: 768px) {body {overflow-x: hidden;}.sidebar.show {box-shadow: 8px 0 25px rgba(0, 0, 0, 0.3);backdrop-filter: blur(10px);}.sidebar-toggle {transition: all 0.3s ease;}.sidebar-toggle:active {transform: scale(0.95);}.sidebar-nav .nav-link {position: relative;overflow: hidden;}.sidebar-nav .nav-link::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);transition: left 0.5s;}.sidebar-nav .nav-link:active::before {left: 100%;}}.card {border: none;box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);transition: all 0.3s ease;}.card:hover {box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);transform: translateY(-2px);}.btn {border-radius: 0.5rem;font-weight: 500;transition: all 0.3s ease;}.table {border-radius: 0.5rem;overflow: hidden;}.table-phoenix {border-radius: 0.75rem;overflow: hidden;border: 1px solid #dee2e6;}.badge {font-weight: 500;}.badge-entrada {background-color: #28a745 !important;color: white !important;}.badge-salida {background-color: #dc3545 !important;color: white !important;}.badge-ajuste {background-color: #ffc107 !important;color: #212529 !important;}.btn-phoenix {background: linear-gradient(135deg, #ad0b0b 0%, #f05200 50%, #ff9864 100%);color: white;border: none;transition: all 0.3s ease;}.btn-phoenix:hover {background: var(--phoenix-gradient-secondary);color: white;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(224, 38, 59, 0.3);}.btn-outline-phoenix {border: 2px solid #000;color: #000;background: white;transition: all 0.3s ease;}.btn-outline-phoenix:hover {background: var(--phoenix-gradient-main);border-color: var(--phoenix-primary);color: white;transform: translateY(-2px);box-shadow: var(--phoenix-shadow);}.bg-phoenix {background: var(--phoenix-gradient-main) !important;}.bg-phoenix-secondary {background: var(--phoenix-gradient-secondary) !important;}.bg-phoenix-tertiary {background: var(--phoenix-gradient-tertiary) !important;}.bg-phoenix-dark {background: var(--phoenix-gradient-dark) !important;}.bg-phoenix-soft {background: var(--phoenix-gradient-soft) !important;}.bg-phoenix-accent {background: linear-gradient(135deg, #ff9864 0%, #ffb347 50%, #ffd700 100%) !important;}.text-phoenix {color: #000 !important;}.text-phoenix-secondary {color: var(--phoenix-secondary) !important;}.text-phoenix-tertiary {color: var(--phoenix-tertiary) !important;}.border-phoenix {border-color: var(--phoenix-primary) !important;}.border-phoenix-2 {border-width: 2px !important;border-color: var(--phoenix-primary) !important;}.card-phoenix {border: none;box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);transition: all 0.3s ease;}.card-phoenix:hover {box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);transform: translateY(-2px);}.shadow-phoenix-sm {box-shadow: 0 0.125rem 0.25rem rgba(224, 38, 59, 0.075) !important;}.kpi-card-compact {border: 1px solid #e9ecef;border-radius: 10px;transition: all 0.3s ease;background: white;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}.kpi-card-compact:hover {box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);transform: translateY(-1px);}.kpi-card-compact .card-body {padding: 1rem !important;display: flex;align-items: center;}.kpi-card-compact .kpi-icon {width: 48px;height: 48px;background: linear-gradient(135deg, #f8f9fa, #e9ecef);border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-right: 1rem;flex-shrink: 0;border: 1px solid #dee2e6;}.kpi-card-compact .kpi-icon i {font-size: 1.5rem !important;color: #495057;}.kpi-card-compact .kpi-content .kpi-number {font-size: 1.45rem;font-weight: 500;color: #212529;margin: 0;line-height: 1.2;font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;}.kpi-card-compact .kpi-content .kpi-label {font-size: 0.8rem;color: #6c757d;margin: 0;font-weight: 400;font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;}@media (max-width: 768px) {.kpi-card-compact .kpi-content .kpi-number {font-size: 1.5rem;}.kpi-card-compact .kpi-icon {width: 40px;height: 40px;margin-right: 0.75rem;}.kpi-card-compact .kpi-icon i {font-size: 1.25rem;}.kpi-card-compact .card-body {padding: 0.75rem !important;}}.kpi-card {border-radius: 8px;transition: all 0.3s ease;min-height: 90px;max-width: 220px;margin: 0 auto;border: none;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);}.kpi-card .card-body {display: flex;flex-direction: column;align-items: center;text-align: center;justify-content: center;padding: 0.75rem !important;}.kpi-card:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);}.kpi-card .fs-responsive-1 {line-height: 1.2;word-break: break-word;overflow-wrap: break-word;}.kpi-icon {width: 2.25rem;height: 2.25rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 0.5rem;background: rgba(108, 117, 125, 0.08);}.kpi-icon i {font-size: 0.875rem !important;color: #6c757d !important;}.animate-fade-in {animation: fadeIn 0.6s ease-out forwards;opacity: 0;}@keyframes fadeIn {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}.animate-delay-1 {animation-delay: var(--animation-delay-1);}.animate-delay-2 {animation-delay: var(--animation-delay-2);}.animate-delay-3 {animation-delay: var(--animation-delay-3);}.animate-delay-4 {animation-delay: var(--animation-delay-4);}.animate-delay-5 {animation-delay: var(--animation-delay-5);}.min-width-180 {min-width: 180px;}.min-width-200 {min-width: 200px;}.max-height-400 {max-height: 400px;}.max-height-200 {max-height: 200px;}.max-height-70vh {max-height: 70vh;}.object-fit-cover {object-fit: cover;}.z-index-1000 {z-index: 1000;}.z-index-1055 {z-index: 1055;}.avatar-circle {border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 600;}.avatar-circle-sm {width: 30px;height: 30px;font-size: 0.8rem;}.avatar-circle-md {width: 40px;height: 40px;font-size: 1rem;}.avatar-circle-lg {width: 60px;height: 60px;font-size: 1.5rem;}.avatar-circle-xl {width: 80px;height: 80px;font-size: 2rem;}.avatar-circle-xxl {width: 140px;height: 140px;font-size: 3rem;}.img-size-50 {width: 50px;height: 50px;}.img-size-60 {width: 60px;height: 60px;}.img-size-120 {width: 120px;height: 120px;}.img-size-150 {width: 150px;height: 150px;}.img-size-200 {height: 200px;}.modal-header-phoenix {background: var(--phoenix-gradient-main);color: white;}.table-header-phoenix {background: var(--phoenix-gradient-soft);}.progress-phoenix {height: 12px;}.toast-container-phoenix {position: fixed;top: 0;right: 0;padding: 1rem;z-index: 1055;}.message-bubble {max-width: 70%;border-radius: 15px;padding: 0.75rem 1rem;margin-bottom: 0.5rem;}.empty-state {text-align: center;padding: 3rem 1rem;color: #6c757d;}.autocomplete-dropdown {position: absolute;width: 100%;background: white;border: 1px solid #dee2e6;border-radius: 0.375rem;box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);z-index: 1000;display: none;}.dropdown-menu {z-index: 999999 !important;}.dropdown-menu.show {z-index: 999999 !important;position: fixed !important;display: block !important;}#calendar {z-index: 1 !important;position: relative;}.fc-event, .fc-daygrid-event, .fc-timegrid-event {z-index: 1 !important;}.btn-interactive-phoenix {border: 2px solid var(--phoenix-primary);color: var(--phoenix-primary);background: white;transition: all 0.3s ease;border-radius: 12px;}.btn-interactive-phoenix:hover {background: var(--phoenix-gradient-main);color: white;transform: translateY(-3px);box-shadow: 0 8px 25px rgba(224, 38, 59, 0.3);}.card-gradient-phoenix {background: linear-gradient(135deg, #920000 0%, #d35400 50%, #ffa001 100%);color: white;border: none;border-radius: 5px;}.phoenix-header {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border: 1px solid #dee2e6;border-radius: 15px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}.icon-container {display: flex;align-items: center;justify-content: center;border-radius: 50%;}.icon-container-sm {width: 50px;height: 50px;}.icon-container-md {width: 60px;height: 60px;}.icon-container-lg {width: 80px;height: 80px;}@media (max-width: 768px) {.fs-responsive-1 {font-size: 1.75rem !important;}.fs-responsive-4 {font-size: 1.25rem !important;}}@media (min-width: 769px) {.fs-responsive-1 {font-size: 2rem !important;}.fs-responsive-4 {font-size: 1.5rem !important;}}.kpi-card .fs-responsive-1 {font-size: 1.25rem !important;font-weight: 500 !important;font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;color: #212529 !important;margin-bottom: 0.25rem;line-height: 1.2;}@media (min-width: 769px) {.kpi-card .fs-responsive-1 {font-size: 1.5rem !important;}}@media (min-width: 1200px) {.kpi-card .fs-responsive-1 {font-size: 1.75rem !important;}}.kpi-card p {font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;font-weight: 400;font-size: 0.8rem;color: #6c757d !important;margin-bottom: 0;letter-spacing: 0.025em;}.kpi-card .text-phoenix {color: #6c757d !important;}.badge-phoenix-usd {background: linear-gradient(135deg, #e0263b 0%, #ff4081 50%, #ff6b9d 100%) !important;color: white !important;font-weight: bold !important;border: none !important;box-shadow: 0 2px 4px rgba(224, 38, 59, 0.3);}.badge-phoenix-ars {background: linear-gradient(135deg, #ff4081 0%, #ff6b9d 50%, #ffc1cc 100%) !important;color: white !important;font-weight: bold !important;border: none !important;box-shadow: 0 2px 4px rgba(255, 64, 129, 0.3);}.badge-phoenix-activo {background: linear-gradient(135deg, #e0263b 0%, #ff4081 50%, #ff6b9d 100%) !important;color: white !important;font-weight: bold !important;border: none !important;box-shadow: 0 2px 4px rgba(224, 38, 59, 0.3);}.badge-phoenix-completado {background: linear-gradient(135deg, #ff4081 0%, #ff6b9d 50%, #ffc1cc 100%) !important;color: white !important;font-weight: bold !important;border: none !important;box-shadow: 0 2px 4px rgba(255, 64, 129, 0.3);}.badge-phoenix-vencido {background: linear-gradient(135deg, #e74c3c 0%, #ec7063 50%, #f1948a 100%) !important;color: white !important;font-weight: bold !important;border: none !important;box-shadow: 0 2px 4px rgba(231, 76, 60, 0.3);}.badge-phoenix-pendiente {background: linear-gradient(135deg, #f39c12 0%, #f7dc6f 50%, #fcf3cf 100%) !important;color: #2c3e50 !important;font-weight: bold !important;border: none !important;box-shadow: 0 2px 4px rgba(243, 156, 18, 0.3);}.text-saldo-favor {color: #17a2b8 !important;font-weight: 600 !important;background: linear-gradient(135deg, #17a2b8 0%, #20c997 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-shadow: 0 1px 2px rgba(23, 162, 184, 0.2);}.badge-phoenix-desconocido {background: linear-gradient(135deg, #95a5a6 0%, #bdc3c7 50%, #d5dbdb 100%) !important;color: white !important;font-weight: bold !important;border: none !important;box-shadow: 0 2px 4px rgba(149, 165, 166, 0.3);}.badge-phoenix-usd:hover, .badge-phoenix-ars:hover, .badge-phoenix-activo:hover, .badge-phoenix-completado:hover, .badge-phoenix-vencido:hover, .badge-phoenix-pendiente:hover, .badge-phoenix-desconocido:hover {transform: translateY(-1px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);transition: all 0.2s ease;}.badge-phoenix-primary {background: var(--phoenix-gradient-main) !important;color: white !important;font-weight: bold !important;border: none !important;box-shadow: 0 2px 4px rgba(224, 38, 59, 0.3);}.badge-phoenix-secondary {background: linear-gradient(135deg, #ff4081 0%, #ff6b9d 100%) !important;color: white !important;font-weight: bold !important;border: none !important;box-shadow: 0 2px 4px rgba(255, 64, 129, 0.3);}.badge-phoenix-light {background: var(--phoenix-gradient-soft) !important;color: var(--phoenix-primary) !important;font-weight: bold !important;border: 1px solid var(--phoenix-primary) !important;box-shadow: 0 2px 4px rgba(224, 38, 59, 0.1);}body {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;background-color: #f8f9fa;}.app-container {display: flex;min-height: 100vh;}.sidebar {width: var(--sidebar-width);background: linear-gradient(135deg, #363636 0%, #000000 50%, #000000 100%);color: white;position: fixed;height: 100vh;overflow-y: auto;z-index: 1000;transition: all 0.3s ease;box-shadow: 4px 0 15px rgba(255, 71, 87, 0.2);}.sidebar.collapsed {transform: translateX(-100%);}.sidebar-header {padding: 1.5rem;border-bottom: 1px solid rgba(255,255,255,0.1);text-align: center;}.sidebar-header h2 {margin: 0;font-size: 1.5rem;font-weight: 600;}.sidebar-header p {margin: 0.5rem 0 0 0;opacity: 0.8;font-size: 0.9rem;}.sidebar-nav {list-style: none;padding: 0;margin: 1rem 0;}.sidebar-nav .nav-item {margin: 0.25rem 1rem;}.sidebar-nav .nav-link {display: flex;align-items: center;padding: 0.75rem 1rem;color: rgba(255,255,255,0.9);text-decoration: none;border-radius: 0.5rem;transition: all 0.3s ease;}.sidebar-nav .nav-link:hover, .sidebar-nav .nav-link.active {background: rgba(255,255,255,0.1);color: white;transform: translateX(5px);}.sidebar-nav .nav-link i {margin-right: 0.75rem;width: 20px;text-align: center;}.main-content {margin-left: var(--sidebar-width);flex: 1;display: flex;flex-direction: column;transition: all 0.3s ease;}.main-content.expanded {margin-left: 0;}.header {height: var(--header-height);background: white;border-bottom: 1px solid #e9ecef;display: flex;align-items: center;justify-content: space-between;padding: 0 2rem;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}.header-left {display: flex;align-items: center;}.sidebar-toggle {background: none;border: none;font-size: 1.25rem;color: #6c757d;margin-right: 1rem;padding: 0.5rem;border-radius: 0.25rem;transition: all 0.3s ease;}.sidebar-toggle:hover {background: #f8f9fa;color: #495057;}.header-right {display: flex;align-items: center;gap: 1rem;z-index: 1000000;}.user-avatar {width: 40px;height: 40px;background: linear-gradient(135deg, #ff4757 0%, #ff3742 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-weight: 600;box-shadow: 0 2px 8px rgba(255, 71, 87, 0.3);}.content {flex: 1;padding: 2rem;overflow-y: auto;}@media (max-width: 768px) {.sidebar {position: fixed !important;top: 0;left: 0;height: 100vh !important;width: 280px !important;transform: translateX(-100%);z-index: 1050;overflow-y: auto;-webkit-overflow-scrolling: touch;}.sidebar.show {transform: translateX(0);box-shadow: 8px 0 25px rgba(0, 0, 0, 0.3);}.main-content {margin-left: 0 !important;width: 100% !important;}.sidebar-toggle {display: block !important;position: relative;z-index: 1051;}.header {position: sticky;top: 0;z-index: 1040;backdrop-filter: blur(10px);background: rgba(255, 255, 255, 0.95) !important;}.content {padding: 1rem;min-height: calc(100vh - var(--header-height));}.sidebar-header {padding: 2rem 1.5rem 1.5rem;position: sticky;top: 0;background: inherit;z-index: 10;}.sidebar-nav {padding-bottom: 2rem;}.sidebar-nav .nav-item {margin: 0.5rem 1rem;}.sidebar-nav .nav-link {padding: 1rem;font-size: 1.1rem;border-radius: 0.75rem;}.sidebar-nav .nav-link i {margin-right: 1rem;width: 24px;font-size: 1.2rem;}}@media (min-width: 769px) {.sidebar-toggle {display: block;}.sidebar {position: fixed;top: 0;left: 0;height: 100vh;overflow-y: auto;}}.sidebar-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999;opacity: 0;visibility: hidden;transition: all 0.3s ease;backdrop-filter: blur(2px);}.sidebar-overlay.show {opacity: 1;visibility: visible;}body.sidebar-open {overflow: hidden;position: fixed;width: 100%;}@media (max-width: 768px) {body {overflow-x: hidden;}.sidebar.show {box-shadow: 8px 0 25px rgba(0, 0, 0, 0.3);backdrop-filter: blur(10px);}.sidebar-toggle {transition: all 0.3s ease;}.sidebar-toggle:active {transform: scale(0.95);}.sidebar-nav .nav-link {position: relative;overflow: hidden;}.sidebar-nav .nav-link::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);transition: left 0.5s;}.sidebar-nav .nav-link:active::before {left: 100%;}}.card {border: none;box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);transition: all 0.3s ease;}.card:hover {box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);transform: translateY(-2px);}.btn {border-radius: 0.5rem;font-weight: 500;transition: all 0.3s ease;font-size: 13px;}.table {border-radius: 0.5rem;overflow: hidden;}.badge {font-weight: 500;}.badge-phoenix-usd {background: linear-gradient(135deg, #e0263b 0%, #ff4081 50%, #ff6b9d 100%) !important;color: white !important;font-weight: bold !important;border: none !important;box-shadow: 0 2px 4px rgba(224, 38, 59, 0.3);}.badge-phoenix-ars {background: linear-gradient(135deg, #ff4081 0%, #ff6b9d 50%, #ffc1cc 100%) !important;color: white !important;font-weight: bold !important;border: none !important;box-shadow: 0 2px 4px rgba(255, 64, 129, 0.3);}.badge-phoenix-activo {background: linear-gradient(135deg, #e0263b 0%, #ff4081 50%, #ff6b9d 100%) !important;color: white !important;font-weight: bold !important;border: none !important;box-shadow: 0 2px 4px rgba(224, 38, 59, 0.3);}.badge-phoenix-completado {background: linear-gradient(135deg, #ff4081 0%, #ff6b9d 50%, #ffc1cc 100%) !important;color: white !important;font-weight: bold !important;border: none !important;box-shadow: 0 2px 4px rgba(255, 64, 129, 0.3);}.badge-phoenix-vencido {background: linear-gradient(135deg, #e74c3c 0%, #ec7063 50%, #f1948a 100%) !important;color: white !important;font-weight: bold !important;border: none !important;box-shadow: 0 2px 4px rgba(231, 76, 60, 0.3);}.badge-phoenix-pendiente {background: linear-gradient(135deg, #f39c12 0%, #f7dc6f 50%, #fcf3cf 100%) !important;color: #2c3e50 !important;font-weight: bold !important;border: none !important;box-shadow: 0 2px 4px rgba(243, 156, 18, 0.3);}.badge-phoenix-desconocido {background: linear-gradient(135deg, #95a5a6 0%, #bdc3c7 50%, #d5dbdb 100%) !important;color: white !important;font-weight: bold !important;border: none !important;box-shadow: 0 2px 4px rgba(149, 165, 166, 0.3);}.badge-phoenix-usd:hover, .badge-phoenix-ars:hover, .badge-phoenix-activo:hover, .badge-phoenix-completado:hover, .badge-phoenix-vencido:hover, .badge-phoenix-pendiente:hover, .badge-phoenix-desconocido:hover {transform: translateY(-1px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);transition: all 0.2s ease;}.badge-phoenix-primary {background: var(--phoenix-gradient-main) !important;color: white !important;font-weight: bold !important;border: none !important;box-shadow: 0 2px 4px rgba(224, 38, 59, 0.3);}.badge-phoenix-secondary {background: linear-gradient(135deg, #ff4081 0%, #ff6b9d 100%) !important;color: white !important;font-weight: bold !important;border: none !important;box-shadow: 0 2px 4px rgba(255, 64, 129, 0.3);}.badge-phoenix-light {background: var(--phoenix-gradient-soft) !important;color: var(--phoenix-primary) !important;font-weight: bold !important;border: 1px solid var(--phoenix-primary) !important;box-shadow: 0 2px 4px rgba(224, 38, 59, 0.1);}.dataTables_wrapper .dataTables_paginate.paging_simple_numbers, .dataTables_wrapper .dataTables_paginate {text-align: center !important;margin: 1rem 0 !important;}.pagination .page-link {color: #212529 !important;background-color: #fff !important;border-color: #dee2e6 !important;}.pagination .page-link:hover {color: #fff !important;background-color: #212529 !important;border-color: #212529 !important;}.pagination .page-item.active .page-link {color: #fff !important;background-color: #212529 !important;border-color: #212529 !important;}.pagination .page-item.disabled .page-link {color: #6c757d !important;background-color: #fff !important;border-color: #dee2e6 !important;}.btn-phoenix-outline {border: 2px solid #e0263b;color: #e0263b;background: transparent;transition: all 0.3s ease;transform: translateY(0);box-shadow: 0 4px 15px rgba(224, 38, 59, 0.2);text-decoration: none;display: inline-block;padding: 0.5rem 1rem;border-radius: 0.375rem;font-weight: 500;}.btn-phoenix-outline:hover {background: linear-gradient(135deg, #e0263b 0%, #f05200 50%, #ff9864 100%);color: white;transform: translateY(-3px);box-shadow: 0 8px 25px rgba(224, 38, 59, 0.3);text-decoration: none;}.btn-phoenix-outline-secondary {border: 2px solid #f05200;color: #f05200;background: transparent;transition: all 0.3s ease;transform: translateY(0);box-shadow: 0 4px 15px rgba(240, 82, 0, 0.2);text-decoration: none;display: inline-block;padding: 0.5rem 1rem;border-radius: 0.375rem;font-weight: 500;}.btn-phoenix-outline-secondary:hover {background: linear-gradient(135deg, #f05200 0%, #ff9864 50%, #ffb347 100%);color: white;transform: translateY(-3px);box-shadow: 0 8px 25px rgba(240, 82, 0, 0.3);text-decoration: none;}.btn-phoenix-outline-accent {border: 2px solid #ff9864;color: #ff9864;background: transparent;transition: all 0.3s ease;transform: translateY(0);box-shadow: 0 4px 15px rgba(255, 152, 100, 0.2);text-decoration: none;display: inline-block;padding: 0.5rem 1rem;border-radius: 0.375rem;font-weight: 500;}.btn-phoenix-outline-accent:hover {background: linear-gradient(135deg, #ff9864 0%, #ffb347 50%, #ffd700 100%);color: white;transform: translateY(-3px);box-shadow: 0 8px 25px rgba(255, 152, 100, 0.3);text-decoration: none;}.btn-phoenix-outline-dark {border: 2px solid #ad0b0b;color: #ad0b0b;background: transparent;transition: all 0.3s ease;transform: translateY(0);box-shadow: 0 4px 15px rgba(173, 11, 11, 0.2);text-decoration: none;display: inline-block;padding: 0.5rem 1rem;border-radius: 0.375rem;font-weight: 500;}.btn-phoenix-outline-dark:hover {background: linear-gradient(135deg, #ad0b0b 0%, #e0263b 50%, #f05200 100%);color: white;transform: translateY(-3px);box-shadow: 0 8px 25px rgba(173, 11, 11, 0.3);text-decoration: none;}.presentation {color: #000 !important;}.fc-daygrid-event {color: #000 !important;border-radius: 0.375rem !important;}.fc-daygrid-day-number, .fc-col-header-cell a, .fc-daygrid-day-top, .fc-day-number, .fc-day-header {color: #000 !important;}.fc-col-header-cell {color: #000 !important;}.fc-daygrid-day-number a, .fc-col-header-cell a {color: #000 !important;text-decoration: none !important;}.modal-header.bg-phoenix-modal {background: var(--phoenix-gradient-main) !important;color: white !important;border-bottom: none !important;}.turno-sobreturno, .fc-timegrid-event.turno-sobreturno, .fc-daygrid-event.turno-sobreturno, .fc-timegrid-event-harness .turno-sobreturno, .fc-timegrid-event-harness-inset .turno-sobreturno {border: 1px solid #ff5722 !important;color: #000 !important;font-weight: 600 !important;box-shadow: 0 0 0 1px #ff9800, 0 3px 12px rgba(255, 87, 34, 0.25) !important;}.turno-sobreturno.fc-event-resizing, .fc-timegrid-event.turno-sobreturno.fc-event-resizing, .fc-daygrid-event.turno-sobreturno.fc-event-resizing, .fc-timegrid-event-harness .turno-sobreturno.fc-event-resizing, .fc-timegrid-event-harness-inset .turno-sobreturno.fc-event-resizing {animation: none !important;opacity: 0.8 !important;border: 2px solid #ff5722 !important;box-shadow: 0 0 0 2px #ff9800, 0 5px 20px rgba(255, 87, 34, 0.4) !important;z-index: 999 !important;}.fc-event-resizing, .fc-timegrid-event.fc-event-resizing, .fc-daygrid-event.fc-event-resizing {opacity: 0.8 !important;z-index: 999 !important;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;}.turno-sobreturno:hover, .fc-timegrid-event.turno-sobreturno:hover, .fc-daygrid-event.turno-sobreturno:hover, .fc-timegrid-event-harness .turno-sobreturno:hover, .fc-timegrid-event-harness-inset .turno-sobreturno:hover {}.fc-event.turno-pendiente, .fc-timegrid-event.turno-pendiente, .fc-daygrid-event.turno-pendiente, .fc-timegrid-event-harness .turno-pendiente, .fc-timegrid-event-harness-inset .turno-pendiente {border-width: 2px !important;border-style: solid !important;}.fc-event.turno-confirmado, .fc-timegrid-event.turno-confirmado, .fc-daygrid-event.turno-confirmado, .fc-timegrid-event-harness .turno-confirmado, .fc-timegrid-event-harness-inset .turno-confirmado {border-width: 2px !important;border-style: solid !important;}.fc-event.turno-atendido, .fc-timegrid-event.turno-atendido, .fc-daygrid-event.turno-atendido, .fc-timegrid-event-harness .turno-atendido, .fc-timegrid-event-harness-inset .turno-atendido {border-width: 2px !important;border-style: solid !important;}.fc-event.turno-cancelado, .fc-timegrid-event.turno-cancelado, .fc-daygrid-event.turno-cancelado, .fc-timegrid-event-harness .turno-cancelado, .fc-timegrid-event-harness-inset .turno-cancelado {border-width: 2px !important;border-style: solid !important;}.fc-event.turno-en-atencion, .fc-timegrid-event.turno-en-atencion, .fc-daygrid-event.turno-en-atencion, .fc-timegrid-event-harness .turno-en-atencion, .fc-timegrid-event-harness-inset .turno-en-atencion {border-width: 2px !important;border-style: solid !important;}@keyframes pulse-sobreturno {0% {box-shadow: 0 0 0 1px #ff9800, 0 3px 12px rgba(255, 87, 34, 0.25);}50% {box-shadow: 0 0 0 2px #ff5722, 0 5px 18px rgba(255, 87, 34, 0.4);}100% {box-shadow: 0 0 0 1px #ff9800, 0 3px 12px rgba(255, 87, 34, 0.25);}}.odontograma-container {background-color: #f8f9fa;padding: 30px;border-radius: 8px;transform: scale(1.1);transform-origin: center;}.diente {width: 50px;height: 50px;border: 1px solid #6c757d;border-radius: 4px;position: relative;cursor: pointer;background-color: white;margin: 0 4px;transition: all 0.2s ease;}.diente.selected {border-color: #0d6efd;background-color: #e7f3ff;}.superficie {position: absolute;background-color: #f8f9fa;border: 1px solid #dee2e6;cursor: pointer;transition: all 0.2s ease;}.nav-pills .nav-link {border: 2px solid transparent;font-weight: 500;background: transparent;color: #6c757d;}.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #495057 !important;background-color: #f8f9fa !important;}.nav-pills .nav-link:hover {background: #f8f9fa !important;color: #495057 !important;}.nav-link:focus, .nav-link:hover {color: #495057 !important;}.nav-pills .nav-link.active {background: #3b3b3b !important;border: 1px solid #0f0f0f !important;color: #ffffff !important;}.nav-tabs .nav-link {margin-bottom: -1px;background: 0 0;border: 1px solid transparent;border-top-left-radius: .25rem;border-top-right-radius: .25rem;color: #000;}.breadcrumb-dark .breadcrumb-item + .breadcrumb-item::before {color: rgba(255, 255, 255, 0.5);}.href-phoenix {color: #f39c12;}.href-phoenix:hover {color: #f39c12;}.superficie:hover {background-color: #e9ecef;}.superficie.vestibular {top: 0;left: 0;right: 0;height: 25%;border-bottom: 1px solid #dee2e6;}.superficie.lingual {bottom: 0;left: 0;right: 0;height: 25%;border-top: 1px solid #dee2e6;}.superficie.mesial {top: 25%;left: 0;width: 33.33%;height: 50%;border-right: 1px solid #dee2e6;}.superficie.oclusal {top: 25%;left: 33.33%;width: 33.34%;height: 50%;}.superficie.distal {top: 25%;right: 0;width: 33.33%;height: 50%;border-left: 1px solid #dee2e6;}.numero-diente {font-size: 12px;font-weight: bold;color: #495057;text-align: center;width: 50px;margin: 0 4px;padding: 4px 0;}.arcada-superior {margin-bottom: 25px;}.arcada-inferior {margin-top: 25px;}.separador-arcadas {height: 1px;background-color: #dee2e6;margin: 10px 0;border-radius: 1px;}.marca-especial {display: inline-block;width: 40px;height: 40px;border: 3px solid #333;margin: 0 5px;cursor: pointer;background-color: white;position: relative;transition: all 0.2s ease;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}.marca-especial:hover {border-color: var(--bs-phoenix);transform: scale(1.1);box-shadow: 0 4px 8px rgba(0,0,0,0.2);}.marca-x {background-image: linear-gradient(45deg, transparent 35%, #000 35%, #000 65%, transparent 65%), linear-gradient(-45deg, transparent 35%, #000 35%, #000 65%, transparent 65%);}.marca-punto {background-image: radial-gradient(circle, #000 35%, transparent 35%);}.marca-linea {background-image: linear-gradient(90deg, transparent 35%, #000 35%, #000 65%, transparent 65%);}.marca-cruz {background-image: linear-gradient(45deg, transparent 45%, #000 45%, #000 55%, transparent 55%), linear-gradient(-40deg, transparent 45%, #000 45%, #000 55%, transparent 55%);}.superficie .marca-superficie {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 14px !important;font-weight: 900 !important;color: #000 !important;text-shadow: 1px 1px 2px rgba(255,255,255,0.8), -1px -1px 2px rgba(255,255,255,0.8);z-index: 10;line-height: 1;}.superficie .marca-cruz-superficie {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 12px;height: 12px;z-index: 10;}.superficie .marca-cruz-superficie::before, .superficie .marca-cruz-superficie::after {content: '';position: absolute;background-color: #000;box-shadow: 0 0 2px rgba(255,255,255,0.8);}.superficie .marca-cruz-superficie::before {top: 50%;left: 0;width: 100%;height: 3px;transform: translateY(-50%);}.superficie .marca-cruz-superficie::after {top: 0;left: 50%;width: 3px;height: 100%;transform: translateX(-50%);}.superficie .marca-circulo-superficie {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 12px;height: 12px;border: 3px solid #000;border-radius: 50%;box-shadow: 0 0 2px rgba(255,255,255,0.8);z-index: 10;}#pacientesTable td:nth-child(3) {text-transform: lowercase !important;}#modalTratamiento .modal-body .tratamiento-btn[onclick*="aplicarTratamiento(1,"] {background-color: #f5f5dc !important;color: black !important;border: 3px solid black !important;font-weight: 600 !important;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;}#modalTratamiento .modal-body .tratamiento-btn[style*="background-color: #ffffff"] {background-color: #f5f5dc !important;color: black !important;border: 3px solid black !important;font-weight: 600 !important;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;}#modalTratamiento .modal-body .tratamiento-btn[style*="background-color: #ffffff"]:hover {background-color: #f0e68c !important;color: black !important;border: 3px solid black !important;transform: translateY(-2px) !important;box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2) !important;}.odontograma-responsive {overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;padding: 10px 0;}@media (max-width: 768px) {.odontograma-container {padding: 15px;transform: scale(1);min-width: 900px;}.diente {width: 40px;height: 40px;margin: 0 2px;}.numero-diente {font-size: 10px;width: 40px;margin: 0 2px;}.arcada-superior, .arcada-inferior {margin: 15px 0;}.odontograma-responsive::after {content: "ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â Desliza para ver todos los dientes ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢";display: block;text-align: center;font-size: 12px;color: #6c757d;margin-top: 10px;font-style: italic;}}@media (max-width: 480px) {.odontograma-container {padding: 10px;min-width: 800px;}.diente {width: 35px;height: 35px;margin: 0 1px;}.numero-diente {font-size: 9px;width: 35px;margin: 0 1px;}.superficie.vestibular, .superficie.lingual {height: 20%;}.superficie.mesial, .superficie.distal {width: 30%;height: 60%;top: 20%;}.superficie.oclusal {width: 40%;height: 60%;top: 20%;left: 30%;}}.badge-phoenix {background-color:#0cbd74;}.odontograma-responsive::-webkit-scrollbar {height: 8px;}.odontograma-responsive::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 4px;}.odontograma-responsive::-webkit-scrollbar-thumb {background: #c1c1c1;border-radius: 4px;}.odontograma-responsive::-webkit-scrollbar-thumb:hover {background: #a8a8a8;}