:root{--color-primary: #2d5a27;--color-primary-light: #4a7c44;--color-primary-dark: #1e3d1a;--color-secondary: #8b5a2b;--color-secondary-light: #a67c52;--color-accent: #f4a261;--color-accent-light: #f7c59f;--color-neon-primary: #4ade80;--color-neon-accent: #fbbf24;--color-neon-blue: #60a5fa;--color-neon-danger: #f87171;--shadow-neon-primary: 0 0 15px rgba(74, 222, 128, .6);--shadow-neon-accent: 0 0 15px rgba(251, 191, 36, .6);--shadow-neon-danger: 0 0 15px rgba(248, 113, 113, .6);--shadow-neon-blue: 0 0 15px rgba(96, 165, 250, .6);--bg-primary: #0f1a0f;--bg-secondary: #1a2e1a;--bg-card: rgba(45, 90, 39, .15);--bg-card-hover: rgba(45, 90, 39, .25);--bg-glass: rgba(255, 255, 255, .05);--text-primary: #e8f5e8;--text-secondary: #a8c9a8;--text-muted: #6b8f6b;--color-success: #4ade80;--color-warning: #fbbf24;--color-danger: #f87171;--color-info: #60a5fa;--bg-success-light: rgba(74, 222, 128, .1);--bg-warning-light: rgba(251, 191, 36, .1);--bg-danger-light: rgba(248, 113, 113, .1);--bg-info-light: rgba(96, 165, 250, .1);--color-warning-glow: rgba(251, 191, 36, .6);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(45, 90, 39, .3);--border-color: rgba(45, 90, 39, .3);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem}.light-mode{--bg-primary: #f1f5f9;--bg-secondary: #e2e8f0;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-glass: rgba(255, 255, 255, .7);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--color-primary: #5cb878;--color-primary-light: #8fd1a3;--color-primary-dark: #3a8a4f;--color-neon-primary: #4ade80;--color-neon-accent: #34d399;--border-color: rgba(15, 23, 42, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-neon-primary: 0 4px 14px rgba(45, 90, 39, .15);--shadow-glow: 0 10px 40px rgba(0, 0, 0, .03);--border-radius-sm: 8px;--bg-success-light: rgba(74, 222, 128, .15);--bg-warning-light: rgba(251, 191, 36, .15);--bg-danger-light: rgba(248, 113, 113, .15);--bg-info-light: rgba(96, 165, 250, .15);--color-warning-glow: rgba(251, 191, 36, .3)}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);border:2px solid transparent;background-clip:content-box}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%}#root{min-height:100vh;display:flex}.app-container{width:100%;min-height:100vh;position:relative;overflow-x:hidden}.main-content{margin-left:265px;padding:var(--spacing-lg);padding-top:88px;min-height:100vh;transition:margin-left var(--transition-normal);width:auto}.sidebar{position:fixed;left:0;top:0;width:265px;height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:var(--spacing-md);display:flex;flex-direction:column;z-index:100;overflow:hidden;transition:width var(--transition-normal),left var(--transition-normal)}.sidebar.collapsed{width:80px}.sidebar-collapsed .main-content{margin-left:80px}.sidebar-collapsed .main-header{left:80px}.sidebar-collapse-btn{width:100%;display:flex;align-items:center;justify-content:center;padding:10px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;margin-bottom:var(--spacing-sm);transition:all var(--transition-normal)}.sidebar-collapse-btn:hover{background:var(--bg-card-hover);color:var(--color-neon-primary);border-color:var(--color-neon-primary)}.sidebar-edge-collapse-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);background:transparent;border:none;border-radius:0;color:var(--color-neon-primary);cursor:pointer;z-index:101;transition:all var(--transition-normal);padding:0}.sidebar-edge-collapse-btn svg{width:16px;height:16px}.sidebar-edge-collapse-btn:hover{color:#fff;filter:drop-shadow(0 0 6px rgba(74,222,128,.7));transform:translateY(-50%) scale(1.2)}.light-mode .sidebar-edge-collapse-btn{color:var(--color-primary)}.light-mode .sidebar-edge-collapse-btn:hover{color:var(--color-primary-dark);filter:drop-shadow(0 0 4px rgba(45,90,39,.4))}.collapsed .sidebar-footer .btn-theme-toggle,.collapsed .sidebar-footer .btn-logout-sidebar{justify-content:center;padding:10px;gap:0}.collapsed .developer-credit{padding:8px 4px}.collapsed .developer-contact.collapsed-contact{flex-direction:column;align-items:center;gap:6px}.collapsed .developer-contact.collapsed-contact .whatsapp-link{flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px}.whatsapp-link{display:flex;align-items:center;gap:8px;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;font-weight:500;padding:4px 6px;border-radius:6px}.whatsapp-link:hover{color:#25d366;background:#25d36614;text-decoration:none}.whatsapp-link:hover .wa-svg-icon{color:#25d366}.wa-svg-icon{width:16px;height:16px;flex-shrink:0;color:#25d366}.flag-img{width:20px;height:auto;border-radius:2px;flex-shrink:0}.light-mode .whatsapp-link{color:#166534}.light-mode .whatsapp-link:hover{color:#25d366;background:#25d3661a}.collapsed .sidebar-header{padding:var(--spacing-md) 0;justify-content:center}.sidebar-logo-img,.auth-logo-hero,.app-preview-icon-img,.login-header img:not(.flag-img),.register-header img:not(.flag-img){width:auto;border-radius:50%!important;object-fit:cover!important;overflow:hidden!important;box-shadow:0 0 15px #4ade8033;transition:all .3s ease}.sidebar-logo-img{width:90px!important;height:90px!important}.collapsed .sidebar-logo-img{width:45px!important;height:45px!important}.auth-logo-hero{max-width:280px;height:auto;margin-bottom:var(--spacing-lg);display:block;margin-left:auto;margin-right:auto}.auth-logo-hero:hover,.sidebar-logo-img:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 0 25px #4ade8066}.collapsed .nav-item{justify-content:center;padding:10px}.collapsed .nav-icon{margin:0}.desktop-only{display:flex}@media(max-width:768px){.desktop-only{display:none}}.sidebar::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:20px}.sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.sidebar-header{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-lg);padding-left:var(--spacing-md);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.sidebar-logo{font-size:2.5rem;text-shadow:0 0 10px var(--color-primary-light)}.sidebar-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.sidebar-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.2}.sidebar-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-right:4px}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:20px}.sidebar-content::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl)}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:10px 16px;color:var(--text-secondary);text-decoration:none;border-radius:var(--border-radius-md);transition:all var(--transition-normal);font-weight:500;border:1px solid transparent}.nav-item:hover{background:var(--bg-card-hover);color:var(--color-neon-primary);transform:translate(4px);text-shadow:0 0 8px rgba(74,222,128,.4);box-shadow:0 0 15px #4ade804d;border-color:#4ade804d}.nav-item.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;box-shadow:var(--shadow-neon-primary);border:1px solid var(--color-neon-primary)}.nav-item.active svg{color:var(--color-neon-primary)!important;filter:drop-shadow(0 0 12px var(--color-neon-primary))!important;transform:scale(1.15)}.light-mode .nav-item.active svg{color:#fff!important;filter:drop-shadow(0 0 5px rgba(255,255,255,.4))!important;transform:scale(1.1)}.nav-item svg{width:20px;height:20px}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:hover{background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 0 20px #4ade804d,0 0 40px #4ade8026,0 8px 32px #0003;border-color:var(--color-neon-primary)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.card-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.card-icon{font-size:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(45,90,39,.08) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-card:hover{background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 0 20px #4ade804d,0 0 40px #4ade8026,0 8px 32px #0003;border-color:var(--color-neon-primary)}.animal-card,.user-card,.asset-card,.employee-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);position:relative;overflow:hidden;cursor:pointer}.animal-card:hover,.user-card:hover,.asset-card:hover,.employee-card:hover{background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 0 20px #4ade804d,0 0 40px #4ade8026,0 8px 32px #0003;border-color:var(--color-neon-primary)}.stat-card-hover{transition:all var(--transition-normal)!important}.stat-card-hover:hover{background:var(--bg-card-hover)!important;transform:translateY(-4px)!important;box-shadow:0 0 25px #4ade8080,0 0 50px #4ade8040,0 12px 40px #0006!important;border-color:#4ade80!important;z-index:2}.stat-icon{width:48px;height:48px;display:flex!important;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--border-radius-md);font-size:1.5rem;box-shadow:0 0 10px #0003;transition:all var(--transition-normal)}.stat-content h3{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500;margin-bottom:var(--spacing-xs)}.stat-value{font-size:1.1rem;font-weight:700;color:var(--text-primary);white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.stat-change{font-size:var(--font-size-sm);color:var(--color-success);display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.stat-change.negative{color:var(--color-danger)}.table-container{overflow-x:auto;border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}table{width:100%;border-collapse:collapse}thead{background:var(--bg-card)}th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);color:var(--text-primary)}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:var(--bg-card-hover);box-shadow:inset 0 0 10px #4ade800d}tbody tr:last-child td{border-bottom:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:500;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-neon-primary);border-color:var(--color-neon-primary);text-shadow:0 0 4px rgba(255,255,255,.4)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--color-neon-blue);box-shadow:0 0 10px #60a5fa4d;color:var(--color-neon-blue)}.btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:var(--shadow-neon-danger)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.btn-icon{width:36px!important;height:36px!important;padding:0!important;border-radius:var(--border-radius-sm)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-md);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-base);transition:all var(--transition-normal)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-neon-primary);box-shadow:0 0 12px #4ade804d;background:#2d5a274d}.search-box{display:flex;align-items:center;gap:12px;background:var(--bg-secondary)!important;padding:8px 16px;border-radius:var(--border-radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);width:100%}.search-box:focus-within{border-color:var(--color-neon-primary);box-shadow:0 0 10px #4ade8033;background:var(--bg-card)!important}.search-box svg{color:var(--color-neon-primary)}.search-box input{border:none!important;background:transparent!important;flex:1;color:var(--text-primary)!important;font-size:var(--font-size-base);padding:4px 0;outline:none}.search-box input::placeholder{color:var(--text-muted)}select option{background-color:var(--bg-secondary);color:var(--text-primary)}.form-input::placeholder{color:var(--text-muted)}.form-textarea{min-height:100px;resize:vertical}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-fast)}.modal{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-normal)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-title{font-size:var(--font-size-xl);font-weight:600}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.modal-close:hover{color:var(--text-primary);background:var(--bg-card)}.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.page-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-md)}.page-title span{font-size:2rem}.pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin-top:var(--spacing-xl);transition:background var(--transition-normal),border-color var(--transition-normal)}.pagination-controls:hover{background:var(--bg-card-hover);border-color:var(--color-neon-blue);box-shadow:0 0 20px #60a5fa1a,inset 0 0 15px #ffffff05}.rows-per-page{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.rows-select{background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:4px 20px 4px 8px;font-family:inherit;font-weight:500;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 5 3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}.page-navigation{display:flex;align-items:center;gap:var(--spacing-xl)}.nav-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:6px 20px;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-btn:not(:disabled){border-color:#60a5fa66;color:#60a5fa;box-shadow:0 0 10px #60a5fa26}.nav-btn:hover:not(:disabled){background:#60a5fa1a;border-color:#60a5fa;box-shadow:0 0 15px #60a5fa66;transform:translateY(-1px)}.nav-btn:disabled{color:#ffffff26!important;cursor:not-allowed;opacity:.6;border-color:transparent!important;box-shadow:none!important;pointer-events:none}.page-info{color:#fff9;font-size:var(--font-size-sm);font-weight:450}.chart-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:all var(--transition-normal)}.chart-container:hover{background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 0 20px #4ade804d,0 0 40px #4ade8026,0 8px 32px #0003;border-color:var(--color-neon-primary)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.chart-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.animals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.animal-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:0;display:flex;flex-direction:column;transition:all var(--transition-normal);position:relative;overflow:hidden}.animal-card-content{padding:var(--spacing-lg);display:flex;flex-direction:column}.animal-card.has-best-badge{border:2px solid #ffd700!important;box-shadow:0 0 25px #ffd70033}.animal-card:hover{background:var(--bg-card-hover);border-color:var(--color-neon-primary);box-shadow:0 8px 32px #0000004d,0 0 15px #4ade801a;transform:translateY(-2px)}.animal-header{transition:background .2s ease;padding:var(--spacing-sm) 0;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.has-best-badge .animal-header{margin-top:10px!important}.animal-header:hover{background:#ffffff0d}.animal-collapsible-content{margin-top:var(--spacing-md);border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}.animal-name{font-size:var(--font-size-xl);font-weight:700;color:#fff;margin:0}.animal-species{font-size:2rem}.animal-details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.animal-detail{display:flex;flex-direction:column}.animal-detail-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase}.animal-detail-value{font-size:var(--font-size-base);color:var(--text-primary);font-weight:500}.animal-actions{display:flex;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.best-animal-badge{position:absolute;top:0;left:0;right:0;background:linear-gradient(135deg,#b8860b,gold,#daa520);color:#000;padding:6px 10px;text-align:center;display:flex;flex-direction:column;gap:1px;align-items:center;width:100%;border-bottom:2px solid rgba(0,0,0,.1);box-shadow:0 4px 10px #0003;z-index:10;animation:badgeShimmer 3s infinite ease-in-out}.best-animal-title{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.5px;margin:0;display:flex;align-items:center;gap:4px}.best-animal-reasons{font-size:.6rem;font-weight:700;opacity:.85;text-transform:uppercase;letter-spacing:.2px;line-height:1.1}.animal-card:has(.best-animal-badge) .animal-header{margin-top:36px}.animal-card:has(.best-animal-badge){border:2px solid #ffd700!important;box-shadow:0 0 20px #ffd7004d}@keyframes badgeShimmer{0%,to{opacity:1}50%{opacity:.9;box-shadow:0 4px 20px #ffd70080}}.leakage-animal-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:all .3s ease;color:var(--text-primary);position:relative;overflow:hidden}.leakage-animal-card:hover{transform:translateY(-5px);background:var(--bg-card-hover)!important}.leakage-animal-card.danger:hover{box-shadow:0 15px 35px #ef444433,var(--shadow-neon-danger);border-color:#ef4444!important}.leakage-animal-card.warning:hover{box-shadow:0 15px 35px #f59e0b33,var(--shadow-neon-accent);border-color:#f59e0b!important}.leakage-animal-card.success:hover{box-shadow:0 15px 35px #0003,var(--shadow-neon-primary);border-color:var(--color-neon-primary)!important}.production-card:hover{background:var(--bg-card-hover);transform:translateY(-5px);box-shadow:0 0 25px #60a5fa80,0 0 50px #60a5fa40,0 12px 40px #0000004d,inset 0 0 20px #60a5fa1a;border-color:var(--color-neon-blue)}.production-card:hover .cow-name{color:var(--color-neon-blue);text-shadow:0 0 10px rgba(96,165,250,.5)}.supplies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.supply-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:all .3s ease;display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;overflow:hidden}.supply-card:hover{background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 0 20px #4ade8040,0 0 40px #4ade801f,0 8px 32px #0003;border-color:var(--color-neon-primary)}.supply-card h3{transition:all .3s ease}.supply-card:hover h3{color:var(--color-neon-primary);text-shadow:0 0 8px rgba(74,222,128,.4)}.production-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.production-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);position:relative;overflow:hidden;display:flex;flex-direction:column}.production-card:hover{background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 0 20px #60a5fa4d,0 0 40px #60a5fa26,0 8px 32px #0003;border-color:var(--color-neon-blue)}.production-card .cow-name{transition:all var(--transition-normal)}.production-card:hover .cow-name{color:var(--color-neon-blue);text-shadow:0 0 10px rgba(96,165,250,.4)}.species-tabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.species-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-normal);color:var(--text-secondary)}.species-tab:hover{background:var(--bg-card-hover);color:var(--text-primary)}.species-tab.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;border-color:transparent}.species-tab-icon{font-size:1.5rem}.species-tab-count{background:#fff3;padding:2px 8px;border-radius:12px;font-size:var(--font-size-sm);font-weight:600}.toast-container{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);z-index:2000;display:flex;flex-direction:column;gap:var(--spacing-md)}.toast{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);animation:slideIn var(--transition-normal);min-width:300px}.toast.success{border-left:4px solid var(--color-success)}.toast.error{border-left:4px solid var(--color-danger)}.toast.warning{border-left:4px solid var(--color-warning)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--text-muted)}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state-text{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:var(--font-size-xs);font-weight:600;border-radius:20px;text-transform:uppercase}.badge-success{background:#4ade8033;color:var(--color-success)}.badge-warning{background:#fbbf2433;color:var(--color-warning)}.badge-danger{background:#f8717133;color:var(--color-danger)}.badge-info{background:#60a5fa33;color:var(--color-info)}.badge-pending{background:#ef444433;color:#ff4d4d;border:1px solid #ff4d4d;animation:blink .8s ease-in-out infinite;font-weight:800;text-shadow:0 0 8px rgba(255,77,77,.4);box-shadow:0 0 10px #ef444433}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.dashboard-top-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);text-decoration:none;color:var(--text-primary);transition:all var(--transition-normal)}.action-btn:hover{background:var(--bg-card-hover);border-color:var(--color-primary-light);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.action-icon{font-size:2rem}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.activity-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--border-radius-md);border:1px solid var(--border-color);transition:all var(--transition-fast);color:var(--text-primary)!important;text-decoration:none!important}.activity-item:hover{background:var(--bg-card-hover);border-color:var(--color-primary-light);color:var(--text-primary)!important}.activity-item:visited,.activity-item:active{color:var(--text-primary)!important}.activity-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border-radius:var(--border-radius-sm)}.activity-info{flex:1}.activity-title{font-weight:500;font-size:var(--font-size-sm);color:var(--text-primary)!important}.activity-date{font-size:var(--font-size-xs);color:var(--text-muted)!important}.activity-amount{font-weight:600;font-size:var(--font-size-sm)}@media(max-width:1024px){.dashboard-top-row{grid-template-columns:1fr}}@media(max-width:768px){.main-content{margin-left:0;padding:var(--spacing-md);padding-top:88px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform var(--transition-normal)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:var(--spacing-md)}.stats-grid{grid-template-columns:1fr}.page-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.modal{width:95%;max-height:80vh}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}.income{color:var(--color-success)}.expense{color:var(--color-danger)}.balance-positive{color:var(--color-success)}.balance-negative{color:var(--color-danger)}.mobile-menu-btn{display:none;position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:200;width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border:none;border-radius:var(--border-radius-md);color:#fff!important;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-normal);align-items:center;justify-content:center}.mobile-menu-btn svg{color:#fff!important;stroke-width:2.5}.mobile-menu-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-glow)}@media(max-width:768px){.mobile-menu-btn{display:flex!important;align-items:center;justify-content:center}}.toast-icon{color:currentColor;flex-shrink:0}.toast.success .toast-icon{color:var(--color-success)}.toast.error .toast-icon{color:var(--color-danger)}.toast.warning .toast-icon{color:var(--color-warning)}.toast-message{flex:1;color:var(--text-primary)}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);flex-shrink:0}.toast-close:hover{color:var(--text-primary);background:var(--bg-glass)}.sidebar-footer{margin-top:auto;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.sidebar-version{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center}.main-header{position:fixed;top:0;right:0;left:265px;height:64px;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-end;padding:0 var(--spacing-lg);z-index:50;transition:left var(--transition-normal)}.header-search{flex:1}.header-user{display:flex;align-items:center;gap:var(--spacing-md)}.user-info{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.user-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-md)}.user-role{font-size:var(--font-size-xs);color:var(--text-muted)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--font-size-lg)}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:var(--spacing-md);padding-top:80px}.main-header{left:0}.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.stat-card{flex-direction:row;gap:var(--spacing-md)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.header-actions{width:100%;flex-wrap:wrap}.table-container{overflow-x:auto}table{min-width:600px}.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.form-row{grid-template-columns:1fr}.modal-content{width:95%;max-height:90vh;margin:5vh auto}.chart-container{height:auto}}@media(max-width:480px){.page-title,.stat-value{font-size:var(--font-size-lg)}.card{padding:var(--spacing-md)}.user-info{display:none}.user-avatar{width:36px;height:36px;font-size:var(--font-size-md)}}.animal-collapsible-content{margin-top:var(--spacing-md);border-top:1px solid var(--border-color);padding-top:var(--spacing-md);overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:2000px}}.animal-collapsible-content{animation:slideDown .3s ease-out forwards;max-height:none!important;opacity:1!important;display:block!important}.stat-icon svg,.btn svg,.btn-icon svg,.nav-item svg,.action-btn svg,.btn-action svg,.mobile-menu-btn svg{transition:all var(--transition-normal)!important;color:inherit;display:inline-block;vertical-align:middle}svg[data-lucide]{width:1.25em;height:1.25em;stroke:currentColor;fill:none}.stat-card:hover .stat-icon,.stat-card:hover .stat-icon svg{transform:scale(1.15)!important;color:var(--color-neon-blue)!important;filter:drop-shadow(0 0 10px rgba(96,165,250,.6))!important}.btn:hover svg,.btn-icon:hover svg,.nav-item:hover svg,.btn-action:hover svg,.btn-secondary:hover svg{transform:scale(1.2)!important;color:var(--color-neon-blue)!important;filter:drop-shadow(0 0 8px rgba(96,165,250,.5))!important}.btn-danger:hover svg,.btn-danger:hover,.user-card-actions .revoke:hover svg,.user-card-actions .revoke:hover,.revoke:hover,.btn:hover svg[data-lucide=trash-2],.btn-icon:hover svg[data-lucide=trash-2],[title*=Eliminar]:hover svg,[title*=Eliminar]:hover{color:var(--color-neon-danger)!important;filter:drop-shadow(0 0 12px rgba(248,113,113,.8))!important;border-color:var(--color-neon-danger)!important;transform:scale(1.05)!important}.btn-action.revoke,.btn-delete-red{background:var(--bg-glass)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;transition:all .3s ease!important}.btn-delete-red:hover,.btn-delete-red:hover svg,.btn-action.revoke:hover,.btn-action.revoke:hover svg{color:var(--color-neon-danger)!important;filter:drop-shadow(0 0 12px rgba(248,113,113,.8))!important;border-color:var(--color-neon-danger)!important}.btn-danger:hover,.btn-secondary.btn-danger:hover,.btn-delete-red:hover,[title*=Eliminar]:hover{background:#f871711a!important;box-shadow:0 0 20px #f8717133!important;color:var(--color-neon-danger)!important;border-color:var(--color-neon-danger)!important}.skeleton-container{animation:fadeIn .2s ease}.skeleton-block{background:linear-gradient(90deg,#2d5a2726 25%,#4ade8014,#2d5a2726 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-md)}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hidden{display:none!important}.font-bold{font-weight:700!important}.text-lg{font-size:1rem!important}.leading-none{line-height:1!important}.px-2{padding-left:.25rem!important;padding-right:.25rem!important}.inline{display:inline!important}@media(max-width:640px){.nav-btn{padding:6px 12px!important}}@media(min-width:641px){.sm\:inline{display:inline!important}.sm\:hidden{display:none!important}}