@charset "UTF-8";.sidebar.light-sidebar{background:#ffffffbf;-webkit-backdrop-filter:blur(12px) saturate(1.5);backdrop-filter:blur(12px) saturate(1.5);box-shadow:0 8px 32px #1f26871a;border-right:2px solid rgba(200,200,255,.18);color:#23272f;width:60px;min-width:60px;max-width:260px;height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem 0 1rem;border-radius:0 32px 32px 0;position:fixed;top:0;left:0;z-index:1000;transition:width .28s cubic-bezier(.4,0,.2,1),box-shadow .18s;overflow-x:hidden}.sidebar.light-sidebar.collapsed{width:60px;min-width:60px;align-items:center}.sidebar.light-sidebar:hover,.sidebar.light-sidebar:focus-within{width:240px;box-shadow:0 12px 32px #1f26872e}.sidebar-logo-area{margin-bottom:2.2rem;display:flex;align-items:center;justify-content:center;width:100%;height:54px}.sidebar-logo-modern{width:40px;height:40px;border-radius:12px;background:#ffffffb3;box-shadow:0 2px 12px #2c3e501a;margin-bottom:0;transition:opacity .18s,visibility .18s;display:block}.collapsed-logo{opacity:1;visibility:visible}.expanded-logo{opacity:0;visibility:hidden;position:absolute}.sidebar.light-sidebar:hover .collapsed-logo,.sidebar.light-sidebar:focus-within .collapsed-logo{opacity:0;visibility:hidden;position:absolute}.sidebar.light-sidebar:hover .expanded-logo,.sidebar.light-sidebar:focus-within .expanded-logo{opacity:1;visibility:visible;position:static}.sidebar-nav-modern{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 .7rem;width:100%;padding-bottom:54px}.sidebar-nav-modern ul{list-style:none;padding:0;margin:0;width:100%}.sidebar-nav-modern li{margin-bottom:1.3rem;width:100%}.nav-link-modern{display:flex;align-items:center;gap:1rem;padding:.9rem 1rem;border-radius:16px;color:#23272f;font-size:1.12rem;font-weight:600;text-decoration:none;transition:background .18s,color .18s,box-shadow .18s;width:100%;background:#ffffff4d;border:none;box-shadow:0 1px 8px #2c3e500a;letter-spacing:.01em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-link-modern:hover,.nav-link-modern.active{background:#4d79ff21;color:#4d79ff;box-shadow:0 2px 12px #4d79ff1a}.nav-icon-img-modern,.nav-link-modern i{width:28px;height:28px;font-size:1.45rem;display:flex;align-items:center;justify-content:center;color:#23272f!important;filter:none!important;opacity:1!important;background:none;border-radius:8px;box-shadow:0 1px 4px #2c3e500a}.nav-label-modern{flex:1;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s,margin .18s;margin-left:-8px;color:#23272f;display:inline;font-size:1.08rem;font-weight:500;letter-spacing:.01em}.sidebar.light-sidebar.collapsed .nav-label-modern{opacity:0;pointer-events:none;margin-left:-8px;display:none}.sidebar.light-sidebar:hover .nav-label-modern,.sidebar.light-sidebar:focus-within .nav-label-modern{opacity:1;pointer-events:auto;margin-left:.9rem;display:inline}.sidebar-logout-modern{margin-top:auto;width:100%;display:flex;justify-content:center}.logout-btn-modern{background:linear-gradient(90deg,#f87171 60%,#fbbf24);color:#fff;border:none;border-radius:12px;padding:.9rem 1.2rem;font-size:1.08rem;font-weight:600;display:flex;align-items:center;gap:1rem;width:92%;margin-bottom:.7rem;cursor:pointer;transition:background .18s,color .18s;box-shadow:0 2px 12px #2c3e5014}.logout-btn-modern:hover{background:linear-gradient(90deg,#dc2626 60%,#f59e42);color:#fff}.sidebar.light-sidebar.collapsed .nav-link-modern{justify-content:center;padding:.9rem .3rem;gap:0}.sidebar.light-sidebar.collapsed .admin-menu-toggle{justify-content:center!important;padding:.9rem .3rem!important;gap:0!important}.sidebar.light-sidebar.collapsed .logout-btn-modern{width:100%;padding:.9rem .3rem;justify-content:center;gap:0}.sidebar.light-sidebar.collapsed .sidebar-logo-area{flex-direction:column;align-items:center}.admin-menu-section{width:100%;position:relative}.admin-menu-toggle{position:relative;background:none!important;border:none!important;width:100%!important;text-align:left!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:1rem!important;padding:.9rem 1rem!important;border-radius:16px!important;color:#23272f!important;font-size:1.12rem!important;font-weight:600!important;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;background:#ffffff4d!important;box-shadow:0 1px 8px #2c3e500a!important;letter-spacing:.01em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.admin-menu-toggle:hover,.admin-menu-toggle.open{background:#4d79ff21!important;color:#4d79ff!important;box-shadow:0 2px 12px #4d79ff1a!important}.admin-menu-toggle i:first-child{width:28px;height:28px;font-size:1.45rem;display:flex;align-items:center;justify-content:center;color:#23272f!important;filter:none!important;opacity:1!important;background:none;border-radius:8px;box-shadow:0 1px 4px #2c3e500a}.admin-menu-toggle:hover i:first-child,.admin-menu-toggle.open i:first-child{color:#4d79ff!important}.admin-menu-toggle .nav-label-modern{flex:1;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s,margin .18s;margin-left:-8px;color:#23272f;display:inline;font-size:1.08rem;font-weight:500;letter-spacing:.01em}.admin-chevron{position:absolute;right:1rem;font-size:.75rem;transition:transform .2s ease,opacity .18s;opacity:0;pointer-events:none}.sidebar.light-sidebar:hover .admin-chevron,.sidebar.light-sidebar:focus-within .admin-chevron{opacity:1;pointer-events:auto}.sidebar.light-sidebar.collapsed .admin-chevron{opacity:0;pointer-events:none;display:none}.admin-submenu{list-style:none;padding:0;margin:0;background:#4a90e20d;border-radius:0 0 12px 12px;overflow:hidden;animation:slideDown .3s ease-out;position:relative;z-index:1000}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:200px;opacity:1}}.admin-submenu-item{width:100%}.admin-submenu-link{padding:.6rem 1rem .6rem 2.5rem!important;font-size:.85rem!important;background:none!important;border-left:3px solid transparent!important;transition:all .2s ease}.admin-submenu-link:hover{background:#4a90e214!important;border-left-color:#4a90e24d!important}.admin-submenu-link.active{background:#4a90e21f!important;border-left-color:#4a90e2!important;color:#4a90e2!important;font-weight:600}.admin-submenu-link i{margin-right:.75rem;font-size:.8rem;opacity:.8}.admin-submenu-link.active i{opacity:1}.sidebar.light-sidebar.collapsed .admin-submenu{display:block;position:absolute;left:60px;top:0;min-width:200px;background:#fffffff2;-webkit-backdrop-filter:blur(12px) saturate(1.5);backdrop-filter:blur(12px) saturate(1.5);box-shadow:0 8px 32px #1f268733;border:1px solid rgba(200,200,255,.18);border-radius:12px;z-index:1001}.sidebar.light-sidebar.collapsed .admin-submenu .nav-label-modern{opacity:1!important;display:inline!important;margin-left:.75rem!important}.sidebar.light-sidebar:hover .admin-submenu,.sidebar.light-sidebar:focus-within .admin-submenu{position:relative;left:auto;top:auto;min-width:auto;background:#4a90e20d;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:none;border-radius:0 0 12px 12px}.sidebar.light-sidebar.collapsed .admin-menu-toggle .admin-chevron{display:none}.sidebar.light-sidebar.collapsed .admin-menu-toggle .nav-label-modern{opacity:0;pointer-events:none;margin-left:-8px;display:none}.sidebar.light-sidebar:hover .admin-menu-toggle .nav-label-modern,.sidebar.light-sidebar:focus-within .admin-menu-toggle .nav-label-modern{opacity:1;pointer-events:auto;margin-left:.9rem;display:inline}@media (max-width: 900px){.sidebar.light-sidebar,.sidebar.light-sidebar.collapsed{width:44px;min-width:44px}.sidebar.light-sidebar:hover,.sidebar.light-sidebar:focus-within{width:110px}}@media (max-width: 600px){.sidebar.light-sidebar{display:none}.sidebar.light-sidebar.mobile-open{display:flex;width:250px;min-width:250px;z-index:1001;transform:translate(0)}.sidebar.light-sidebar.mobile-open .nav-label-modern{opacity:1!important;pointer-events:auto!important;margin-left:.9rem!important;display:inline!important}.sidebar.light-sidebar.mobile-open .collapsed-logo{opacity:0;visibility:hidden;position:absolute}.sidebar.light-sidebar.mobile-open .expanded-logo{opacity:1;visibility:visible;position:static}}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;display:block}.mobile-header{display:none;position:fixed;top:0;left:0;width:100%;height:50px;background-color:var(--sidebar-bg, #FFFFFF);color:var(--text-color);padding:0 1rem;box-shadow:0 2px 4px #0000001a;z-index:1050;align-items:center}.mobile-toggle-btn{background:none;border:none;color:var(--primary-color);font-size:1.5rem;cursor:pointer;padding:.5rem;margin-left:-.5rem}@media (max-width: 768px){.mobile-header{display:flex}}.currency-settings{max-width:800px;margin:0 auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.currency-settings-compact{padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-width:300px}.currency-header h3{color:#2c3e50;margin-bottom:.5rem}.currency-header p{color:#666;margin-bottom:2rem}.current-currency{margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #28a745}.current-currency h4{margin-bottom:1rem;color:#2c3e50}.current-currency-display{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:500}.current-currency-display .flag{font-size:1.5rem}.current-currency-display .name{color:#2c3e50}.current-currency-display .code{color:#666}.current-currency-display .symbol{color:#28a745;font-weight:700}.currency-options h4{margin-bottom:1rem;color:#2c3e50}.currency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.currency-card{padding:1rem;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff;text-align:left;width:100%;font-family:inherit;font-size:inherit}.currency-card:hover:not(:disabled){border-color:#007bff;box-shadow:0 2px 4px #007bff1a}.currency-card:disabled{opacity:.6;cursor:not-allowed}.currency-card.selected{border-color:#28a745;background:#f8fff8}.currency-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.currency-flag{font-size:1.5rem}.currency-code{font-weight:700;color:#2c3e50}.selected-indicator{color:#28a745;font-weight:700}.currency-details{font-size:.9rem}.currency-name{font-weight:500;margin-bottom:.25rem;color:#495057}.currency-symbol{color:#666;margin-bottom:.25rem}.exchange-rate{color:#007bff;font-weight:500}.exchange-rates-section{margin-bottom:2rem}.section-header{display:flex;justify-content:between;align-items:center;margin-bottom:1rem}.section-header h4{margin:0;color:#2c3e50}.refresh-button{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.refresh-button:hover{background:#0056b3}.refresh-button:disabled{background:#ccc;cursor:not-allowed}.rates-table{background:#f8f9fa;border-radius:8px;overflow:hidden}.rates-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:1rem;background:#e9ecef;font-weight:700;color:#2c3e50}.rate-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid #dee2e6}.rate-row:last-child{border-bottom:none}.currency-info{display:flex;align-items:center;gap:.5rem}.currency-info .flag{font-size:1.2rem}.rate{font-weight:500;color:#007bff}.inverse-rate{color:#666}.currency-info{margin-bottom:2rem}.currency-info h4{margin-bottom:1rem;color:#2c3e50}.currency-info ul{list-style:none;padding:0}.currency-info li{padding:.5rem 0;border-bottom:1px solid #e9ecef;color:#666}.currency-info li:before{content:"ℹ️";margin-right:.5rem}.currency-info li:last-child{border-bottom:none}.settings-actions{display:flex;justify-content:end;padding-top:1rem;border-top:1px solid #e9ecef}.save-button{background:#28a745;color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.save-button:hover{background:#218838}.close-button{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-top:1rem;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.close-button .close-icon{font-size:1.2rem;line-height:1;font-weight:300}.close-button:hover{background:#545b62}.currency-settings-compact .currency-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-bottom:1rem}.currency-settings-compact .currency-option{padding:.75rem .5rem;border:2px solid #e9ecef;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem}.currency-settings-compact .currency-option:hover{border-color:#007bff}.currency-settings-compact .currency-option.active{border-color:#28a745;background:#f8fff8}.currency-settings-compact .currency-info{text-align:center}.currency-settings-compact .currency-code{font-weight:700;font-size:.8rem}.currency-settings-compact .currency-symbol{font-size:.7rem;color:#666}@media (max-width: 768px){.currency-settings{padding:1rem;margin:1rem}.currency-grid{grid-template-columns:1fr}.rates-header,.rate-row{grid-template-columns:1fr;gap:.5rem}.rates-header span,.rate-row span{padding:.25rem 0}}.currency-settings.loading{opacity:.7;pointer-events:none}.currency-option:disabled{opacity:.6;cursor:not-allowed}@keyframes rateUpdate{0%{background-color:#fff3cd}to{background-color:transparent}}.rate-row.updated{animation:rateUpdate 1s ease-out}.currency-selector{position:relative;display:inline-block}.currency-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem;min-width:120px;justify-content:space-between}.currency-button:hover{background:#f8f9fa;border-color:#007bff}.currency-button:focus{outline:none;box-shadow:0 0 0 2px #007bff40}.currency-flag{font-size:1.2rem}.currency-code{font-weight:600;color:#2c3e50}.currency-symbol{color:#666;font-size:.8rem}.dropdown-arrow{color:#666;font-size:.7rem;transition:transform .2s ease}.currency-button:hover .dropdown-arrow{transform:translateY(1px)}.currency-dropdown{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 8px 32px #00000040;min-width:320px;max-width:400px;overflow:visible;transform:translateZ(0)}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e9ecef;background:#f8f9fa;border-radius:8px 8px 0 0}.dropdown-header span{font-weight:600;color:#2c3e50}.settings-link{background:none;border:none;color:#007bff;cursor:pointer;font-size:.8rem;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s ease}.settings-link:hover{background:#e3f2fd}.currency-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:15000;display:flex;align-items:center;justify-content:center;padding:1rem}.currency-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:900px;max-height:90vh;overflow-y:auto;width:100%}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid #e9ecef;background:#f8f9fa;border-radius:12px 12px 0 0}.modal-header h3{margin:0;color:#2c3e50}.close-modal{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.close-icon{font-size:1.8rem;line-height:1;font-weight:300}.close-modal:hover{background:#e9ecef;color:#2c3e50}.loading{display:flex;align-items:center;justify-content:center;padding:.5rem}.loading-spinner{animation:spin 1s linear infinite;font-size:1.2rem}@media (max-width: 768px){.currency-dropdown{right:-1rem;left:-1rem;min-width:auto;max-width:none}.currency-modal{margin:.5rem;max-height:95vh}.modal-header{padding:1rem}.currency-button{min-width:100px;padding:.4rem .6rem}.currency-code{font-size:.8rem}.currency-symbol{display:none}}@media (prefers-color-scheme: dark){.currency-button{background:#2c3e50;border-color:#495057;color:#fff}.currency-button:hover{background:#34495e}.currency-dropdown,.currency-modal{background:#2c3e50;border-color:#495057}.dropdown-header,.modal-header{background:#34495e;border-color:#495057}}.currency-dropdown{animation:dropdownSlideIn .2s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.currency-button:focus-visible,.settings-link:focus-visible,.close-modal:focus-visible{outline:2px solid #007bff;outline-offset:2px}@media (prefers-contrast: high){.currency-button,.currency-dropdown,.currency-modal{border-width:2px}}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:.75rem 2rem;background-color:var(--topnav-bg, #4D79FF);height:70px;position:fixed;top:0;left:60px;right:0;width:calc(100% - 350px);z-index:999;transition:left .3s ease,width .3s ease;color:var(--text-color-light);overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}.top-nav.sidebar-expanded{left:250px;right:310px;width:calc(100% - 270px)}:root{--topnav-namespace: true}.topnav-left{display:flex;flex-direction:column;justify-content:center}.welcome-message{font-size:.9rem;font-weight:400;opacity:.8;margin-bottom:.1rem}.welcome-back{font-size:1.5rem;font-weight:600;margin:0;line-height:1.2}.topnav-center{flex-grow:1;display:flex;justify-content:center;padding:0 2rem}.search-container{position:relative;display:flex;align-items:center;background-color:#fff3;border-radius:var(--border-radius);padding:.4rem .8rem;width:100%;max-width:400px}.search-icon{color:var(--text-color-light);opacity:.7;margin-right:.6rem;font-size:.9rem}.search-input{flex-grow:1;border:none;background-color:transparent;color:var(--text-color-light);font-size:.95rem;padding:.2rem 0;outline:none}.search-input::placeholder{color:var(--text-color-light);opacity:.7}.search-input::-webkit-input-placeholder{color:var(--text-color-light);opacity:.7}.search-input::-moz-placeholder{color:var(--text-color-light);opacity:.7}.search-input:-ms-input-placeholder{color:var(--text-color-light);opacity:.7}.search-input:-moz-placeholder{color:var(--text-color-light);opacity:.7}.topnav-right{display:flex;align-items:center;gap:1rem}.icon-button{background:none;border:none;color:var(--text-color-light);font-size:1.2rem;cursor:pointer;padding:.5rem;position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;transition:background-color .2s ease}.icon-button:hover{background-color:#ffffff26}.logout-button{background-color:#ffffff26;font-size:.9rem;padding:.5rem 1rem;border-radius:4px;width:auto;height:auto;display:flex;align-items:center;color:#fff}.logout-button:hover{background-color:#ffffff40}.notification-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;background-color:var(--danger-color, #FF4D6D);border-radius:50%;border:1px solid var(--topnav-bg, #4D79FF);display:block}@media (max-width: 768px){.top-nav{left:0;width:100%}.welcome-message,.welcome-back{display:none}.topnav-center{padding:0 1rem}.topnav-right{gap:.5rem}}.topnav-glassy{background:linear-gradient(120deg,#ffffffa6,#e0e7ef);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border-bottom:1.5px solid rgba(200,200,255,.18);box-shadow:0 4px 24px #4d79ff1a,0 1.5px 8px #2c3e5014;z-index:100}.topnav-bell{position:relative;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background .18s;display:flex;align-items:center;justify-content:center}.topnav-bell:hover{background:#c8c8ff2e}.topnav-bell-badge{position:absolute;top:4px;right:4px;background:linear-gradient(90deg,#f87171,#fbbf24);color:#fff;font-size:.7rem;font-weight:700;border-radius:50%;padding:2px 6px;min-width:18px;min-height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0000001f;pointer-events:none}.topnav-notifications-dropdown{position:absolute;right:0;top:48px;min-width:320px;background:linear-gradient(120deg,#ffffffeb,#e0e7ef);border-radius:14px;border:1.5px solid rgba(200,200,255,.18);box-shadow:0 8px 32px #4d79ff2e,0 2px 12px #2c3e5021;z-index:9999;overflow:hidden;animation:dropdownFadeIn .2s ease-out;color:#23272f;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2)}.topnav-notifications-dropdown h4{margin:0;padding:16px 20px 8px;font-size:1.1rem;color:#23272f;font-weight:600;background:none}.topnav-notifications-list{max-height:320px;overflow-y:auto}.topnav-notification-item{padding:12px 16px;border-radius:8px;margin-bottom:8px;transition:all .2s ease;position:relative;min-height:44px;display:flex;align-items:center;font-size:14px;line-height:1.4;cursor:pointer;border:1px solid transparent}.topnav-notification-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a;border-color:#4d79ff33}.topnav-notification-item:last-child{margin-bottom:0}.notification-reproductive{border-left:4px solid #ff6b6b;background:linear-gradient(135deg,#fff5f5,#fef2f2);position:relative}.notification-reproductive.priority-urgent{border-left-color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2);animation:pulse-urgent 2s infinite}.notification-reproductive.priority-high{border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.notification-reproductive.priority-medium{border-left-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.notification-reproductive.priority-low{border-left-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.notification-species-cattle{border-right:3px solid #8b5cf6}.notification-species-cattle:before{content:"🐄";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:14px}.notification-species-sheep{border-right:3px solid #10b981}.notification-species-sheep:before{content:"🐑";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:14px}.notification-species-goat{border-right:3px solid #f59e0b}.notification-species-goat:before{content:"🐐";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:14px}.notification-priority-indicator{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;z-index:1}.priority-urgent .notification-priority-indicator{background:#dc2626;box-shadow:0 0 6px #dc262680}.priority-high .notification-priority-indicator{background:#f59e0b;box-shadow:0 0 4px #f59e0b80}.priority-medium .notification-priority-indicator{background:#3b82f6}.priority-low .notification-priority-indicator{background:#10b981}@keyframes pulse-urgent{0%{box-shadow:0 0 #dc262666}70%{box-shadow:0 0 0 10px #dc262600}to{box-shadow:0 0 #dc262600}}.notification-badge.badge-urgent{background:linear-gradient(135deg,#dc2626,#b91c1c);animation:pulse-urgent 1.5s infinite}.notification-badge.badge-high{background:linear-gradient(135deg,#f59e0b,#d97706)}.notification-badge.badge-normal{background:linear-gradient(135deg,#3b82f6,#2563eb)}@keyframes pulse-urgent{0%,to{transform:scale(1);box-shadow:0 0 #dc262666}50%{transform:scale(1.05);box-shadow:0 0 0 4px #dc262600}}.notification-purchase{border-left:4px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.notification-breeding{border-left:4px solid #8b5cf6;background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.notification-badge{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-radius:50%;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:2px solid white;animation:bounce .5s ease-in-out}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.topnav-notifications-dropdown h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#1f2937;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.topnav-notifications-empty{text-align:center;color:#6b7280;font-style:italic;padding:20px;font-size:14px}.topnav-notifications-list{max-height:400px;overflow-y:auto;padding-right:4px}.topnav-notifications-list::-webkit-scrollbar{width:4px}.topnav-notifications-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.topnav-notifications-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.topnav-notifications-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){.topnav-notifications-dropdown{right:16px!important;left:16px!important;min-width:auto!important;width:auto!important}.topnav-notification-item{padding:10px 12px;font-size:13px}.notification-species-cattle:before,.notification-species-sheep:before,.notification-species-goat:before{font-size:12px}}.footer{background:#23272f;color:#3a4250;padding:40px 0 0;font-size:1rem;width:100%;transition:margin-left .28s cubic-bezier(.4,0,.2,1)}.footer.sidebar-expanded{margin-left:240px}.footer .footer-section,.footer .footer-section *{color:#3a4250!important}.footer .footer-section a{color:#2d5fa4!important;text-decoration:none}.footer .footer-section a:hover{color:#1a3d6d!important;text-decoration:underline}.footer-main{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 24px}.footer-col{flex:1 1 200px;min-width:200px;margin-bottom:32px}.footer-company{flex:2 1 300px;min-width:250px;display:flex;flex-direction:column;align-items:flex-start}.footer-logo{width:48px;height:48px;margin-bottom:12px}.footer-company-info h3{margin:0 0 8px;font-size:1.3rem;font-weight:700}.footer-company-info p{margin:0;font-size:1rem;color:#cfd8dc}.footer-links h4{margin-bottom:10px;font-size:1.1rem;font-weight:600}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:8px}.footer-links a{color:#2d5fa4;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#1a3d6d;text-decoration:underline}.footer-newsletter h4{margin-bottom:10px;font-size:1.1rem;font-weight:600}.footer-newsletter-form{display:flex;margin-bottom:12px}.footer-newsletter-form input[type=email]{padding:8px 12px;border:none;border-radius:4px 0 0 4px;outline:none;font-size:1rem}.footer-newsletter-form button{background:#4caf50;color:#fff;border:none;border-radius:0 4px 4px 0;padding:0 16px;font-size:1.2rem;cursor:pointer;transition:background .2s}.footer-newsletter-form button:hover{background:#388e3c}.footer-social{display:flex;gap:16px}.footer-social a{color:#cfd8dc;font-size:1.5rem;transition:color .2s}.footer-social a:hover{color:#4caf50}.footer-bottom{border-top:1px solid #374151;margin-top:16px;padding:16px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:.95rem;background:#1a1d23}.footer-legal{display:flex;align-items:center;gap:8px}.footer-legal-sep{margin:0 8px;color:#888}@media (max-width: 768px){.footer,.footer.sidebar-expanded{margin-left:0!important}}@media (max-width: 480px){.footer,.footer.sidebar-expanded{margin-left:0!important}}@media (max-width: 800px){.footer-main{flex-direction:column;align-items:flex-start;padding:0 12px}.footer-col{min-width:0;width:100%;margin-bottom:24px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 12px}}.app-layout{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:var(--light-bg);position:relative}.layout-grid{display:flex;flex:1 1 auto;min-height:0;margin-left:60px;transition:margin-left .28s cubic-bezier(.4,0,.2,1)}.sidebar{z-index:1000}.main-ad-wrapper{display:flex;flex-direction:row;width:100%;min-height:0;flex:1}.main-content{flex:1 1 0;padding:2rem;background-color:var(--light-bg);overflow-y:auto;margin-top:70px;padding-top:20px;min-width:0}.main-content.full-height{margin-top:0;padding-top:2rem}.ad-space.right-ad{width:300px;min-width:220px;max-width:340px;background:#f7f7fa;border-left:1px solid #e5e7eb;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;min-height:100%;box-sizing:border-box}.footer{width:100%;transition:margin-left .28s cubic-bezier(.4,0,.2,1)}.show-topnav-button{position:fixed;top:10px;right:10px;z-index:999;padding:8px 15px;background-color:var(--primary-color, #4D79FF);color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.9rem;box-shadow:0 2px 4px #0003;transition:background-color .2s}.show-topnav-button:hover{background-color:var(--primary-hover-color, #3D69FF)}.show-topnav-button i{font-size:1rem}@media (max-width: 768px){.main-content{margin-left:0;margin-right:0;width:100%;padding:20px 0 0;margin-top:60px}.main-content.full-height{margin-top:0;margin-left:0;margin-right:0;padding-top:0;padding-left:0;padding-right:0}.show-topnav-button{top:65px}}@media (max-width: 1100px){.layout-grid{margin-left:60px}.ad-space.right-ad{width:180px;min-width:120px}}@media (max-width: 900px){.layout-grid{margin-left:60px}.ad-space.right-ad{display:none}}@media (max-width: 600px){.main-content{padding:0;margin-top:60px;margin-left:0;margin-right:0}.layout-grid{margin-left:0;margin-right:0}.sidebar{display:none}}.mobile-sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1090}@media (max-width: 768px){.app-layout.mobile-sidebar-is-open .mobile-sidebar-overlay{display:block}.layout-grid,.layout-grid.sidebar-expanded{margin-left:0!important}}.layout-grid.sidebar-expanded{margin-left:240px}.dashboard{max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.dashboard-header h1{margin:0;color:var(--text-primary);font-size:2rem;font-weight:600}.dashboard-actions{display:flex;gap:.75rem;align-items:center}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;color:#fff;min-width:120px;justify-content:center}.export-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.pdf-btn{background:linear-gradient(135deg,#e53e3e,#c53030);border:1px solid #c53030}.pdf-btn:hover{background:linear-gradient(135deg,#c53030,#9c2626)}.excel-btn{background:linear-gradient(135deg,#38a169,#2f855a);border:1px solid #2f855a}.excel-btn:hover{background:linear-gradient(135deg,#2f855a,#276749)}.export-btn i{font-size:1rem}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-actions{width:100%;justify-content:flex-start}.export-btn{flex:1;min-width:auto}}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:#fff;border-radius:12px;padding:1.5rem;display:flex;flex-direction:row;align-items:center;text-align:left;box-shadow:0 4px 6px #0000001a;border:1px solid #e5e7eb;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #00000014}.stat-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border-radius:50%;margin-right:1rem;flex-shrink:0;color:#6366f1}.stat-content{width:100%}.stat-content h3{font-size:.875rem;font-weight:500;color:#6b7280;margin-bottom:.5rem;line-height:1.3}.stat-value{font-size:2rem;font-weight:700;color:#111827;line-height:1.2;margin:0}.dashboard-section{background-color:#fff;border-radius:12px;padding:1.5rem;margin-top:2rem;border:1px solid #e5e7eb;box-shadow:0 4px 6px #0000001a}.dashboard-section .react-calendar{width:80%!important;margin:0 auto;max-width:1000px;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow)}.dashboard-section .react-calendar .react-calendar__tile{color:#000!important;font-weight:500}.dashboard-section .react-calendar .react-calendar__navigation button{color:#000!important;font-weight:600;font-size:1rem}.dashboard-section .react-calendar .react-calendar__navigation__label__labelText{color:#000!important}.dashboard-section .react-calendar .react-calendar__month-view__weekdays__weekday{color:#000!important;font-weight:600}.calendar-event-indicator{background-color:var(--primary-color);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;margin:2px auto 0}.calendar-event-indicator.recommendation{background-color:#3f51b5;box-shadow:0 0 0 2px #3f51b54d}.calendar-event-indicator.overdue{background-color:#f44336;box-shadow:0 0 0 2px #f443364d;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.dashboard-section .react-calendar .react-calendar__month-view__days__day--weekend{color:#d10000!important}.dashboard-section .react-calendar .react-calendar__tile--now{background-color:#ff9f4033!important;color:#000!important}.dashboard-section .react-calendar button:enabled:hover,.dashboard-section .react-calendar button:enabled:focus{color:#000!important}.selected-date-events{width:80%;margin:1.5rem auto;padding:1rem;border-radius:var(--border-radius);background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dashboard-section h2{font-size:1.25rem;font-weight:600;color:var(--text-color);margin-bottom:0;margin-top:0}.chart-container{height:350px;position:relative;margin-top:1rem}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1rem}.chart-container{background-color:var(--card-bg);padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--card-shadow);transition:transform .2s,box-shadow .2s}.chart-container:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.chart-container h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.chart-container canvas{max-width:100%!important;height:auto!important}.dashboard-section:last-child .chart-container{height:auto!important;min-height:500px;overflow:visible}.dashboard-section:last-child .chart-container>div{overflow:visible!important}.dashboard-section .analytics-grid{overflow:visible;height:auto}.population-chart-container{margin-top:1rem;width:100%}.population-chart-container .chart-wrapper{height:300px;position:relative}.population-chart-container{position:relative}.population-chart-container .chart-wrapper{position:relative;height:400px}.population-chart-container .chart-wrapper canvas{border-radius:var(--border-radius)}.birth-events-info{background:linear-gradient(135deg,#ffeaa7,#fab1a0);border-radius:var(--border-radius);padding:.75rem;margin-top:1rem;border-left:4px solid #e17055;font-size:.9rem;color:#2d3436}.birth-events-info .legend-item{display:inline-flex;align-items:center;margin-right:1rem;font-weight:500}.birth-events-info .legend-star{color:#e84393;font-size:1.2rem;margin-right:.25rem}.population-chart-container .chartjs-tooltip{background:#ff6384f2!important;border:2px solid #e84393!important;border-radius:8px!important}.birth-events-info .legend-star.triangle{color:#9c27b0;font-size:1.2rem;margin-right:.25rem}.birth-events-info .legend-item.projection{display:block;margin-bottom:.5rem;margin-right:0}.birth-events-info .legend-item.projection .legend-star{color:#9c27b0}.population-chart-container .chartjs-tooltip.doe-projection{background:#9c27b0f2!important;border:2px solid #9c27b0!important;border-radius:8px!important}.goat-selector{display:flex;align-items:center;gap:10px}.goat-selector label{font-size:.9rem;color:var(--text-color-muted);white-space:nowrap}.goat-selector select{padding:.5rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-color);font-size:.9rem}.population-chart-loading,.population-chart-empty{height:100px;display:flex;align-items:center;justify-content:center;color:var(--text-color-muted);background-color:var(--card-bg);border-radius:var(--border-radius);margin-top:1rem}.population-chart-empty p{display:flex;align-items:center;gap:8px;font-size:.95rem}.activity-list{color:var(--text-color)}.activity-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.activity-item:last-child{border-bottom:none}.activity-icon{font-size:1.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--text-color-light);flex-shrink:0}.activity-text{flex:1;font-size:.9rem}.activity-date{color:var(--text-color-muted);font-size:.875rem}.loading{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:1rem;color:var(--text-color-muted)}.event{padding:.75rem;border-radius:var(--border-radius);margin-bottom:.5rem;display:flex;flex-direction:column;border-left:4px solid var(--border-color)}.event.health{background-color:#4caf501a;border-left-color:#4caf50}.event.vaccination{background-color:#2196f31a;border-left-color:#2196f3}.event.vaccination-recommendation{background-color:#3f51b51a;border-left-color:#3f51b5}.event.vaccination-recommendation.overdue{background-color:#f443361a;border-left-color:#f44336}.event-type{font-weight:600;text-transform:capitalize;margin-bottom:.25rem}.event-goat{font-size:.9rem;margin-bottom:.25rem}.event-details{font-size:.85rem;color:var(--text-color-muted)}.calendar-events-list{display:flex;flex-direction:column;margin-top:2px;max-height:50px;overflow-y:auto}.calendar-event{font-size:9px;margin-bottom:1px;padding:1px 2px;border-radius:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;cursor:pointer}.calendar-event.health{background-color:#4caf5026;border-left:2px solid #4CAF50}.calendar-event.vaccination{background-color:#2196f326;border-left:2px solid #2196F3}.calendar-event.vaccination-recommendation{background-color:#3f51b526;border-left:2px solid #3f51b5}.calendar-event.vaccination-recommendation.overdue{background-color:#f4433626;border-left:2px solid #f44336}.react-calendar__tile.has-events{position:relative;font-weight:700}.react-calendar__tile.has-overdue{background-color:#f443361a}.react-calendar__tile.has-health{background-color:#4caf500d}.react-calendar__tile.has-vaccination{background-color:#2196f30d}.react-calendar__month-view__days__day{min-height:75px!important}@media (max-width: 768px){.calendar-event{font-size:8px}.react-calendar__month-view__days__day{min-height:60px!important}}@media (max-width: 480px){.calendar-events-list{max-height:40px}.react-calendar__month-view__days__day{min-height:50px!important}}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.chart-container{height:300px}.charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.section-header{flex-direction:column;align-items:flex-start}.goat-selector{width:100%;margin-top:.75rem}.goat-selector select{flex:1}.population-chart-container .chart-wrapper{height:250px}.add-animal-cta{flex-direction:column;text-align:center;padding:1.5rem}.cta-icon{margin-right:0;margin-bottom:1rem}.cta-content h3{font-size:1.25rem}.cta-arrow{margin-left:0;margin-top:1rem}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon{width:40px;height:40px;font-size:1.2rem;margin-right:.75rem}.stat-value{font-size:1.5rem}.dashboard-section{padding:1rem}.chart-container{height:250px}.activity-item{gap:.75rem}.activity-text{font-size:.85rem}.activity-date{font-size:.75rem}}.vaccine-filter-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px}.filter-label{font-size:.9rem;font-weight:500;color:var(--text-color-muted)}.vaccine-filter-buttons{display:flex;gap:6px}.filter-btn{padding:5px 12px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.filter-btn:hover{background-color:#e8e8e8}.filter-btn.active{background-color:#3f51b5;color:#fff;border-color:#3f51b5}.filter-btn.cdt.active{background-color:#2196f3;border-color:#2196f3}.filter-btn.rabies.active{background-color:#f44336;border-color:#f44336}.filter-btn.other.active{background-color:#9c27b0;border-color:#9c27b0}.vaccine-toggle{display:flex;align-items:center;margin-left:auto}.vaccine-toggle label{font-size:.85rem;display:flex;align-items:center;gap:6px;cursor:pointer}.vaccine-toggle input{margin:0}.calendar-event.cdt{border-left-color:#2196f3}.calendar-event.rabies{border-left-color:#f44336}.calendar-event.tetanus{border-left-color:#4caf50}.calendar-event.respiratory{border-left-color:#9c27b0}.calendar-event.dewormer{border-left-color:#ff9800}@media (max-width: 768px){.vaccine-filter-controls{flex-direction:column;align-items:flex-start}.vaccine-toggle{margin-left:0;margin-top:10px}}.activity-item:last-child{transition:box-shadow .2s,background .2s,transform .15s}.activity-item:hover,.activity-item:focus{background:#f5f7fa;box-shadow:0 2px 8px #2c3e501a;transform:translateY(-2px) scale(1.01);outline:none;cursor:pointer}.activity-item:active{background:#e3e8ee;box-shadow:0 1px 4px #2c3e501a;transform:scale(.99)}.dashboard-banner-ad{width:100%;min-height:90px;max-height:180px;background:linear-gradient(90deg,#f7f7fa 60%,#e3eafe);border-radius:16px;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #2c3e5014;font-size:1.3rem;color:#4d79ff;font-weight:600;letter-spacing:1px}@media (max-width: 600px){.dashboard-banner-ad{min-height:60px;font-size:1rem}}.species-breakdown{margin-top:.5rem}.species-breakdown small{color:var(--text-color-muted);font-size:.75rem;line-height:1.3}.species-filter-controls{display:flex;align-items:center;gap:1rem}.species-filter-select{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--card-bg);color:var(--text-color);font-size:.9rem;min-width:150px}.species-filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4f79ff1a}.species-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem}.species-stat-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease;cursor:pointer;position:relative}.species-stat-card:after{content:"Click to filter";position:absolute;top:.5rem;right:.5rem;font-size:.7rem;color:var(--text-muted);opacity:0;transition:opacity .2s ease}.species-stat-card:hover:after{opacity:1}.species-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}.species-stat-card.active{border-color:var(--primary-color);background-color:#4f79ff0d;box-shadow:0 2px 8px #4f79ff33}.species-icon{font-size:2rem;flex-shrink:0}.species-content{flex:1}.species-content h4{margin:0 0 .25rem;font-size:.9rem;font-weight:600;color:var(--text-color)}.species-count{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin:0 0 .25rem}.species-content small{color:var(--text-color-muted);font-size:.75rem}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.species-stats-grid{grid-template-columns:1fr}.species-filter-controls{flex-direction:column;align-items:stretch}.species-filter-select{width:100%}.add-animal-cta{flex-direction:column;text-align:center;padding:1rem}.cta-icon{margin-right:0;margin-bottom:.75rem}.cta-content h3{font-size:1rem}.cta-arrow{margin-left:0;margin-top:.75rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.species-analytics-section{background:var(--card-bg);border-radius:var(--border-radius);padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.species-overview{margin-bottom:2rem;text-align:center}.species-overview h3{color:var(--primary-color);margin-bottom:.5rem;font-size:1.5rem}.species-description{color:var(--text-muted);font-size:1rem;line-height:1.5;max-width:600px;margin:0 auto}.species-analytics-content{display:flex;flex-direction:column;gap:2rem}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.metric-card{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;text-align:center;transition:all .3s ease}.metric-card h4{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:2rem;font-weight:700;color:var(--primary-color);margin:0;line-height:1}.metric-card small{color:var(--text-muted);font-size:.8rem;margin-top:.25rem;display:block}.analytics-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.chart-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem}.chart-container h4{color:var(--text-primary);margin-bottom:1rem;text-align:center;font-size:1.1rem}.seasonal-analysis{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;margin-top:1rem}.seasonal-analysis h4{color:var(--text-primary);margin-bottom:1rem;text-align:center;font-size:1.1rem}.species-analytics-loading{display:flex;justify-content:center;align-items:center;height:200px}.loading-spinner{color:var(--text-muted);font-size:1.1rem}.clear-filter-btn{background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:all .2s ease}.clear-filter-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.advanced-analytics-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;border:none;border-radius:var(--border-radius);padding:.75rem 1.5rem;font-size:.9rem;cursor:pointer;transition:all .2s ease;margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem}.advanced-analytics-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:2px solid var(--border-color);padding-bottom:1rem}.analytics-header h3{color:var(--primary-color);font-size:1.5rem;margin:0;display:flex;align-items:center;gap:.5rem}.view-advanced-analytics-btn{background:linear-gradient(135deg,var(--primary-color) 0%,#0056b3 100%);color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;border:none;font-size:.9rem}.view-advanced-analytics-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;text-decoration:none;color:#fff}.analytics-header-buttons{display:flex;align-items:center;gap:1rem}.analytics-header-buttons .export-excel-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;font-size:.9rem;cursor:pointer;text-decoration:none}.analytics-header-buttons .export-excel-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}@media (max-width: 768px){.analytics-header{flex-direction:column;align-items:flex-start;gap:1rem}.analytics-header-buttons{flex-direction:column;align-items:stretch;width:100%;gap:.75rem}.analytics-header-buttons .export-excel-btn,.analytics-header-buttons .view-advanced-analytics-btn{width:100%;justify-content:center;padding:1rem 1.5rem;font-size:1rem}}.analytics-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.metric-icon{font-size:1.5rem;color:var(--primary-color);background:#007bff1a;padding:.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px}.metric-info h4{margin:0 0 .25rem;font-size:.9rem;color:var(--text-muted);font-weight:500}.metric-value{font-size:1.8rem;font-weight:700;color:var(--text-color);margin:0}.analytics-charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.chart-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 2px 4px #0000000d}.chart-container h4{margin:0 0 1.5rem;color:var(--text-color);font-size:1.1rem;font-weight:600;text-align:center}.chart-wrapper{height:250px;position:relative}.advanced-metrics-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem}.advanced-metrics-section h4{color:var(--primary-color);margin:0 0 1.5rem;font-size:1.2rem;font-weight:600}.advanced-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.advanced-metric{background:#fff;padding:1rem;border-radius:var(--border-radius);border:1px solid var(--border-color);text-align:center}.advanced-metric label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem;font-weight:500}.advanced-metric .metric-value{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.insights-section{margin-top:2rem}.insights-section h4{color:var(--primary-color);margin:0 0 1.5rem;font-size:1.2rem;font-weight:600}.insights-list{display:flex;flex-direction:column;gap:1rem}.insight-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:var(--border-radius);border-left:4px solid;box-shadow:0 2px 4px #0000000d}.insight-card.success{background:#f0f9ff;border-left-color:#10b981}.insight-card.warning{background:#fefbf2;border-left-color:#f59e0b}.insight-card.info{background:#f0f4f8;border-left-color:#3b82f6}.insight-icon{font-size:1.2rem;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}.insight-card.success .insight-icon{color:#10b981;background:#10b9811a}.insight-card.warning .insight-icon{color:#f59e0b;background:#f59e0b1a}.insight-card.info .insight-icon{color:#3b82f6;background:#3b82f61a}.insight-content h5{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-color)}.insight-content p{margin:0;font-size:.9rem;color:var(--text-muted);line-height:1.5}.species-analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-muted)}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid #0056b3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.species-analytics-empty{text-align:center;padding:3rem;color:var(--text-muted);font-style:italic}.cta-section{margin:2rem 0}.add-animal-cta{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;text-decoration:none;padding:1rem;border-radius:var(--border-radius);box-shadow:var(--card-shadow);transition:all .3s ease;border:none;cursor:pointer;position:relative;overflow:hidden}.add-animal-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.add-animal-cta:hover:before{left:100%}.add-animal-cta:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4caf504d}.cta-icon{width:40px;height:40px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;margin-right:1rem;flex-shrink:0}.cta-content{flex:1;text-align:left}.cta-content h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:#fff}.cta-content p{margin:0;font-size:.875rem;color:#ffffffe6;font-weight:400}.cta-arrow{font-size:1rem;margin-left:.75rem;transition:transform .3s ease;flex-shrink:0}.add-animal-cta:hover .cta-arrow{transform:translate(5px)}@media (max-width: 768px){.add-animal-cta{padding:1rem}.cta-content h3{font-size:1.125rem}}.skeleton-card{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 37%,#f0f0f0 63%);border-radius:8px;margin-bottom:8px;animation:skeleton-loading 1.2s infinite linear}.skeleton-chart{display:flex;flex-direction:column;gap:12px;margin:16px 0}.skeleton-bar{height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 37%,#f0f0f0 63%);border-radius:6px;animation:skeleton-loading 1.2s infinite linear}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;width:100%;position:absolute;top:0;left:0;background-color:#f0f2f5}.login-form{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%;max-width:400px}.login-form h2{text-align:center;color:#333;margin-bottom:1.5rem;font-size:1.8rem}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}.form-group input.error{border-color:#dc3545;box-shadow:0 0 0 2px #dc35451a}.field-error{color:#dc3545;font-size:.875rem;margin-top:.25rem;display:block}.login-form button{width:100%;padding:.75rem;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.login-form button:hover{background-color:#357abd}.login-form button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:.75rem;border-radius:4px;margin-bottom:1rem;text-align:center}.auth-link{margin-top:1rem;text-align:center;color:#666}.auth-link a{color:#4a90e2;text-decoration:none;font-weight:500}.auth-link a:hover{text-decoration:underline}.login-header{text-align:center;margin-bottom:1.5rem}.login-header a{text-decoration:none;color:inherit}.login-header h1{font-size:2rem;color:#333;margin:0}.login-links{margin-top:1.5rem;text-align:center;display:flex;flex-direction:column;gap:.75rem}.forgot-password-link,.register-link,.homepage-link{color:#4a90e2;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.forgot-password-link:hover,.register-link:hover{color:#357abd;text-decoration:underline}.homepage-link{color:#666;margin-top:.5rem;font-size:.85rem;border-top:1px solid #eee;padding-top:1rem}.homepage-link:hover{color:#4a90e2;text-decoration:underline}@media (max-width: 480px){.login-form{padding:1.5rem}.login-form h2{font-size:1.5rem}.login-header h1{font-size:1.8rem}}.registration-page{min-height:100vh;background-color:#f0f2f5}.registration-container{min-height:100vh;width:100%;max-width:100%;margin:0 auto;padding:1rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f0f2f5}.registration-content{padding-top:80px;padding-bottom:40px}.registration-form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;min-height:calc(100vh - 160px);width:100%;max-width:500px;margin:0 auto}.registration-form{box-sizing:border-box;width:100%;max-width:450px;padding:2rem;background-color:#fff;color:#333;border-radius:8px;box-shadow:0 4px 12px #0000001a}.registration-form h2{text-align:center;color:#333;margin-bottom:2rem;font-size:1.8rem;font-weight:600}.registration-logo{text-align:center;margin-bottom:2rem}.registration-logo .logo{width:240px;height:auto;max-width:100%;cursor:pointer;transition:opacity .2s ease}.registration-logo .logo:hover{opacity:.8}.form-group{margin-bottom:1.5rem;width:100%}label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}input,select,textarea{box-sizing:border-box;width:100%;padding:.75rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s,box-shadow .2s;margin:0;background-color:#fff;color:#333!important;text-transform:none}input::placeholder,textarea::placeholder{color:#aaa;opacity:1}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#aaa}input::-moz-placeholder,textarea::-moz-placeholder{color:#aaa;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#aaa}input:-moz-placeholder,textarea:-moz-placeholder{color:#aaa;opacity:1}input:focus,select:focus,textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2.5rem}button[type=submit]{box-sizing:border-box;width:100%;padding:.75rem 1rem;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:1rem;cursor:pointer;transition:background-color .2s;margin-top:.5rem}button[type=submit]:hover{background-color:#357abd}button[type=submit]:disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed}.error-message{margin-bottom:1.5rem;padding:.75rem 1rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:.875rem;text-align:center;width:100%;box-sizing:border-box}.login-link{width:100%;text-align:center;margin-top:1.5rem;padding:1rem;background-color:#f8f9fa;border-radius:6px;border-top:1px solid #e9ecef}.login-link a{color:#4a90e2;text-decoration:none;font-weight:500}.login-link a:hover{text-decoration:underline;color:#357abd}.mt-6.text-center{margin-top:1.5rem;text-align:center}.text-sm.text-gray-600{font-size:.875rem;color:#666}.font-medium.text-blue-600{font-weight:500;color:#4a90e2;text-decoration:none}.font-medium.text-blue-600:hover{text-decoration:underline}@media (max-width: 768px){.registration-container{width:95%;margin:0 auto;padding:.5rem}.registration-form-container{padding:.5rem;width:100%;display:flex;flex-direction:column;align-items:stretch}.registration-form{width:100%;max-width:none;padding:1rem;margin:0;box-sizing:border-box}.registration-form h2{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.login-link{width:100%;text-align:center;margin-top:1.5rem;padding:1rem;font-size:.9rem}.registration-success{width:100%;max-width:none;padding:1rem;margin:0}.registration-success h2{font-size:1.5rem}.success-message{padding:1rem}.next-steps{padding:.75rem 1rem}.registration-content{padding-top:70px}}@media (max-width: 640px){.registration-container{width:95%;padding:.25rem}.registration-form-container{padding:.25rem}.registration-form{padding:.75rem}.registration-form h2{font-size:1.3rem;margin-bottom:1rem}.form-group{margin-bottom:.75rem}input,select,textarea{padding:.6rem .75rem;font-size:.95rem}button[type=submit]{padding:.6rem 1rem;font-size:.95rem}.login-link{padding:.75rem;font-size:.85rem}.registration-success,.success-message{padding:.75rem}.next-steps{padding:.5rem .75rem}}.mt-1{margin-top:.25rem}.registration-container input,.registration-container select,.registration-container textarea{text-transform:none!important;color:#333!important}.registration-success{text-align:center;max-width:600px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a}.registration-success h2{color:#4a90e2;margin-bottom:1.5rem;font-size:1.8rem}.success-message{background-color:#f1f9ff;border-radius:6px;padding:1.5rem;border-left:4px solid #4a90e2;text-align:left}.success-message p{margin-bottom:1rem;line-height:1.6;color:#333}.success-message strong{color:#0f4c81;font-weight:600}.next-steps{margin-top:1.5rem;background-color:#f8f8f8;padding:1rem 1.5rem;border-radius:6px}.next-steps p{font-weight:600;margin-bottom:.5rem}.next-steps ol{padding-left:1.5rem;margin-bottom:0}.next-steps li{margin-bottom:.5rem;line-height:1.5}.button-container{margin-top:2rem;text-align:center}.login-button{display:inline-block;padding:.75rem 1.5rem;background-color:#4a90e2;color:#fff;border-radius:6px;font-weight:500;text-decoration:none;transition:background-color .2s}.login-button:hover{background-color:#357abd;text-decoration:none;color:#fff}.divider{margin:1.5rem 0;text-align:center;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#ddd}.divider span{background-color:#fff;padding:0 1rem;color:#666;font-size:.875rem;font-weight:500}.google-signin-container{margin-bottom:1.5rem}.google-signin-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;border:2px solid #dadce0;border-radius:6px;background-color:#fff;color:#3c4043;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:48px}.google-signin-button:hover:not(:disabled){border-color:#4285f4;box-shadow:0 2px 4px #0000001a;background-color:#f8f9fa}.google-signin-button:disabled{opacity:.6;cursor:not-allowed}.google-icon{width:20px;height:20px;flex-shrink:0}@media (max-width: 480px){.google-signin-button{font-size:.8rem;padding:.7rem .8rem}.google-icon{width:18px;height:18px}}.verification-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px}.verification-box{background-color:var(--background-color-light, #fff);border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem;width:100%;max-width:500px;text-align:center}.verification-box h2{margin-bottom:1.5rem;color:var(--text-color-dark, #333)}.error-message{color:var(--error-color, #dc3545);background-color:var(--error-bg, #f8d7da);border-radius:4px;padding:.75rem;margin-bottom:1rem}.success-message{color:var(--success-color, #28a745);background-color:var(--success-bg, #d4edda);border-radius:4px;padding:.75rem;margin-bottom:1rem}.verification-actions,.resend-verification,.verification-help{margin-bottom:2rem}.verification-actions p,.resend-verification p,.verification-help p{margin-bottom:1rem;color:var(--text-color, #666)}.verify-button,.resend-button,.login-button{width:100%;padding:.75rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s,opacity .2s;margin-bottom:1rem}.verify-button{background-color:var(--primary-color, #007bff);color:#fff}.verify-button:hover{background-color:var(--primary-color-dark, #0056b3)}.resend-button{background-color:var(--secondary-color, #6c757d);color:#fff}.resend-button:hover{background-color:var(--secondary-color-dark, #545b62)}.login-button{background-color:var(--tertiary-color, #17a2b8);color:#fff}.login-button:hover{background-color:var(--tertiary-color-dark, #138496)}.verify-button:disabled,.resend-button:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 576px){.verification-box{padding:1.5rem}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#1a1a1a;color:#fff}.loading-spinner{width:50px;height:50px;border:5px solid #333333;border-top:5px solid #646cff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-container p{font-size:1.1rem;color:#fff;margin:0}.subscription-activation-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px}.activation-form-container{background-color:var(--background-color-light, #fff);border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem;width:100%;max-width:500px}.activation-form-container h2{text-align:center;margin-bottom:1.5rem;color:var(--text-color-dark, #333)}.current-subscription-info{background-color:#e8f5e9;border-radius:6px;padding:1rem;margin-bottom:1.5rem;border-left:4px solid #4caf50}.current-subscription-info h3{margin-top:0;margin-bottom:.5rem;color:#2e7d32;font-size:1rem;font-weight:600}.current-subscription-info p{margin:.5rem 0;color:#333;font-size:.9rem}.error-message{color:var(--error-color, #dc3545);background-color:var(--error-bg, #f8d7da);border-radius:4px;padding:.75rem;margin-bottom:1rem;text-align:center}.activation-form{margin-bottom:2rem}.form-group input{width:100%;padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.form-actions{margin-top:1.5rem}.activate-button,.purchase-button{width:100%;padding:.75rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s,opacity .2s}.activate-button{background-color:var(--primary-color, #007bff);color:#fff}.activate-button:hover{background-color:var(--primary-color-dark, #0056b3)}.activate-button:disabled{opacity:.7;cursor:not-allowed}.subscription-info{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #ddd)}.subscription-info p{margin-bottom:1rem;color:var(--text-color, #666)}.purchase-button{background-color:var(--secondary-color, #6c757d);color:#fff}.purchase-button:hover{background-color:var(--secondary-color-dark, #545b62)}@media (max-width: 576px){.activation-form-container{padding:1.5rem}}.users-page{padding:20px;max-width:100%;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e1e4e8}.page-header h1{margin:0;color:#2c3e50;font-size:24px}.add-user-btn{background-color:#4caf50;color:#fff;border:none;padding:10px 16px;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}.add-user-btn:hover{background-color:#45a049}.users-table{overflow-x:auto;margin-top:20px}.users-table table{width:100%;border-collapse:collapse;margin-bottom:20px;background-color:#fff;box-shadow:0 1px 3px #0000001a}.users-table th,.users-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e1e4e8}.users-table th{background-color:#f1f1f1;font-weight:600;color:#444}.users-table tr:hover{background-color:#f8f9fa}.status-toggle,.role-toggle{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-weight:500;color:#fff;transition:all .2s}.status-toggle.active{background-color:#4caf50}.status-toggle.inactive{background-color:#f44336}.role-toggle.admin{background-color:#2196f3}.role-toggle.user{background-color:#ff9800}.status-toggle:hover,.role-toggle:hover{opacity:.9}.edit-btn{background-color:#2196f3;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s}.edit-btn:hover{background-color:#0b7dda}.error-message{background-color:#ffebee;color:#d32f2f;padding:10px;margin-bottom:15px;border-radius:4px;border-left:4px solid #f44336}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:500px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 8px #0003}.modal-content h2{margin-top:0;color:#2c3e50;border-bottom:1px solid #e1e4e8;padding-bottom:10px;margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input[type=checkbox]{margin-right:8px}.checkbox-group{display:flex;align-items:center;margin-bottom:15px}.checkbox-group input[type=checkbox]{margin-right:10px;width:auto}.checkbox-group label{margin-bottom:0;font-weight:400}.form-container{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:600px;margin:2rem auto}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.form-actions button{padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-weight:500;flex:1;text-align:center}.form-actions .cancel-btn{background-color:#6c757d}.form-actions .cancel-btn:hover{background-color:#5a6268}.form-actions button:hover{opacity:.9}.subscription-codes-page{padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a}.subscription-codes-page.loading,.subscription-codes-page.error-message{padding:30px;text-align:center;font-size:16px}.subscription-codes-page.error-message{color:#d32f2f;background-color:#ffebee;border-left:4px solid #f44336}.generate-code-section{margin-bottom:20px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.generate-code-section h2{margin-top:0;margin-bottom:15px;color:#2c3e50;font-size:18px;border-bottom:1px solid #e1e4e8;padding-bottom:10px}.generate-code-section form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:15px}.generate-code-section .form-group{flex:1;min-width:200px}.generate-code-section select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.generate-code-section button{padding:10px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}.generate-code-section button:hover{background-color:#45a049}.generate-code-section button:disabled{background-color:#ccc;cursor:not-allowed}.generated-code-display{margin-bottom:20px;padding:20px;background-color:#e8f5e9;border-radius:8px;border-left:4px solid #4caf50;box-shadow:0 1px 3px #0000001a}.generated-code-display h3{margin-top:0;color:#2e7d32;font-size:16px}.generated-code-details{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.generated-code-details p{margin:0}.generated-code-details code{background-color:#0000000d;padding:3px 6px;border-radius:3px;font-family:monospace;font-size:14px}.copy-button{background-color:#2196f3;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s}.copy-button:hover{background-color:#0b7dda}.codes-list-section{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.codes-list-section h2{margin-top:0;margin-bottom:15px;color:#2c3e50;font-size:18px;border-bottom:1px solid #e1e4e8;padding-bottom:10px}.codes-table{width:100%;border-collapse:collapse;margin-bottom:0}.codes-table th,.codes-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e1e4e8}.codes-table th{background-color:#f1f1f1;font-weight:600;color:#444}.codes-table tr:hover{background-color:#f8f9fa}.codes-table code{background-color:#0000000d;padding:3px 6px;border-radius:3px;font-family:monospace}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start}.add-user-btn{margin-top:10px}.users-table th,.users-table td{padding:8px 10px}.form-actions{flex-direction:column}.form-actions button{width:100%;margin-bottom:8px}.generate-code-section form{flex-direction:column;align-items:stretch}.codes-table{display:block;overflow-x:auto}.generated-code-details{flex-direction:column;align-items:flex-start}}.security-dashboard{max-width:1200px;margin:0 auto}.dashboard-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px;border-radius:10px;text-align:center;box-shadow:0 4px 6px #0000001a}.summary-card h3{margin:0 0 15px;font-size:16px;opacity:.9}.summary-number{font-size:36px;font-weight:700;margin:10px 0}.summary-label{margin:0;opacity:.8;font-size:14px}.dashboard-section{background:#fff;border-radius:8px;padding:25px;margin-bottom:25px;box-shadow:0 2px 4px #0000001a}.dashboard-section h2{margin:0 0 20px;color:#2c3e50;font-size:20px;border-bottom:2px solid #e1e4e8;padding-bottom:10px}.events-list,.rate-limits-list,.suspicious-activities-list{display:flex;flex-direction:column;gap:15px}.event-item,.rate-limit-item,.suspicious-activity-item{border:1px solid #e1e4e8;border-radius:6px;padding:15px;background:#f8f9fa}.event-item.severity-high{border-left:4px solid #dc3545;background:#fff5f5}.event-item.severity-medium{border-left:4px solid #ffc107;background:#fffbf0}.event-item.severity-low{border-left:4px solid #28a745;background:#f0fff4}.event-header,.rate-limit-header,.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.event-type,.rate-limit-key,.activity-type{font-weight:700;color:#2c3e50}.event-time,.rate-limit-until,.activity-score{font-size:14px;color:#6c757d}.event-details,.rate-limit-details,.activity-details{font-size:14px;color:#495057}.event-details p,.rate-limit-details p,.activity-details p{margin:5px 0}.no-data{text-align:center;color:#6c757d;font-style:italic;padding:20px}.system-status{background:#f8f9fa;border-radius:6px;padding:20px}.system-status p{margin:8px 0;display:flex;justify-content:space-between}.loading-state,.error-state{text-align:center;padding:40px;color:#6c757d}.error-state{color:#dc3545}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e1e4e8}.admin-header h1{margin:0;color:#2c3e50}.btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:600;transition:background-color .2s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary:hover{background-color:#545b62}@media (max-width: 768px){.dashboard-summary{grid-template-columns:1fr}.admin-header{flex-direction:column;gap:15px;align-items:stretch}.event-header,.rate-limit-header,.activity-header{flex-direction:column;align-items:flex-start;gap:5px}}.landing-page{display:flex;flex-direction:column;min-height:100vh;background-color:#fff}.container{width:100%;max-width:var(--container-width);margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.section-padding{padding-top:4rem;padding-bottom:4rem}.alt-background{background-color:var(--light-bg)}.text-center{text-align:center}.section-title{font-size:2.5rem;margin-bottom:1.5rem;text-align:center;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(0,0,0,.1)}.section-subtitle{font-size:1.2rem;color:#4a5568;text-align:center;margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6;text-shadow:0 2px 4px rgba(0,0,0,.05)}.section-intro-text{text-align:center;color:var(--secondary-color);margin-bottom:1.5rem;font-weight:500}.btn{display:inline-block;padding:1rem 2.5rem;border:1px solid rgba(255,255,255,.2);border-radius:50px;text-decoration:none;cursor:pointer;font-weight:600;font-size:1rem;text-align:center;transition:all .3s ease;white-space:nowrap;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:1px}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:#fff3;color:#fff;border-color:#ffffff4d;box-shadow:0 8px 32px #0000001a,0 0 40px #ffffff1a}.btn-primary:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 12px 40px #00000026,0 0 60px #fff3;color:#fff;text-decoration:none}.btn-secondary{background:#ffffff1a;color:#fff;border-color:#ffffff4d;box-shadow:0 4px 16px #0000001a}.btn-secondary:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 24px #00000026;color:#fff;text-decoration:none}.btn-large{padding:1.2rem 3rem;font-size:1.1rem}.landing-header{background-color:#fff;border-bottom:1px solid var(--border-color);padding:.8rem 0;position:sticky;top:0;z-index:1020;box-shadow:0 2px 4px #0000000d}.logo{font-size:1.8rem;font-weight:700;color:var(--primary-color);text-decoration:none}.logo:hover{text-decoration:none;color:var(--primary-color)}.landing-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:1.5rem}.landing-nav a{color:var(--text-color);font-weight:500;padding:.5rem 0;position:relative}.landing-nav a:hover{color:var(--primary-color);text-decoration:none}.landing-nav a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--primary-color);transition:width .3s ease}.landing-nav a:hover:after{width:100%}.hero-section{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative;padding:4rem 0;overflow:hidden;transition:opacity .5s ease-in-out;transform:translateZ(0);will-change:transform}.hero-section.image-loading{opacity:.8}.hero-section.image-loaded{opacity:1}.image-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);z-index:0}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.hero-section{background-attachment:scroll;min-height:80vh}}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(120,200,255,.3) 0%,transparent 50%);z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;padding:3rem 2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a,0 0 80px #ffffff1a;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-content h1{font-size:3.2rem;margin-bottom:1.5rem;font-weight:700;text-shadow:0 4px 20px rgba(0,0,0,.3);background:linear-gradient(135deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content .subtitle{font-size:1.3rem;margin-bottom:2.5rem;opacity:.95;text-shadow:0 2px 10px rgba(0,0,0,.2);line-height:1.6}.hero-cta{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.social-proof-section{padding:2rem 0;background-color:var(--light-bg)}.logos-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;filter:grayscale(100%);opacity:.7}.logos-container span{font-style:italic;color:#888}.features-section{position:relative;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);overflow:hidden}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(255,119,198,.1) 0%,transparent 50%);z-index:1}.features-section .container{position:relative;z-index:2}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;margin-top:4rem}.feature-item{text-align:center;padding:2rem 1rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;position:relative}.feature-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.click-hint{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;opacity:0;transition:opacity .3s ease;pointer-events:none}.feature-item:hover .click-hint{opacity:1}.feature-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.feature-modal{background:#fff;border-radius:20px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.feature-modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px 20px 0 0}.feature-modal-header h2{margin:0;font-size:1.8rem;font-weight:600}.close-button{background:#fff3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.close-button:hover{background:#ffffff4d;transform:scale(1.1)}.feature-modal-content{padding:2rem}.feature-description{font-size:1.1rem;color:#4a5568;line-height:1.6;margin-bottom:2rem;font-weight:500}.feature-modal-content h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:1.5rem;font-weight:600}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{position:relative;padding:.75rem 0 .75rem 2rem;color:#2d3748;font-size:1rem;line-height:1.5;border-bottom:1px solid #f7fafc}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--success-color, #28a745);font-weight:700;font-size:1.2rem}.feature-list li:last-child{border-bottom:none}.landing-footer{background-color:var(--dark-bg);color:#fffc;padding-top:3rem}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-column h4{color:#fff;margin-bottom:1rem;font-size:1.1rem}.footer-column p{font-size:.9rem;margin-bottom:1rem}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column ul li{margin-bottom:.6rem}.footer-column ul a{color:#fffc;text-decoration:none;font-size:.9rem}.footer-column ul a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid #495057;padding:1.5rem 0;text-align:center;font-size:.85rem;color:#fff9}@media (max-width: 991px){.landing-nav{display:none}.header-actions .btn-secondary{font-size:.9rem}.hero-content h1{font-size:2.2rem}.hero-content .subtitle{font-size:1.1rem}.hero-content{padding:2.5rem 1.5rem;margin:0 1rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-item{padding:2rem 1.5rem}.feature-icon{font-size:3.2rem}.section-title,.final-cta-section h2{font-size:2.2rem}}@media (max-width: 767px){.hero-content{padding:2rem 1rem;border-radius:15px}.hero-content h1{font-size:2.5rem}.hero-content .subtitle{font-size:1.15rem}.hero-cta{flex-direction:column;align-items:center;gap:1rem}.btn{width:100%;max-width:300px}.feature-item{padding:1.5rem}.feature-icon{font-size:3rem}.section-title{font-size:2rem}.section-subtitle{font-size:1.1rem;margin-bottom:2.5rem}.final-cta-section h2{font-size:2rem}.final-cta-section .btn-primary{padding:1.2rem 2.5rem;font-size:1.1rem}.value-item{padding:1.5rem;margin-bottom:1rem}.testimonial-item{padding:2rem}}@media (max-width: 575px){.hero-content h1{font-size:2rem}.hero-content .subtitle{font-size:1rem}.hero-content{padding:1.5rem 1rem}.section-title{font-size:1.8rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-item{padding:1.2rem}.feature-icon{font-size:2.8rem}.final-cta-section h2{font-size:1.8rem}.btn{padding:1rem 2rem;font-size:.9rem}}.header-actions .btn-secondary{font-size:.9rem}.bg-light{background-color:#f8f9fa}.species-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem;align-items:stretch}.species-item{background:#fff;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:auto;min-height:400px}.species-item:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.species-icon{font-size:3rem;margin-bottom:1rem}.species-item h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.species-item p{color:var(--text-color);margin-bottom:2rem;line-height:1.6}.species-features{list-style:none;padding:0;margin:auto 0 0;text-align:left;flex-grow:1}.species-features li{position:relative;padding:.75rem 0 .75rem 1.5rem;color:var(--text-color-dark);font-size:.9rem;line-height:1.4}.species-features li:before{content:"✓";position:absolute;left:0;color:var(--success-color, #28a745);font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.feature-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.feature-item h3{color:var(--text-color);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.feature-item p{color:var(--text-color-light);line-height:1.6}@media (max-width: 768px){.species-grid,.features-grid{grid-template-columns:1fr;gap:1.5rem}.species-item,.feature-item{padding:1.5rem;min-height:auto}.species-icon{font-size:2.5rem}.feature-icon,.section-title{font-size:2rem}}@media (max-width: 480px){.section-padding{padding-top:2rem;padding-bottom:2rem}.species-item,.feature-item{padding:1rem}}.hero-section:after{content:"";position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;background:url(/goatBG.webp) no-repeat;background-size:1px 1px}.webp .hero-section{background-image:url(/goatBG.webp)}.no-webp .hero-section{background-image:url(/goatBG.png)}@media (max-width: 480px){.hero-section{background-image:url(/goatBG-small.webp)}.no-webp .hero-section{background-image:url(/goatBG-small.jpg)}}@media (min-width: 481px) and (max-width: 1024px){.hero-section{background-image:url(/goatBG-medium.webp)}.no-webp .hero-section{background-image:url(/goatBG-medium.jpg)}}.dashboard-section.herds-page .list-grid{grid-template-columns:repeat(3,1fr)}@media (max-width: 992px){.dashboard-section.herds-page .list-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.dashboard-section.herds-page .list-grid{grid-template-columns:1fr}}.herds-page .list-card-actions{flex-direction:row;border-top:1px solid var(--border-color);padding:1rem 1.25rem;border-left:none;width:auto;padding-left:0}.herds-page .list-card-actions button,.herds-page .list-card-actions a{width:auto;flex:1}.dashboard-section.farms-page .list-grid{grid-template-columns:repeat(2,1fr)}@media (max-width: 992px){.dashboard-section.farms-page .list-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.dashboard-section.farms-page .list-grid{grid-template-columns:1fr}}.farms-page .list-card-actions{flex-direction:row;border-top:1px solid var(--border-color);padding:1rem 1.25rem;border-left:none;width:auto;padding-left:0}.farms-page .list-card-actions button,.farms-page .list-card-actions a{width:auto;flex:1}.goats-page{position:relative;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;color:#666}.page-header h1{margin:0;font-size:1.8rem;color:#666}.add-button{padding:10px 20px;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s}.add-button:hover{background-color:#357abd}.card-bottom-btn-wrapper{position:absolute;bottom:0;left:0;right:0;padding:10px}.view-profile-btn,.request-cross-btn{display:block;width:90%;text-align:center;padding:8px 0}.goat-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-top:20px}.goat-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:visible;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;height:100%;position:relative;z-index:1;transform:translateZ(0);padding-bottom:60px}.goat-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.goat-card-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid #eaeaea}.goat-card-image-container{position:relative;width:80px;height:80px;flex-shrink:0;margin-right:16px}.goat-card-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.goat-card-title h3{margin:0 0 8px;font-size:1.2rem;color:#333}.goat-name-link{text-decoration:none;color:inherit}.goat-name-link:hover h3{color:#4a90e2;text-decoration:underline}.goat-main-details{display:flex;flex-wrap:wrap;gap:8px;font-size:.9rem}.tag-number{background-color:#f0f0f0;padding:3px 8px;border-radius:4px;font-size:.8rem}.status-badge{padding:3px 8px;border-radius:4px;font-size:.8rem;font-weight:500;background-color:#e0e0e0}.status-active{background-color:#e3fcef;color:#0d6832}.status-inactive{background-color:#f8d7da;color:#842029}.status-sold{background-color:#cfe2ff;color:#084298}.status-deceased{background-color:#f8f9fa;color:#6c757d}.goat-card-details{padding:16px;display:flex;border-bottom:1px solid #eaeaea}.primary-actions button{padding:10px;border:none;border-radius:6px;color:#fff;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;text-shadow:0 1px 2px rgba(0,0,0,.5)}.primary-actions button:hover{transform:translateY(-2px);box-shadow:0 3px 5px #0000001a}.primary-actions button svg{margin-right:6px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.edit-button{background-color:#3b82f6}.edit-button:hover{background-color:#2563eb}.health-button{background-color:#10b981}.health-button:hover{background-color:#059669}.weight-button{background-color:#f59e0b}.weight-button:hover{background-color:#d97706}.dropdown-container{position:relative;z-index:9995;margin-bottom:8px}.more-actions-button{width:100%;padding:10px;background-image:linear-gradient(120deg,rgba(255,255,255,.18) 0%,transparent 100%),linear-gradient(90deg,#e0e7ef,#c7d2fe);border:1.5px solid rgba(200,200,255,.18);border-radius:10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .2s,color .2s;font-weight:600;color:#23272f!important;font-size:1.08rem;box-shadow:0 2px 8px #2c3e501a;-webkit-backdrop-filter:blur(6px) saturate(1.2);backdrop-filter:blur(6px) saturate(1.2);text-shadow:none}.more-actions-button:hover{background-image:linear-gradient(120deg,rgba(255,255,255,.28) 0%,transparent 100%),linear-gradient(90deg,#c7d2fe,#e0e7ef);color:#1d2230!important}.more-actions-button svg:first-child{margin-right:6px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.more-actions-button .chevron-rotated{transform:rotate(180deg);transition:transform .2s ease}.dropdown-menu{background:linear-gradient(120deg,#ffffffd9,#e0e7ef);border-radius:12px;border:1.5px solid rgba(200,200,255,.18);box-shadow:0 8px 32px #4d79ff2e,0 2px 12px #2c3e5021;z-index:9999;overflow:hidden;animation:dropdownFadeIn .2s ease-out;max-height:300px;overflow-y:auto;transform:translateZ(0);color:#23272f;-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;padding:12px 18px;text-align:left;border:none;background:linear-gradient(120deg,#ffffffb3,#e0e7ef);cursor:pointer;display:flex;align-items:center;transition:background .18s,color .18s;font-weight:500;color:#23272f!important;font-size:1.05rem;border-bottom:1px solid #e0e7ef;-webkit-backdrop-filter:blur(6px) saturate(1.2);backdrop-filter:blur(6px) saturate(1.2);text-shadow:none}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:linear-gradient(90deg,#c7d2fe,#e0e7ef);color:#1d2230!important}.dropdown-item.delete-item{color:#dc2626!important;font-weight:600}.dropdown-item.delete-item:hover{background:linear-gradient(90deg,#fee2e2,#fbbf24);color:#b91c1c!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:20px}.modal-container{background-color:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eaeaea;position:sticky;top:0;background-color:#fff;z-index:10}.modal-header h3{margin:0;font-size:1.3rem;color:#333}.close-modal-btn{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:50%;width:36px;height:36px;transition:background-color .2s}.close-modal-btn:hover{background-color:#f0f0f0;color:#333}.modal-content{padding:20px}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px}.tutorial-modal{background-color:#fff;padding:30px;border-radius:12px;max-width:550px;text-align:center;box-shadow:0 10px 25px #0000004d}.tutorial-modal h2{margin-top:0;color:#333;font-size:1.6rem}.tutorial-content{margin:20px 0;text-align:left}.tutorial-content ol{padding-left:25px;line-height:1.6}.tutorial-content li{margin-bottom:10px}.tutorial-button{background-color:#4a90e2;color:#fff;padding:12px 24px;border-radius:6px;border:none;font-size:1rem;cursor:pointer;font-weight:500;transition:background-color .2s;margin-top:15px}.tutorial-button:hover{background-color:#3a80d2}.accessibility-controls{position:fixed;bottom:20px;right:20px;display:flex;gap:10px;z-index:100}.accessibility-button{background-color:#fff;border:1px solid #ddd;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0000001a;transition:all .2s;font-size:1.2rem}.accessibility-button:hover{transform:translateY(-3px);box-shadow:0 4px 8px #00000026}.high-contrast{background-color:#000!important;color:#fff!important}.high-contrast .goat-card{background-color:#222!important;color:#fff!important;border:2px solid #fff}.high-contrast .goat-card-header,.high-contrast .goat-card-details,.high-contrast .goat-card-actions{border-color:#444}.high-contrast .goat-name-link h3{color:#fff}.high-contrast .edit-button{background-color:#fc0!important;color:#000!important}.high-contrast .health-button{background-color:#0c6!important;color:#000!important}.high-contrast .weight-button{background-color:#f90!important;color:#000!important}.high-contrast .more-actions-button{background-color:#333;border-color:#666;color:#fff}.high-contrast .dropdown-menu{background-color:#333;border-color:#666}.high-contrast .dropdown-item{color:#fff}.high-contrast .dropdown-item:hover{background-color:#444}.large-text{font-size:120%!important}.large-text h2,.large-text h3{font-size:130%!important}.large-text p,.large-text span,.large-text button{font-size:120%!important}.loading{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:1.2rem;color:#666}.error-message{background-color:#fee2e2;color:#b91c1c;padding:20px;border-radius:8px;margin:20px 0;text-align:center}.no-results{text-align:center;padding:40px 20px;background-color:#f8f9fa;border-radius:10px;margin:20px 0}.no-results h3{margin-top:0;color:#333;font-size:1.4rem}.no-results p{color:#666;margin-bottom:20px}.breed-mode-indicator{font-size:.75rem;padding:.1rem .3rem;margin-left:.5rem;border-radius:3px;display:inline-block;font-weight:400}.breed-mode-indicator.auto{background-color:#e3f2fd;color:#1565c0;border:1px solid #bbdefb}.breed-mode-indicator.manual{background-color:#fff3e0;color:#e65100;border:1px solid #ffe0b2}@media (max-width: 768px){.goat-cards-grid{grid-template-columns:1fr}.goat-card-header{flex-direction:column;text-align:center}.goat-card-image-container{margin-right:0;margin-bottom:16px}.goat-card-details{flex-direction:column}.primary-actions{grid-template-columns:1fr}.modal-container{width:95%;max-height:80vh}}@media (min-width: 769px) and (max-width: 1200px){.goat-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.goats-action-btn,.goat-action-btn,.add-goat-btn,.edit-goat-btn,.delete-goat-btn,.health-goat-btn,.weight-goat-btn,.more-actions-goat-btn,.add-button{background:none!important;color:inherit!important;box-shadow:none!important;border:none}.goat-weight-manager{padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.search-bar-container{display:flex;align-items:center;background:#f8f9fa;border:1px solid #ced4da;border-radius:6px;padding:8px 15px;margin-bottom:20px;position:relative}.search-icon{color:#6c757d;margin-right:10px;min-width:16px}.search-input{flex:1;border:none;background:transparent;padding:8px 0;font-size:16px;color:#495057;width:100%}.search-input:focus{outline:none}.health-buttons-container{display:flex;align-items:center;gap:15px;margin-bottom:30px}.weight-form{display:grid;grid-template-columns:1fr;gap:15px;align-items:center;padding:15px;background:#f8f9fa;border-radius:6px;margin-bottom:20px}.weight-form label{font-weight:500;color:#495057}.weight-form input[type=date],.weight-form input[type=number]{padding:12px;border:1px solid #ced4da;border-radius:4px;font-size:16px;width:100%}.weight-form button{padding:12px 16px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;font-size:16px;min-height:48px;grid-column:1 / -1;margin-top:10px}.weight-form button:hover{background-color:#218838}.weight-form button:disabled{background-color:#6c757d;cursor:not-allowed}.add-vaccine-btn{padding:12px 16px;background-color:#17a2b8;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;white-space:nowrap;min-height:48px;font-size:16px}.weight-table{display:block;width:100%;border-collapse:collapse;margin-top:20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.weight-table th,.weight-table td{padding:12px;text-align:left;border-bottom:1px solid #dee2e6}.weight-table th{background-color:#f8f9fa;font-weight:600;color:#495057}.weight-table tr:hover{background-color:#f8f9fa}.weight-record-card{display:none;padding:15px;border:1px solid #dee2e6;border-radius:6px;margin-bottom:10px;background-color:#fff}.weight-record-card .record-date{font-weight:700;margin-bottom:5px}.weight-record-card .record-weight{font-size:1.2rem;color:#28a745}.error-message{color:#dc3545;padding:10px;margin:10px 0;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}.back-button{display:inline-flex;align-items:center;padding:12px 16px;background-color:#6c757d;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .2s;font-size:16px;width:100%;justify-content:center}.back-button:hover{background-color:#5a6268;text-decoration:none;color:#fff}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px;flex-direction:column;align-items:flex-start}.section-header h2{margin:0;color:#343a40}.section-header-actions{display:flex;gap:10px;margin-top:10px;width:100%}@media (max-width: 768px){.goat-weight-manager{padding:15px}.section-header{flex-direction:column;align-items:flex-start}.section-header-actions{margin-top:10px;width:100%}.back-button{width:100%;justify-content:center}.weight-form{grid-template-columns:1fr;padding:15px}.weight-form input[type=date],.weight-form input[type=number]{grid-column:1 / -1}.weight-form button{grid-column:1 / -1;margin-top:10px}.weight-table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 480px){.weight-table{display:none}.weight-record-card{display:block}}}.goat-recommendations-plan{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001f;margin:1rem 0;padding:1.5rem;max-width:100%;overflow:hidden}.recommendations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid #e1e1e1;padding-bottom:.8rem}.recommendations-header h3{margin:0;color:#2c3e50;font-size:1.3rem}.close-button{background:none;border:none;font-size:1.5rem;color:#7f8c8d;cursor:pointer;padding:0;line-height:1}.close-button:hover{color:#e74c3c}.recommendations-tabs{display:flex;gap:.5rem;margin-bottom:1.2rem;border-bottom:1px solid #e1e1e1;padding-bottom:.5rem}.recommendations-tabs .tab-button{padding:.5rem 1rem;border:none;background-color:#f5f5f5;cursor:pointer;border-radius:4px;font-weight:500;transition:all .2s ease;font-size:.9rem}.recommendations-tabs .tab-button:hover{background-color:#e9e9e9}.recommendations-tabs .tab-button.active{background-color:#4a90e2;color:#fff}.recommendations-content{padding:.5rem 0}.vaccination-plan{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.vaccination-plan{grid-template-columns:minmax(250px,1fr) 2fr}}.upcoming-vaccinations{background-color:#f8f9fa;border-radius:8px;padding:1rem}.upcoming-vaccinations h4,.vaccine-groups h4,.reminders-section h4,.recommendations-section h4{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e1e1e1;padding-bottom:.8rem;margin-top:0;margin-bottom:1rem;color:#2c3e50;font-size:1.1rem}.schedule-item{display:flex;margin-bottom:.8rem;padding:.8rem;background-color:#fff;border-left:3px solid #4a90e2;border-radius:0 4px 4px 0;box-shadow:0 1px 3px #0000000d}.vaccine-section h5{margin-top:0;margin-bottom:.8rem;color:#34495e;font-weight:500}.vaccine-item{display:flex;align-items:flex-start;padding:.8rem;background-color:#fff;border-radius:4px;margin-bottom:.8rem;box-shadow:0 1px 3px #0000000d}.supplement-recommendations{display:grid;grid-template-columns:1fr;gap:1rem}.recommendation-item,.reminder-item{display:flex;align-items:flex-start;gap:.8rem;padding:.8rem;background-color:#fff;border-radius:4px;margin-bottom:.8rem;box-shadow:0 1px 3px #0000000d}.recommendation-icon{color:#2ecc71;min-width:1rem;margin-top:.2rem}.reminder-icon{color:#f39c12;min-width:1rem;margin-top:.2rem}.no-data,.no-schedule,.no-recommendations,.loading-inline,.no-data-message{color:#7f8c8d;padding:1rem 0;font-style:italic}.goat-recommendations-plan .recommendations-tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:20px}.goat-recommendations-plan .tab-button{padding:10px 20px;cursor:pointer;border:none;background-color:transparent;font-size:1em;color:#555;border-bottom:3px solid transparent;transition:color .3s ease,border-bottom-color .3s ease}.goat-recommendations-plan .tab-button.active{color:#007bff;border-bottom-color:#007bff;font-weight:700}.goat-recommendations-plan .tab-button:hover{color:#0056b3}.goat-recommendations-plan .recommendations-content{padding:0 10px}.breeding-recommendations-content{padding:15px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9;box-shadow:0 2px 4px #0000000d}.breeding-recommendations-content h4{color:#333;margin-bottom:15px;display:flex;align-items:center}.breeding-recommendations-content h4 .fa-venus-mars{margin-right:10px;color:#007bff}.breeding-recommendations-content .status-message{font-size:1.1em;margin-bottom:15px;padding:10px;border-radius:4px}.breeding-recommendations-content.status-eligible .status-message{background-color:#e6ffed;border-left:5px solid #4caf50;color:#2e7d32}.breeding-recommendations-content.status-too_young .status-message,.breeding-recommendations-content.status-resting .status-message,.breeding-recommendations-content.status-not_healthy .status-message,.breeding-recommendations-content.status-pregnant .status-message{background-color:#fff0e6;border-left:5px solid #ff9800;color:#c56000}.breeding-recommendations-content.status-not_applicable .status-message,.breeding-recommendations-content.status-error .status-message{background-color:#ffebee;border-left:5px solid #f44336;color:#b71c1c}.breeding-recommendations-content .recommended-window,.breeding-recommendations-content .next-eligible-date{margin-top:15px;padding:10px;background-color:#fff;border:1px solid #eee;border-radius:4px}.breeding-recommendations-content .icon{margin-right:8px;color:#007bff}.breeding-recommendations-content p{margin-bottom:5px;line-height:1.6}.breeding-recommendations-content strong{color:#333}.loading-inline,.error-message,.no-data-message{padding:15px;text-align:center;font-style:italic;color:#555}.error-message{color:#d32f2f;background-color:#ffebee;border:1px solid #d32f2f;border-radius:4px}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.heat-cycle-tracker{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e5e9}.heat-cycle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.heat-cycle-header h4{margin:0;color:#2c3e50;font-size:1.2rem;font-weight:600}.heat-cycle-form{margin-top:20px}.form-section{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:15px}.form-section h5{margin:0 0 20px;color:#34495e;font-size:1.1rem;font-weight:600;border-bottom:1px solid #dee2e6;padding-bottom:8px}.form-section h6{margin:15px 0 10px;color:#e67e22;font-size:1rem;font-weight:600}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#555}.help-text{font-size:.85rem;color:#6c757d;font-style:italic;font-weight:400}.form-control{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:.95rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{border-color:#4a90e2;outline:0;box-shadow:0 0 0 .2rem #4a90e240}.form-actions{display:flex;gap:10px;margin-top:20px}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background-color:#4a90e2;color:#fff}.btn-primary:hover:not(:disabled){background-color:#357abd;transform:translateY(-1px)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62}.heat-cycle-results{background:#e8f5e8;border:1px solid #c3e6c3;border-radius:8px;padding:20px;margin-top:20px}.heat-cycle-results h5{margin:0 0 15px;color:#2d5a2d;font-size:1.1rem;font-weight:600}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.result-item{background:#fff;padding:12px;border-radius:6px;border:1px solid #d4edda;display:flex;flex-direction:column;gap:5px}.result-item.highlight{background:#fff3cd;border-color:#ffeaa7}.result-item strong{color:#2d5a2d;font-size:.9rem}.date-display{font-size:1.1rem;font-weight:600;color:#e67e22}.days-remaining{font-size:1.1rem;font-weight:600;color:#27ae60}.days-remaining.upcoming{color:#e74c3c;animation:pulse 2s infinite}.kidding-date-type{font-size:1rem;font-weight:600;padding:4px 8px;border-radius:4px;display:inline-block}.kidding-date-type.actual-date{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.kidding-date-type.expected-date{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.kidding-date-value{font-size:.85rem;color:#666;margin-top:2px;font-style:italic}.considerations{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:15px;margin-bottom:20px}.considerations ul{margin:10px 0 0;padding-left:20px}.considerations li{margin-bottom:8px;line-height:1.4;font-size:.9rem}.considerations li strong{color:#8b6914}.info-message{background:#d1ecf1;border:1px solid #bee5eb;border-radius:6px;padding:12px;color:#0c5460;margin:10px 0;font-style:italic}@media (max-width: 600px){.heat-cycle-header{flex-direction:column;align-items:stretch;gap:10px}.heat-cycle-header h4{text-align:center}.results-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}}.react-datepicker-wrapper{width:100%}.react-datepicker__input-container input{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:.95rem}.react-datepicker__input-container input:focus{border-color:#4a90e2;outline:0;box-shadow:0 0 0 .2rem #4a90e240}.auto-population-banner{margin-bottom:20px;padding:15px;border-radius:8px;border:1px solid;font-size:.9rem}.auto-population-banner.auto{background:#e8f5e8;border-color:#c3e6c3;color:#2d5a2d}.auto-population-banner.manual{background:#fff3cd;border-color:#ffeaa7;color:#8b6914}.auto-info-content{display:flex;flex-direction:column;gap:8px}.auto-info-main,.breed-params-info{display:flex;align-items:center;gap:8px}.auto-icon,.breed-icon{font-size:1.1rem}.auto-text,.breed-text{font-weight:500}.auto-info-note{font-style:italic;opacity:.8;margin-top:5px;font-size:.85rem}.auto-banner-actions{display:flex;justify-content:space-between;align-items:flex-end;margin-top:10px;gap:10px}.btn-reset{background-color:#6c757d;color:#fff;font-size:.8rem;padding:6px 12px;white-space:nowrap;flex-shrink:0}.btn-reset:hover:not(:disabled){background-color:#545b62}.auto-populated-indicator,.breed-param-indicator{margin-left:8px;font-size:.9rem;opacity:.7;cursor:help}.form-control.auto-populated{border-color:#28a745;background-color:#f8fff9}.form-control.auto-populated:focus{border-color:#28a745;box-shadow:0 0 0 .2rem #28a74540}.form-control.breed-specific{border-color:#6f42c1;background-color:#faf8ff}.form-control.breed-specific:focus{border-color:#6f42c1;box-shadow:0 0 0 .2rem #6f42c140}.data-source-summary{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:12px;margin-top:15px;font-size:.9rem}.data-source-summary h6{margin:0 0 8px;color:#495057;font-size:.9rem;font-weight:600}.data-source-summary ul{margin:0;padding-left:18px;list-style-type:disc}.data-source-summary li{margin-bottom:4px;color:#6c757d}.data-source-summary .icon{margin-right:4px}@media (max-width: 600px){.auto-info-content{flex-direction:column;gap:6px}.auto-info-main,.breed-params-info{flex-direction:column;align-items:flex-start;gap:4px}.data-source-summary{font-size:.8rem;padding:10px}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.profile-actions-section{margin-bottom:1.5rem;padding:16px;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a}.profile-actions-section h4{margin-top:0;margin-bottom:1rem;color:#333;font-size:1.1rem;font-weight:600}.profile-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.action-button{padding:10px;border:none;border-radius:6px;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#fff}.action-button:hover{transform:translateY(-2px);box-shadow:0 3px 5px #0000001a}.action-button svg{margin-right:6px}.add-parents-button,.view-pedigree-button{background-color:#3b82f6}.add-parents-button:hover,.view-pedigree-button:hover{background-color:#2563eb}.manage-health-button{background-color:#10b981}.manage-health-button:hover{background-color:#059669}.manage-weight-button{background-color:#f59e0b}.manage-weight-button:hover{background-color:#d97706}.manage-supplements-button{background-color:#8b5cf6}.manage-supplements-button:hover{background-color:#7c3aed}.add-cross-button{background-color:#ec4899}.add-cross-button:hover{background-color:#db2777}.action-button svg{width:1em;height:1em}.weight-manager-container{padding:1.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d}.profile-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s;margin-bottom:20px}.profile-container:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.profile-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid #eaeaea;background-color:#f8f9fa}.profile-main-info{display:flex;gap:1.5rem;align-items:flex-start}.profile-image-container{position:relative;width:100px;height:100px;flex-shrink:0;margin-right:16px}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:8px;border:none}.profile-title{flex:1}.profile-title h3{margin:0 0 8px;font-size:1.4rem;color:#333}.profile-main-details{display:flex;flex-wrap:wrap;gap:8px;font-size:.9rem}.profile-tag-number{background-color:#f0f0f0;padding:3px 8px;border-radius:4px;font-size:.8rem}.profile-status-badge{padding:3px 8px;border-radius:4px;font-size:.8rem;font-weight:500;background-color:#e0e0e0}.profile-status-active{background-color:#e3fcef;color:#0d6832}.profile-status-inactive{background-color:#f8d7da;color:#842029}.profile-status-sold{background-color:#cfe2ff;color:#084298}.profile-status-deceased{background-color:#f8f9fa;color:#6c757d}.profile-details-section{padding:16px;display:flex;border-bottom:1px solid #eaeaea}.details-column{flex:1}.profile-details-section p{margin:8px 0;font-size:.95rem;line-height:1.4}.section-header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.section-header-actions .edit-button,.section-header-actions .delete-button,.reg-button,.section-header-actions .export-pdf-button{padding:.5rem 1rem;font-size:.9rem;flex-grow:1;min-width:120px}.section-header-actions .edit-button{background-color:#3b82f6;color:#fff;border:none}.section-header-actions .edit-button:hover{background-color:#2563eb}.section-header-actions .delete-button{background-color:#dc2626;color:#fff;border:none}.section-header-actions .delete-button:hover{background-color:#b91c1c}.section-header-actions .reg-button{background-color:#23bd56;color:#fff;border:none}.section-header-actions .reg-button:hover{background-color:#23bd56}.section-header-actions .export-pdf-button{background-color:#10b981;color:#fff;border:none}.section-header-actions .export-pdf-button:hover{background-color:#059669}.section-header-actions .export-health-card-button{background-color:#ef4444;color:#fff;border:none}.section-header-actions .export-health-card-button:hover{background-color:#dc2626}.profile-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tab-button{display:flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;color:#333;background-color:#6c757d;border:1px solid transparent;border-radius:.375rem;cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out,box-shadow .15s ease-in-out;min-width:100px;text-align:center;flex-grow:1}.tab-button:hover{background-color:#5a6268;color:#fff}.tab-button.active{background-color:#3b82f6;color:#fff!important;border-color:#3b82f6;box-shadow:0 2px 4px #0003;font-weight:600}@media (max-width: 768px){.profile-main-info{flex-direction:column}.profile-image-container{margin:0 auto 16px}.profile-details-section{flex-direction:column}.details-column+.details-column{margin-top:16px}.profile-actions-grid{grid-template-columns:1fr}.profile-tabs{gap:.5rem}.tab-button{font-size:.85rem;padding:.4rem .8rem}}@media (max-width: 480px){.section-header-actions .edit-button,.section-header-actions .delete-button,.section-header-actions .export-pdf-button{min-width:100px;font-size:.8rem}.tab-button{font-size:.8rem;width:100%;min-width:auto;padding:.5rem;justify-content:center}}.profile-tab-content{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a}.vaccination-plan{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.vaccination-plan{grid-template-columns:minmax(300px,1fr) 2fr}}.upcoming-vaccinations{background-color:#f8f9fa;border-radius:8px;padding:1rem;height:fit-content}.upcoming-vaccinations h4,.vaccine-groups h4,.reminders-section h4,.recommendations-section h4{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e1e1e1;padding-bottom:.8rem;margin-top:0;color:#2c3e50}.schedule-list{list-style:none;padding:0;margin:0}.schedule-item{display:flex;margin-bottom:.8rem;padding:.8rem;background-color:#fff;border-left:3px solid #4a90e2;border-radius:6px;box-shadow:0 1px 3px #0000001a;transition:transform .2s}.schedule-item:hover{transform:translateY(-2px);box-shadow:0 2px 5px #00000026}.schedule-date{min-width:80px;margin-right:1rem;color:#e74c3c;font-weight:500}.due-date{white-space:nowrap}.schedule-details{display:flex;flex-direction:column;flex-grow:1}.vaccine-name{font-weight:500;color:#2c3e50}.vaccine-type{color:#7f8c8d;font-size:.9rem}.vaccine-groups{background-color:#f8f9fa;border-radius:8px;padding:1rem}.vaccine-section{margin-bottom:1.5rem}.vaccine-section h5{margin-top:1rem;margin-bottom:.8rem;color:#34495e;font-weight:500}.vaccine-list{list-style:none;padding:0;margin:0}.vaccine-item{display:flex;align-items:flex-start;padding:.8rem;background-color:#fff;border-radius:6px;margin-bottom:.8rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s}.vaccine-item:hover{transform:translateY(-2px);box-shadow:0 2px 5px #00000026}.vaccine-item.vaccine-current{border-left:3px solid #2ecc71}.vaccine-item.vaccine-due{border-left:3px solid #f39c12}.vaccine-item.vaccine-overdue{border-left:3px solid #e74c3c}.vaccine-item.vaccine-needed,.vaccine-item.vaccine-recommended,.vaccine-item.vaccine-conditional{border-left:3px solid #3498db}.vaccine-status-icon{margin-right:.8rem;font-size:1.2rem;padding-top:.2rem}.status-icon.current{color:#2ecc71}.status-icon.due,.status-icon.recommended{color:#f39c12}.status-icon.overdue{color:#e74c3c}.status-icon.needed,.status-icon.conditional{color:#3498db}.vaccine-info{display:flex;flex-direction:column;flex-grow:1}.last-given,.next-due{font-size:.9rem;color:#7f8c8d;margin-top:.2rem}.no-data,.no-schedule,.no-recommendations,.loading-inline{color:#7f8c8d;padding:1rem 0;font-style:italic}.supplement-recommendations{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.supplement-recommendations{grid-template-columns:3fr 2fr}}.recommendations-section,.reminders-section{background-color:#f8f9fa;border-radius:8px;padding:1rem}.recommendation-list,.reminder-list{list-style:none;padding:0;margin:0}.recommendation-item,.reminder-item{display:flex;align-items:center;gap:.8rem;padding:.8rem;background-color:#fff;border-radius:6px;margin-bottom:.8rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s}.recommendation-item:hover,.reminder-item:hover{transform:translateY(-2px);box-shadow:0 2px 5px #00000026}.recommendation-item{border-left:3px solid #2ecc71}.reminder-item{border-left:3px solid #f39c12}.recommendation-icon{color:#2ecc71;min-width:1rem}.reminder-icon{color:#f39c12;min-width:1rem}.error-message{color:#e74c3c;padding:1rem;background-color:#fadbd8;border-radius:4px}.no-data-message{color:#7f8c8d;padding:1rem;background-color:#f8f9fa;border-radius:4px;font-style:italic}.family-tree-container{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;padding:25px;margin:20px 0;box-shadow:0 4px 6px #0000000d}.ancestors-section{margin-bottom:40px;padding:20px;background:#4caf500d;border-radius:10px;border-left:4px solid #4CAF50}.current-animal-section{margin:30px 0;padding:20px;background:#2196f30d;border-radius:10px;border-left:4px solid #2196F3}.descendants-section{margin-top:40px;padding:20px;background:#ff98000d;border-radius:10px;border-left:4px solid #FF9800}.descendants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;justify-items:center}.descendant-branch{background:#fff;border-radius:10px;padding:15px;box-shadow:0 2px 4px #0000000d;border:1px solid #eee;transition:transform .2s,box-shadow .2s}.descendant-branch:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.family-tree-container{padding:15px;margin:10px 0}.descendants-grid{grid-template-columns:1fr;gap:15px}.ancestors-section,.descendants-section,.current-animal-section{padding:15px;margin:20px 0}}.calendar-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:100%}.planner-calendar{width:66vw;min-width:350px;max-width:900px;font-size:1.1rem;box-shadow:0 2px 8px #00000012;border-radius:12px;margin-bottom:1.5rem}.calendar-dot{color:#fff;background:#e63946;border-radius:50%;width:1.6em;height:1.6em;display:flex;align-items:center;justify-content:center;font-size:1em;font-weight:700;margin:0 auto;box-shadow:0 0 0 2px #e63946,0 2px 8px #e6394626;border:2px solid #e63946;transition:background .2s,color .2s}.react-calendar__tile--active .calendar-dot,.react-calendar__tile:focus .calendar-dot{background:#fff;color:#e63946;border:2px solid #e63946}.react-calendar__tile.event-day{background:#ffe5e9!important;border-radius:12px}.planner-events-list{margin-top:.5rem;background:#f8f9fa;border-radius:8px;padding:.75rem 1.25rem;min-width:250px;box-shadow:0 1px 4px #0000000a}.calendar-events-list{font-size:.7rem;max-height:100%;overflow:hidden}.calendar-event{margin:2px 0;padding:1px 3px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.calendar-event.projected-kidding{background-color:#764abc33;border-left:3px solid #764abc;color:#333;font-weight:500}.react-calendar__tile.has-kidding{background-color:#764abc1a}.react-calendar__tile.has-events{position:relative}.react-calendar__tile.has-events:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:8px;height:2px;background-color:#333;border-radius:1px}.react-calendar__tile.has-kidding:after{background-color:#764abc}.event.projected-kidding{background-color:#764abc1a;border-left:4px solid #764abc;padding:10px;margin-bottom:5px;border-radius:4px}.event.projected-kidding .event-type{color:#764abc;font-weight:700}.event-toggles{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.event-toggles label{display:flex;align-items:center;gap:6px;font-size:.9rem;cursor:pointer}.event-toggles input[type=checkbox]{cursor:pointer}@media (max-width: 900px){.planner-calendar{width:98vw;min-width:0;max-width:100vw}}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.image-modal-content{position:relative;background-color:#fff;padding:20px;border-radius:8px;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;align-items:center}.image-modal-close-button{position:absolute;top:10px;right:15px;background:none;border:none;font-size:2rem;color:#333;cursor:pointer;line-height:1;padding:0}.image-modal-close-button:hover{color:#000}.image-modal-image{display:block;max-width:100%;max-height:calc(90vh - 60px);object-fit:contain;margin-top:10px}.image-view-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.image-view-modal-content{position:relative;max-width:90vw;max-height:90vh;animation:scaleIn .2s ease-out}.image-view-close-button{position:absolute;top:-40px;right:0;background:#ffffffe6;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;font-weight:700;cursor:pointer;color:#333;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1001}.image-view-close-button:hover{background:#fff;transform:scale(1.1)}.image-view-container{display:flex;align-items:center;justify-content:center;max-width:90vw;max-height:90vh}.image-view-modal-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #00000080;background:#fff}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.image-view-modal-content{max-width:95vw;max-height:95vh}.image-view-close-button{top:-35px;width:28px;height:28px;font-size:16px}}.image-view-modal-overlay:focus{outline:none}.image-view-close-button:focus{outline:2px solid #007bff;outline-offset:2px}.breeding-page .table-container{overflow-x:auto;margin-top:1.5rem}.breeding-page .data-table{width:100%;border-collapse:collapse;border:1px solid var(--border-color, #ddd);font-size:.9rem}.breeding-page .data-table th,.breeding-page .data-table td{border:1px solid var(--border-color, #ddd);padding:.75rem;text-align:left;vertical-align:top}.breeding-page .data-table th{background-color:var(--table-header-bg, #f2f2f2);font-weight:700}.breeding-page .data-table tbody tr:nth-child(2n){background-color:var(--table-row-even-bg, #f9f9f9)}.breeding-page .data-table tbody tr:hover{background-color:var(--table-row-hover-bg, #e9e9e9)}.breeding-page .data-table tbody tr.clickable-row:hover{cursor:pointer;background-color:var(--table-row-hover-clickable-bg, #d9edf7)}.breeding-page .table-actions{display:flex;gap:.5rem;flex-wrap:wrap}.breeding-page .add-button.green-button{background:linear-gradient(135deg,#38a169,#2f855a)!important;border:1px solid #2f855a;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;color:#fff!important;min-width:120px;justify-content:center}.breeding-page .add-button.green-button:hover{background-color:#218838}.breeding-page .add-button.green-button:active{background-color:#1e7e34}.breeding-page .table-button{padding:.3rem .6rem;font-size:.85rem}@media screen and (max-width: 768px){.breeding-page .data-table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.breeding-page .data-table tr{display:block;margin-bottom:1rem;border:1px solid var(--border-color, #ddd);border-radius:4px;background-color:var(--background-color, #fff)}.breeding-page .data-table tr.clickable-row{cursor:default}.breeding-page .data-table td{display:block;text-align:right;border:none;border-bottom:1px dashed var(--border-color-light, #eee);position:relative;padding-left:50%;min-height:2.5em;padding-top:.75rem;padding-bottom:.75rem}.breeding-page .data-table td.clickable-row{cursor:pointer}.breeding-page .data-table td.clickable-row:hover{background-color:var(--table-row-hover-clickable-bg, #d9edf7)}.breeding-page .data-table td:before{content:attr(data-label);position:absolute;left:.75rem;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:700;color:var(--text-color-secondary, #555)}.breeding-page .data-table td:last-child{border-bottom:none}.breeding-page .table-actions{justify-content:flex-end;padding-top:.5rem}}.breeding-page .filter-indicator{background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:4px;padding:12px 16px;margin:1rem 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.breeding-page .filter-text{color:#06c;font-weight:500;font-size:.95rem}.breeding-page .filter-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.breeding-page .small-add-button{background-color:#28a745;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:.85rem;text-decoration:none;cursor:pointer;transition:background-color .2s}.breeding-page .small-add-button:hover{background-color:#218838}.breeding-page .clear-filter-button{background-color:#ff6b6b;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:.85rem;cursor:pointer;transition:background-color .2s}.breeding-page .clear-filter-button:hover{background-color:#ff5252}.dashboard-section.health-page{background-color:#f9f9f9;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.add-button{background-color:#4a7c59;color:#fff;border:none;border-radius:4px;padding:.6rem 1rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s;box-shadow:0 2px 3px #0000001a}.add-button:hover{background-color:#3d6949;transform:translateY(-1px)}.add-button:active{transform:translateY(0)}.records-section{margin-top:2rem}.records-section h3{color:#4a7c59;font-size:1.25rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e6e6e6;font-weight:600}.health-page .table-container{overflow-x:auto;margin-top:1rem;margin-bottom:2rem;background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014}.health-page .data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem}.health-page .data-table th,.health-page .data-table td{padding:.85rem 1rem;text-align:left;vertical-align:middle;border-bottom:1px solid #eaeaea}.health-page .data-table th{background-color:#f5f5f5;font-weight:600;color:#444;position:sticky;top:0;z-index:10}.health-page .data-table th:first-child{border-top-left-radius:6px}.health-page .data-table th:last-child{border-top-right-radius:6px}.health-page .data-table tbody tr:hover{background-color:#f7faf7}.health-page .data-table tbody tr:last-child td{border-bottom:none}.health-page .data-table tbody tr:last-child td:first-child{border-bottom-left-radius:6px}.health-page .data-table tbody tr:last-child td:last-child{border-bottom-right-radius:6px}.health-page .table-actions{display:flex;gap:.5rem;justify-content:flex-end}.health-page .table-button{padding:.35rem .7rem;font-size:.8rem;border-radius:4px;border:none;font-weight:500;cursor:pointer;transition:all .2s}.health-page .edit-button.table-button{background-color:#4a90e2;color:#fff}.health-page .edit-button.table-button:hover{background-color:#3a80d2}.health-page .delete-button.table-button{background-color:#e74c3c;color:#fff}.health-page .delete-button.table-button:hover{background-color:#d73c2c}.treatment-badge{display:inline-block;padding:.35em .75em;font-size:.75em;font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:12px}.treatment-preventive{background-color:#e2f5df;color:#2c7a39}.treatment-medical{background-color:#dfeaff;color:#2c54a0}.treatment-surgical{background-color:#fde8ea;color:#b01b2e}.treatment-emergency{background-color:#fff4d6;color:#b5740f}.treatment-followup{background-color:#e0f6ee;color:#1b7a5a}.health-status-healthy{display:inline-block;padding:.35em .75em;font-size:.75em;font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:12px;background-color:#e0f6ee;color:#1b7a5a}.health-status-monitoring{display:inline-block;padding:.35em .75em;font-size:.75em;font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:12px;background-color:#fff4d6;color:#b5740f}.health-status-treatment{display:inline-block;padding:.35em .75em;font-size:.75em;font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:12px;background-color:#dfeaff;color:#2c54a0}.health-status-ill{display:inline-block;padding:.35em .75em;font-size:.75em;font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:12px;background-color:#fde8ea;color:#b01b2e}.health-status-recovering{display:inline-block;padding:.35em .75em;font-size:.75em;font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:12px;background-color:#e2f5df;color:#2c7a39}.health-status-quarantine{display:inline-block;padding:.35em .75em;font-size:.75em;font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:12px;background-color:#f0f0f0;color:#555}.health-page .data-table td[colspan]{padding:2rem 1rem;color:#777;font-style:italic;background-color:#fafafa}.loading,.error{text-align:center;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:1rem 0}.loading{color:#666}.error{color:#e74c3c}.error-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:2rem}.error-content{text-align:center;background:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:500px;width:100%}.error-content h2{color:#333;margin-bottom:1rem;font-size:1.5rem}.error-content p{color:#666;margin-bottom:1rem;line-height:1.5}.error-actions{margin-top:2rem}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.primary-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}@media screen and (max-width: 768px){.dashboard-section.health-page{padding:1rem}.button-group{flex-direction:column;width:100%}.button-group button{width:100%}.health-page .data-table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.health-page .data-table tr{display:block;margin-bottom:1rem;border:1px solid #eaeaea;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 1px 3px #0000000d}.health-page .data-table td{display:block;text-align:right;border-bottom:1px solid #f0f0f0;position:relative;padding-left:50%;min-height:2.5em;padding-top:.85rem;padding-bottom:.85rem}.health-page .data-table td:before{content:attr(data-label);position:absolute;left:1rem;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:600;color:#555}.health-page .data-table td:last-child{border-bottom:none}.health-page .table-actions{justify-content:flex-end;padding-top:.5rem}.treatment-badge,[class^=health-status-]{width:100%;display:block;text-align:center;margin-top:.25rem}}.tree-container{width:100%;overflow-x:auto;padding:20px 0;text-align:center;background-color:#fff;border-radius:8px;margin-top:20px;box-shadow:0 2px 4px #0000000d}.react-organizational-chart .oc-node>div{font-size:.9rem}.react-organizational-chart .oc-node a{color:var(--primary-color);text-decoration:none;font-weight:500}.react-organizational-chart .oc-node a:hover{text-decoration:underline}.pedigree-tree-section .oc-node>div[style*="background: #f9f9f9"]>span:only-child{font-style:italic;color:#777}.pedigree-tree-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tree-container.inverted-tree .react-organizational-chart{transform:rotate(180deg);padding-top:20px;padding-bottom:20px}.tree-container.inverted-tree .react-organizational-chart .oc-node>div{transform:rotate(180deg);display:inline-block}.pedigree-node{min-width:80px;transition:box-shadow .3s ease,border-color .3s ease,transform .2s ease}.pedigree-node.clickable-node:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff4d;cursor:pointer}.pedigree-node.clickable-node:active{transform:scale(.98)}.pedigree-node-image{border:1px solid #ddd;background-color:#eee;transition:transform .2s ease}.pedigree-node-image:hover{transform:scale(1.1)}.pedigree-node-content{margin-top:5px}.pedigree-node-content a{color:var(--primary-color)}.pedigree-node.selected-node{border-color:var(--primary-color, #007bff);box-shadow:0 0 8px #007bff80;background-color:#e7f3ff;animation:throb 3s ease-in-out infinite}@keyframes throb{0%{box-shadow:0 0 8px #007bff80}50%{box-shadow:0 0 16px #007bffcc}to{box-shadow:0 0 8px #007bff80}}.family-tree-container{width:100%;max-width:1200px;margin:0 auto;padding:20px}.ancestors-section,.descendants-section{margin:20px 0;padding:20px;border-radius:8px;background-color:#fdfdfd;box-shadow:0 2px 4px #00000014}.ancestors-section{border-left:4px solid #6c757d}.descendants-section{border-left:4px solid #4CAF50}.ancestors-section h3{color:#6c757d;margin-bottom:1rem;display:flex;align-items:center;gap:8px}.descendants-section h3{color:#4caf50;margin-bottom:1rem;display:flex;align-items:center;gap:8px}.ancestors-section h3:before{content:"⬆️";font-size:1.2em}.descendants-section h3:before{content:"⬇️";font-size:1.2em}.no-descendants{text-align:center;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:2px dashed #dee2e6;margin-top:2rem}.no-descendants h3{color:#6c757d;margin-bottom:.5rem;font-size:1.1rem}.no-descendants p{color:#6c757d;font-style:italic;margin:0}@media (max-width: 768px){.family-tree-container{padding:10px}.ancestors-section,.descendants-section{padding:15px;margin:15px 0}.tree-container{padding:10px 0}.pedigree-node{min-width:60px}.pedigree-node-image{width:40px!important;height:40px!important}}.reports-container{padding:20px;max-width:1200px;margin:0 auto}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.reports-header h1{margin:0;color:#2c3e50}.species-filter{display:flex;align-items:center;gap:10px}.species-filter label{font-weight:500;color:#555}.species-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:14px}.reports-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:8px;text-align:center;box-shadow:0 4px 6px #0000001a}.summary-card h4{margin:0 0 10px;font-size:14px;opacity:.9}.summary-value{font-size:32px;font-weight:700;margin:0}.reports-content{margin-bottom:30px}.species-report-section{margin-bottom:40px;padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #3498db}.species-report-section h3{margin:0 0 20px;color:#2c3e50;font-size:20px}.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.report-card{background:#fff;padding:20px;border-radius:6px;box-shadow:0 2px 4px #0000001a;text-align:center}.report-card h4{margin:0 0 10px;color:#555;font-size:14px;font-weight:500}.report-value{font-size:24px;font-weight:700;color:#2c3e50;margin:0}.reports-actions{text-align:center;padding:20px}.btn{padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.btn-primary:hover{background:#2980b9}.loading-spinner{text-align:center;padding:50px;font-size:18px;color:#666}@media (max-width: 768px){.reports-header{flex-direction:column;align-items:flex-start}.report-grid,.reports-summary{grid-template-columns:1fr}}.reports-page{padding:1.5rem;background-color:#f4f6f8}.reports-page .page-header{font-size:2rem;color:#333;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0;display:flex;align-items:center;gap:.75rem}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.report-card{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease}.report-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001f}.report-card h3{font-size:1.4rem;color:#2c3e50;margin-top:0;margin-bottom:1.2rem;padding-bottom:.6rem;border-bottom:1px solid #ecf0f1;display:flex;align-items:center;gap:.5rem}.chart-container{width:100%;height:300px}.chart-placeholder{width:100%;height:250px;background-color:#e9ecef;display:flex;align-items:center;justify-content:center;color:#6c757d;border-radius:6px;font-style:italic;text-align:center}.loading-message,.error-message-reports,.no-data-message{padding:1rem;margin:1rem 0;border-radius:6px;text-align:center;font-size:1rem}.loading-message{background-color:#e9ecef;color:#495057}.error-message-reports{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.no-data-message{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.recharts-default-legend{font-size:.9rem}.recharts-tooltip-wrapper{border-radius:4px!important;box-shadow:0 1px 3px #0003!important;border:none!important}.recharts-cartesian-axis-tick-value{font-size:.8rem}@media (max-width: 768px){.reports-page{padding:1rem}.reports-grid{grid-template-columns:1fr;gap:1rem}.report-card{padding:1rem}.reports-page .page-header{font-size:1.5rem;flex-direction:column;text-align:center}}.features-container{padding:40px 20px;max-width:1200px;margin:40px auto;background-color:#fff;border-radius:8px}.features-container h1{color:#333;text-align:center;margin-bottom:15px;font-size:2.5rem}.features-container>p{color:#555;line-height:1.6;text-align:center;margin-bottom:50px;font-size:1.1rem;max-width:700px;margin-left:auto;margin-right:auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.feature-card{background-color:#f9f9f9;border:1px solid #eee;border-radius:12px;padding:25px 20px;text-align:center;box-shadow:0 4px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease;height:fit-content}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.feature-icon{font-size:2.5rem;margin-bottom:15px;color:var(--primary-color, #007bff);line-height:1;display:block}.feature-card h2{font-size:1.25rem;color:#333;margin-bottom:12px;font-weight:600;line-height:1.3}.feature-card p{color:#555;line-height:1.5;font-size:.9rem;margin:0}@media (max-width: 768px){.features-container{padding:30px 10px;margin:20px auto}.features-container h1{font-size:2rem}.features-grid{grid-template-columns:1fr;gap:20px}.feature-card{padding:20px 15px}.feature-icon{font-size:2.2rem;margin-bottom:12px}.feature-card h2{font-size:1.15rem}.feature-card p{font-size:.85rem}}.features-container ul,.features-container li{display:none}.pricing-container{padding:40px 20px;max-width:1000px;margin:0 auto;text-align:center}.pricing-container h1{color:#333;margin-bottom:10px}.pricing-container p{color:#555;margin-bottom:40px;font-size:1.1em}.pricing-plans{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.plan{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:30px;width:300px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between}.plan:hover{transform:translateY(-10px);box-shadow:0 8px 16px #0003}.plan.popular{border-top:5px solid #007bff}.plan h2{color:#007bff;margin-bottom:20px}.price-options{display:flex;justify-content:space-between;gap:10px;margin-bottom:25px;text-align:center;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:15px 0}.price-tier{flex:1;padding:10px 5px;margin-bottom:0;border-bottom:none;border-right:1px solid #eee}.price-tier:last-child{border-right:none;cursor:pointer;position:relative;transition:background-color .2s ease,border-color .2s ease;border:2px solid transparent;border-radius:4px}.price-tier:has(input[type=radio]:checked){border-color:var(--primary-color, #007bff);background-color:#e7f3ff}.price-tier:hover{background-color:#f1f1f1}.price-tier:has(input[type=radio]:checked):hover{background-color:#dbefff}.price-tier input[type=radio]{position:absolute;opacity:0;width:0;height:0}.price-tier .price{font-size:1.6em;font-weight:700;color:#333;margin-right:5px}.price-tier .freq{font-size:1em;color:#555}.price-tier .billing-info{display:block;font-size:.85em;color:#777;margin-top:2px}.plan ul{list-style:none;padding:0;margin-bottom:30px;text-align:left;color:#555;flex-grow:1}.plan li{margin-bottom:10px;position:relative;padding-left:20px}.plan li:before{content:"✔";color:#28a745;position:absolute;left:0;font-weight:700}.plan button{background-color:#007bff;color:#fff;border:none;padding:12px 25px;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s ease;margin-top:auto}.plan button:hover{background-color:#0056b3}.plan.popular button{background-color:#28a745}.plan.popular button:hover{background-color:#218838}.plan button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;border-color:#ccc}.plan button:disabled:hover{background-color:#ccc;border-color:#ccc}.about-page{padding:40px 20px;max-width:1200px;margin:0 auto;background-color:#fff;line-height:1.7;color:#333}.hero-section{text-align:center;padding:30px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;margin-bottom:50px;min-height:50vh}.hero-section h1{font-size:3rem;margin-bottom:20px;font-weight:700}.hero-section .subtitle{font-size:1.3rem;opacity:.9}.mission-section,.story-section,.team-section,.values-section,.contact-section{margin-bottom:60px}.mission-section h2,.story-section h2,.team-section h2,.values-section h2,.contact-section h2{color:#007bff;font-size:2.2rem;margin-bottom:25px;text-align:center;border-bottom:3px solid #eee;padding-bottom:10px}.mission-section p,.story-section p{font-size:1.1rem;text-align:center;max-width:800px;margin:0 auto;color:#555}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.team-member{text-align:center;padding:30px;background:#f8f9fa;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.team-member:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.member-image{margin-bottom:20px}.member-image img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 4px 12px #0000001a}.team-member h3{margin-bottom:10px;color:#333;font-size:1.4rem}.member-title{font-weight:600;color:#007bff;margin-bottom:15px}.member-bio{font-style:italic;color:#666;line-height:1.6}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.value-card{padding:30px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border-left:5px solid #007bff;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.value-card:hover{transform:translateY(-3px)}.value-card h3{color:#007bff;margin-bottom:15px;font-size:1.3rem}.value-card p{color:#555;line-height:1.6}.contact-info{display:flex;justify-content:center;flex-wrap:wrap;gap:40px;margin-top:40px}.contact-item{display:flex;align-items:center;gap:15px;padding:20px;background:#f8f9fa;border-radius:8px;min-width:250px}.contact-item i{color:#007bff;font-size:1.5rem}.contact-item p{margin:0;color:#555;font-weight:500}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}@media (max-width: 768px){.about-page{padding:20px 15px}.hero-section{padding:40px 20px}.hero-section h1{font-size:2.2rem}.hero-section .subtitle{font-size:1.1rem}.team-grid,.values-grid{grid-template-columns:1fr}.contact-info{flex-direction:column;align-items:center}.contact-item{min-width:auto;width:100%;max-width:300px}}.contact-page{padding:20px;max-width:1200px;margin:0 auto}.contact-header{text-align:center;margin-bottom:40px}.contact-header h1{color:#333;font-size:2.5rem;margin-bottom:10px}.contact-header p{color:#666;font-size:1.2rem;margin:0}.contact-container{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:60px}.contact-info{background:#f8f9fa;padding:30px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.contact-info h3{color:#333;margin-bottom:25px;font-size:1.5rem}.info-item{display:flex;align-items:center;margin-bottom:20px}.info-item i{color:#007bff;font-size:1.2rem;width:25px;margin-right:15px}.info-item p{margin:0;color:#555;font-size:1.1rem}.contact-form{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 6px #0000001a;border:1px solid #e0e0e0}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:1rem}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.submit-button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.submit-button:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.faq-section{background:#f8f9fa;padding:50px 30px;border-radius:12px;margin-top:40px}.faq-section h2{text-align:center;color:#333;margin-bottom:40px;font-size:2rem}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.faq-item{background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.faq-item:hover{transform:translateY(-3px);box-shadow:0 4px 15px #00000026}.faq-item h4{color:#007bff;margin-bottom:15px;font-size:1.2rem}.faq-item p{color:#666;line-height:1.6;margin:0}@media (max-width: 768px){.contact-page{padding:15px}.contact-header h1{font-size:2rem}.contact-container{grid-template-columns:1fr;gap:30px}.contact-info,.contact-form{padding:25px}.faq-section{padding:30px 20px}.faq-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 480px){.contact-header h1{font-size:1.8rem}.contact-info,.contact-form{padding:20px}.faq-section h2{font-size:1.6rem}}.public-header{background-color:#fff;border-bottom:1px solid var(--border-color, #dee2e6);padding:.8rem 0;position:sticky;top:0;z-index:1020;box-shadow:0 2px 4px #0000000d}.header-container{display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.8rem;font-weight:700;color:var(--primary-color, #007bff);text-decoration:none;display:inline-block;line-height:0}.logo-image{height:40px;width:auto;vertical-align:middle}.logo:hover{text-decoration:none}.public-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:1.5rem}.public-nav a{color:var(--text-color, #212529);font-weight:500;padding:.5rem 0;position:relative;text-decoration:none}.public-nav a:hover{color:var(--primary-color, #007bff);text-decoration:none}.public-nav a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--primary-color, #007bff);transition:width .3s ease}.public-nav a:hover:after{width:100%}.header-actions{display:flex;gap:.8rem}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--primary-color);font-size:1.5rem;cursor:pointer;padding:.5rem}.mobile-menu-close{display:none;position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer}.mobile-only-actions{display:none}@media (max-width: 991px){.public-nav{display:flex;flex-direction:column;position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background-color:#fff;padding:4rem 2rem 2rem;box-shadow:-2px 0 5px #0000001a;transition:right .3s ease-in-out;z-index:1100;gap:0}.public-nav.mobile-open{right:0}.public-nav ul{flex-direction:column;gap:.5rem;width:100%}.public-nav li{width:100%}.public-nav a{display:block;padding:.8rem 0;border-bottom:1px solid var(--border-color-light, #eee)}.public-nav a:after{display:none}.mobile-menu-toggle,.mobile-menu-close{display:block}.header-actions{display:none}.mobile-only-actions{display:flex;flex-direction:column;gap:.8rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color-light, #eee)}.mobile-only-actions .btn{width:100%;text-align:center}}@media (max-width: 575px){.header-container{flex-wrap:wrap}.header-actions{margin-top:.5rem;width:100%;justify-content:center}}.public-layout{display:flex;flex-direction:column;min-height:100vh}.public-content{flex-grow:1}.creatable-select-group{margin-bottom:1rem}.add-new-inline{display:flex;align-items:center;gap:.5rem;width:100%}.add-new-inline input[type=text]{flex-grow:1;padding:.65rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;background-color:var(--input-bg);color:var(--text-color)}.add-new-inline input[type=text]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.save-inline-btn,.cancel-inline-btn{padding:.6rem 1rem;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:background-color .2s ease,opacity .2s ease;white-space:nowrap}.save-inline-btn{background-color:var(--success-color);color:#fff}.save-inline-btn:hover:not(:disabled){background-color:var(--success-color-dark)}.cancel-inline-btn{background-color:var(--secondary-button-bg);color:var(--secondary-button-text);border:1px solid var(--border-color)}.cancel-inline-btn:hover:not(:disabled){background-color:var(--secondary-button-hover-bg)}.save-inline-btn:disabled,.cancel-inline-btn:disabled{opacity:.6;cursor:not-allowed}.herd-form{max-width:600px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cancel-btn,.submit-btn{padding:10px 20px;border:none;border-radius:4px;font-size:16px;cursor:pointer}.image-preview-section{margin-top:20px;padding-top:15px;border-top:1px solid #eee}.image-preview-section h4{margin-bottom:10px;color:#555}.image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.image-item{position:relative;border:1px solid #ddd;padding:5px;border-radius:4px;background-color:#f9f9f9;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:auto;min-height:150px;overflow:hidden}.thumbnail-button{background:none;border:none;padding:0;cursor:pointer;display:flex;justify-content:center;align-items:center;width:100%;height:110px;overflow:hidden;margin-bottom:5px}.thumbnail-button:focus{outline:2px solid #4a90e2;outline-offset:2px}.thumbnail{max-width:100%;max-height:100px;height:auto;display:block;object-fit:contain}.image-actions{display:flex;justify-content:space-around;width:100%;padding-top:5px}.image-actions button{padding:3px 6px;font-size:10px;border-radius:3px;cursor:pointer;border:1px solid transparent}.set-primary-btn{background-color:#e0e0e0;color:#333;border-color:#ccc}.set-primary-btn.active,.set-primary-btn:disabled{background-color:#4caf50;color:#fff;border-color:#4caf50;cursor:default}.set-primary-btn:not(:disabled):hover{background-color:#d0d0d0}.delete-image-btn{background-color:#f44336;color:#fff;border:none}.delete-image-btn:hover{background-color:#d32f2f}.set-primary-placeholder{font-size:10px;color:#888;text-align:center;width:100%;padding:3px 0}.image-item.primary-image{border-color:#4caf50;box-shadow:0 0 5px #4caf5080}.file-input{display:block;margin-top:5px;padding:8px;border:1px solid #ccc;border-radius:4px}.cancel-btn{background-color:#f0f0f0;color:#333}.submit-btn{background-color:#4a90e2;color:#fff}.cancel-btn:hover{background-color:#e0e0e0}.submit-btn:hover{background-color:#357abd}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 600px){.herd-form{padding:15px}.form-actions{flex-direction:column;align-items:stretch}.cancel-btn,.submit-btn{width:100%}}.form-check.form-switch{display:flex;align-items:center;padding-left:0}.form-switch .form-check-input{opacity:0;position:absolute}.form-switch .form-check-label{margin-left:10px;cursor:pointer;position:relative;padding-left:50px;line-height:24px;display:inline-block}.form-switch .form-check-label:before{content:"";position:absolute;left:0;top:0;width:40px;height:24px;background-color:#ccc;border-radius:12px;transition:background-color .2s ease-in-out}.form-switch .form-check-label:after{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .2s ease-in-out;box-shadow:0 1px 3px #0003}.form-switch .form-check-input:checked+.form-check-label:before{background-color:#4caf50}.form-switch .form-check-input:checked+.form-check-label:after{transform:translate(16px)}.form-switch .form-check-input:focus+.form-check-label:before{box-shadow:0 0 0 2px #4caf5066}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.image-modal-content{position:relative;background-color:#fff;padding:20px;border-radius:5px;max-width:90vw;max-height:90vh;overflow:auto}.image-modal-close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;font-weight:700;color:#333;cursor:pointer}.image-modal-full-image{display:block;max-width:100%;max-height:calc(90vh - 60px);margin:auto}.herd-form-page{max-width:800px;margin:0 auto;padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h1{margin:0;color:var(--text-color)}.herd-description{background-color:var(--light-bg);border-left:4px solid var(--primary-color);padding:16px 20px;margin-bottom:25px;border-radius:0 var(--border-radius) var(--border-radius) 0;box-shadow:var(--card-shadow)}.herd-description p{margin:0;color:var(--text-color);line-height:1.6;font-size:.95rem}.goat-form{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:800px;margin:0 auto;padding:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-group label{font-size:.875rem;font-weight:500;color:#e5e7eb}.form-group input,.form-group select,.form-group textarea{width:100%;min-width:80%;padding:.75rem;border-radius:6px;border:1px solid #374151;background-color:#1f2937;color:#fff;font-size:.875rem;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.form-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem;width:100%}.cancel-btn,.submit-btn{padding:.75rem 2rem;border-radius:6px;font-weight:500;transition:all .2s;cursor:pointer;min-width:120px}.cancel-btn{background-color:#374151;color:#fff;border:none}.cancel-btn:hover{background-color:#4b5563}.submit-btn{background-color:#3b82f6;color:#fff;border:none}.submit-btn:hover:not(:disabled){background-color:#2563eb}.submit-btn:disabled{background-color:#1f2937;color:#9ca3af;cursor:not-allowed}@media (max-width: 640px){.form-actions{flex-direction:column;align-items:center}.cancel-btn,.submit-btn{width:100%;max-width:300px}}.switch-container{display:flex;flex-direction:column;margin-bottom:1rem}.switch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.switch{position:relative;display:inline-block;width:60px;height:30px;margin:.5rem 0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#374151;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#3b82f6}input:focus+.slider{box-shadow:0 0 1px #3b82f6}input:checked+.slider:before{transform:translate(30px)}.switch-labels{display:flex;justify-content:space-between;width:60px;font-size:.75rem;color:#9ca3af;margin-top:5px}.field-description{font-size:.9rem;color:#9ca3af;margin-bottom:.8rem}.nested-form-section{background-color:#1f293780;border-radius:8px;padding:1rem;margin-top:.5rem;margin-bottom:1rem;border:1px solid #374151}.radio-group{display:flex;flex-direction:row;gap:20px;margin-bottom:1rem}.radio-group label{display:flex;align-items:center;cursor:pointer}.radio-group input[type=radio]{margin-right:8px;width:auto;min-width:auto}.breed-composition-section{border:2px solid #6b7280;border-radius:8px;padding:1.5rem;background-color:#6b7280;color:#fff;margin:1rem 0}.breed-composition-section .radio-group label,.breed-composition-section h4,.breed-composition-section h5{color:#fff}.breed-composition-help{background-color:#4b5563;border:1px solid #9ca3af;border-radius:6px;padding:1rem;margin-bottom:1rem}.breed-composition-help p{margin:.5rem 0;color:#fff;font-size:.875rem}.breed-composition-help ul{margin:.5rem 0;padding-left:1.5rem;color:#fff}.breed-composition-help li{margin:.25rem 0;font-size:.875rem;color:#fff}.manual-mode-help{background-color:#4b5563;border:1px solid #9ca3af;border-radius:6px;padding:.75rem;margin-bottom:1rem}.manual-mode-help p{margin:.25rem 0;color:#fff;font-size:.825rem}.manual-mode-help em{font-style:italic;color:#fff}.manual-mix-row{display:flex;gap:1rem;align-items:end;padding:1rem;background-color:#6b7280;border-radius:6px;margin-bottom:1rem;color:#fff}.manual-mix-breed{flex:2}.manual-mix-percentage{flex:1}.remove-mix-row-btn{background-color:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .2s;height:fit-content}.remove-mix-row-btn:hover{background-color:#b91c1c}.add-mix-row-btn{background-color:#059669;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;transition:background-color .2s;font-size:.875rem;font-weight:500}.add-mix-row-btn:hover{background-color:#047857}@media (max-width: 768px){.manual-mix-row{flex-direction:column;align-items:stretch}.manual-mix-breed,.manual-mix-percentage{flex:1}.remove-mix-row-btn{align-self:flex-end;width:fit-content}}.section-header-with-help{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.help-button{background-color:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.75rem;transition:background-color .2s}.help-button:hover{background-color:#2563eb}.detailed-help-section{background-color:#6b7280;border:1px solid #9ca3af;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;color:#fff;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;padding:0 1.5rem}to{opacity:1;max-height:1000px;padding:1.5rem}}.detailed-help-section h5{color:#fff;margin:0 0 1rem;font-size:1.1rem}.help-content{display:grid;gap:1rem}.help-section h6{color:#fff;margin:0 0 .5rem;font-size:.95rem;font-weight:600}.help-section ul{margin:0;padding-left:1.5rem;color:#fff}.help-section li{margin:.5rem 0;font-size:.85rem;line-height:1.4;color:#fff}.percentage-validation{background-color:#6b7280;border-radius:6px;padding:.75rem;margin-bottom:1rem;text-align:center;font-weight:500;color:#fff}.validation-success{color:#10b981;font-size:.875rem}.validation-error{color:#ef4444;font-size:.875rem}.validation-warning{color:#f59e0b;font-size:.875rem}.manual-breed-mix-section{background-color:#6b7280;border-radius:8px;padding:1.5rem;margin-top:1rem;color:#fff}.manual-breed-mix-section h5{color:#fff;margin:0 0 1rem;font-size:1.05rem}@media (max-width: 768px){.section-header-with-help{flex-direction:column;align-items:flex-start;gap:.5rem}.help-button{align-self:flex-end}.detailed-help-section{padding:1rem}.help-content{gap:.75rem}}.auto-calculation-info{background-color:#6b7280;border:1px solid #9ca3af;border-radius:8px;padding:1rem;margin:1rem 0;color:#fff}.auto-calculation-info h5{color:#fff;margin:0 0 .75rem;font-size:1rem}.auto-calculation-info p{color:#fff;margin:.5rem 0;font-size:.875rem;line-height:1.4}.calculation-note{background-color:#9ca3af1a;border-radius:4px;padding:.5rem;margin-top:.75rem!important;font-style:italic;border-left:3px solid #9ca3af;color:#fff}.animal-form-container{max-width:1000px;margin:0 auto;padding:20px}.animal-form-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:30px;margin-bottom:20px}.animal-form-card h2{color:#2c3e50;margin-bottom:25px;font-size:24px;font-weight:600;text-align:center;border-bottom:2px solid #e3f2fd;padding-bottom:15px}.animal-form{display:flex;flex-direction:column;gap:20px}.form-section{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#fafafa}.form-section h3{color:#34495e;font-size:18px;margin-bottom:15px;font-weight:600;border-bottom:1px solid #bdc3c7;padding-bottom:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.form-row.single-column{grid-template-columns:1fr}.form-group label{font-weight:600;color:#2c3e50;font-size:14px}.form-group label.required:after{content:" *";color:#e74c3c;font-weight:700}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;transition:border-color .3s ease,box-shadow .3s ease;background:#fff}.form-group input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.checkbox-group{flex-direction:row;align-items:center;gap:8px}.checkbox-group input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer}.checkbox-group label{font-weight:500;cursor:pointer;margin:0;-webkit-user-select:none;user-select:none}.form-group .css-13cymwt-control{border:2px solid #e0e0e0!important;border-radius:6px!important;min-height:42px!important;box-shadow:none!important}.form-group .css-13cymwt-control:hover{border-color:#bdc3c7!important}.form-group .css-13cymwt-control--is-focused{border-color:#3498db!important;box-shadow:0 0 0 3px #3498db1a!important}.form-group .css-1hwfws3{padding:2px 8px!important}.breed-select .css-13cymwt-control{width:100%!important;min-width:unset!important;height:42px!important;min-height:42px!important;box-sizing:border-box}.breed-select .css-1dimb5e-singleValue,.breed-select .css-qc6sy-singleValue,.breed-select .css-1wa3eu0-placeholder{line-height:1.2;top:50%;transform:translateY(-50%)}.form-help{color:#7f8c8d;font-size:12px;font-style:italic;margin-top:4px;line-height:1.4}.field-help{color:#6c757d;font-size:11px;margin-top:6px;line-height:1.4;padding:8px 12px;background:#f8f9fa;border-left:3px solid #17a2b8;border-radius:4px}.field-tooltip{margin-left:6px;color:#6c757d;cursor:help;font-size:14px}.field-tooltip:hover{color:#17a2b8}.field-tooltip i{font-size:13px}.species-goat{border-left:4px solid #e67e22}.species-cow{border-left:4px solid #8e44ad}.species-sheep{border-left:4px solid #27ae60}.btn{padding:0;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:48px;box-sizing:border-box;vertical-align:top;line-height:1;margin:0;position:relative;top:0;transform:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:#2980b9;box-shadow:0 4px 8px #3498db4d;transform:none}.btn-secondary:hover:not(:disabled){background:#7f8c8d;box-shadow:0 4px 8px #95a5a64d;transform:none}.form-group select[id=species]{font-weight:600;font-size:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #3498db}.form-section:has(.checkbox-group){background:linear-gradient(135deg,#e8f5e8,#f0f8ff)}.breed-mix-container{display:flex;flex-direction:column;gap:10px}.breed-mix-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;min-height:42px}.breed-select{flex:2;display:flex;align-items:center}.breed-select .css-13cymwt-control{width:100%!important;min-width:unset!important}.breed-select>div{width:100%}.percentage-input{width:80px;flex-shrink:0;display:flex;align-items:center}.percentage-input input{width:100%;height:42px;padding:8px;border:2px solid #e0e0e0;border-radius:6px;text-align:center;font-size:14px;box-sizing:border-box;margin:0}.percentage-input input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.remove-btn{width:42px;height:42px;background:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;transition:background-color .3s ease;margin:0;padding:0}.remove-btn:hover{background:#c0392b}.btn-add-breed{background:#3498db;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;margin-top:10px;align-self:flex-start;transition:background-color .3s ease}.btn-add-breed:hover{background:#2980b9}.form-actions .btn{flex-shrink:0;align-self:center;position:relative;top:0;bottom:0;margin-top:0;margin-bottom:0;vertical-align:middle}.form-actions .btn{text-align:center;white-space:nowrap}.form-actions .btn *{vertical-align:baseline}.animal-form-card .form-actions{box-sizing:border-box}.animal-form-card .form-actions .btn{box-sizing:border-box;border:none;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}.animal-form-card .form-actions .btn:focus{outline:2px solid #3498db;outline-offset:2px}.form-actions .btn:not(:hover):not(:focus):not(:active){transform:none;transition:all .2s ease}@media (max-width: 768px){.breed-mix-row{flex-wrap:wrap;gap:8px}.breed-select{min-width:150px;flex:1 1 auto}.percentage-input{width:70px}}@media (max-width: 480px){.breed-mix-row{flex-direction:column;align-items:stretch;gap:8px}.breed-select,.percentage-input{width:100%}.percentage-input{max-width:100px;align-self:center}.remove-btn{align-self:flex-end;margin-top:-5px}}.form-section:has(label[for=dam_id]){background:linear-gradient(135deg,#fff5ee,#f0f8ff)}@media (max-width: 768px){.animal-form-container{padding:15px}.animal-form-card{padding:20px}.form-row{grid-template-columns:1fr;gap:15px}.form-actions{flex-direction:column}.btn{width:100%}}@media (max-width: 480px){.animal-form-container{padding:10px}.animal-form-card{padding:15px;border-radius:8px}.animal-form-card h2{font-size:20px}.form-section{padding:15px}.form-section h3{font-size:16px}}.animal-form-card{animation:slideIn .3s ease-out}.btn:disabled{position:relative}.btn:disabled:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}.form-group.success input,.form-group.success select{border-color:#27ae60}.form-group.error input,.form-group.error select{border-color:#e74c3c}.form-group.success:after{content:"✓";color:#27ae60;font-weight:700;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.form-section:first-of-type{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-color:#3498db}.animal-form-card[data-species=Goat]{border-top:4px solid #e67e22}.animal-form-card[data-species=Cow]{border-top:4px solid #8e44ad}.animal-form-card[data-species=Sheep]{border-top:4px solid #27ae60}.cattle-specific,.sheep-specific{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:10px;padding:25px;margin-top:20px}.cattle-specific{border-left:5px solid #8e44ad}.cattle-specific h3{color:#8e44ad;display:flex;align-items:center;gap:10px}.cattle-specific h3:before{content:"🐄";font-size:20px}.sheep-specific{border-left:5px solid #27ae60}.sheep-specific h3{color:#27ae60;display:flex;align-items:center;gap:10px}.sheep-specific h3:before{content:"🐑";font-size:20px}.cattle-dairy-section,.cattle-beef-section,.cattle-ai-section,.sheep-ewe-section{background:#fff;border-radius:8px;padding:20px;margin:15px 0;border:1px solid #e0e0e0}.cattle-dairy-section h4,.cattle-beef-section h4,.cattle-ai-section h4,.sheep-ewe-section h4{color:#34495e;font-size:16px;margin-bottom:15px;font-weight:600;border-bottom:1px solid #ecf0f1;padding-bottom:8px}.cattle-dairy-section{border-left:3px solid #3498db}.cattle-beef-section{border-left:3px solid #e67e22}.cattle-ai-section{border-left:3px solid #9b59b6}.sheep-ewe-section{border-left:3px solid #27ae60}.multiple-birth-section{background:#f8f9fa;border-radius:6px;padding:15px;margin-top:15px;border:1px solid #e9ecef}.multiple-birth-section h5{color:#495057;font-size:14px;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.calculated-metrics{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #b8daff;border-radius:6px;padding:12px;margin-top:15px;text-align:center}.calculated-metrics p{margin:0;color:#155724;font-weight:600;font-size:15px}.cattle-specific .form-help,.sheep-specific .form-help{font-size:12px;color:#6c757d;font-style:italic;margin-top:4px}.cattle-specific .form-row,.sheep-specific .form-row{margin-bottom:15px}.cattle-specific .form-row:last-child,.sheep-specific .form-row:last-child{margin-bottom:0}.cattle-specific select[id=production_type]{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #8e44ad;font-weight:600;color:#8e44ad}.cattle-ai-section .checkbox-group{background:#f8f9fa;padding:10px;border-radius:4px;border:1px solid #dee2e6}@media (max-width: 768px){.cattle-specific,.sheep-specific{padding:15px;margin-top:15px}.cattle-dairy-section,.cattle-beef-section,.cattle-ai-section,.sheep-ewe-section{padding:15px;margin:10px 0}.multiple-birth-section{padding:12px}.cattle-specific h3:before,.sheep-specific h3:before{font-size:16px}}.field-note{font-size:12px;color:#7f8c8d;font-style:italic;margin-top:4px}.image-upload-container{display:flex;flex-direction:column;gap:15px}.image-preview{position:relative;width:200px;height:200px;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#f5f5f5}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:8px;right:8px;background:#ffffffe6;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:700;color:#e74c3c;transition:all .2s ease}.remove-image-btn:hover{background:#e74c3c1a;transform:scale(1.1)}.file-input-container{display:flex;align-items:center}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-input-label{display:inline-flex;align-items:center;padding:10px 20px;background:#3498db;color:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;border:none}.file-input-label:hover{background:#2980b9;transform:translateY(-1px)}.file-input-label:active{transform:translateY(0)}.calculated-breed-display{margin-top:10px;padding:10px;background-color:#f0f8ff;border:1px solid #b3d9ff;border-radius:4px;font-size:14px}.calculated-breed-display strong{color:#06c;font-weight:600}.auto-mode-info{margin-top:10px;padding:12px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;font-size:14px}.auto-mode-info strong{color:#495057;font-weight:600}.btn-calculate-breed{margin-top:10px;padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-calculate-breed:hover{background-color:#0056b3}.btn-calculate-breed:disabled{background-color:#6c757d;cursor:not-allowed}.radio-group{display:flex;gap:20px;margin-bottom:10px}.radio-group label{display:flex;align-items:center;gap:5px;font-weight:400;cursor:pointer}.radio-group input[type=radio]{margin:0}.unit-toggle{display:flex;gap:4px;justify-content:flex-start}.unit-toggle button{padding:10px 12px;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:45px;background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.unit-toggle button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6c757d66}.unit-toggle button.active{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.unit-toggle button.active:hover{box-shadow:0 4px 12px #4ecdc466}.farm-form{max-width:800px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;font-family:var(--body-font, "system-ui", "Avenir", "Helvetica", "Arial", sans-serif)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.form-actions{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px 0;border-top:1px solid #e0e0e0;margin-top:20px;min-height:68px}.cancel-btn,.submit-btn{padding:0;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:48px;box-sizing:border-box;vertical-align:top;line-height:1;margin:0;position:relative;top:0;transform:none}.cancel-btn{background-color:#95a5a6;color:#fff}.submit-btn{background-color:#3498db;color:#fff}.cancel-btn:hover{background-color:#7f8c8d;box-shadow:0 4px 8px #95a5a64d;transform:none}.submit-btn:hover{background-color:#2980b9;box-shadow:0 4px 8px #3498db4d;transform:none}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.form-actions .cancel-btn,.form-actions .submit-btn{flex-shrink:0;align-self:center;position:relative;top:0;bottom:0;margin-top:0;margin-bottom:0;vertical-align:middle}.form-actions .cancel-btn,.form-actions .submit-btn{text-align:center;white-space:nowrap}.form-actions .cancel-btn *,.form-actions .submit-btn *{vertical-align:baseline}.farm-form .form-actions{box-sizing:border-box}.farm-form .form-actions .cancel-btn,.farm-form .form-actions .submit-btn{box-sizing:border-box;border:none;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}.farm-form .form-actions .cancel-btn:focus,.farm-form .form-actions .submit-btn:focus{outline:2px solid #3498db;outline-offset:2px}.form-actions .cancel-btn:not(:hover):not(:focus):not(:active),.form-actions .submit-btn:not(:hover):not(:focus):not(:active){transform:none;transition:all .2s ease}.input-with-validation{position:relative;display:flex;align-items:center;gap:10px}.input-with-validation input{flex:1}.validation-indicator{min-width:30px;text-align:center;font-size:18px}.validation-indicator .checking{color:orange;animation:pulse 1.5s infinite}.validation-indicator .valid{color:#28a745}.validation-indicator .invalid{color:#dc3545}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.field-help{display:block;margin-top:5px;font-size:14px;color:#666;font-style:italic}.required{color:#dc3545;font-weight:700}@media (max-width: 768px){.farm-form{padding:15px;margin:10px}.form-row{grid-template-columns:1fr;gap:15px}.form-actions{flex-direction:column;gap:10px}.cancel-btn,.submit-btn{width:100%;min-width:unset}}@media (max-width: 480px){.farm-form{padding:10px;margin:5px;border-radius:6px}.form-group label{font-size:14px}.form-group input,.form-group textarea,.form-group select{font-size:16px;padding:12px}}.number-input-wrapper{display:flex;align-items:center;gap:8px;margin:8px 0}.number-input{width:60px;text-align:center;padding:8px;border:1px solid #ccc;border-radius:4px;-moz-appearance:textfield}.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s}.number-input-button:hover{background-color:#e0e0e0}.number-input-button:active{background-color:#d0d0d0}.number-input-button{color:#000!important}.form-actions .btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s,box-shadow .2s;box-shadow:0 1px 2px #0000001a;flex:1;text-align:center}.form-actions .btn:disabled{background-color:#ccc;cursor:not-allowed}.dashboard-section{max-width:1200px;margin:0 auto;padding:1rem;background-color:#f8fafc;min-height:100%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb}.section-header h2{margin:0;color:var(--text-color-primary, #1f2937);font-size:1.875rem;font-weight:700}.section-header-actions{display:flex;gap:.75rem;align-items:center}.edit-button,.delete-button,.add-button{padding:.625rem 1.25rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:.875rem;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.025em;box-shadow:0 2px 4px #0000001a}.edit-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:1px solid #3b82f6}.edit-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.delete-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid #ef4444}.delete-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.add-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid #10b981;position:relative;overflow:hidden}.add-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s ease}.add-button:hover:before{left:100%}.add-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.small-add-button{padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid #10b981;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.025em;box-shadow:0 2px 4px #0000001a}.small-add-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.details-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:1rem}.detail-item,.detail-notes{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;padding:1.75rem;box-shadow:0 4px 12px #00000014;border:1px solid #e5e7eb;color:var(--text-color-secondary, #4b5563);transition:all .3s ease;position:relative;overflow:hidden}.detail-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b,#ef4444);opacity:0;transition:opacity .3s ease}.detail-item:hover:before{opacity:1}.detail-item:hover,.detail-notes:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.detail-notes{grid-column:1 / -1;background:linear-gradient(135deg,#fef3c7,#fbbf24);border-color:#f59e0b}.offspring-list{grid-column:1 / -1}.detail-item h4,.detail-notes h4{margin-top:0;margin-bottom:1.25rem;color:var(--text-color-primary, #1f2937);font-size:1.1875rem;font-weight:700;border-bottom:2px solid #f3f4f6;padding-bottom:.75rem;position:relative}.detail-item h4:after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:linear-gradient(90deg,#3b82f6,#10b981)}.detail-item p,.detail-notes p{margin:.875rem 0;line-height:1.7;font-size:.9375rem}.detail-item strong{color:var(--text-color-primary, #1f2937);margin-right:.5em;font-weight:700}.link-style{color:var(--primary-color, #3b82f6);text-decoration:none;font-weight:600;display:inline-block;margin-top:.75rem;padding:.5rem 1rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:6px;border:1px solid #bfdbfe;transition:all .3s ease;text-transform:uppercase;font-size:.8125rem;letter-spacing:.025em}.link-style:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.status-badge{padding:.5em 1em;border-radius:20px;font-size:.8125rem;font-weight:700;display:inline-block;line-height:1.2;text-transform:uppercase;letter-spacing:.05em;border:2px solid transparent;position:relative;background-clip:padding-box;transition:all .3s ease}.status-confirmed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border-color:#86efac;box-shadow:0 2px 4px #16653433}.status-kidded{background:linear-gradient(135deg,#cffafe,#a5f3fc);color:#0e7490;border-color:#67e8f9;box-shadow:0 2px 4px #0e749033}.status-unsuccessful{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#f87171;box-shadow:0 2px 4px #991b1b33}.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#facc15;box-shadow:0 2px 4px #92400e33}.detail-animal-image{width:130px;height:130px;border-radius:12px;margin-bottom:1.25rem;display:block;object-fit:cover;border:3px solid #e5e7eb;transition:all .3s ease;box-shadow:0 4px 8px #0000001a}.detail-animal-image:hover{border-color:var(--primary-color, #3b82f6);transform:scale(1.02);box-shadow:0 8px 16px #3b82f633}.offspring-list ul{list-style:none;padding:0;margin:0}.offspring-list-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding:1rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:10px;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;box-shadow:0 2px 8px #0000000d}.offspring-list-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#3b82f6);opacity:0;transition:opacity .3s ease;border-radius:10px 10px 0 0}.offspring-list-item:hover:before{opacity:1}.offspring-list-item:hover{background:linear-gradient(135deg,#fff,#f8fafc);transform:translate(4px);box-shadow:0 4px 12px #0000001a}.offspring-animal-image{width:70px;height:70px;border-radius:8px;margin-right:1.25rem;object-fit:cover;border:2px solid #d1d5db;flex-shrink:0;transition:all .3s ease}.offspring-list-item:hover .offspring-animal-image{border-color:#3b82f6;transform:scale(1.05)}.offspring-info{flex:1;min-width:0}.offspring-info .link-style{margin-top:0;font-weight:700;font-size:.9375rem;display:block;margin-bottom:.75rem;padding:.375rem .75rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:6px;border:1px solid #bfdbfe}.breed-composition{margin-top:.75rem}.breed-composition small{color:var(--text-color-secondary, #6b7280);font-weight:600;display:block;margin-bottom:.5rem;text-transform:uppercase;font-size:.75rem;letter-spacing:.025em}.breed-mix{display:flex;flex-wrap:wrap;gap:.375rem}.breed-percentage{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600;border:1px solid #9ca3af;transition:all .3s ease}.breed-percentage:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;transform:translateY(-1px)}.no-offspring-message{text-align:center;padding:2.5rem;color:var(--text-color-secondary, #6b7280);background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:2px dashed #d1d5db;position:relative;transition:all .3s ease}.no-offspring-message:hover{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.no-offspring-message p{margin-bottom:1.5rem;font-size:1rem;font-weight:500}.offspring-list .add-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid #10b981;box-shadow:0 2px 4px #0000001a;position:relative;overflow:hidden}.offspring-list .add-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s ease}.offspring-list .add-button:hover:before{left:100%}.offspring-list .add-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.offspring-list .add-button:active{transform:translateY(0);box-shadow:0 2px 4px #10b9814d}.delete-offspring-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:6px;padding:.375rem .5rem;font-size:.875rem;cursor:pointer;transition:all .3s ease;margin-left:auto;flex-shrink:0;box-shadow:0 2px 4px #ef444433;opacity:.7}.delete-offspring-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.delete-offspring-button:active{transform:translateY(0);box-shadow:0 2px 4px #ef444433}.offspring-list-item:hover .delete-offspring-button{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.loading,.error-message,.not-found-message{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:1.125rem;color:var(--text-color-secondary, #6b7280);background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;margin:2rem 0;font-weight:500}.loading:before{content:"⏳";margin-right:.75rem;font-size:1.5rem}.error-message{color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:12px;padding:2rem;font-weight:600}.error-message:before{content:"⚠️";margin-right:.75rem;font-size:1.5rem}.not-found-message:before{content:"🔍";margin-right:.75rem;font-size:1.5rem}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading{animation:pulse 2s ease-in-out infinite}.detail-item,.detail-notes{animation:slideIn .6s ease-out}.detail-item:nth-child(1){animation-delay:.1s}.detail-item:nth-child(2){animation-delay:.2s}.detail-item:nth-child(3){animation-delay:.3s}.detail-item:nth-child(4){animation-delay:.4s}.offspring-list-item{animation:fadeIn .5s ease-out}.detail-item h4,.detail-notes h4{cursor:default;-webkit-user-select:none;user-select:none}.detail-animal-image,.offspring-animal-image{cursor:pointer}.edit-button:focus,.delete-button:focus,.add-button:focus,.small-add-button:focus,.link-style:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){.detail-item,.detail-notes{border-width:2px;border-color:#000}.status-badge{border-width:2px;font-weight:800}}@media (prefers-reduced-motion: reduce){.detail-item,.detail-notes,.offspring-list-item,.loading{animation:none}.detail-item:hover,.detail-notes:hover,.offspring-list-item:hover,.detail-animal-image:hover,.offspring-animal-image:hover,.edit-button:hover,.delete-button:hover,.add-button:hover,.small-add-button:hover,.link-style:hover,.breed-percentage:hover{transform:none}}@media (max-width: 768px){.dashboard-section{padding:.75rem}.section-header{flex-direction:column;align-items:flex-start;gap:1.25rem;padding:1rem}.section-header h2{font-size:1.5rem}.section-header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.details-container{grid-template-columns:1fr;gap:1.25rem}.detail-animal-image{width:110px;height:110px}.offspring-list-item{flex-direction:column;align-items:flex-start;text-align:center}.offspring-animal-image{margin-right:0;margin-bottom:.75rem;align-self:center}.offspring-info{width:100%}.edit-button,.delete-button,.add-button{padding:.5rem 1rem;font-size:.8125rem}}@media (max-width: 480px){.dashboard-section{padding:.5rem}.section-header{padding:.75rem}.section-header h2{font-size:1.375rem}.detail-item,.detail-notes{padding:1.25rem}.detail-animal-image{width:100px;height:100px}.offspring-animal-image{width:60px;height:60px}.edit-button,.delete-button,.add-button{width:100%;margin-bottom:.5rem;justify-content:center}}.offspring-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.offspring-header h4{margin:0;flex-shrink:0}@media (max-width: 640px){.offspring-header{flex-direction:column;align-items:flex-start;gap:.75rem}.offspring-header .add-button{width:100%;justify-content:center}}.offspring-form-container{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;box-shadow:0 4px 12px #00000014;padding:2rem;max-width:650px;margin:0 auto;border:1px solid #e5e7eb;position:relative;overflow:hidden}.offspring-form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b,#ef4444)}.offspring-form-container h2{margin-top:0;color:#1f2937;border-bottom:2px solid #f3f4f6;padding-bottom:1rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#1f2937,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.breeding-parents-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:8px;padding:1rem;margin-bottom:1.5rem;border-left:4px solid #3b82f6;font-size:.875rem;box-shadow:0 2px 4px #3b82f61a}.breeding-parent,.breeding-date{margin-bottom:.5rem;font-weight:500}.breeding-parent:last-child,.breeding-date:last-child{margin-bottom:0}.offspring-form-container .form-group{margin-bottom:1.25rem}.offspring-form-container label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.025em}.offspring-form-container input,.offspring-form-container select,.offspring-form-container .react-datepicker-wrapper{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .3s ease;background-color:#fff}.offspring-form-container input:focus,.offspring-form-container select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.offspring-form-container .react-datepicker-wrapper input{width:100%;border:none;padding:0;background:transparent}.offspring-form-container .react-datepicker-wrapper input:focus{box-shadow:none;transform:none}.offspring-form-container small{display:block;color:#6b7280;margin-top:.375rem;font-size:.75rem;font-style:italic}.offspring-form-container .error-message{color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #fecaca;font-weight:500}.offspring-form-container .form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #f3f4f6}.offspring-form-container .cancel-btn,.offspring-form-container .submit-btn{padding:.625rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;border:2px solid transparent;font-size:.875rem;text-transform:uppercase;letter-spacing:.025em;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.offspring-form-container .cancel-btn{background:linear-gradient(135deg,#f9fafb,#f3f4f6);color:#374151;border-color:#d1d5db}.offspring-form-container .submit-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#3b82f6}.offspring-form-container .cancel-btn:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.offspring-form-container .submit-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.offspring-form-container button:disabled{opacity:.6;cursor:not-allowed;transform:none}.offspring-form-container button:disabled:hover{transform:none;box-shadow:0 2px 4px #0000001a}.breeding-info{color:#059669;font-weight:600;background:linear-gradient(135deg,#ecfdf5,#d1fae5);padding:.375rem .75rem;border-radius:6px;border-left:3px solid #10b981;margin-top:.375rem;display:block;font-size:.8125rem}.health-management{padding:20px;max-width:1400px;margin:0 auto;background-color:#f8fffe;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.health-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#2c3e50,#3498db);border-radius:12px;color:#fff;box-shadow:0 4px 20px #3498db4d}.health-management-header h2{margin:0;font-size:28px;font-weight:700}.health-controls{display:flex;gap:15px}.species-filter,.island-filter{padding:10px 15px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:14px;font-weight:500;min-width:140px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.species-filter:focus,.island-filter:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px #fff3}.species-filter option,.island-filter option{background:#2c3e50;color:#fff}.health-section{margin-bottom:35px;background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 20px #0000000d;border:1px solid #e8f4fd}.health-section h3{margin:0 0 20px;font-size:22px;font-weight:700;color:#2c3e50;border-bottom:3px solid #3498db;padding-bottom:10px}.health-alerts{border-left:5px solid #e74c3c}.alerts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.alert-card{padding:20px;border-radius:10px;border-left:5px solid;background:linear-gradient(135deg,#fff,#fef9f9);box-shadow:0 3px 15px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.alert-card:hover{transform:translateY(-2px);box-shadow:0 5px 25px #00000026}.alert-card.critical{border-left-color:#e74c3c;background:linear-gradient(135deg,#fff,#ffeaea)}.alert-card.high{border-left-color:#f39c12;background:linear-gradient(135deg,#fff,#fff7e6)}.alert-card.medium{border-left-color:#f1c40f;background:linear-gradient(135deg,#fff,#fffbea)}.alert-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.species-icon{font-size:24px}.alert-condition{font-weight:600;font-size:16px;color:#2c3e50;flex-grow:1}.alert-severity{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.alert-severity.critical{background:#e74c3c;color:#fff}.alert-severity.high{background:#f39c12;color:#fff}.alert-severity.medium{background:#f1c40f;color:#2c3e50}.alert-recommendations{font-size:14px;line-height:1.6}.recommendation{color:#5d6d7e;margin-bottom:5px}.risk-assessments{border-left:5px solid #f39c12}.risk-table{display:grid;gap:2px;background:#ecf0f1;border-radius:8px;overflow:hidden}.risk-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr;gap:15px;padding:15px 20px;background:#34495e;color:#fff;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.risk-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 2fr;gap:15px;padding:15px 20px;background:#fff;align-items:center;transition:background-color .2s ease}.risk-row:hover{background:#f8f9fa}.animal-name{font-weight:600;color:#2c3e50}.species{display:flex;align-items:center;gap:8px;font-size:14px}.risk-score{font-weight:700;font-size:16px;text-align:center}.risk-level{padding:6px 12px;border-radius:20px;text-align:center;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.risk-low{background:#d5f4e6;color:#27ae60}.risk-medium{background:#fff3cd;color:#856404}.risk-high{background:#f8d7da;color:#721c24}.risk-critical{background:#f5c6cb;color:#495057;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.risk-actions{font-size:14px;font-weight:500}.vaccination-schedule{border-left:5px solid #9b59b6}.vaccine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.species-vaccine-card{background:linear-gradient(135deg,#fff,#faf8ff);border:2px solid #e8e5ff;border-radius:10px;padding:20px;box-shadow:0 3px 15px #9b59b61a}.species-vaccine-card h4{margin:0 0 15px;font-size:18px;color:#6c5ce7;display:flex;align-items:center;gap:10px}.vaccine-list{display:flex;flex-direction:column;gap:10px}.vaccine-item{padding:12px 15px;border-radius:8px;border-left:4px solid;background:#fff;box-shadow:0 2px 8px #0000000d}.vaccine-item.core{border-left-color:#e74c3c}.vaccine-item.regional{border-left-color:#f39c12}.vaccine-item.conditional{border-left-color:#3498db}.vaccine-name{font-weight:600;color:#2c3e50;margin-bottom:5px}.vaccine-details{display:flex;justify-content:space-between;align-items:center;font-size:13px}.frequency{color:#7f8c8d}.priority{padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.priority-core{background:#e74c3c;color:#fff}.priority-regional{background:#f39c12;color:#fff}.priority-conditional{background:#3498db;color:#fff}.parasite-management{border-left:5px solid #e67e22}.parasite-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.parasite-species-card{background:linear-gradient(135deg,#fff,#fefbf7);border:2px solid #fdebd0;border-radius:10px;padding:20px;box-shadow:0 3px 15px #e67e221a}.parasite-species-card h4{margin:0 0 15px;font-size:18px;color:#d35400;display:flex;align-items:center;gap:10px}.parasite-section{margin-bottom:20px}.parasite-section h5{margin:0 0 10px;font-size:16px;color:#e67e22;border-bottom:2px solid #f39c12;padding-bottom:5px}.parasite-details p{margin:8px 0;font-size:14px;line-height:1.5}.parasite-details strong{color:#2c3e50}.disease-tracking{border-left:5px solid #1abc9c}.disease-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.disease-species-card{background:linear-gradient(135deg,#fff,#f0fffe);border:2px solid #d1f2eb;border-radius:10px;padding:20px;box-shadow:0 3px 15px #1abc9c1a}.disease-species-card h4{margin:0 0 15px;font-size:18px;color:#16a085;display:flex;align-items:center;gap:10px}.disease-list{display:flex;flex-direction:column;gap:15px}.disease-item{padding:15px;border-radius:8px;background:#fff;border-left:4px solid #1abc9c;box-shadow:0 2px 8px #0000000d}.disease-item.reportable{border-left-color:#e74c3c;background:linear-gradient(135deg,#fff,#ffeaea)}.disease-name{font-weight:600;color:#2c3e50;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.reportable-badge{background:#e74c3c;color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase}.disease-monitoring,.disease-prevention{font-size:13px;color:#5d6d7e;margin-bottom:5px;line-height:1.4}.regional-recommendations{border-left:5px solid #8e44ad}.regional-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.regional-species-card{background:linear-gradient(135deg,#fff,#faf7ff);border:2px solid #e8d5ff;border-radius:10px;padding:20px;box-shadow:0 3px 15px #8e44ad1a}.regional-species-card h4{margin:0 0 15px;font-size:18px;color:#8e44ad;display:flex;align-items:center;gap:10px}.regional-details p{margin:10px 0;font-size:14px;line-height:1.5}.regional-details strong{color:#2c3e50}@media (max-width: 768px){.health-management{padding:15px}.health-management-header{flex-direction:column;gap:15px;text-align:center}.health-controls{flex-direction:column;width:100%}.species-filter,.island-filter{width:100%}.risk-header,.risk-row{grid-template-columns:1fr;gap:10px;text-align:center}.vaccine-grid,.parasite-grid,.disease-grid,.regional-grid,.alerts-grid{grid-template-columns:1fr}}@media (max-width: 480px){.health-management-header h2{font-size:24px}.health-section{padding:15px}.health-section h3{font-size:18px}}.pedigree-form-container{max-width:800px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.pedigree-form-container h2{color:#333;margin-bottom:2rem;text-align:center}.pedigree-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-weight:500;color:#333}.form-group select,.form-group input,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;color:#666}.form-group select option{color:#666;background-color:#fff}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.form-actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap;align-items:stretch}.form-actions button{padding:.75rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s,box-shadow .2s;box-shadow:0 1px 2px #0000001a;margin-left:0;flex:1;text-align:center;height:44px;line-height:1.2;align-self:stretch}.form-actions .btn-submit{background-color:#4a90e2;color:#fff}.form-actions .btn-submit:hover{background-color:#357abd}.form-actions .btn-cancel{background-color:#f44336;color:#fff}.form-actions .btn-cancel:hover{background-color:#d32f2f}.form-actions button[type=submit]:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.pedigree-form-container{margin:1rem;padding:1rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}.react-select-container{width:100%}.react-select__control{min-height:38px!important;border:1px solid #ddd!important;border-radius:4px!important;box-shadow:none!important}.react-select__control:hover{border-color:#999!important}.react-select__control--is-focused{border-color:#2196f3!important;box-shadow:0 0 0 1px #2196f3!important}.react-select__menu{border:1px solid #ddd!important;box-shadow:0 2px 4px #0000001a!important}.react-select__option{padding:8px 12px!important;color:#333;background-color:#1a1a1a!important}.react-select__option--is-focused{background-color:#000!important}.react-select__option--is-selected{background-color:#2196f3!important;color:#000!important}.react-select__placeholder{color:#fff!important}.info-message{background-color:#e8f4fd;border-left:4px solid #2196F3;padding:12px 16px;margin-bottom:20px;border-radius:4px}.info-message p{margin:0;color:#0d47a1;font-size:.95rem}.help-text{font-size:.875rem;color:#666;margin-top:.25rem;display:block;font-style:italic}.form-group .help-text{margin-top:.5rem}.error-message{background-color:#fdeded;border-left:4px solid #f44336;padding:12px 16px;margin-bottom:20px;border-radius:4px;color:#c62828}.pedigree-form-container.pedigree-form-fullpage{max-width:none;margin:0;padding:30px;background-color:transparent;box-shadow:none;border-radius:0}.pedigree-form-container.pedigree-form-fullpage form{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 6px #0000001a;border:1px solid #e0e0e0}.pedigree-form-container.pedigree-form-fullpage .form-actions{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px 0;border-top:1px solid #e0e0e0;margin-top:30px;min-height:68px}.pedigree-form-container.pedigree-form-fullpage .form-actions button{padding:12px 24px;font-size:1.1rem;height:auto;flex:1}@media (max-width: 768px){.pedigree-form-container.pedigree-form-fullpage{padding:15px}.pedigree-form-container.pedigree-form-fullpage form{padding:20px}.pedigree-form-container.pedigree-form-fullpage .form-actions{flex-direction:column}.pedigree-form-container.pedigree-form-fullpage .form-actions button{width:100%;margin-bottom:10px}}.ownership-form-container{padding:2rem;max-width:800px;margin:0 auto}.ownership-form-container h1{margin-bottom:2rem;color:#333}.ownership-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.form-group textarea{min-height:100px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.cancel-button,.submit-button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.cancel-button{background-color:#f5f5f5;color:#666}.cancel-button:hover{background-color:#e0e0e0}.submit-button{background-color:#4a90e2;color:#fff}.submit-button:hover{background-color:#357abd}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.ownership-form-container{padding:1rem}.ownership-form{padding:1.5rem}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.step-farmer-profile{max-width:800px;margin:0 auto;padding:20px}.step-header{text-align:center;margin-bottom:2rem}.step-header h2{color:var(--primary-color, #2E7D32);margin-bottom:.5rem;font-size:1.8rem}.step-description{font-size:1.1rem;color:var(--text-color, #555);margin-bottom:1.5rem;line-height:1.6}.step-instructions{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:2px solid #c8e6c9;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.step-instructions h3{color:var(--primary-color, #2E7D32);margin-bottom:1rem;font-size:1.2rem}.step-instructions ul{list-style:none;padding:0;margin:1rem 0}.step-instructions li{padding:.5rem 0;font-size:1rem;line-height:1.5;border-bottom:1px solid rgba(76,175,80,.1)}.step-instructions li:last-child{border-bottom:none}.step-note{background:#4caf501a;border-left:4px solid var(--primary-color, #2E7D32);padding:1rem;margin:1rem 0;border-radius:0 8px 8px 0;font-style:italic}.step-loading{text-align:center;padding:2rem;font-size:1.1rem;color:var(--text-color, #555)}.farmer-profile-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.form-section{padding:1.5rem;border-bottom:1px solid #e0e0e0}.form-section:last-of-type{border-bottom:none}.form-section h3{color:var(--primary-color, #2E7D32);margin-bottom:1rem;font-size:1.3rem;border-bottom:2px solid #e8f5e8;padding-bottom:.5rem}.section-note{color:var(--text-color, #666);font-style:italic;margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group label{font-weight:600;margin-bottom:.5rem;color:var(--text-color-dark, #333);font-size:.95rem}.recommended{color:var(--primary-color, #2E7D32);font-weight:700;font-size:.85rem}.form-group input,.form-group textarea,.form-group select{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color, #2E7D32);box-shadow:0 0 0 3px #2e7d321a}.form-group small{margin-top:.25rem;color:var(--text-color, #666);font-size:.85rem;line-height:1.4}.image-upload-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-image-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--primary-color, #2E7D32);background:#f5f5f5;display:flex;align-items:center;justify-content:center}.preview-image{width:100%;height:100%;object-fit:cover}.image-upload{text-align:center}.image-upload label{background:var(--primary-color, #2E7D32);color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .3s ease;display:inline-block;margin-bottom:.5rem}.image-upload label:hover{background:var(--primary-color-dark, #1B5E20)}.image-upload input[type=file]{display:none}.checkbox-group{margin-top:1rem}.checkbox-label{display:flex;align-items:flex-start;cursor:pointer;position:relative;padding-left:2rem;margin-bottom:.5rem}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;left:0;top:2px;height:18px;width:18px;background-color:#f5f5f5;border:2px solid #ddd;border-radius:4px;transition:all .3s ease}.checkbox-label:hover input~.checkmark{border-color:var(--primary-color, #2E7D32)}.checkbox-label input:checked~.checkmark{background-color:var(--primary-color, #2E7D32);border-color:var(--primary-color, #2E7D32)}.checkmark:after{content:"";position:absolute;display:none;left:5px;top:1px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label input:checked~.checkmark:after{display:block}.checkbox-text{font-weight:500;line-height:1.4}.form-actions{padding:1.5rem;background:#f8f9fa;display:flex;gap:1rem;justify-content:center}.skip-btn,.continue-btn{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px}.skip-btn{background:#6c757d;color:#fff}.skip-btn:hover:not(:disabled){background:#5a6268}.continue-btn{background:var(--primary-color, #2E7D32);color:#fff}.continue-btn:hover:not(:disabled){background:var(--primary-color-dark, #1B5E20);transform:translateY(-1px);box-shadow:0 4px 8px #2e7d324d}.skip-btn:disabled,.continue-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.step-farmer-profile{padding:15px}.form-row{grid-template-columns:1fr;gap:.5rem}.step-header h2{font-size:1.5rem}.step-instructions,.form-section{padding:1rem}.form-actions{flex-direction:column-reverse;gap:.5rem}.skip-btn,.continue-btn{width:100%;min-width:auto}}:root{--primary-color: #2E7D32;--primary-color-dark: #1B5E20;--text-color: #555;--text-color-dark: #333;--border-color: #e0e0e0;--success-color: #4caf50;--info-color: #2196f3}.onboarding-wizard-container{max-width:800px;margin:40px auto;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;text-align:center}.onboarding-wizard-container h1{color:#333;margin-bottom:30px}.onboarding-wizard-container h2{color:#555;margin-top:20px;margin-bottom:10px}.onboarding-wizard-container p{color:#666;margin-bottom:20px;line-height:1.6}.onboarding-steps{margin-bottom:30px}.onboarding-content{margin-top:20px}.onboarding-complete{padding:40px 20px}.onboarding-complete h2{color:#28a745;font-size:2em;margin-bottom:20px}.onboarding-complete p{font-size:1.1em;margin-bottom:15px}.onboarding-complete .button-primary{display:inline-block;margin-top:20px;padding:12px 25px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px;font-weight:700;transition:background-color .3s ease}.onboarding-complete .button-primary:hover{background-color:#0056b3}.onboarding-content .form-group{margin-bottom:15px;text-align:left}.onboarding-content label{display:block;margin-bottom:5px;font-weight:700;color:#555}.onboarding-content input[type=text],.onboarding-content input[type=number],.onboarding-content input[type=email],.onboarding-content input[type=password],.onboarding-content select,.onboarding-content textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.onboarding-content textarea{resize:vertical}.onboarding-content .form-actions{margin-top:20px;text-align:right}.onboarding-content .submit-btn,.onboarding-content .cancel-btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;margin-left:10px}.onboarding-content .submit-btn{background-color:#28a745;color:#fff}.onboarding-content .cancel-btn{background-color:#6c757d;color:#fff}.loading{text-align:center;padding:50px;font-size:1.2em;color:#555}.goat-health-manager{padding:1.5rem}.filters-section{background-color:#f8f9fa;padding:1rem;margin-bottom:1.5rem;border-radius:.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.filter-group{flex:1;min-width:200px}.filter-group label{display:block;margin-bottom:.5rem;color:#495057;font-weight:500}.filter-group select,.filter-group input{width:100%;padding:.5rem;border:1px solid #ced4da;border-radius:.25rem;background-color:#fff}.filter-group input[type=date]{max-width:150px}.filter-group span{margin:0 .5rem}.table-responsive{overflow-x:auto;margin-top:1rem}.data-table{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 1px 3px #0000001a}.data-table th,.data-table td{padding:.75rem;border-bottom:1px solid #dee2e6;text-align:left}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{background-color:#f8f9fa}.data-table th svg{margin-left:.25rem;vertical-align:middle}.health-status-ill,.health-status-quarantine{background-color:#dc3545;color:#fff}.health-status-monitoring{background-color:#ffc107;color:#212529}.health-status-treatment{background-color:#17a2b8;color:#fff}.health-status-recovering{background-color:#28a745;color:#fff}.health-status-healthy{background-color:#198754;color:#fff}.treatment-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;font-weight:500}.treatment-vaccination{background-color:#e3fcef;color:#0d6832}.treatment-deworming{background-color:#cfe2ff;color:#084298}.treatment-injury{background-color:#f8d7da;color:#842029}.treatment-disease{background-color:#fff3cd;color:#664d03}.treatment-preventive{background-color:#d1e7dd;color:#0f5132}.needs-attention{background-color:#fff3cd}.needs-attention:hover{background-color:#ffe5b4}.table-actions{display:flex;gap:.5rem}.table-button{padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;border:none;cursor:pointer;text-decoration:none}.edit-button{background-color:#0d6efd;color:#fff}.edit-button:hover{background-color:#0b5ed7}.delete-button{background-color:#dc3545;color:#fff}.delete-button:hover{background-color:#bb2d3b}@media (max-width: 768px){.filters-section{flex-direction:column;gap:1rem}.filter-group{width:100%}.table-responsive{margin-top:.5rem}.data-table th,.data-table td{padding:.5rem}.table-actions{flex-direction:column}.table-button{width:100%;text-align:center}}.no-records{text-align:center;padding:2rem;color:#6c757d;background-color:#f8f9fa;border-radius:.5rem;margin-top:1rem}.section-actions{margin:1rem 0;display:flex;justify-content:flex-end}.chart-toggle-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#6366f1;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.chart-toggle-button:hover{background-color:#4f46e5}.charts-section{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.chart-container{margin-bottom:2rem}.chart-container:last-child{margin-bottom:0}.chart-container h3{color:#374151;font-size:1.25rem;margin-bottom:1rem;text-align:center}.content-grid{display:grid;grid-template-columns:1fr 350px;gap:20px;margin-top:20px}.main-content{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.health-trends-row{margin:20px 0}.health-trends-card{margin-bottom:50px;border-bottom:50px solid #e5e7eb;padding-bottom:1.5rem}.health-trends-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.health-trends-card h3{margin:0;color:#333;font-size:1.2rem}.health-trends-card .charts-section{display:grid!important;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;padding:1rem 0 0;background:none;box-shadow:none;margin-bottom:0}.health-trends-card .chart-container{width:100%;min-width:0;min-height:300px;margin-bottom:0;flex:unset}@media (max-width: 900px){.health-trends-card .charts-section{grid-template-columns:1fr}}.health-trends-card .chart-container h4{margin:0 0 15px;color:#666;font-size:1rem;text-align:center}.health-trends-card .chart-container{margin-bottom:30px}.health-trends-card .chart-container h4{margin:0 0 15px;color:#666;font-size:1rem}.chart-toggle-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:4px;background-color:#f0f0f0;color:#333;cursor:pointer;transition:background-color .2s}.chart-toggle-button:hover{background-color:#e0e0e0}.chart-toggle-button svg{font-size:1rem}@media (max-width: 1200px){.content-grid{grid-template-columns:1fr}.health-trends-card{order:-1}}.card{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.card-header h3{margin:0;color:#1f2937;font-size:1.1rem;font-weight:600}.health-trends-card .charts-section{background-color:transparent;padding:1rem 0 0;box-shadow:none;margin-bottom:0;display:flex;flex-wrap:wrap;gap:1.5rem;width:100%}.health-trends-card .chart-container{flex:1;min-width:300px;min-height:400px}.health-trends-card .chart-container h4{margin:0 0 1rem;color:#4b5563;font-size:1rem;font-weight:500;text-align:center}.records-card .filters-section{background-color:transparent;padding:0;margin-bottom:1.5rem;border-radius:0}.records-card .table-responsive{margin-top:0}.health-manager{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:1200px;margin:0 auto}.health-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0;position:relative}.health-manager-header h2{margin:0;color:#333}.goat-selector{display:flex;align-items:center;gap:15px}.goat-selector select{padding:8px 12px;border-radius:4px;border:1px solid #ccc;min-width:200px;font-size:16px}.add-record-button{background-color:#4a90e2;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.add-record-button:hover{background-color:#3a80d2}.close-button{background:none;border:none;font-size:24px;color:#666;cursor:pointer;position:absolute;top:0;right:0;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background-color .2s}.close-button:hover{background-color:#0000000d;color:#333}.goat-selector{display:flex;align-items:center;gap:1rem}.goat-selector select{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;min-width:200px;font-size:.95rem}.add-record-button{background-color:#4a7c59;color:#fff;border:none;border-radius:4px;padding:.6rem 1rem;font-weight:500;cursor:pointer;transition:all .2s}.add-record-button:hover{background-color:#3d6949;transform:translateY(-1px)}.add-record-button:active{transform:translateY(0)}.health-records{background-color:#fff;border-radius:6px;padding:1.5rem;box-shadow:0 1px 3px #00000014;margin-top:20px}.loading{text-align:center;padding:2rem;color:#666}.no-records{text-align:center;padding:40px 0;color:#666}.no-records p{font-size:1.1rem;margin-bottom:1.5rem}.add-first-record{background-color:#4a90e2;color:#fff;border:none;padding:10px 20px;border-radius:4px;margin-top:15px;cursor:pointer;font-weight:500}.add-first-record:hover{background-color:#3a80d2;transform:translateY(-1px)}.records-list{display:flex;flex-direction:column;gap:15px}.health-record{border:1px solid #e0e0e0;border-radius:6px;padding:15px;background-color:#fafafa;transition:transform .2s,box-shadow .2s}.health-record:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}.record-header h4{margin:0;color:#333;font-size:18px}.record-actions{display:flex;gap:10px}.delete-record{background-color:#ff5252;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.delete-record:hover{background-color:#e04545}.record-details{display:flex;flex-direction:column;gap:8px;color:#555}.record-details p{margin:0}.no-goats-message{text-align:center;padding:3rem 1rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.no-goats-message h2{color:#444;margin-bottom:1rem}.no-goats-message p{margin-bottom:2rem;color:#666}.add-goat-button{background-color:#4a7c59;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:all .2s}.add-goat-button:hover{background-color:#3d6949}.modal-content{background-color:#fff;border-radius:8px;padding:25px;box-shadow:0 4px 20px #0003;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative}.modal-content h3{margin-top:0;color:#333;padding-bottom:.75rem;border-bottom:1px solid #eee}.close-button{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.5rem;color:#666;cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-button:hover{background-color:#f0f0f0;color:#333}@media screen and (max-width: 768px){.health-manager{padding:1rem}.health-manager-header{flex-direction:column;align-items:flex-start;gap:15px}.goat-selector{flex-direction:column;width:100%;gap:.75rem}.goat-selector select,.add-record-button{width:100%}.health-records{padding:1rem}.modal-content{padding:1rem;width:95%}.record-header{flex-direction:column;align-items:flex-start;gap:10px}}.health-manager{padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000000d}.health-manager-header{display:flex;flex-direction:column;margin-bottom:20px}.health-manager-header h2{margin-bottom:16px;color:#3a3a3a;position:relative;display:flex;justify-content:space-between;align-items:center}.goat-selector{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.goat-selector select{padding:10px 15px;border:1px solid #ddd;border-radius:6px;background-color:#fff;min-width:200px;font-size:1rem;box-shadow:0 1px 3px #0000001a}.add-record-button,.add-first-record{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s;display:flex;align-items:center}.add-record-button:hover,.add-first-record:hover{background-color:#3d8b40}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:5px 10px;position:absolute;right:0;top:0}.health-records{margin-top:20px}.no-records{text-align:center;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a}.no-records p{margin-bottom:15px;color:#666}.records-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.health-record{background-color:#fff;border-radius:8px;box-shadow:0 3px 10px #0000001a;padding:16px;transition:transform .2s,box-shadow .2s}.health-record:hover{transform:translateY(-3px);box-shadow:0 5px 15px #00000026}.record-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee}.record-header h4{margin:0;color:#2c3e50;font-size:1.1rem}.record-actions{display:flex}.delete-record{background-color:#f8d7da;color:#721c24;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background-color .2s}.delete-record:hover{background-color:#f5c6cb}.record-details{font-size:.95rem;color:#555}.record-details p{margin:8px 0;line-height:1.4}.record-details strong{color:#333;margin-right:5px}.health-form-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;padding:20px;width:90%;max-width:600px;position:relative;box-shadow:0 4px 20px #0003}.modal-content h3{margin-top:0;margin-bottom:20px;color:#2c3e50}.modal-content .close-button{position:absolute;right:15px;top:15px}.loading{text-align:center;padding:30px;color:#666}.no-goats-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;text-align:center;padding:20px}.no-goats-message h2{color:#333;margin-bottom:10px}.no-goats-message p{color:#666;margin-bottom:20px}.add-goat-button{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.add-goat-button:hover{background-color:#3d8b40}.button-group{display:flex;gap:.75rem}.add-button{padding:8px 16px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;white-space:nowrap}.add-button:hover{background-color:#218838}.cancel-btn{padding:8px 16px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;white-space:nowrap}.cancel-btn:hover{background-color:#5a6268}@media screen and (max-width: 992px){.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.button-group{width:100%}.add-button{flex:1}}@media screen and (max-width: 768px){.dashboard-section.health-manager{padding:1rem}.button-group{flex-direction:column;width:100%}.button-group button{width:100%}.goat-selector{flex-direction:column;width:100%}.goat-selector select{width:100%;margin-bottom:10px}}.add-vaccine-btn{padding:8px 16px;background-color:#17a2b8;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;white-space:nowrap}.add-vaccine-btn:hover{background-color:#138496}.records-tabs{display:flex;margin-bottom:20px;border-bottom:1px solid #e0e0e0}.tab-button{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;font-size:16px;color:#666;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.tab-button svg{font-size:18px}.tab-button.active{color:#4a90e2;border-bottom-color:#4a90e2;font-weight:500}.tab-button:hover:not(.active){background-color:#f5f5f5;color:#333}@media (max-width: 600px){.records-tabs{flex-direction:column;border-bottom:none}.tab-button{border-bottom:none;border-left:3px solid transparent;justify-content:flex-start;text-align:left;padding:12px 16px}.tab-button.active{border-bottom:none;border-left-color:#4a90e2;background-color:#e6f0fb}}.population-chart-container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #00000014;margin-bottom:25px}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.chart-header h3{margin:0;color:#333;font-size:1.2rem;display:flex;align-items:center;gap:8px}.toggle-view-btn{display:flex;align-items:center;gap:8px;background-color:#f0f7ff;color:#06c;border:1px solid #cce0ff;border-radius:4px;padding:6px 12px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.toggle-view-btn:hover{background-color:#e0f0ff;border-color:#99c2ff}.display-year-summary{background-color:#f0f7ff;border-radius:6px;padding:12px 16px;margin-bottom:16px;border-left:4px solid #0066cc}.display-year-summary p{margin:0;font-size:1rem;color:#333}.highlight-number{font-size:1.2rem;font-weight:600;color:#06c;margin:0 5px}.chart-wrapper{height:300px;position:relative}.population-chart-loading,.population-chart-empty{height:100px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #00000014;margin-bottom:25px;color:#666}.population-chart-empty p{display:flex;align-items:center;gap:8px}.overall-population-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;padding-top:15px;border-top:1px solid #eee}.stats-section{background-color:#f9f9f9;border-radius:6px;padding:15px}.stats-section h4{margin-top:0;margin-bottom:15px;color:#444;font-size:1.1rem;border-bottom:1px solid #e0e0e0;padding-bottom:8px}.stats-section h5{margin:15px 0 10px;color:#555;font-size:.95rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.stat-item{background-color:#fff;border-radius:4px;padding:8px 12px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column}.stat-item.highlighted{background-color:#f0f7ff;border-left:3px solid #0066cc}.stat-label{font-size:.85rem;color:#666}.stat-value{font-size:1.1rem;font-weight:600;color:#333;margin-top:5px}.highlighted .stat-value{color:#06c}.monthly-breakdown{margin-top:20px}.monthly-stats{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);gap:8px;margin-top:12px}.month-stat{background-color:#fff;border-radius:4px;padding:8px;display:flex;flex-direction:column;align-items:center;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.month-stat.has-births{background-color:#e6f7e6;border-bottom:3px solid #4CAF50}.month-label{font-size:.8rem;color:#666}.month-value{font-size:1.1rem;font-weight:600;color:#333;margin-top:4px}.has-births .month-value{color:#2e7d32}.display-year-stats{margin-bottom:20px}@media (max-width: 1100px){.monthly-stats{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}}@media (max-width: 768px){.population-chart-container{padding:15px}.chart-wrapper{height:250px}.overall-population-stats{grid-template-columns:1fr}.monthly-stats{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}}.supplement-record-form{max-width:800px;margin:0 auto;padding:20px}.species-warning{padding:12px 16px;margin-bottom:20px;border-radius:6px;border-left:4px solid;font-size:14px;line-height:1.4}.sheep-warning{background-color:#fff3cd;border-left-color:#ff6b35;color:#856404}.sheep-warning strong{color:#dc3545}.species-indicator{background-color:#f8f9fa;padding:10px 15px;margin-bottom:20px;border-radius:6px;border:1px solid #e9ecef;font-size:14px;color:#495057}.loading-message{text-align:center;padding:40px 20px;color:#6c757d;font-style:italic}.form-group input[type=number]{-moz-appearance:textfield}.form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.card-element-container{padding:.75rem 1rem;border:1px solid #ddd;border-radius:6px;background-color:#fff;margin-top:.5rem}.plan-details{margin-top:1rem;color:#666;font-size:1.1rem}.plan-details strong{color:#333}.processing-message{text-align:center;padding:2rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;margin:1rem 0}.processing-message h3{color:#2c5282;margin-bottom:1rem;font-size:1.25rem}.processing-message p{color:#4a5568;margin-bottom:.75rem;font-size:1rem;line-height:1.5}.cross-request-form{max-width:650px;margin:0 auto;padding:25px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014}.cross-request-form h3{margin-bottom:1.5rem;color:var(--text-color-dark, #333);font-size:1.5rem;border-bottom:1px solid var(--border-color, #eee);padding-bottom:10px}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color-dark, #333)}.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:1rem;background-color:var(--input-background, #fff);transition:border-color .2s,box-shadow .2s}.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color, #4a90e2);box-shadow:0 0 0 3px #4a90e21a;outline:none}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .7rem center;background-size:1em;padding-right:2.5rem}.submit-btn,.cancel-btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn{background-color:var(--primary-color, #4a90e2);color:#fff}.submit-btn:hover{background-color:var(--primary-color-dark, #3a7bc8);transform:translateY(-1px)}.cancel-btn:hover{background-color:var(--secondary-color-dark, #5a6268);transform:translateY(-1px)}.submit-btn:disabled,.cancel-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width: 768px){.cross-request-form{padding:20px 15px;margin:0 10px}.form-actions{flex-direction:column-reverse;gap:.75rem}.submit-btn,.cancel-btn{width:100%;padding:.85rem 1rem}}.contact-button-container{position:relative;display:inline-block}.contact-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;min-height:36px}.contact-btn:disabled{opacity:.6;cursor:not-allowed}.contact-btn.primary{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;box-shadow:0 2px 4px #25d36633}.contact-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#128c7e,#25d366);box-shadow:0 4px 8px #25d3664d;transform:translateY(-1px)}.contact-btn.secondary{background:#f8f9fa;color:#495057;border:1px solid #dee2e6}.contact-btn.secondary:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.contact-btn.icon-only{padding:8px;border-radius:50%;min-width:36px;min-height:36px;background:#25d366;color:#fff;box-shadow:0 2px 4px #25d36633}.contact-btn.icon-only:hover:not(:disabled){background:#128c7e;box-shadow:0 4px 8px #25d3664d;transform:translateY(-1px)}.contact-dropdown{display:flex;position:relative}.contact-dropdown .contact-btn.primary{border-top-right-radius:0;border-bottom-right-radius:0;border-right:1px solid rgba(255,255,255,.2)}.contact-dropdown-toggle{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-top-right-radius:6px;border-bottom-right-radius:6px;padding:8px 12px;cursor:pointer;transition:all .2s ease;min-height:36px}.contact-dropdown-toggle:hover:not(:disabled){background:linear-gradient(135deg,#128c7e,#25d366)}.contact-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden;margin-top:4px}.contact-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border:none;background:#fff;color:#495057;text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:14px}.contact-dropdown-item:hover:not(:disabled){background:#f8f9fa}.contact-dropdown-item.primary-method{border-left:3px solid #25D366}.primary-badge{margin-left:auto;background:#25d366;color:#fff;padding:2px 6px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase}.contact-btn i.fa-whatsapp,.contact-dropdown-item i.fa-whatsapp{color:#25d366}.contact-btn i.fa-envelope,.contact-dropdown-item i.fa-envelope{color:#007bff}.contact-btn i.fa-phone,.contact-dropdown-item i.fa-phone{color:#28a745}.contact-btn i.fa-spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.contact-btn{padding:6px 12px;font-size:13px;min-height:32px}.contact-btn.icon-only{padding:6px;min-width:32px;min-height:32px}.contact-dropdown-toggle{padding:6px 10px;min-height:32px}.contact-dropdown-item{padding:10px 12px;font-size:13px}}.contact-button-container.marketplace-action{width:100%}.contact-button-container.marketplace-action .contact-btn{width:100%;justify-content:center}.contact-button-container.stud-info-action{margin-top:10px}.contact-btn[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1001;margin-bottom:4px}.contact-btn[title]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000c;z-index:1001}.bulk-stud-request-container{max-width:1200px;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.bulk-stud-request-container h2{color:#2c3e50;margin-bottom:20px;font-size:1.8rem;font-weight:600}.stud-info-card{display:flex;gap:20px;padding:20px;background:#f8f9fa;border-radius:8px;margin-bottom:30px;border:1px solid #e9ecef}.stud-image img{width:120px;height:120px;object-fit:cover;border-radius:8px;border:2px solid #dee2e6}.stud-details h3{color:#2c3e50;margin:0 0 10px;font-size:1.4rem}.stud-details p{margin:5px 0;color:#495057}.stud-info-action{margin-top:15px}.bulk-stud-request-form{display:flex;flex-direction:column;gap:25px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-weight:600;color:#2c3e50;font-size:1rem}.field-help{color:#6c757d;font-size:.875rem;margin-top:5px}.does-selection-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:15px}.select-all-controls{display:flex;align-items:center;gap:15px}.select-all-checkbox{display:flex;align-items:center;gap:8px;font-weight:400;cursor:pointer;color:#495057}.select-all-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.selected-count{background:#007bff;color:#fff;padding:4px 12px;border-radius:16px;font-size:.875rem;font-weight:500}.does-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;max-height:400px;overflow-y:auto;padding:10px;border:1px solid #e9ecef;border-radius:8px;background:#f8f9fa}.doe-card{background:#fff;border-radius:8px;border:2px solid #e9ecef;overflow:hidden;transition:all .2s ease;min-height:110px;display:flex;flex-direction:column}.doe-card:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff26}.doe-checkbox{display:block;cursor:pointer;width:100%;margin:0}.doe-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.doe-checkbox input[type=checkbox]:checked+.doe-info{background:#e3f2fd;border-left:4px solid #007bff}.doe-info{display:flex;padding:15px;gap:15px;transition:all .2s ease;flex:1;align-items:flex-start}.doe-image{flex-shrink:0}.doe-image img{width:70px;height:70px;object-fit:cover;border-radius:8px;border:1px solid #dee2e6}.doe-details{flex:1;min-width:200px;display:flex;flex-direction:column;justify-content:center;overflow:visible}.doe-details h4{margin:0 0 8px;color:#2c3e50;font-size:1rem;font-weight:600;line-height:1.2;display:block;max-width:100%}.doe-details p{margin:4px 0;color:#495057;font-size:.9rem;line-height:1.4;display:block;max-width:100%}.form-group input[type=date],.form-group textarea{padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-group input[type=date]:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.no-does-message{text-align:center;padding:40px 20px;color:#6c757d;background:#f8f9fa;border:1px dashed #ced4da;border-radius:8px;font-size:1rem}.no-does-message a{color:#007bff;text-decoration:none;font-weight:500;display:block;margin-top:10px}.no-does-message a:hover{text-decoration:underline}.request-actions{display:flex;gap:15px;padding-top:20px;border-top:1px solid #e9ecef;justify-content:flex-end}.req-btn{padding:12px 24px;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.req-btn:disabled{opacity:.6;cursor:not-allowed}.req-btn-cancel{background:#6c757d;color:#fff}.req-btn-cancel:hover:not(:disabled){background:#5a6268}.req-btn-view{background:#007bff;color:#fff}.req-btn-view:hover:not(:disabled){background:#0056b3}.loading,.error{text-align:center;padding:40px;font-size:1.1rem;color:#6c757d}.error{color:#dc3545;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px}@media (max-width: 768px){.bulk-stud-request-container{padding:15px}.stud-info-card{flex-direction:column;text-align:center}.stud-image{align-self:center}.does-selection-header{flex-direction:column;align-items:flex-start}.select-all-controls{align-self:stretch;justify-content:space-between}.does-grid{grid-template-columns:1fr;max-height:300px}.doe-info{flex-direction:column;text-align:center}.doe-image{align-self:center}.request-actions{flex-direction:column}.req-btn{min-width:auto}}@media (max-width: 480px){.bulk-stud-request-container h2{font-size:1.5rem}.stud-details h3{font-size:1.2rem}.does-grid{padding:8px;gap:10px}.doe-info{padding:10px}}.dashboard-section.requests-page{background-color:#f9f9f9;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e6e6e6}.section-header h2{font-size:1.75rem;color:#333;font-weight:600;margin:0}.tabs-nav{display:flex;gap:.5rem;background-color:#f0f0f0;border-radius:6px;padding:.25rem;margin-bottom:1.5rem}.tab-button{background:none;border:none;padding:.6rem 1.2rem;border-radius:4px;cursor:pointer;font-weight:500;color:#666;transition:all .2s}.tab-button.active{background-color:#4a7c59;color:#fff;box-shadow:0 2px 3px #0000001a}.tab-button:hover:not(.active){background-color:#e0e0e0;color:#333}.loading-container{text-align:center;padding:3rem;color:#666}.no-requests{text-align:center;padding:3rem;color:#666;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d}.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.request-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;border-left:4px solid #4a7c59;transition:box-shadow .2s,transform .1s}.request-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.request-type{background-color:#4a7c59;color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:500}.request-type.stud{background-color:#7c4a59}.request-type.purchase{background-color:#4a7c59}.status-badge{padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:500}.status-badge.pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-badge.approved{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.rejected{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.request-details{margin-bottom:1rem}.request-details h4{margin:0 0 .5rem;color:#333;font-size:1.1rem}.request-info{color:#666;font-size:.9rem;line-height:1.4}.request-info p{margin:.25rem 0}.request-info strong{color:#333}.request-actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.action-button{background-color:#4a7c59;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:background-color .2s,transform .1s;box-shadow:0 1px 2px #0000001a}.action-button:hover{background-color:#3d6949;transform:translateY(-1px)}.action-button.approve{background-color:#28a745}.action-button.approve:hover{background-color:#218838}.action-button.reject{background-color:#dc3545}.action-button.reject:hover{background-color:#c82333}.action-button.delete{background-color:#6c757d}.action-button.delete:hover{background-color:#5a6268}.action-button.view{background-color:#007bff}.action-button.view:hover{background-color:#0056b3}.req-btn{padding:.5rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s,box-shadow .2s;box-shadow:0 1px 2px #0000001a;margin-left:.5rem}.req-btn:hover{box-shadow:0 2px 4px #00000026}.req-btn-view{background-color:#007bff;color:#fff}.req-btn-cancel{background-color:#dc3545;color:#fff}.req-btn-cancel:hover{background-color:#c82333}.request-goat-image,.goat-image{width:60px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0;background-color:#f5f5f5;border:1px solid #e0e0e0}.goat-info{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.goat-details{flex:1}.goat-details p{margin:.25rem 0}.stud-details .goats-info{display:flex;flex-direction:column;gap:1.5rem}.goat-section{background-color:#f8f9fa;padding:1rem;border-radius:6px;border-left:3px solid #4a7c59}.goat-section h5{margin:0 0 .75rem;color:#4a7c59;font-size:1rem;font-weight:600}.request-meta{margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef;font-size:.85rem;color:#6c757d;display:flex;justify-content:space-between}.price-offer-details{background:#f8f9fa;padding:.75rem;border-radius:6px;border-left:3px solid #2d7a46;margin:.5rem 0}.price-offer-details p{margin:.25rem 0}.total-offer{font-size:1.05rem;color:#2d7a46!important;font-weight:600}.marketplace-card,.goat-card,.marketplace-listing-card{width:calc((100% - 40px * 2) / 3);min-width:410px;max-width:550px;box-sizing:border-box;margin:0 0 20px;overflow-y:visible!important;max-height:none!important}.marketplace-listing-card:not(:nth-child(3n)){margin-right:20px}.marketplace-card .card-actions,.goat-card .card-actions,.marketplace-listing-card .card-actions{display:flex;gap:16px;justify-content:stretch;align-items:stretch;width:90%;margin-top:24px;margin-left:auto;margin-right:auto;background:none;box-shadow:none;padding:0}.marketplace-card .card-actions .req-btn,.goat-card .card-actions .req-btn,.marketplace-listing-card .card-actions .req-btn{flex:1 1 0;min-width:0;margin:0;box-sizing:border-box}.marketplace-card .card-actions,.goat-card .card-actions,.marketplace-listing-card .card-actions{background:none;box-shadow:none;padding:0}.marketplace-cards-container,.marketplace-list,.marketplace-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px 0;overflow-y:visible!important;max-height:none!important}@media (max-width: 1500px){.marketplace-card,.goat-card,.marketplace-listing-card{width:calc((100% - 20px)/2);min-width:410px;max-width:550px;margin:0 0 20px}.marketplace-listing-card:not(:nth-child(2n)){margin-right:20px}}@media (max-width: 1000px){.marketplace-card,.goat-card,.marketplace-listing-card{width:100%;min-width:0;max-width:100%;margin:0 0 20px}.marketplace-cards-container,.marketplace-list,.marketplace-grid{gap:10px 0}}@media (max-width: 768px){.requests-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.tabs-nav{width:100%;justify-content:center}.request-actions{justify-content:center}.action-button{flex:1;min-width:80px}}@media (max-width: 480px){.dashboard-section.requests-page,.request-card{padding:1rem}.tabs-nav{flex-direction:column}.tab-button{text-align:center}}.request-card.updating{opacity:.7;pointer-events:none}.error-message{background-color:#f8d7da;color:#721c24;padding:1rem;border-radius:4px;margin-bottom:1rem;border:1px solid #f5c6cb}.success-message{background-color:#d4edda;color:#155724;padding:1rem;border-radius:4px;margin-bottom:1rem;border:1px solid #c3e6cb}.stud-request-container{max-width:800px;margin:0 auto;padding:2rem}.request-mode-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e9ecef;flex-wrap:wrap;gap:15px}.request-mode-header h2{color:#2c3e50;margin:0;font-size:1.8rem;font-weight:600}.mode-toggle{display:flex;align-items:center}.toggle-label{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#495057;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label span{transition:color .2s ease;font-weight:500;white-space:nowrap}.toggle-label span.active{color:#007bff;font-weight:600}.toggle-switch{position:relative;width:50px;height:24px}.toggle-switch input[type=checkbox]{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:#007bff}.toggle-switch input:checked+.slider:before{transform:translate(26px)}.stud-request-container h2:not(.request-mode-header h2){margin-bottom:2rem;color:#333;font-size:1.8rem;text-align:center}.stud-info-card{display:flex;gap:1.5rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.stud-image{flex-shrink:0}.stud-image img{width:120px;height:120px;object-fit:cover;border-radius:8px;border:2px solid #ddd}.stud-details{flex:1}.stud-details h3{margin:0 0 1rem;color:#8e44ad;font-size:1.5rem}.stud-details p{margin:.5rem 0;color:#555;font-size:1rem}.stud-request-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{border-color:#8e44ad;box-shadow:0 0 0 3px #8e44ad1a;outline:none}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .7rem center;background-size:1em;padding-right:2.5rem}.no-does-message{color:#dc3545;font-size:.9rem;margin-top:.5rem;padding:.75rem;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}.no-does-message a{color:#721c24;text-decoration:underline;font-weight:600}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid #eee}.submit-btn,.cancel-btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:140px}.submit-btn{background-color:#8e44ad;color:#fff}.submit-btn:hover:not(:disabled){background-color:#7d3c98;transform:translateY(-1px)}.cancel-btn{--btn-gradient: linear-gradient(90deg, #dc3545 0%, #c82333 100%);background-blend-mode:overlay;background-image:linear-gradient(120deg,rgba(255,255,255,.18) 0%,transparent 100%),var(--btn-gradient);-webkit-backdrop-filter:blur(8px) saturate(1.4);backdrop-filter:blur(8px) saturate(1.4);box-shadow:0 4px 18px #dc35452e,0 1.5px 8px #2c3e501a;border:1.5px solid rgba(220,53,69,.18);color:#fff!important;font-weight:600}.cancel-btn:hover:not(:disabled){filter:brightness(1.08) saturate(1.2);box-shadow:0 8px 32px #dc354538,0 2px 12px #2c3e5021;transform:translateY(-1px)}.cancel-btn:focus{box-shadow:0 6px 24px #dc354538,0 2px 12px #2c3e5021;border:1.5px solid #dc3545}@media (max-width: 768px){.stud-request-container{padding:1rem}.request-mode-header{flex-direction:column;align-items:flex-start;gap:15px}.mode-toggle{align-self:stretch;justify-content:center}.toggle-label{gap:8px;font-size:.85rem}.stud-info-card{flex-direction:column;text-align:center}.stud-image{align-self:center}.form-actions{flex-direction:column-reverse}.submit-btn,.cancel-btn{width:100%}}.purchase-request-container{max-width:800px;margin:0 auto;padding:2rem}.purchase-request-container h2{margin-bottom:2rem;color:#333;font-size:1.8rem;text-align:center}.goat-info-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.purchase-request-container .goat-header{display:flex;align-items:flex-start;margin-bottom:1.5rem;position:relative}.purchase-request-container .goat-image{flex-shrink:0;width:120px;position:absolute;left:0;top:0}.purchase-request-container .goat-image img{width:120px;height:120px;object-fit:cover;border-radius:8px;border:2px solid #ddd;display:block}.purchase-request-container .goat-name{margin-left:140px;display:flex;align-items:center;justify-content:flex-start;min-height:120px}.purchase-request-container .goat-name h3{margin:0;color:#e67e22;font-size:1.8rem;font-weight:600;word-wrap:break-word;overflow-wrap:break-word}.purchase-request-container .goat-details{border-top:1px solid #dee2e6;padding-top:1rem}.purchase-request-container .goat-details p{margin:.5rem 0;color:#555;font-size:1rem}.current-price{font-size:1.1rem;color:#e67e22!important;font-weight:600}.total-estimate{color:#666;font-weight:400;font-size:.9rem}.purchase-request-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.price-note{font-weight:400;color:#666;font-size:.9rem}.form-group select,.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background-color:#fff;transition:border-color .2s,box-shadow .2s}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{border-color:#e67e22;box-shadow:0 0 0 3px #e67e221a;outline:none}.form-group input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.form-group input[type=number]::-webkit-outer-spin-button,.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-group textarea{resize:vertical;min-height:120px;line-height:1.5}.offer-total{margin-top:.5rem;padding:.75rem;background:#e8f5e8;border:1px solid #d4edda;border-radius:4px;color:#155724;font-size:1.1rem;text-align:center}.pricing-info{background:#f8f9fa;padding:1rem;border-radius:6px;border-left:4px solid #e67e22;margin:1rem 0}.seller-total{font-size:1.05rem;color:#333;margin-top:.5rem}.calculation-note{color:#666;font-size:.85rem;font-weight:400;font-style:italic}.total-calculation{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000000d}.your-total{font-size:1.2rem;color:#2d7a46;margin-bottom:.75rem;text-align:center;padding:.5rem;background:#2d7a461a;border-radius:6px}.calculation-breakdown{display:block;font-size:.9rem;color:#666;font-weight:400;margin-top:.25rem;font-style:italic}.price-comparison{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffffb3;border-radius:6px;border:1px solid #e9ecef}.seller-total-compare{font-size:.95rem;color:#666;font-weight:500}.difference{font-weight:600;padding:.25rem .5rem;border-radius:4px;font-size:.9rem}.difference.higher{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.difference.lower{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.form-actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.submit-btn,.cancel-btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s,box-shadow .2s;box-shadow:0 1px 2px #0000001a;margin-left:.5rem}.submit-btn{background-color:#e67e22;color:#fff}.submit-btn:hover:not(:disabled){background-color:#d35400;transform:translateY(-1px)}.submit-btn:disabled{background-color:#bbb;cursor:not-allowed;transform:none}.submit-btn.cancel{background-color:#dc3545;color:#fff}.submit-btn.cancel:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px)}.cancel-btn{background-color:#6c757d;color:#fff}.cancel-btn:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px)}.request-actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap;align-items:stretch}.request-actions .req-btn{padding:.75rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s,box-shadow .2s;box-shadow:0 1px 2px #0000001a;margin-left:0;min-width:0;flex:1 1 0%;text-align:center;height:44px;line-height:1.2;align-self:stretch}.request-actions .req-btn-view{background:linear-gradient(90deg,#36a2ff,#22d3fd);color:#fff}.request-actions .req-btn-view:hover{background:linear-gradient(90deg,#1e88e5,#06b6d4)}.request-actions .req-btn-cancel{background:linear-gradient(90deg,#e040fb,#ff6a6a);color:#fff}.request-actions .req-btn-cancel:hover{background:linear-gradient(90deg,#c2185b,#ff1744)}.loading,.error{text-align:center;padding:2rem;font-size:1.2rem;color:#666}.error{color:#dc3545}@media (max-width: 768px){.purchase-request-container{padding:1rem}.purchase-request-container .goat-header{flex-direction:column;text-align:center;align-items:center;gap:1rem;position:static}.purchase-request-container .goat-image{position:static;width:120px;align-self:center}.purchase-request-container .goat-name{width:100%;margin-left:0;justify-content:center;min-height:auto}.purchase-request-container .goat-name h3{font-size:1.5rem;text-align:center}.form-actions{flex-direction:column-reverse}.submit-btn,.cancel-btn{width:100%}.price-comparison{flex-direction:column;gap:.5rem;text-align:center}.total-calculation{padding:.75rem}.your-total{font-size:1.1rem}}.breeding-requests{padding:20px;max-width:1200px;margin:0 auto}.requests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:1px solid var(--border-color, #eee);padding-bottom:15px}.requests-header h2{margin:0;color:var(--text-color-dark, #333);font-size:1.8rem}.new-request-btn{background-color:var(--primary-color, #4a90e2);color:#fff;border:none;border-radius:4px;padding:10px 16px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.new-request-btn:hover{background-color:var(--primary-color-dark, #3a7bc8);transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}.new-request-btn:before{content:"+";font-size:1.2rem;font-weight:700}.no-requests{text-align:center;padding:60px 20px;background-color:#f9f9f9;border-radius:8px;border:1px dashed #ddd;margin:20px 0}.no-requests p{color:#666;font-size:1.1rem;margin-bottom:20px}.create-first-request{background-color:var(--primary-color, #4a90e2);color:#fff;border:none;border-radius:4px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.create-first-request:hover{background-color:var(--primary-color-dark, #3a7bc8);transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}.requests-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.request-card{background-color:#fff;border-radius:8px;overflow:hidden;border:1px solid #eaeaea;box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.request-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.request-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0;background-color:#fafafa}.request-header h3{margin:0;font-size:1.1rem;color:#333}.status{padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize}.status.pending{background-color:#fff8e1;color:#f57c00;border:1px solid #ffe0b2}.status.approved{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.status.rejected{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.request-details{padding:16px;flex-grow:1}.goat-info{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.doe-info,.buck-info{padding:12px;background-color:#f9f9f9;border-radius:6px;border:1px solid #eee}.doe-info h4,.buck-info h4{margin-top:0;margin-bottom:8px;color:#555;font-size:.95rem}.view-goat{background-color:transparent;color:var(--primary-color, #4a90e2);border:1px solid var(--primary-color, #4a90e2);border-radius:4px;padding:6px 10px;font-size:.8rem;margin-top:8px;cursor:pointer;transition:all .2s}.view-goat:hover{background-color:#4a90e21a}.request-dates{margin:12px 0;font-size:.85rem;color:#666;display:flex;justify-content:space-between}.request-notes{margin-top:16px;padding-top:16px;border-top:1px solid #eee}.request-notes p:first-child{margin-top:0;font-weight:600;color:#555}.request-notes p:last-child{margin-bottom:0;color:#666;font-style:italic}.request-actions{display:flex;gap:8px;padding:16px;background-color:#fafafa;border-top:1px solid #f0f0f0}.approve-btn,.reject-btn,.delete-btn{padding:8px 12px;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.approve-btn{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9;flex:1}.approve-btn:hover{background-color:#c8e6c9}.reject-btn{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2;flex:1}.reject-btn:hover{background-color:#ffcdd2}.delete-btn{background-color:#f5f5f5;color:#555;border:1px solid #ddd;flex:1}.delete-btn:hover{background-color:#e0e0e0}.request-form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s}.modal-content{position:relative;background-color:#fff;border-radius:8px;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;animation:slideIn .3s}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;z-index:10}.close-button:hover{color:#333}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 992px){.requests-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.breeding-requests{padding:15px}.requests-list{grid-template-columns:1fr;gap:15px}.request-header{flex-direction:column;align-items:flex-start;gap:10px}.status{align-self:flex-start}.goat-info{grid-template-columns:1fr}.request-dates{flex-direction:column;gap:5px}.request-actions{flex-direction:column}.modal-content{width:95%;margin:0 10px}}.farmer-profile-container{padding:20px;max-width:800px;margin:20px auto;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a}.farmer-profile-container h1{color:#333;border-bottom:2px solid #4CAF50;padding-bottom:10px;margin-bottom:20px}.farmer-profile-container h2{color:#555;margin-bottom:15px}.farmer-profile-container p{line-height:1.6;margin-bottom:10px}.farmer-profile-container button{background-color:#4caf50;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;font-size:1em;margin-top:20px;transition:background-color .3s ease}.farmer-profile-container button:hover{background-color:#45a049}.contact-farmer-section{margin-top:20px;padding:15px;background:#f0f8ff;border:1px solid #b3d9ff;border-radius:6px}.profile-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.profile-actions button{margin-top:0}.edit-button{background-color:#007bff!important}.edit-button:hover{background-color:#0056b3!important}.error-message{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px;border-radius:4px;margin-bottom:15px}.farmer-profile-form{max-width:800px;margin:0 auto;padding:20px}.farmer-profile-form h2{margin-bottom:2rem;color:var(--text-color-dark, #333)}.image-upload-section{margin-bottom:2rem;text-align:center}.profile-image-preview{margin-bottom:1rem}.preview-image{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color, #007bff)}.image-upload{display:flex;flex-direction:column;align-items:center;gap:.5rem}.image-upload input[type=file]{max-width:300px}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:1rem;background-color:var(--input-background, #fff)}.form-group select{cursor:pointer}.form-group textarea{resize:vertical;min-height:120px}.field-note{display:block;margin-top:.25rem;font-size:.875rem;color:var(--text-color-light, #666);font-style:italic}.error-message{color:var(--error-color, #dc3545);margin-bottom:1rem;padding:.75rem;border-radius:4px;background-color:var(--error-bg, #f8d7da)}.checkbox-label{display:flex!important;align-items:center;gap:.75rem;cursor:pointer;margin-bottom:.5rem}.checkbox-label input[type=checkbox]{width:auto!important;margin:0}.checkmark{position:relative;width:18px;height:18px;border:2px solid var(--primary-color, #007bff);border-radius:3px;transition:all .2s ease}.checkbox-label input[type=checkbox]:checked+.checkmark{background-color:var(--primary-color, #007bff)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;color:#fff;font-size:12px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.form-group input[type=tel]{font-family:monospace}.form-group input[type=email]{font-family:inherit}@media (max-width: 768px){.farmer-profile-form{padding:15px}.form-actions{flex-direction:column-reverse}.submit-btn,.cancel-btn{width:100%}}.bulk-request-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;overflow:hidden}.bulk-request-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.bulk-request-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative}.bulk-request-type-badge{font-weight:600;font-size:16px;flex:1}.bulk-request-status{font-weight:500;font-size:14px;background:#fff3;padding:4px 12px;border-radius:20px;margin:0 12px}.expand-button{background:#fff3;border:none;color:#fff;font-size:18px;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.expand-button:hover{background:#ffffff4d;transform:scale(1.1)}.bulk-request-summary{padding:20px}.stud-summary{display:flex;align-items:center;gap:16px;margin-bottom:16px}.stud-image-small{width:60px;height:60px;border-radius:8px;object-fit:cover;border:2px solid #e0e0e0}.stud-info h4{margin:0 0 8px;color:#2c3e50;font-size:18px}.stud-info p{margin:4px 0;color:#666;font-size:14px}.bulk-request-notes{background:#f8f9fa;border-left:4px solid #667eea;padding:12px 16px;margin:16px 0;border-radius:4px}.bulk-request-notes strong{color:#2c3e50}.bulk-request-dates{display:flex;gap:24px;margin-top:16px;font-size:14px;color:#666}.bulk-request-dates span{display:flex;align-items:center;gap:4px}.bulk-request-details{border-top:1px solid #e0e0e0;padding:20px;background:#fafbfc}.bulk-request-details h5{margin:0 0 16px;color:#2c3e50;font-size:16px;font-weight:600}.does-list{display:grid;gap:12px}.doe-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s ease}.doe-item:hover{border-color:#667eea;background:#f8f9ff}.doe-image-small{width:48px;height:48px;border-radius:6px;object-fit:cover;border:1px solid #e0e0e0;flex-shrink:0}.doe-info p:first-child{color:#2c3e50;font-weight:500}.doe-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.status-badge{font-size:12px;font-weight:600;text-transform:uppercase;padding:4px 8px;border-radius:12px;background:#0000000d;white-space:nowrap}.individual-actions{display:flex;gap:4px}.req-btn-small{width:28px!important;height:28px!important;padding:0!important;font-size:14px!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important}.bulk-request-actions{padding:20px;border-top:1px solid #e0e0e0;background:#f8f9fa;display:flex;gap:12px;flex-wrap:wrap}.bulk-request-actions .req-btn{min-width:160px;font-weight:500;transition:all .3s ease}.bulk-request-actions .req-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.req-btn-delete{background:#dc3545;color:#fff;border:1px solid #dc3545}.req-btn-delete:hover:not(:disabled){background:#c82333;border-color:#c82333;transform:translateY(-1px)}@media (max-width: 768px){.bulk-request-header{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.bulk-request-status{margin:0;font-size:13px}.expand-button{position:absolute;top:16px;right:16px}.stud-summary{flex-direction:column;align-items:flex-start;text-align:center}.bulk-request-dates{flex-direction:column;gap:8px}.doe-item{flex-direction:column;align-items:flex-start;text-align:center}.doe-status{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.bulk-request-actions{flex-direction:column}.bulk-request-actions .req-btn{min-width:auto;width:100%}}.bulk-request-details{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:1000px;padding-top:20px;padding-bottom:20px}}.bulk-request-card .status-badge{border:1px solid currentColor;opacity:.9}.does-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e0e0e0}.does-selection-header h5{margin:0;color:#2c3e50;font-size:16px;font-weight:600}.bulk-selection-controls{display:flex;align-items:center;gap:16px}.select-all-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#667eea;cursor:pointer;-webkit-user-select:none;user-select:none}.select-all-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.selected-count{font-size:12px;color:#666;background:#f0f2ff;padding:4px 8px;border-radius:12px;border:1px solid #d1d9ff}.doe-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;transition:all .3s ease;position:relative}.doe-item:hover{border-color:#667eea;background:#f8f9ff;transform:translateY(-1px);box-shadow:0 2px 8px #667eea1a}.doe-item.selected{border-color:#667eea;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);box-shadow:0 2px 12px #667eea33}.doe-item.selected:before{content:"";position:absolute;top:8px;right:8px;width:20px;height:20px;background:#667eea;border-radius:50%;display:flex;align-items:center;justify-content:center}.doe-item.selected:after{content:"✓";position:absolute;top:8px;right:8px;width:20px;height:20px;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:1}.doe-selection{flex-shrink:0}.doe-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.doe-info{flex:1}.doe-info p{margin:2px 0;font-size:14px;color:#666}.doe-info p:first-child{color:#2c3e50;font-weight:500;font-size:15px}.action-section{display:flex;flex-direction:column;gap:16px}.action-group h6{margin:0 0 8px;color:#2c3e50;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.bulk-buttons{display:flex;gap:12px;flex-wrap:wrap}.selection-info{background:linear-gradient(135deg,#e8f2ff,#f0f8ff);border:2px solid #b3d9ff;border-radius:8px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.selection-info p{margin:0;color:#2c5282;font-size:14px;display:flex;align-items:center;gap:6px}.clear-selection-btn{background:#667eea;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;font-weight:500}.clear-selection-btn:hover{background:#5a67d8;transform:translateY(-1px)}.doe-item.selected .status-badge{background:#667eea1a;border-color:#667eea;color:#667eea;font-weight:600}.individual-actions{display:flex;gap:4px;opacity:.7;transition:opacity .2s ease}.doe-item:hover .individual-actions{opacity:1}@media (max-width: 768px){.does-selection-header{flex-direction:column;align-items:flex-start;gap:12px}.bulk-selection-controls{width:100%;justify-content:space-between}.doe-item{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.doe-selection{align-self:flex-end;position:absolute;top:16px;right:16px}.doe-item.selected:before,.doe-item.selected:after{top:16px;right:50px}.selection-info{flex-direction:column;align-items:flex-start;text-align:left}.bulk-buttons{width:100%;flex-direction:column}.bulk-buttons .req-btn{width:100%;justify-content:center}}.bulk-request-card:hover .bulk-request-header{background:linear-gradient(135deg,#5a6fd8,#6b4b9a)}.bulk-request-card:hover .expand-button{background:#ffffff4d}.herd-creation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.herd-creation-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.herd-creation-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.herd-creation-modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.herd-creation-modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.herd-creation-modal-close:hover{background-color:#f3f4f6;color:#374151}.herd-creation-modal-content{padding:24px;text-align:center}.herd-creation-modal-icon{font-size:3rem;margin-bottom:16px}.herd-creation-modal-content p{margin:0 0 16px;font-size:1rem;line-height:1.6;color:#374151}.herd-creation-modal-content p:last-child{margin-bottom:0;font-weight:500}.herd-creation-modal-content strong{color:#111827;font-weight:600}.herd-creation-modal-actions{display:flex;gap:12px;padding:16px 24px 24px;justify-content:flex-end}.herd-creation-modal-button{padding:12px 24px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-width:100px}.herd-creation-modal-button.secondary{background-color:#f9fafb;color:#374151;border:1px solid #d1d5db}.herd-creation-modal-button.secondary:hover{background-color:#f3f4f6;border-color:#9ca3af}.herd-creation-modal-button.primary{background-color:#059669;color:#fff}.herd-creation-modal-button.primary:hover{background-color:#047857}.herd-creation-modal-button:focus{outline:2px solid #059669;outline-offset:2px}@media (max-width: 640px){.herd-creation-modal-overlay{padding:16px}.herd-creation-modal{max-width:100%}.herd-creation-modal-header,.herd-creation-modal-content,.herd-creation-modal-actions{padding-left:20px;padding-right:20px}.herd-creation-modal-actions{flex-direction:column}.herd-creation-modal-button{min-width:auto;width:100%}}.vaccination-form{max-width:800px;margin:0 auto;padding:20px}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color-dark, #333)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:1rem;background-color:var(--input-background, #fff)}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row .form-group{flex:1;margin-bottom:0}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.submit-btn,.cancel-btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s,opacity .2s}.submit-btn{background-color:var(--primary-color, #007bff);color:#fff}.submit-btn:hover{background-color:var(--primary-color-dark, #0056b3)}.cancel-btn{background-color:var(--secondary-color, #6c757d);color:#fff}.cancel-btn:hover{background-color:var(--secondary-color-dark, #545b62)}.submit-btn:disabled,.cancel-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.form-row{flex-direction:column;gap:1rem}.form-row .form-group{margin-bottom:0}.form-actions{flex-direction:column-reverse}.submit-btn,.cancel-btn{width:100%}}.batch-health-container{padding:1rem;max-width:100%;margin:0 auto}.batch-health-card{background:#ffffffd9;border-radius:18px;box-shadow:0 2px 12px #2c3e501a;padding:1.5rem 1.2rem;margin-bottom:1.5rem;border:1.5px solid rgba(200,200,255,.13)}.batch-health-title{margin:0 0 1.5rem;color:var(--text-color);font-size:1.8rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.batch-health-title:before{content:"💉";font-size:1.2em}.treatment-type-selector{margin-bottom:2rem}.treatment-type-buttons{display:flex;gap:1rem;margin-top:.5rem}.treatment-type-btn{padding:.75rem 1.5rem;border:2px solid var(--border-color);border-radius:10px;background:#ffffffb3;color:var(--text-color);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:140px;justify-content:center}.treatment-type-btn:hover{border-color:var(--primary-color);background:#6a67ff1a;transform:translateY(-1px)}.treatment-type-btn.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #6a67ff4d}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.checkbox-group{flex-direction:row;align-items:center;margin-bottom:1rem;gap:0}.form-group.checkbox-group.full-width{grid-column:1 / -1;width:100%}.form-label{font-weight:500;color:var(--text-color);font-size:.9rem;margin-bottom:.25rem}.form-input,.form-select,.form-textarea{background:#ffffffb3;border:1.5px solid var(--border-color);border-radius:8px;padding:.7rem 1rem;font-size:1rem;color:var(--text-color);transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6a67ff26}.form-textarea{resize:vertical;min-height:80px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9rem;color:var(--text-color);margin:0;line-height:1.2;width:100%}.checkbox-label input[type=checkbox]{width:auto;margin:0;flex-shrink:0}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--light-bg);border-radius:10px}.section-title{margin:0;color:var(--text-color);font-size:1.25rem;font-weight:600}.table-container{overflow-x:auto;margin:1.5rem 0;border-radius:12px;box-shadow:0 2px 8px #2c3e5014}.table{width:100%;border-collapse:separate;border-spacing:0;background:#ffffffd9;border-radius:12px;overflow:hidden}.table th,.table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle}.table th{background:#6a67ff14;color:var(--text-color);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.table tbody tr:hover{background:#6a67ff0d}.table tbody tr:last-child td{border-bottom:none}.chip{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.chip-success{background-color:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.3)}.chip-warning{background-color:#ffc1071a;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.checkbox{width:1.2rem;height:1.2rem;cursor:pointer;accent-color:var(--primary-color)}.button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.button-primary{background:linear-gradient(90deg,var(--primary-color) 0%,#38bdf8 100%);color:#fff;box-shadow:0 4px 12px #6a67ff33}.button-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6a67ff4d}.button-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.button-outline:hover{background:var(--primary-color);color:#fff}.batch-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.alert{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;font-weight:500}.alert-success{background-color:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.3)}.alert-error{background-color:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.3)}.alert button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:inherit;opacity:.7}.alert button:hover{opacity:1}@media (max-width: 768px){.batch-health-container{padding:.5rem}.batch-health-card{padding:1rem;border-radius:12px}.form-grid{grid-template-columns:1fr;gap:1rem}.filter-row{grid-template-columns:1fr}.treatment-type-buttons{flex-direction:column}.treatment-type-btn{width:100%}.table-container{border-radius:8px}.table th,.table td{padding:.75rem .5rem;font-size:.9rem}.batch-actions{flex-direction:column}.button{width:100%;justify-content:center}}@media (max-width: 480px){.batch-health-title{font-size:1.5rem}.table th,.table td{padding:.5rem .25rem;font-size:.8rem}.form-input,.form-select,.form-textarea{font-size:.9rem;padding:.6rem .8rem}}.activation-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background-color:#f5f8fa}.activation-box{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:2rem;width:100%;max-width:500px;text-align:center}.activation-box h2{color:#2c3e50;margin-bottom:1.5rem}.loading-message,.success-message,.error-message{margin-bottom:1.5rem;padding:1rem;border-radius:4px}.loading-message{background-color:#f8f9fa;color:#495057}.success-message{background-color:#d4edda;color:#155724}.error-message{background-color:#f8d7da;color:#721c24}.loading-spinner{display:inline-block;width:40px;height:40px;margin:10px auto;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#007bff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.subscription-info{margin-top:1rem;padding:.75rem;background-color:#e3f2fd;border-radius:4px;border-left:4px solid #1976d2}.activation-actions{margin-top:1.5rem}.login-button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:background-color .2s}.login-button:hover{background-color:#0056b3}@media (max-width: 576px){.activation-box{padding:1.5rem}}.req-btn.disabled{opacity:.6;cursor:not-allowed;background-color:#6c757d;border-color:#6c757d}.req-btn.disabled:hover{background-color:#6c757d;border-color:#6c757d;transform:none}.req-btn[title]{position:relative}.breeding-actions{display:flex;flex-direction:column;gap:8px;width:100%}.req-btn-bulk{background:linear-gradient(135deg,#6f42c1,#8a63d2);color:#fff;border:1px solid #6f42c1;font-size:.875rem;padding:8px 12px;min-height:auto}.req-btn-bulk:hover:not(.disabled){background:linear-gradient(135deg,#5a359c,#6f42c1);transform:translateY(-1px);box-shadow:0 4px 12px #6f42c14d}.req-btn-bulk.disabled{background:#6c757d;border-color:#6c757d}.request-actions{display:flex;flex-direction:column;gap:10px;width:100%}.request-actions .breeding-actions{width:100%}.req-btn[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;margin-bottom:5px;max-width:200px;text-align:center}.req-btn[title]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#333;z-index:1000}@media (max-width: 768px){.breeding-actions{gap:6px}.req-btn-bulk{font-size:.8rem;padding:6px 10px}.req-btn[title]:hover:after{max-width:150px;font-size:11px}}.request-status-display{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:16px;margin:16px 0}.request-status-display h4{margin:0 0 16px;color:#495057;font-size:16px}.request-item{background:#fff;border-radius:6px;padding:12px;margin-bottom:12px;border:1px solid #e9ecef}.request-item:last-child{margin-bottom:0}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.request-header-actions{display:flex;align-items:center;gap:8px}.request-type{font-weight:600;color:#495057}.status-badge{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;position:relative}.status-pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-approved{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-rejected{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-cancelled,.status-unknown{background-color:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.request-details{font-size:14px}.request-details p{margin:4px 0;color:#6c757d}.request-details strong{color:#495057}.cancel-btn{background-color:#dc3545;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.cancel-btn:hover:not(:disabled){background-color:#c82333}.cancel-btn:disabled{background-color:#6c757d;cursor:not-allowed}.cancel-btn-compact{background:none;border:none;color:#dc3545;font-size:14px;font-weight:700;cursor:pointer;padding:0 2px;margin-left:4px;line-height:1}.cancel-btn-compact:hover:not(:disabled){color:#c82333}.cancel-btn-compact:disabled{color:#6c757d;cursor:not-allowed}.request-status-compact{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.request-status-compact .status-badge{font-size:10px;padding:2px 8px;display:flex;align-items:center}.marketplace{padding:2rem 1rem}.filters-section{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.filter-group{display:flex;flex-direction:column;min-width:180px}.goat-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;max-width:1400px;margin:20px auto 0;justify-items:center}@media (max-width: 768px){.goat-cards-grid{grid-template-columns:1fr;gap:1rem}.goat-card{max-width:100%;margin-left:auto;margin-right:auto}.goat-card-header{flex-direction:column;text-align:center;padding:12px}.goat-card-image-container{margin-right:0;margin-bottom:12px}.goat-card-details{grid-template-columns:1fr;padding:12px}.request-actions{flex-direction:column;gap:8px}.goat-info{grid-template-columns:1fr;text-align:left}.goat-info-value{text-align:left}.goat-image{margin-left:auto;margin-right:auto}}@media (max-width: 480px){.marketplace{padding:1rem .5rem}.goat-card{padding:1rem}.goat-info h3{font-size:1.1rem}.goat-info p{font-size:.9rem}.view-profile-btn,.request-cross-btn,.request-stud-btn,.request-purchase-btn{font-size:.9rem;padding:.35rem .8rem}.pagination button{padding:.35rem .7rem;font-size:.75rem}}.goat-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;height:100%;position:relative;border:1px solid #f0f0f0;max-width:380px;width:100%}.goat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f;border-color:#e0e0e0}.goat-info{display:grid;grid-template-columns:1fr;gap:.5rem;width:100%;margin-top:1rem}.goat-info h3{grid-column:1 / -1;margin:.5rem 0 .7rem;font-size:1.2rem;text-align:center}.goat-info-row{line-height:1.4;margin-bottom:.5rem}.goat-info p{margin:.2rem 0;font-size:.98rem}.goat-info-label{display:block;font-weight:600;color:#666;text-align:left}.goat-info-value{display:block;color:#333;word-break:break-word;overflow-wrap:break-word;text-align:left}.goat-actions{margin-top:1rem;display:flex;gap:.7rem;justify-content:center}.view-profile-btn,.request-cross-btn,.request-stud-btn,.request-purchase-btn{background:#2d7a46;color:#fff;border:none;border-radius:5px;padding:.4rem .9rem;font-size:.97rem;cursor:pointer;text-decoration:none;transition:background .18s;display:inline-block;text-align:center;margin:.2rem}.view-profile-btn:hover,.request-cross-btn:hover,.request-stud-btn:hover,.request-purchase-btn:hover{background:#256337}.request-cross-btn{background:#1e5a99}.request-cross-btn:hover{background:#17426e}.request-stud-btn{background:#8e44ad}.request-stud-btn:hover{background:#7d3c98}.request-purchase-btn{background:#e67e22}.request-purchase-btn:hover{background:#d35400}.loading,.error{text-align:center;margin-top:2rem;font-size:1.2rem}.marketplace-banner-ad{width:100%;min-height:90px;max-height:180px;background:linear-gradient(90deg,#f7f7fa 60%,#e3eafe);border-radius:16px;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #2c3e5014;font-size:1.3rem;color:#4d79ff;font-weight:600;letter-spacing:1px}@media (max-width: 600px){.marketplace-banner-ad{min-height:60px;font-size:1rem}}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding:1rem 0}.pagination button{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;color:#333;cursor:pointer;border-radius:4px;font-size:.9rem;min-width:40px;transition:all .2s ease}.pagination button:hover:not(:disabled){background:#f5f5f5;border-color:#ccc;transform:translateY(-1px)}.pagination button:disabled{cursor:not-allowed;opacity:.5;background:#f8f9fa;color:#6c757d}.pagination button.active{background:#2d7a46;color:#fff;border-color:#2d7a46}.pagination button.active:hover{background:#256337;border-color:#256337}@media (max-width: 600px){.pagination{flex-wrap:wrap;gap:.25rem}.pagination button{padding:.4rem .8rem;font-size:.8rem;min-width:35px}}.marketplace .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.marketplace .filter-loading{font-size:14px;color:#666;margin-left:10px;display:inline-flex;align-items:center}.marketplace .filter-loading:after{content:"";width:12px;height:12px;margin-left:8px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.marketplace .marketplace-header{margin-bottom:10px;color:#666;font-size:14px}.marketplace .skeleton-card{background:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:15px;animation:pulse 1.5s ease-in-out infinite alternate}.marketplace .skeleton-image{width:100%;height:200px;background:#e9ecef;border-radius:4px;margin-bottom:10px}.marketplace .skeleton-line{height:16px;background:#e9ecef;border-radius:4px;margin-bottom:8px}.marketplace .skeleton-line.short{width:60%}.marketplace .skeleton-line.medium{width:80%}@keyframes pulse{0%{opacity:1}to{opacity:.7}}.card-bottom-btn-wrapper{display:flex;flex-direction:column;gap:.5rem;padding:1rem;margin-top:auto;background:linear-gradient(0deg,rgba(255,255,255,.95) 0%,transparent 100%);border-radius:0 0 10px 10px}.card-bottom-btn-wrapper a{text-align:center;text-decoration:none;border-radius:5px;font-weight:500;transition:all .2s ease;padding:.5rem 1rem;font-size:.9rem;border:none;cursor:pointer}.card-bottom-btn-wrapper a:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.goat-card-header{display:flex;align-items:center;padding:20px;border-bottom:1px solid #f5f5f5;background:linear-gradient(135deg,#fafbfc,#f8f9fa)}.goat-card-image-container{position:relative;width:70px;height:70px;flex-shrink:0;margin-right:16px}.goat-card-image{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block;border:2px solid #fff;box-shadow:0 2px 8px #0000001a}.goat-card-title{flex:1}.goat-card-title h3{margin:0 0 6px;font-size:1.15rem;color:#2d3748;font-weight:600;line-height:1.3}.goat-main-details{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:4px}.goat-main-details .farm-name{font-size:.9rem;color:#718096;font-weight:500}.species-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .6rem;border-radius:16px;font-size:.75rem;font-weight:600;box-shadow:0 2px 4px #667eea33;gap:.25rem}.goat-card-details{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px;border-bottom:1px solid #eaeaea}.details-column{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-label{font-weight:600;color:#666;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:#333;font-size:.95rem;font-weight:500}.sale-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600;text-align:center;width:fit-content}.breeding-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600;text-align:center;width:fit-content}.goat-card-details p{margin:8px 0;font-size:.95rem;line-height:1.4}.goat-card-actions{padding:16px;display:flex;flex-direction:column;gap:10px;margin-top:auto}.request-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.req-btn{padding:.6rem 1.2rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;color:#fff;text-decoration:none;text-align:center;font-size:.9rem;display:inline-block;letter-spacing:.5px;min-width:120px}.req-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.req-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.req-btn-view{background:linear-gradient(135deg,#4299e1,#3182ce)}.req-btn-view:hover{background:linear-gradient(135deg,#3182ce,#2c5282)}.req-btn-approve{background:linear-gradient(135deg,#9f7aea,#805ad5)}.req-btn-approve:hover{background:linear-gradient(135deg,#805ad5,#6b46c1)}.req-btn-reject{background:linear-gradient(135deg,#ed8936,#dd6b20)}.req-btn-reject:hover{background:linear-gradient(135deg,#dd6b20,#c05621)}.req-btn-view{background-color:#007bff}.req-btn-view:hover{background-color:#0056b3}.req-btn-approve{background-color:#28a745}.req-btn-approve:hover{background-color:#218838}.req-btn-reject{background-color:#dc3545}.req-btn-reject:hover{background-color:#c82333}.req-btn-cross{background-color:#6f42c1}.req-btn-cross:hover{background-color:#5a32a3}.species-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:.5rem;box-shadow:0 2px 4px #0000001a}.goat-main-details{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.farm-name{color:#666;font-size:.9rem}.filter-group select[name=species]{background:linear-gradient(135deg,#f6f9fc,#f1f5f9);border:2px solid #e2e8f0;font-weight:600}.filter-group select[name=species]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.marketplace-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;border:1px solid #e2e8f0}.marketplace-header span{font-weight:600;color:#374151}.goat-card[data-species=Cow]{border-left:4px solid #f59e0b}.goat-card[data-species=Sheep]{border-left:4px solid #10b981}.goat-card[data-species=Goat]{border-left:4px solid #8b5cf6}@media (max-width: 768px){.species-badge{font-size:.7rem;padding:.15rem .4rem;margin-left:.25rem}.goat-main-details{flex-direction:column;align-items:flex-start;gap:.25rem}}.goats-container{max-width:1400px;margin:0 auto;padding:0 20px 20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.goats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:25px 30px;border-radius:15px;box-shadow:0 8px 25px #0000001a}.goats-header h1{margin:0;font-size:2.2rem;font-weight:700;color:#2c3e50;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.add-goat-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;padding:12px 25px!important;border-radius:25px;font-size:16px!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;display:flex!important;align-items:center;gap:8px;box-shadow:0 4px 15px #667eea66!important}.add-goat-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.add-goat-btn:active{transform:translateY(0)}.search-bar-container{margin-bottom:30px}.search-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.search-icon{position:absolute;left:18px;top:36%;transform:translateY(-50%);color:#666;z-index:1;font-size:18px;pointer-events:none}.search-input{width:100%;padding:15px 15px 15px 45px;border:2px solid #e1e8ed;border-radius:25px;font-size:16px;background:#fff;transition:all .3s ease;box-shadow:0 4px 15px #0000000d}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 4px 20px #667eea33}.search-input::placeholder{color:#aaa;font-weight:400}.goats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:32px!important;margin-top:32px;padding-bottom:32px;max-width:1400px;margin-left:auto;margin-right:auto}@media (min-width: 1200px){.goats-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));max-width:1400px}}@media (min-width: 1600px){.goats-grid{grid-template-columns:repeat(3,1fr);max-width:1600px}}@media (max-width: 900px){.goats-grid{grid-template-columns:1fr!important;gap:20px;max-width:none}}@media (max-width: 1200px) and (min-width: 768px){.goats-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));max-width:900px}}.goat-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;position:relative;display:flex;flex-direction:column;height:100%;border:1px solid rgba(255,255,255,.2);margin-bottom:0!important}.goat-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.goat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.animal-card-header{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:2px solid #f0f0f0;padding:25px 25px 15px;margin-bottom:0;display:flex;align-items:center;justify-content:space-between;gap:20px}.animal-primary-info{display:flex;flex-direction:column;gap:10px;flex:1}.goat-name{margin:0;font-size:1.4rem;font-weight:700;color:#2c3e50;display:flex;align-items:center;line-height:1.3}.goat-name span{transition:all .3s ease;position:relative}.goat-name span:hover{color:#667eea}.goat-name span:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.goat-name span:hover:after{width:100%}.animal-identifiers{display:flex;flex-wrap:wrap;gap:12px;margin-top:5px}.tag-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:20px;font-size:.85em;font-weight:600;letter-spacing:.5px}.registration-number{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:4px 12px;border-radius:20px;font-size:.85em;font-weight:600;letter-spacing:.5px}.animal-image-section{display:flex;align-items:center;flex-shrink:0}.animal-card-image{width:80px;height:80px;object-fit:cover;border-radius:12px;border:3px solid #fff;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;cursor:pointer;background-color:#f8f9fa}.animal-card-image:hover{transform:scale(1.05);box-shadow:0 6px 20px #00000026}@media (max-width: 768px){.animal-card-header{flex-direction:column;align-items:flex-start;gap:15px}.animal-image-section{align-self:center}.animal-card-image{width:70px;height:70px}}@media (max-width: 480px){.animal-card-header{padding:20px 20px 15px;gap:10px}.animal-card-image{width:60px;height:60px}}.animal-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 25px 25px;flex:1}.details-column-left,.details-column-right{display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;flex-direction:column;gap:4px;padding:8px 4px;border-bottom:1px solid #f5f5f5}.detail-item:last-child{border-bottom:none}.detail-label{font-size:.8em;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.95em;font-weight:500;color:#333}.status-badge{display:inline-block;padding:4px 10px;border-radius:15px;font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.status-badge[data-status=alive]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge[data-status=deceased]{background:#f8d7da;color:#721c24;border:1px solid #f1b0b7}.status-badge[data-status=sold]{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-badge[data-status=retired]{background:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.sale-badge{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#d4530a;padding:4px 10px;border-radius:15px;font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content;display:inline-block}.breeding-badge{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#2d5aa0;padding:4px 10px;border-radius:15px;font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content;display:inline-block}.price{font-weight:700;color:#27ae60;font-size:1.05em}.loading{display:flex;justify-content:center;align-items:center;min-height:60vh;font-size:1.2rem;color:#667eea;font-weight:600}.loading:after{content:"";margin-left:10px;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.error-message{display:flex;justify-content:center;align-items:center;min-height:40vh;font-size:1.1rem;color:#e74c3c;font-weight:600;background:#fff;margin:20px;padding:30px;border-radius:15px;box-shadow:0 5px 15px #e74c3c1a;border-left:5px solid #e74c3c}.empty-state{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;min-height:400px}.empty-state-content{text-align:center;background:#fff;padding:50px 40px;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:400px;width:100%}.empty-state-content h3{margin:20px 0 10px;font-size:1.5rem;color:#2c3e50;font-weight:600}.empty-state-content p{margin:0 0 30px;color:#7f8c8d;font-size:1rem;line-height:1.5}@media (max-width: 1024px) and (min-width: 901px){.goats-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;max-width:1000px}}@media (max-width: 768px){.goats-container{padding:15px}.goats-header{flex-direction:column;gap:20px;text-align:center;padding:20px}.goats-header h1{font-size:1.8rem}.goats-grid{grid-template-columns:1fr;gap:20px}.add-goat-btn{width:100%;justify-content:center}.animal-details-grid{grid-template-columns:1fr;gap:15px}.animal-identifiers{flex-direction:column;align-items:flex-start;gap:8px}.goat-name{font-size:1.2em}.animal-card-header{padding:20px 20px 12px}.animal-details-grid{padding:15px 20px 20px}}@media (max-width: 480px){.goats-header h1{font-size:1.5rem}.goat-name{font-size:1.1rem}.detail-item{padding:6px 0}.animal-card-header{padding:15px 15px 10px}.animal-details-grid{padding:12px 15px 15px}.tag-number,.registration-number{font-size:.75em;padding:3px 10px}}.goat-card{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(30px)}.goat-card:nth-child(1){animation-delay:.1s}.goat-card:nth-child(2){animation-delay:.2s}.goat-card:nth-child(3){animation-delay:.3s}.goat-card:nth-child(4){animation-delay:.4s}.goat-card:nth-child(5){animation-delay:.5s}.goat-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.goat-name span[title]{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.animal-card-actions{border-top:2px solid #f0f0f0;padding:15px 20px;background:#fafbfc;display:flex;flex-direction:column;gap:12px}.edit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.health-button{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff}.health-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b66}.weight-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.weight-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4ecdc466}.dropdown-container{position:relative;width:100%}.more-actions-button{width:100%;background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#8b4513;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.more-actions-button:hover{background:linear-gradient(135deg,#fed7aa,#fb923c);transform:translateY(-1px);box-shadow:0 4px 12px #fb923c4d}.chevron-rotated{transform:rotate(180deg)}.dropdown-menu{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 10px 25px #00000026;padding:8px 0;min-width:200px;max-width:250px;z-index:9999}.dropdown-item{width:100%;background:none;border:none;padding:12px 16px;text-align:left;cursor:pointer;font-size:.9rem;color:#2c3e50;display:flex;align-items:center;gap:10px;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item.delete-item{color:#dc3545;border-top:1px solid #f1f3f4;margin-top:4px}.dropdown-item.delete-item:hover{background-color:#ffeaea}@media (max-width: 768px){.primary-actions{grid-template-columns:1fr;gap:6px}.primary-actions button{padding:12px;font-size:.9rem}.animal-card-actions{padding:12px 15px}}@media (max-width: 480px){.primary-actions button{padding:10px;font-size:.85rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background:#fff;border-radius:15px;padding:0;max-width:90vw;max-height:90vh;overflow:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}.modal-close{position:absolute;top:15px;right:15px;background:#f8f9fa;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:#6c757d;transition:all .2s ease;z-index:1}.modal-close:hover{background:#e9ecef;color:#495057;transform:scale(1.1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.accessibility-controls{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:1000}.accessibility-button{width:50px;height:50px;border-radius:50%;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;display:flex;align-items:center;justify-content:center}.accessibility-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.accessibility-button:active{transform:translateY(0)}.high-contrast{filter:contrast(150%) brightness(1.2)}.high-contrast .goat-card{border:2px solid #000}.high-contrast .detail-value{color:#000;font-weight:700}.large-text{font-size:1.2em}.large-text .goat-name{font-size:1.6rem}.large-text .detail-label,.large-text .detail-value{font-size:1rem}.large-text .primary-actions button{font-size:1rem;padding:12px 15px}.add-parents-page{padding:20px;max-width:1200px;margin:0 auto}.page-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.page-header h1{color:#2c3e50;margin-bottom:10px;font-size:2rem;font-weight:600}.animal-info{display:flex;gap:15px;align-items:center;margin-top:10px}.species-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:5px 12px;border-radius:15px;font-size:.9rem;font-weight:500;text-transform:capitalize}.tag-info{background-color:#f8f9fa;color:#495057;padding:5px 12px;border-radius:10px;font-size:.9rem;border:1px solid #dee2e6}.pedigree-form-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.error-container h2{color:#dc3545;margin-bottom:15px}.error-container p{color:#6c757d;margin-bottom:25px;font-size:1.1rem}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}@media (max-width: 768px){.add-parents-page{padding:15px}.page-header h1{font-size:1.5rem}.animal-info{flex-direction:column;align-items:flex-start;gap:10px}}.advanced-analytics-container{padding:2rem;background-color:#f8fafc;min-height:100vh}.loading-spinner{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.2rem;color:#4a5568}.no-farm-selected{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50vh;text-align:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin:2rem auto;max-width:500px;padding:2rem}.no-farm-selected h2{color:#2d3748;margin-bottom:1rem}.no-farm-selected p{color:#4a5568;font-size:1.1rem}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.analytics-header h1{color:#2d3748;margin:0;font-size:2rem;font-weight:700}.analytics-header-controls{display:flex;align-items:center;gap:1rem}.export-excel-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem;box-shadow:0 2px 4px #10b98133}.export-excel-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.export-excel-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.export-excel-btn svg{font-size:1rem}.species-selector{display:flex;align-items:center;gap:1rem}.species-selector label{font-weight:500;color:#4a5568}.species-select{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;background:#fff;color:#2d3748;min-width:200px;cursor:pointer;transition:all .2s ease}.species-select:hover{border-color:#4299e1}.species-select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #4299e11a}.analytics-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comparative-analytics h2,.species-analytics h2{color:#2d3748;margin-bottom:2rem;font-size:1.75rem;font-weight:600}.metrics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000001a;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.metric-card h4{margin:0 0 1rem;color:#4a5568;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:2.5rem;font-weight:700;margin:0;color:#2d3748;line-height:1}.metric-card small{color:#718096;font-size:.8rem;margin-top:.5rem;display:block}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}.analytics-grid.three-column{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.chart-container{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.chart-container:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.chart-container.full-width{grid-column:1 / -1}.chart-container h3{margin:0 0 1.5rem;color:#2d3748;font-size:1.25rem;font-weight:600;text-align:center}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease}.summary-card:hover{transform:translateY(-2px)}.summary-card h4{margin:0 0 1rem;font-size:1rem;font-weight:500;opacity:.9}.summary-card .metric-value{color:#fff;font-size:2.25rem;margin-bottom:.5rem}.summary-card small{opacity:.8;font-size:.85rem}.recommendations{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-top:2rem}.recommendations h3{margin:0 0 1.5rem;color:#2d3748;font-size:1.25rem;font-weight:600}.recommendation{padding:1rem 1.5rem;margin-bottom:1rem;border-radius:8px;border-left:4px solid;background:#f7fafc;transition:all .2s ease}.recommendation:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}.recommendation.high{border-left-color:#e53e3e;background:#fed7d7}.recommendation.medium{border-left-color:#d69e2e;background:#fef5e7}.recommendation.low{border-left-color:#38a169;background:#c6f6d5}.rec-type{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.25rem .5rem;border-radius:4px;margin-right:1rem;display:inline-block}.recommendation.high .rec-type{background:#e53e3e;color:#fff}.recommendation.medium .rec-type{background:#d69e2e;color:#fff}.recommendation.low .rec-type{background:#38a169;color:#fff}.recommendation p{margin:.5rem 0 0;color:#2d3748;line-height:1.5}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.1rem;color:#4a5568}@media (max-width: 768px){.advanced-analytics-container{padding:1rem}.analytics-header{flex-direction:column;gap:1rem;text-align:center}.analytics-header h1{font-size:1.5rem}.analytics-grid{grid-template-columns:1fr;gap:1rem}.chart-container{padding:1rem}.metrics-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.metric-card{padding:1rem}.metric-value{font-size:2rem}.species-select{width:100%}}@media (max-width: 480px){.metrics-summary,.summary-cards{grid-template-columns:1fr}.metric-value,.summary-card .metric-value{font-size:1.75rem}}@media (max-width: 600px){.analytics-grid{grid-template-columns:1fr}.chart-container.full-width{grid-column:1}}.forgot-password-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.forgot-password-form-container{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:400px;text-align:center}.forgot-password-form-container h2{color:#333;margin-bottom:1.5rem;font-size:1.8rem;font-weight:600}.forgot-password-form{display:flex;flex-direction:column;gap:1rem}.form-group{text-align:left}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.form-group input{width:100%;padding:.75rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error{border-color:#e74c3c}.field-error{color:#e74c3c;font-size:.875rem;margin-top:.25rem}.submit-button,.reset-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:1rem;width:100%}.submit-button:hover,.reset-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.submit-button:disabled,.reset-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.success-message{background:#d4edda;color:#155724;padding:1rem;border-radius:8px;border:1px solid #c3e6cb;margin-bottom:1rem}.error-message{background:#f8d7da;color:#721c24;padding:1rem;border-radius:8px;border:1px solid #f5c6cb;margin-bottom:1rem}.back-to-login{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e1e5e9}.navigation-links{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e1e5e9;display:flex;flex-direction:column;gap:.5rem}.back-to-login a,.register-link{color:#667eea;text-decoration:none;font-weight:500;transition:color .3s ease}.back-to-login a:hover,.register-link:hover{color:#764ba2;text-decoration:underline}@media (max-width: 480px){.forgot-password-container{padding:.5rem}.forgot-password-form-container{padding:1.5rem}.forgot-password-form-container h2{font-size:1.5rem}}.individual-feed-container{padding:20px;max-width:1200px;margin:0 auto}.individual-feed-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px;margin-bottom:20px}.individual-feed-title{font-size:1.5rem;font-weight:600;color:#333;margin:0 0 20px}.modal{background:#fff;border-radius:8px;padding:24px;max-width:800px;width:90%;max-height:80vh;overflow-y:auto}.chart-container{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;margin-bottom:20px;height:400px}@media (max-width: 768px){.individual-feed-container{padding:10px}.form-grid{grid-template-columns:1fr}.modal{width:95%;padding:16px}.table-container{overflow-x:auto}.table{min-width:600px}.stats-grid{grid-template-columns:1fr}}.batch-feeding-container{padding:20px;max-width:1200px;margin:0 auto}.batch-feeding-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px;margin-bottom:20px}.batch-feeding-title{font-size:1.5rem;font-weight:600;color:#333;margin:0 0 20px}.section-title{font-size:1.2rem;font-weight:500;color:#555;margin:0 0 16px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-weight:500;color:#555;font-size:.875rem}.form-input,.form-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-input:focus,.form-select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.button{padding:8px 16px;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.button-primary{background-color:#4caf50;color:#fff}.button-primary:hover{background-color:#45a049}.button-secondary{background-color:#2196f3;color:#fff}.button-secondary:hover{background-color:#1976d2}.button-danger{background-color:#f44336;color:#fff}.button-danger:hover{background-color:#d32f2f}.button-outline{background-color:transparent;color:#666;border:1px solid #ddd}.button-outline:hover{background-color:#f5f5f5}.button:disabled{opacity:.6;cursor:not-allowed}.table-container{border:1px solid #ddd;border-radius:4px;overflow:hidden;margin-bottom:20px}.table{width:100%;border-collapse:collapse;background:#fff}.table th{background-color:#f5f5f5;color:#333;font-weight:600;padding:12px;text-align:left;border-bottom:1px solid #ddd}.table td{padding:12px;border-bottom:1px solid #eee}.table tbody tr:hover{background-color:#f9f9f9}.checkbox{width:16px;height:16px;cursor:pointer}.chip{display:inline-block;padding:4px 8px;border-radius:16px;font-size:.75rem;font-weight:500}.chip-success{background-color:#e8f5e8;color:#2e7d32}.chip-warning{background-color:#fff3e0;color:#f57c00}.chip-error{background-color:#ffebee;color:#c62828}.alert{padding:12px;border-radius:4px;margin-bottom:16px;border-left:4px solid}.alert-success{background-color:#e8f5e8;border-left-color:#4caf50;color:#2e7d32}.alert-error{background-color:#ffebee;border-left-color:#f44336;color:#c62828}.alert-info{background-color:#e3f2fd;border-left-color:#2196f3;color:#1565c0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:8px;padding:24px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-title{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-radius:50%;border-top:2px solid #4CAF50;animation:spin 1s linear infinite}.tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:20px}.tab{padding:12px 20px;background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:#666;border-bottom:2px solid transparent;transition:all .2s}.tab.active{color:#4caf50;border-bottom-color:#4caf50}.tab:hover{background-color:#f5f5f5}.filter-row{display:flex;gap:16px;align-items:end;margin-bottom:20px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;text-align:center}.stat-value{font-size:1.5rem;font-weight:600;color:#333;margin:0}.stat-label{font-size:.875rem;color:#666;margin:4px 0 0}.no-data{text-align:center;color:#666;font-style:italic;padding:40px}.icon-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;color:#666;transition:all .2s}.icon-button:hover{background-color:#f5f5f5;color:#333}@media (max-width: 768px){.batch-feeding-container{padding:10px}.form-grid{grid-template-columns:1fr}.filter-row{flex-direction:column;align-items:stretch}.modal{width:95%;padding:16px}.table-container{overflow-x:auto}.table{min-width:600px}}.autocomplete-container{position:relative}.autocomplete-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;z-index:100}.autocomplete-option{padding:8px 12px;cursor:pointer;border-bottom:1px solid #eee}.autocomplete-option:hover{background-color:#f5f5f5}.autocomplete-option:last-child{border-bottom:none}.feed-management{padding:20px;max-width:1200px;margin:0 auto}.page-header{margin-bottom:30px;text-align:center}.page-header h2{color:#2c3e50;margin-bottom:10px;font-size:2.2em}.page-header p{color:#7f8c8d;font-size:1.1em}.tab-navigation{display:flex;border-bottom:2px solid #ecf0f1;margin-bottom:30px;gap:0}.tab{background:none;border:none;padding:15px 25px;cursor:pointer;font-size:1em;font-weight:500;color:#7f8c8d;border-bottom:3px solid transparent;transition:all .3s ease}.tab:hover{color:#3498db;background-color:#f8f9fa}.tab.active{color:#2980b9;border-bottom-color:#3498db;background-color:#f8f9fa}.feed-overview{display:flex;flex-direction:column;gap:30px}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px;padding:0 4px}.feed-management .stat-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.8);color:#1a202c;padding:28px 24px;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #ffffff0d;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);transition:height .3s ease}.feed-management .stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #ffffff0d}.feed-management .stat-card:hover:before{height:6px}.feed-management .stat-card:nth-child(1):before{background:linear-gradient(90deg,#667eea,#764ba2)}.feed-management .stat-card:nth-child(2):before{background:linear-gradient(90deg,#f093fb,#f5576c)}.feed-management .stat-card:nth-child(3):before{background:linear-gradient(90deg,#4facfe,#00f2fe)}.feed-management .stat-card:nth-child(4):before{background:linear-gradient(90deg,#43e97b,#38f9d7)}.feed-management .stat-card h3{margin:0 0 16px;font-size:.95em;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;position:relative;text-align:center;width:100%}.feed-management .stat-value{font-size:2.75em;font-weight:700;margin:0;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;position:relative;text-align:center;width:100%}.feed-management .stat-card:nth-child(1) h3:before{content:"📊";margin-right:8px;font-size:1.1em}.feed-management .stat-card:nth-child(2) h3:before{content:"💰";margin-right:8px;font-size:1.1em}.feed-management .stat-card:nth-child(3) h3:before{content:"⚖️";margin-right:8px;font-size:1.1em}.feed-management .stat-card:nth-child(4) h3:before{content:"📈";margin-right:8px;font-size:1.1em}.recommendations-section{background:#f8f9fa;padding:25px;border-radius:12px;border-left:4px solid #f39c12}.recommendations-section h3{margin:0 0 20px;color:#2c3e50}.recommendations-list{display:flex;flex-direction:column;gap:15px}.recommendation{display:flex;align-items:center;gap:15px;padding:15px;border-radius:8px;background:#fff;border-left:4px solid #ddd}.recommendation.high{border-left-color:#e74c3c;background:#fdf2f2}.recommendation.medium{border-left-color:#f39c12;background:#fefaf5}.recommendation.low{border-left-color:#27ae60;background:#f0f9f4}.rec-type{background:#3498db;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8em;font-weight:700;min-width:80px;text-align:center}.rec-message{flex:1;color:#2c3e50}.cost-breakdown{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.cost-breakdown h3{margin:0 0 20px;color:#2c3e50}.cost-breakdown-list{display:flex;flex-direction:column;gap:15px}.cost-item{padding:15px;border:1px solid #ecf0f1;border-radius:8px;transition:border-color .3s ease}.cost-item:hover{border-color:#3498db}.cost-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.feed-name{font-weight:700;color:#2c3e50;font-size:1.1em}.cost-value{font-weight:700;color:#27ae60;font-size:1.2em}.cost-item-details{display:flex;gap:20px;font-size:.9em;color:#7f8c8d}.feed-types-section{display:flex;flex-direction:column;gap:25px}.section-header{display:flex;justify-content:between;align-items:center;gap:20px}.section-header h3{margin:0;color:#2c3e50;flex:1}.feed-types-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.feed-type-card{background:#fff;border:1px solid #ecf0f1;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.feed-type-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.feed-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ecf0f1}.feed-type-header h4{margin:0;color:#2c3e50;font-size:1.3em}.feed-type-actions{display:flex;gap:10px}.btn-icon{background:none;border:none;padding:8px;cursor:pointer;border-radius:4px;transition:background-color .3s ease}.btn-icon:hover{background-color:#f8f9fa}.btn-icon.delete:hover{background-color:#fdf2f2}.feed-type-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;font-size:.9em;color:#7f8c8d}.supplier,.description{margin-top:10px;padding-top:10px;border-top:1px solid #ecf0f1;font-size:.9em;color:#7f8c8d}.description{color:#5a6c7d;line-height:1.4}.form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:0;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #ecf0f1;background:#f8f9fa;border-radius:12px 12px 0 0}.modal-header h4{margin:0;color:#2c3e50}.close-btn{background:none;border:none;font-size:1.5em;cursor:pointer;color:#7f8c8d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-btn:hover{background-color:#e9ecef;color:#2c3e50}.modal-content form{padding:25px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:500;color:#2c3e50;font-size:.95em}.form-group input,.form-group select,.form-group textarea{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1em;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #ecf0f1}.btn{padding:12px 24px;border:none;border-radius:6px;font-size:1em;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9;transform:translateY(-1px)}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.feed-records-section{display:flex;flex-direction:column;gap:25px}.filters{display:flex;gap:20px;padding:20px;background:#f8f9fa;border-radius:8px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:200px}.filter-group label{font-weight:500;color:#2c3e50;font-size:.9em}.feed-records-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.feed-record-card{background:#fff;border:1px solid #ecf0f1;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.feed-record-card:hover{box-shadow:0 4px 15px #00000026}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ecf0f1}.record-date{font-weight:700;color:#2c3e50}.record-cost{font-weight:700;color:#27ae60;font-size:1.1em}.record-details{display:flex;flex-direction:column;gap:8px;font-size:.9em;color:#5a6c7d}.loading{display:flex;align-items:center;justify-content:center;padding:60px 20px;font-size:1.1em;color:#7f8c8d}@media (max-width: 768px){.feed-management{padding:15px}.overview-stats{grid-template-columns:1fr;gap:16px;padding:0 2px}.stat-card{padding:24px 20px}.stat-value{font-size:2.25em}.stat-card h3{font-size:.9em}.feed-types-list,.feed-records-list,.form-grid{grid-template-columns:1fr}.filters{flex-direction:column}.filter-group{min-width:auto}.modal-content{width:95%;margin:10px}.cost-item-details{flex-direction:column;gap:5px}.section-header{flex-direction:column;align-items:stretch}.form-actions{flex-direction:column}}@media (max-width: 480px){.tab-navigation{flex-direction:column}.tab{text-align:center}.stat-card{padding:20px 16px;border-radius:12px}.stat-value{font-size:2em}.overview-stats{gap:12px;margin-bottom:32px}}@keyframes statPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.stat-value.loading{animation:statPulse 2s ease-in-out infinite}.stat-card h3{transition:all .3s ease}.stat-card:hover h3{color:#475569;transform:translateY(-2px)}.stat-card:hover .stat-value{transform:scale(1.05)}.feed-records-table-container{margin-top:20px;overflow-x:auto;box-shadow:0 2px 8px #0000001a;border-radius:8px;background:#fff}.feed-records-table{width:100%;border-collapse:collapse;font-size:.9em}.feed-records-table thead{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.feed-records-table th{padding:15px 12px;text-align:left;font-weight:600;font-size:.9em;border:none}.feed-records-table th:first-child{border-top-left-radius:8px}.feed-records-table th:last-child{border-top-right-radius:8px}.feed-records-table tbody tr{border-bottom:1px solid #ecf0f1;transition:all .2s ease}.feed-records-table tbody tr:hover{background-color:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.feed-records-table tbody tr:last-child{border-bottom:none}.feed-records-table td{padding:12px;vertical-align:middle;border:none}.feed-records-table td:first-child{font-weight:500;color:#2c3e50}.feed-records-table .btn-icon{background:none;border:none;cursor:pointer;margin:0 5px;padding:5px;border-radius:4px;transition:all .2s ease;font-size:1.1em}.feed-records-table .btn-icon:hover{background-color:#ecf0f1;transform:scale(1.1)}.feed-records-table .btn-icon.edit:hover{background-color:#e8f4fd}.feed-records-table .btn-icon.delete:hover{background-color:#ffeaea}@media (max-width: 768px){.feed-records-table-container{border-radius:0;margin:20px -20px 0}.feed-records-table{font-size:.8em}.feed-records-table th,.feed-records-table td{padding:8px 6px}.feed-records-table th:nth-child(6),.feed-records-table td:nth-child(6),.feed-records-table th:nth-child(7),.feed-records-table td:nth-child(7){display:none}}.ai-analytics-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:25px;margin:25px 0;color:#fff;box-shadow:0 8px 25px #667eea26}.confidence-indicator{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;border-radius:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.confidence-indicator.high{border-left:4px solid #27ae60}.confidence-indicator.medium{border-left:4px solid #f39c12}.confidence-indicator.low{border-left:4px solid #e74c3c}.confidence-label{font-weight:600;font-size:.9em}.confidence-value{font-weight:700;font-size:1.1em}.confidence-bar{flex:1;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.confidence-fill{height:100%;background:linear-gradient(90deg,#27ae60,#2ecc71);transition:width .3s ease}.priority-recommendations h3{color:#fff;margin-bottom:20px;font-size:1.4em;display:flex;align-items:center;gap:8px}.recommendation-card{background:#fffffff2;color:#2c3e50;border-radius:10px;padding:20px;margin-bottom:15px;box-shadow:0 4px 15px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.recommendation-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.recommendation-card.high{border-left:5px solid #e74c3c}.recommendation-card.medium{border-left:5px solid #f39c12}.recommendation-card.low{border-left:5px solid #27ae60}.rec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rec-priority{background:#e74c3c;color:#fff;padding:4px 10px;border-radius:15px;font-size:.8em;font-weight:600}.rec-type{background:#3498db;color:#fff;padding:4px 10px;border-radius:15px;font-size:.8em;font-weight:600}.recommendation-card h4{color:#2c3e50;margin:10px 0;font-size:1.2em}.rec-description{color:#34495e;margin:10px 0;font-style:italic}.cost-threshold-info{background:#f8f9fa;padding:12px;border-radius:6px;margin:10px 0;border-left:4px solid #3498db}.threshold-description{margin:0;color:#2c3e50}.threshold-note{color:#7f8c8d;font-size:.9em}.expensive-feeds-table{margin:15px 0;background:#f8f9fa;border-radius:8px;padding:15px}.expensive-feeds-table h5{color:#2c3e50;margin-bottom:12px;font-size:1.1em}.feeds-grid{display:grid;gap:12px}.feed-cost-item{background:#fff;padding:12px;border-radius:6px;border:1px solid #e9ecef;transition:border-color .2s ease}.feed-cost-item:hover{border-color:#3498db}.feed-name{font-weight:600;color:#2c3e50;margin-bottom:8px;display:block}.feed-costs{display:flex;align-items:center;gap:8px;margin-bottom:6px}.current-cost{font-weight:600;color:#e74c3c}.vs{color:#7f8c8d;font-size:.9em}.target-cost{color:#27ae60}.feed-excess{color:#e67e22;font-size:.9em;margin-bottom:4px}.feed-savings{color:#2c3e50;font-size:.9em}.savings-highlight{font-weight:600;color:#27ae60}.cost-summary{background:#e8f5e8;padding:12px;border-radius:6px;margin:10px 0}.summary-stats{display:flex;gap:20px}.stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.8em;color:#7f8c8d;margin-bottom:4px}.stat-value{font-weight:600;color:#2c3e50;font-size:1.1em}.cost-breakdown{background:#f8f9fa;padding:12px;border-radius:6px;margin:10px 0}.breakdown-title{font-weight:600;color:#2c3e50;margin-bottom:5px}.breakdown-details{color:#34495e;margin:0}.actions{margin:15px 0}.actions h5{color:#2c3e50;margin-bottom:10px}.actions ul{margin:0;padding-left:20px}.actions li{color:#34495e;margin-bottom:5px}.savings{background:#d4edda;color:#155724;padding:10px;border-radius:6px;text-align:center;margin-top:15px;border:1px solid #c3e6cb}.savings-amount{font-weight:600;font-size:1.1em}.actionable-insights h3{color:#fff;margin-bottom:20px;font-size:1.4em}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.insight-card{background:#fffffff2;color:#2c3e50;padding:18px;border-radius:8px;transition:transform .2s ease}.insight-card:hover{transform:translateY(-2px)}.insight-card h4{color:#2c3e50;margin-bottom:10px;font-size:1.1em}.action{color:#34495e;margin-bottom:12px;line-height:1.4}.insight-meta{display:flex;justify-content:space-between;align-items:center}.impact{padding:4px 8px;border-radius:12px;font-size:.8em;font-weight:600}.impact.high{background:#d4edda;color:#155724}.impact.medium{background:#fff3cd;color:#856404}.impact.low{background:#f8d7da;color:#721c24}.timeframe{color:#6c757d;font-size:.9em}.roi-analysis h3{color:#fff;margin-bottom:20px;font-size:1.4em}.roi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.roi-metric{background:#fffffff2;padding:20px;border-radius:8px;text-align:center;transition:transform .2s ease}.roi-metric:hover{transform:translateY(-2px)}.metric-label{display:block;color:#7f8c8d;font-size:.9em;margin-bottom:8px;font-weight:500}.metric-value{display:block;color:#2c3e50;font-size:1.5em;font-weight:700}.metric-value.positive{color:#27ae60}.ai-status{margin-top:20px;padding:15px;background:#ffffff1a;border-radius:8px;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.status-indicator{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9em}.status-indicator.active{background:#27ae60;color:#fff}.status-indicator.inactive{background:#95a5a6;color:#fff}.ai-details{display:block;margin-top:8px;color:#fffc;font-size:.8em;font-style:italic}.loading-container{text-align:center;padding:40px;color:#7f8c8d}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto 15px}@media (max-width: 768px){.ai-analytics-section{padding:20px;margin:20px 0}.confidence-indicator{flex-direction:column;align-items:flex-start;gap:8px}.summary-stats{flex-direction:column;gap:10px}.insights-grid{grid-template-columns:1fr}.roi-grid{grid-template-columns:repeat(2,1fr)}.feeds-grid .feed-cost-item{padding:10px}.feed-costs{flex-direction:column;align-items:flex-start;gap:4px}}.feed-tracking-page{min-height:100vh;background:#f8f9fa}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.loading-spinner{width:50px;height:50px;border:4px solid #ecf0f1;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:#7f8c8d;font-size:1.1em;margin:0}.no-farms{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px 20px}.no-farms-icon{font-size:4em;margin-bottom:20px}.no-farms h2{color:#2c3e50;margin:0 0 15px;font-size:2em}.no-farms p{color:#7f8c8d;margin:0 0 30px;font-size:1.1em;max-width:400px}.farm-selector{background:var(--topnav-bg, #4D79FF);border-bottom:1px solid #ecf0f1;padding:20px;box-shadow:0 2px 4px #0000001a}.farm-selector-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:15px}.farm-selector-content label{font-weight:600;color:#2c3e50;font-size:1.1em;white-space:nowrap}.farm-select{padding:12px 16px;border:2px solid #ecf0f1;border-radius:8px;font-size:1em;background:#fff;color:#2c3e50;min-width:300px;transition:all .3s ease}.farm-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.select-farm-prompt{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:40px 20px}.prompt-content{text-align:center;max-width:600px}.prompt-icon{font-size:5em;margin-bottom:30px}.prompt-content h2{color:#2c3e50;margin:0 0 20px;font-size:2.2em;font-weight:600}.prompt-content p{color:#7f8c8d;margin:0 0 40px;font-size:1.2em;line-height:1.5}.feature-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:40px}.feature{display:flex;align-items:center;gap:12px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.feature:hover{transform:translateY(-3px);box-shadow:0 4px 15px #00000026}.feature-icon{font-size:1.8em;flex-shrink:0}.feature span:last-child{color:#2c3e50;font-weight:500;font-size:1em}.btn{padding:14px 28px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 4px 15px #3498db4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #3498db4d}@media (max-width: 768px){.farm-selector-content{flex-direction:column;align-items:stretch;gap:10px}.farm-select{min-width:auto;width:100%}.feature-highlights{grid-template-columns:1fr}.prompt-content h2{font-size:1.8em}.prompt-content p{font-size:1.1em}.feature{padding:15px}.no-farms{padding:20px}.no-farms h2{font-size:1.6em}.no-farms p{font-size:1em}}@media (max-width: 480px){.farm-selector{padding:15px}.prompt-icon{font-size:3.5em}.no-farms-icon{font-size:3em}.feature-highlights{margin-top:30px;gap:15px}.feature{flex-direction:column;text-align:center;gap:8px}.feature-icon{font-size:1.5em}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--primary-color: #6A67FF;--secondary-color: #FFA500;--danger-color: #FF4D6D;--success-color: #28a745;--info-color: #17a2b8;--warning-color: #ffc107;--safe-area-bottom: env(safe-area-inset-bottom, 60px);--light-bg: #F7F8FC;--card-bg: #FFFFFF;--sidebar-bg: #FFFFFF;--topnav-bg: #4D79FF;--medium-bg: #EAEAEB;--dark-bg: #343a40;--text-color: #1A1A1A;--text-color-muted: #8A8A8E;--text-color-light: #FFFFFF;--border-color: #EAEAEB;--card-shadow: 0px 4px 12px rgba(0, 0, 0, .05);--border-radius: 12px;--container-width: 1140px;--base-font-size: 16px;--heading-font: "system-ui", "Avenir", "Helvetica", "Arial", sans-serif;--body-font: "system-ui", "Avenir", "Helvetica", "Arial", sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:var(--text-color);background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--body-font);font-size:var(--base-font-size);background-color:var(--light-bg);color:var(--text-color);min-height:calc(100vh - env(safe-area-inset-bottom,60px));padding-bottom:env(safe-area-inset-bottom,60px)}a{font-weight:500;color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:#524fff;text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);font-weight:600;margin-top:0;margin-bottom:.75rem;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color;outline-offset:1px}input,select,textarea{box-sizing:border-box;width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;background-color:#fff!important;color:var(--text-color);transition:border-color .2s,box-shadow .2s;text-transform:none!important}input::placeholder,textarea::placeholder{color:var(--text-color-muted);opacity:1}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--text-color-muted)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-color-muted);opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--text-color-muted)}input:-moz-placeholder,textarea:-moz-placeholder{color:var(--text-color-muted);opacity:1}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6a67ff26}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%238A8A8E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2.5rem}.table-responsive{overflow-x:auto;width:100%;margin-top:1.5rem}table{width:100%;border-collapse:collapse;background-color:var(--card-bg);color:var(--text-color)}th,td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle}th{font-weight:600;font-size:.9rem;color:var(--text-color);background-color:var(--light-bg);text-transform:uppercase;letter-spacing:.5px;border-top:1px solid var(--border-color)}tbody tr{transition:background-color .15s ease-in-out}tbody tr:hover{background-color:var(--light-bg)}tbody tr:last-child td{border-bottom:none}td button{margin-right:.5rem;padding:.35rem .75rem;font-size:.85rem;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}td button:last-child{margin-right:0}td button.view-button{background-color:var(--info-color);color:var(--text-color-light)}td button.view-button:hover{background-color:#138496}td button.edit-button{background-color:var(--warning-color);color:var(--text-color)}td button.edit-button:hover{background-color:#e0a800}td button.delete-button{background-color:var(--danger-color);color:var(--text-color-light)}td button.delete-button:hover{background-color:#c82333}.dashboard-section p{text-align:center;margin-top:1.5rem;color:var(--text-color-muted)}.list-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start;margin-top:1.5rem}.list-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:1.25rem;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;overflow:hidden}.list-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #00000014}.list-card-image-container{width:100%;height:150px;overflow:hidden;margin-bottom:0;display:flex;justify-content:center;align-items:center;background-color:var(--medium-bg)}.list-card-image{display:block;width:100%;height:100%;object-fit:cover}.list-card-content-row{display:flex;flex-direction:row;padding:1.25rem}.list-card-info{width:90%;padding-right:1rem}.list-card-info-link{text-decoration:none;color:inherit;display:block;width:65%;padding-right:1rem;box-sizing:border-box}.list-card-info-link:hover .list-card-info h3{text-decoration:underline;color:var(--primary-color)}.list-card-info p{margin-bottom:.5rem;font-size:.95rem;color:var(--text-color)}.list-card-info p strong{color:var(--text-color);font-weight:500;margin-right:.5em}.list-card-actions{display:flex;flex-direction:column;gap:.75rem;padding-left:1rem}.list-card-actions button,.list-card-actions a{padding:.35rem .75rem;font-size:.85rem;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;text-align:center;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-decoration:none}.list-card-actions button:last-child,.list-card-actions a:last-child{margin-bottom:0}.list-card-actions .view-button{background-color:var(--info-color);color:var(--text-color-light)}.list-card-actions .view-button:hover{background-color:#138496}.list-card-actions .edit-button{background-color:var(--warning-color);color:var(--text-color)}.list-card-actions .edit-button:hover{background-color:#e0a800}.list-card-actions .delete-button{background-color:var(--danger-color);color:var(--text-color-light)}.list-card-actions .delete-button:hover{background-color:#c82333}.add-button,.back-button,.edit-button,.reg-button,.delete-button,.view-button,.action-button{padding:8px 15px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:background-color .2s ease,box-shadow .2s ease;line-height:1.4}.add-button{padding:8px 16px;background-color:#17a2b8;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;white-space:nowrap}.add-button:hover{background-color:#524fff;box-shadow:0 2px 5px #0000001a}.back-button{padding:8px 15px;background-color:var(--secondary-color);color:#fff;border:none;border-radius:6px;text-decoration:none;font-size:.9rem;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;line-height:1.4}.back-button:hover{background-color:#e69500;box-shadow:0 2px 5px #0000001a;text-decoration:none}.back-button{background-color:var(--secondary-color);color:#fff}.back-button:hover{background-color:#e69500;box-shadow:0 2px 5px #0000001a}.edit-button{background-color:var(--warning-color);color:var(--text-color)}.edit-button:hover{background-color:#e0a800;box-shadow:0 2px 5px #0000001a}.delete-button{background-color:var(--danger-color);color:#fff}.delete-button:hover{background-color:#c82333;box-shadow:0 2px 5px #0000001a}.view-button{background-color:var(--info-color);color:#fff}.view-button:hover{background-color:#138496;box-shadow:0 2px 5px #0000001a}.dashboard-section{background-color:var(--card-bg);padding:1.5rem 2rem;border-radius:var(--border-radius);box-shadow:var(--card-shadow);margin-bottom:2rem}@media (max-width: 768px){.dashboard-section{padding:1.5rem 0;margin-bottom:1.5rem;margin-left:0;margin-right:0;border-radius:0}.form-container{padding:1.5rem 0;margin-left:0;margin-right:0;border-radius:0}.section-header{padding-left:1rem;padding-right:1rem}.content-container,.page-container,.main-container{padding-left:0;padding-right:0;margin-left:0!important;margin-right:0!important}.app-main-content,.main-content,.dashboard-main,.marketplace-main,.page-content{margin-left:0!important;margin-right:0!important;padding-left:0;padding-right:0;border-radius:0}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.section-header h2{margin:0;font-size:1.5rem;color:var(--text-color)}.section-header-actions{display:flex;gap:.75rem}.form-container{background-color:var(--card-bg);padding:1.5rem 2rem;border-radius:var(--border-radius);box-shadow:var(--card-shadow);margin-top:1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-weight:500;color:var(--text-color);font-size:.9rem}.form-actions{margin-top:2rem;display:flex;justify-content:flex-end;gap:1rem}.loading{text-align:center;padding:2rem;color:var(--text-color-muted);font-style:italic}.error-message{color:var(--danger-color);background-color:#fee2e2;border:1px solid var(--danger-color);padding:1rem;border-radius:6px;margin-bottom:1rem}.not-found-message{text-align:center;padding:2rem;color:var(--text-color-muted)}:root{--primary-color: #6A67FF;--primary-color-dark: #5250c7;--primary-color-light: rgba(106, 103, 255, .1);--secondary-color: #FF6B6B;--background-color: #F8F9FA;--surface-color: #FFFFFF;--text-color: #1A1A1A;--text-color-muted: #6C757D;--border-color: #DEE2E6;--input-bg: #FFFFFF;--input-border: #CED4DA;--button-primary-bg: var(--primary-color);--button-primary-text: #FFFFFF;--button-secondary-bg: #6C757D;--button-secondary-text: #FFFFFF;--error-color: #DC3545;--success-color: #28A745;--success-color-dark: #1e7e34;--secondary-button-bg: #f0f0f0;--secondary-button-text: #333;--secondary-button-hover-bg: #e0e0e0;--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius-sm: .2rem;--border-radius: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--box-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--box-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--z-index-dropdown: 1000;--z-index-modal: 1050;--z-index-tooltip: 1070}.dark-theme{--primary-color: #7F7CFF;--primary-color-dark: #6A67FF;--primary-color-light: rgba(127, 124, 255, .15);--secondary-color: #FF8787;--background-color: #121212;--surface-color: #1E1E1E;--text-color-muted: #A0A0A0;--border-color: #3A3A3A;--input-bg: #2C2C2C;--input-border: #4A4A4A;--button-primary-bg: var(--primary-color);--button-primary-text: #121212;--button-secondary-bg: #3A3A3A;--button-secondary-text: #E0E0E0;--error-color: #CF6679;--success-color: #66BB6A;--success-color-dark: #4caf50;--secondary-button-bg: #333;--secondary-button-text: #f0f0f0;--secondary-button-hover-bg: #444}body,html{background:linear-gradient(120deg,#e0e7ff,#f8fafc);min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;color:#23272f;letter-spacing:.01em}.app-main-content,.main-content,.dashboard-main,.marketplace-main,.page-content{background:#ffffffbf;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);border-radius:24px;box-shadow:0 8px 32px #1f26871a;padding:2.5rem 2rem 2rem;margin:2.5rem 2rem 2rem;min-height:80vh;transition:box-shadow .18s,background .18s}.card,.dashboard-card,.marketplace-card,.goat-card,.profile-card{background:#ffffffd9;border-radius:18px;box-shadow:0 2px 12px #2c3e501a;padding:1.5rem 1.2rem;margin-bottom:1.5rem;transition:box-shadow .15s,background .15s;border:1.5px solid rgba(200,200,255,.13)}.card:hover,.dashboard-card:hover,.marketplace-card:hover,.goat-card:hover,.profile-card:hover{box-shadow:0 4px 24px #4d79ff21;background:#fffffff2}input,select,textarea,.form-control{background:#ffffffb3;border:1.5px solid #dbeafe;border-radius:10px;padding:.7rem 1rem;font-size:1.05rem;color:#23272f;margin-bottom:1.2rem;box-shadow:0 1px 4px #2c3e500a;transition:border .15s,box-shadow .15s}input:focus,select:focus,textarea:focus,.form-control:focus{border:1.5px solid #4D79FF;outline:none;box-shadow:0 2px 8px #4d79ff1a}table{background:#ffffffb3;border-radius:14px;box-shadow:0 2px 12px #2c3e5014;border-collapse:separate;border-spacing:0;overflow:hidden}th,td{padding:1rem 1.2rem;border-bottom:1.5px solid #e0e7ef}th{background:#4d79ff14;color:#23272f;font-weight:600}.ad-space,.ad-banner{background:#ffffffb3;border-radius:18px;box-shadow:0 2px 12px #2c3e501a;padding:1.2rem 1rem;margin-bottom:1.5rem;border:1.5px solid rgba(200,200,255,.13)}.footer,.universal-footer{background:#ffffffd9;border-radius:18px 18px 0 0;box-shadow:0 -2px 12px #2c3e501a;padding:1.2rem 1rem;border-top:1.5px solid rgba(200,200,255,.13);color:#23272f;font-size:1.05rem;font-weight:500;letter-spacing:.01em}::-webkit-scrollbar{width:10px;background:#c8c8ff1a;border-radius:8px}::-webkit-scrollbar-thumb{background:#4d79ff2e;border-radius:8px}button,.btn,.primary-btn{border:none;border-radius:10px;padding:.8rem 1.5rem;font-size:1.08rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #2c3e5014;transition:background .15s,color .15s,box-shadow .15s}button,.btn,.primary-btn,.add-button,.edit-goat-btn,.health-goat-btn,.weight-goat-btn,.more-actions-goat-btn{background-blend-mode:overlay;background-image:linear-gradient(120deg,rgba(255,255,255,.18) 0%,transparent 100%),var(--btn-gradient, linear-gradient(90deg, #4D79FF 0%, #38bdf8 100%));-webkit-backdrop-filter:blur(8px) saturate(1.4);backdrop-filter:blur(8px) saturate(1.4);box-shadow:0 4px 18px #4d79ff2e,0 1.5px 8px #2c3e501a;border:1.5px solid rgba(200,200,255,.18);outline:none;filter:drop-shadow(0 2px 8px rgba(44,62,80,.1));color:#fff;font-weight:600;font-size:1.05rem;border-radius:10px;padding:.7rem 1.3rem;cursor:pointer;transition:background .18s,box-shadow .18s,filter .18s}button:focus,.btn:focus,.primary-btn:focus,.add-button:focus,.edit-goat-btn:focus,.health-goat-btn:focus,.weight-goat-btn:focus,.more-actions-goat-btn:focus{box-shadow:0 6px 24px #4d79ff38,0 2px 12px #2c3e5021;border:1.5px solid #4D79FF}button:hover,.btn:hover,.primary-btn:hover,.add-button:hover,.edit-goat-btn:hover,.health-goat-btn:hover,.weight-goat-btn:hover,.more-actions-goat-btn:hover{filter:brightness(1.08) saturate(1.2);box-shadow:0 8px 32px #4d79ff38,0 2px 12px #2c3e5021}.add-button{--btn-gradient: linear-gradient(90deg, #4D79FF 0%, #38bdf8 100%) !important;font-size:1.1rem;padding:12px 32px}.edit-goat-btn{--btn-gradient: linear-gradient(90deg, #6366f1 0%, #4f46e5 100%)}.health-goat-btn{--btn-gradient: linear-gradient(90deg, #10b981 0%, #22d3ee 100%)}.weight-goat-btn{--btn-gradient: linear-gradient(90deg, #f59e42 0%, #fbbf24 100%)}.more-actions-goat-btn{--btn-gradient: linear-gradient(90deg, #ec4899 0%, #a21caf 100%)}html,body,#root{width:100vw;max-width:100vw;overflow-x:hidden!important;box-sizing:border-box}body{margin:0;padding:0}.main-content,.dashboard-section,.goats-container,.goats-grid,.goat-cards-grid,.layout-main,.app-content,.content-area{max-width:100vw;overflow-x:hidden;box-sizing:border-box}*{box-sizing:border-box}.top-nav,.sidebar,.sidebar-collapsed,.sidebar-expanded{max-width:100vw;overflow-x:hidden}.primary-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.primary-actions button{padding:10px 12px;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}