html{scroll-behavior:smooth}body{font-family:Inter,sans-serif}.font-poppins{font-family:Poppins,sans-serif}.font-inter{font-family:Inter,sans-serif}.bg-eco-green{background-color:#3eb489}.bg-eco-dark{background-color:#1e5631}.bg-eco-light{background-color:#f5f8f5}.text-eco-green{color:#3eb489}.text-eco-dark{color:#1e5631}.border-eco-green{border-color:#3eb489}.hover\:bg-eco-green:hover{background-color:#3eb489}.hover\:bg-eco-dark:hover{background-color:#1e5631}.sidebar-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-item:hover{background-color:#3eb4891a;transform:translate(4px)}.sidebar-item.active{background-color:#3eb489;color:#fff;border-radius:12px}.eco-card{transition:all .3s ease;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.eco-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#3eb489;border-radius:10px}.badge-pending{background-color:#fff7ed;color:#9a3412;padding:4px 12px;border-radius:9999px;font-size:.875rem;font-weight:500}.badge-progress{background-color:#eff6ff;color:#1e40af;padding:4px 12px;border-radius:9999px;font-size:.875rem;font-weight:500}.badge-completed{background-color:#ecfdf5;color:#065f46;padding:4px 12px;border-radius:9999px;font-size:.875rem;font-weight:500}.map-container{background:linear-gradient(135deg,#e8f5e8,#f0f9ff);position:relative;overflow:hidden}.map-marker{position:absolute;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.route-line{position:absolute;height:3px;background:linear-gradient(90deg,#3eb489,#1e5631);border-radius:2px;animation:drawLine 3s ease-in-out infinite}@keyframes drawLine{0%{width:0;opacity:0}50%{opacity:1}to{width:100%;opacity:.7}}.truck-moving{animation:moveAlongRoute 4s linear infinite}@keyframes moveAlongRoute{0%{transform:translate(0) translateY(0)}25%{transform:translate(100px) translateY(-20px)}50%{transform:translate(200px) translateY(30px)}75%{transform:translate(300px) translateY(-10px)}to{transform:translate(400px) translateY(0)}}:root{--eco-primary: #5EA362;--eco-dark: #1E5631;--eco-light: #F8FDF8;--eco-accent: #7CB342;--eco-hover: #4a8a4f}.material-card{min-height:100px;transition:all .2s ease}.material-card:hover{transform:translateY(-2px)}.material-card.selected{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-primary{background:linear-gradient(135deg,var(--eco-primary) 0%,var(--eco-accent) 100%);transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #5ea3624d}.btn-secondary{transition:all .2s ease}.btn-secondary:hover{background-color:#f3f4f6}.modal-enter{animation:modalEnter .3s ease-out}@keyframes modalEnter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.stats-card{animation:fadeInUp .6s ease-out}.stats-card:nth-child(1){animation-delay:.1s}.stats-card:nth-child(2){animation-delay:.2s}.stats-card:nth-child(3){animation-delay:.3s}.stats-card:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.eco-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.eco-badge.success{background-color:#dcfce7;color:#166534}.eco-badge.warning{background-color:#fef3c7;color:#92400e}.eco-badge.info{background-color:#dbeafe;color:#1e40af}.eco-badge.purple{background-color:#e9d5ff;color:#7c3aed}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.material-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}}.citas-table{min-width:100%;table-layout:fixed}.citas-table th,.citas-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.citas-table th{background-color:#f9fafb;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.citas-table tbody tr:hover{background-color:#f9fafb}.estado-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;transition:all .2s ease-in-out}.estado-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.material-icon{transition:transform .2s ease-in-out}.material-icon:hover{transform:scale(1.1)}.action-button{transition:all .2s ease-in-out;padding:.25rem .5rem;border-radius:.375rem}.action-button:hover{background-color:#3b82f61a;transform:translateY(-1px)}.action-button.danger:hover{background-color:#ef44441a}.action-button.success:hover{background-color:#22c55e1a}.empty-state{text-align:center;padding:3rem 1.5rem}.empty-state-icon{width:4rem;height:4rem;margin:0 auto 1rem;background-color:#f3f4f6;border-radius:9999px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease-in-out}.empty-state-icon:hover{transform:scale(1.05)}@media (max-width: 768px){.citas-table{font-size:.875rem}.citas-table th,.citas-table td{padding:8px 12px}.grid.grid-cols-6{grid-template-columns:repeat(2,1fr);gap:1rem}.grid.grid-cols-6>div:nth-child(n+3){grid-column:span 2}}