:root{--primary-color:#2563eb;--accent-color:#34d399;--card-background:#ffffff;--text-color:#1e293b;--secondary-text:#6b7280;--border-color:#d1d5db;--shadow:0 4px 16px rgba(0,0,0,0.1);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--gradient-bg:linear-gradient(135deg,#2563eb,#1e40af);--green-gradient:linear-gradient(135deg,#16a34a,#15803d);--green-hover:linear-gradient(135deg,#15803d,#14532d);}.form-row,.view-row{flex-wrap:wrap!important;}.search-export-container{margin-bottom:20px !important;display:flex !important;flex-direction:column !important;gap:16px !important;background:var(--background-color) !important;padding:16px !important;border-radius:12px !important;box-shadow:var(--shadow) !important;}.card.total i{color:#4CAF50 !important;}.card.released i{color:#2196F3 !important;}.card.dead i{color:#F44336 !important;}.card.indoor i{color:#9C27B0 !important;}.card.under_treatment i{color:#FF9800 !important;}.card.adopted i{color:#E91E63 !important;}.card.quarantine i{color:#795548 !important;}.card.vaccinated i{color:#00BCD4 !important;}.card.neutered i{color:#607D8B !important;}.add-new-animal{position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;padding:0px !important;margin:0 !important;background:var(--primary-color) !important;color:#ffffff !important;border:none !important;border-radius:0 !important;font-size:1.1rem !important;font-weight:600 !important;text-align:center !important;z-index:100 !important;cursor:pointer !important;box-shadow:var(--shadow) !important;transition:var(--transition) !important;}.add-new-animal:hover{background:#1e40af !important;transform:translateY(-3px) !important;}#case_display{margin-bottom:15px;font-weight:bold;color:var(--text-color);}#shelter-contributor h2,#shelter-manager h2{font-size:24px;margin-bottom:20px;color:var(--text-color);}.shelter-popup{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.65);z-index:1000;justify-content:center;align-items:center;backdrop-filter:blur(6px);overflow:hidden;}.shelter-popup.active{display:flex;}#shelter-view-popup{margin-bottom:10px !important;}.animal-form,.view-form,.filter-form{background:var(--card-background) !important;padding:24px !important;border-radius:16px !important;width:100% !important;max-width:480px !important;max-height:calc(100vh - 20px) !important;overflow-y:auto !important;box-shadow:var(--shadow) !important;box-sizing:border-box !important;scroll-behavior:smooth !important;-webkit-overflow-scrolling:touch !important;margin:1px !important;}.animal-form h3,.view-form h3,.filter-form h3{font-size:1.5rem !important;font-weight:600 !important;color:var(--text-color) !important;margin-bottom:16px !important;letter-spacing:-0.02em !important;}.animal-form form,.filter-form .filter-content{display:flex;flex-direction:column;gap:15px;}.animal-form label,.view-form strong,.filter-form label{display:block !important;font-size:0.9rem !important;font-weight:500 !important;color:var(--text-color) !important;margin-bottom:6px !important;}.animal-form input,.animal-form textarea,.animal-form select,.filter-form input,.filter-form select{width:100% !important;padding:12px !important;border:1px solid var(--border-color) !important;border-radius:10px !important;font-size:0.95rem !important;color:var(--text-color) !important;background:#f9fafb !important;transition:var(--transition) !important;}.animal-form input:focus,.animal-form textarea:focus,.animal-form select:focus,.filter-form input:focus,.filter-form select:focus{border-color:var(--primary-color) !important;outline:none !important;box-shadow:0 0 0 3px rgba(37,99,235,0.2) !important;}.animal-form textarea{resize:vertical;min-height:80px;}.animal-form button[type="submit"],.filter-form button#apply-filter{display:flex !important;align-items:center !important;gap:8px !important;padding:12px 20px !important;background:var(--gradient-bg) !important;border:none !important;border-radius:10px !important;font-size:0.95rem !important;font-weight:600 !important;color:#ffffff !important;cursor:pointer !important;transition:var(--transition) !important;box-shadow:var(--shadow) !important;width:auto;}.animal-form button[type="submit"]:hover,.filter-form button#apply-filter:hover{background:linear-gradient(135deg,#1e40af,#1e3a8a) !important;transform:translateY(-2px) !important;}#shelter-close-animal,#shelter-close-view,#shelter-close-filter{position:absolute;top:10px;right:10px;background:#dc3545 !important;color:#fff !important;border:none !important;border-radius:4px !important;padding:5px 10px !important;cursor:pointer !important;transition:var(--transition) !important;}#shelter-close-animal:hover,#shelter-close-view:hover,#shelter-close-filter:hover{background:#b02a37 !important;transform:translateY(-2px) !important;}#shelter-open-add-animal{padding:12px 20px !important;background:var(--gradient-bg) !important;border:none !important;border-radius:10px !important;font-size:0.95rem !important;font-weight:600 !important;color:#ffffff !important;cursor:pointer !important;transition:var(--transition) !important;box-shadow:var(--shadow) !important;margin-bottom:20px;}#shelter-open-add-animal:hover{background:linear-gradient(135deg,#1e40af,#1e3a8a) !important;transform:translateY(-2px) !important;}.export-button{display:flex !important;align-items:center !important;gap:8px !important;padding:12px 20px !important;background:var(--gradient-bg) !important;border:none !important;border-radius:10px !important;font-size:0.95rem !important;font-weight:600 !important;color:#ffffff !important;cursor:pointer !important;transition:var(--transition) !important;box-shadow:var(--shadow) !important;margin-left:10px;}.filter-button{border:none !important;border-radius:10px !important;font-size:0.95rem !important;font-weight:600 !important;color:#000 !important;background:none !important;}.export-button:hover{background:linear-gradient(135deg,#1e40af,#1e3a8a) !important;transform:translateY(-2px) !important;}#export-excel{background:var(--green-gradient) !important;}#export-excel:hover{background:var(--green-hover) !important;transform:translateY(-2px) !important;}.animal-table{margin-top:20px !important;overflow-x:auto !important;padding:10px !important;background:#fff !important;border-radius:8px !important;box-shadow:var(--shadow) !important;}.wp-list-table{table-layout:fixed !important;width:100% !important;border-collapse:collapse !important;}.wp-list-table th{padding:12px !important;text-align:left !important;border-bottom:1px solid var(--border-color) !important;font-size:0.9rem !important;font-weight:600 !important;color:var(--text-color) !important;background:var(--background-color) !important;position:sticky !important;top:0 !important;z-index:10 !important;}.wp-list-table td{padding:12px !important;vertical-align:top;color:var(--secondary-text) !important;border-bottom:1px solid var(--border-color) !important;font-size:0.9rem !important;}.wp-list-table td:nth-child(3),.wp-list-table td:nth-child(5),.wp-list-table td:nth-child(6),.wp-list-table td:nth-child(10),.wp-list-table td:nth-child(11){max-width:200px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}.edit-animal{background:var(--green-gradient) !important;color:#fff !important;border:none !important;border-radius:8px !important;padding:8px 12px !important;cursor:pointer !important;transition:var(--transition) !important;margin-right:5px;}.edit-animal:hover{background:var(--green-hover) !important;transform:translateY(-2px) !important;}.view-animal{background:var(--primary-color) !important;color:#fff !important;border:none !important;border-radius:8px !important;padding:8px 12px !important;cursor:pointer !important;transition:var(--transition) !important;margin-right:5px;}.view-animal:hover{background:#1e40af !important;transform:translateY(-2px) !important;}.delete-animal{background:#ef4444 !important;color:#fff !important;border:none !important;border-radius:8px !important;padding:8px 12px !important;cursor:pointer !important;transition:var(--transition) !important;}.delete-animal:hover{background:#dc2626 !important;transform:translateY(-2px) !important;}#shelter-animal-message{margin-top:10px;color:var(--text-color);}.analytics-cards{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:12px !important;}.analytics-cards .card:first-child{grid-column:span 2 !important;}.card{background:var(--card-background) !important;border-radius:12px !important;padding:16px !important;text-align:center !important;box-shadow:var(--shadow) !important;transition:var(--transition) !important;min-width:150px;display:flex;flex-direction:column;align-items:center;position:relative;}.card:hover{transform:translateY(-3px) !important;box-shadow:0 8px 24px rgba(0,0,0,0.12) !important;}.card i{font-size:1.4rem !important;color:var(--primary-color) !important;margin-bottom:8px !important;}.card h3{margin:0 0 8px !important;font-size:1.1rem !important;font-weight:600 !important;color:var(--text-color) !important;}.card p{font-size:1.4rem !important;margin:0 !important;color:var(--primary-color) !important;font-weight:600 !important;}.card .tooltip{position:absolute !important;background:#333 !important;color:#fff !important;padding:5px 10px !important;border-radius:4px !important;font-size:12px !important;z-index:1000 !important;pointer-events:none !important;visibility:hidden;width:200px;text-align:center;bottom:100%;left:50%;margin-left:-100px;opacity:0;transition:opacity 0.3s;}.card:hover .tooltip{visibility:visible;opacity:1;}.filters{display:flex;align-items:center;gap:10px;}#search_input{flex:0 0 85%;max-width:85%;padding:8px 12px;border:1px solid #ccc;border-radius:20px;outline:none;transition:all 0.3s ease;font-size:14px;}#search_input:hover{border-color:#888;background-color:#f9f9f9;}#search_input:focus{border-color:#0073e6;box-shadow:0 0 5px rgba(0,115,230,0.5);background-color:#fff;}#shelter-open-filter{flex:0 0 15%;max-width:15%;text-align:center;}.history-field{display:flex;flex-direction:column;gap:10px;margin-bottom:15px;border:1px solid var(--border-color);padding:10px;border-radius:4px;}.remove-field{background:#ef4444 !important;color:#fff !important;border:none !important;border-radius:8px !important;padding:5px 10px !important;cursor:pointer !important;transition:var(--transition) !important;width:auto;}.remove-field:hover{background:#dc2626 !important;transform:translateY(-2px) !important;}.add-field{background:#f3f4f6 !important;color:#000 !important;border:none !important;border-radius:8px !important;padding:8px 12px !important;cursor:pointer !important;margin-top:10px;transition:var(--transition) !important;}.view-form{font-family:'Poppins',sans-serif;font-size:0.95rem;line-height:1.6;max-width:100%;}.view-form p{display:flex;align-items:baseline;margin-bottom:12px;color:var(--text-color);}.view-form strong{font-weight:900;margin-right:8px;white-space:nowrap;}.view-form p span{font-weight:300;flex:1;}.view-form .status-value.status-dead{color:#ef4444;font-weight:500;}.view-form .status-value.status-released{color:#16a34a;font-weight:500;}.view-form .status-value.status-adopted{color:#d97706;font-weight:500;}.view-form .status-value.status-under_treatment{color:#f59e0b;font-weight:500;}.view-form .status-value.status-indoor{color:#3b82f6;font-weight:500;}.view-form .status-value.status-quarantine{color:#7f1fa4;font-weight:500;}.view-form h4{font-size:1.2rem;font-weight:600;margin-top:20px;margin-bottom:10px;color:var(--text-color);}.view-form ul{list-style-type:disc;padding-left:20px;margin:0;}.view-form li{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color);line-height:1.6;font-weight:300;}.view-form li strong{font-weight:700;}.pagination .button{padding:6px 10px !important;background:#f9fafb !important;border:1px solid var(--border-color) !important;cursor:pointer !important;border-radius:6px !important;font-size:13px !important;line-height:1.2 !important;transition:var(--transition) !important;margin:0 3px;min-width:32px;text-align:center;}.pagination .button i{font-size:12px !important;}.pagination .button:hover{background:var(--primary-color) !important;color:white !important;transform:translateY(-1px) !important;}.pagination .button:disabled{background:#e5e7eb !important;color:#9ca3af !important;cursor:not-allowed !important;}.pagination .page-number.active{background:var(--accent-color) !important;color:white !important;font-weight:600 !important;box-shadow:0 2px 6px rgba(0,0,0,0.1);}.pagination span{margin:0 4px;color:var(--text-color);font-size:13px !important;}.pagination input[type="number"]{width:50px !important;padding:5px !important;border:1px solid var(--border-color) !important;border-radius:6px !important;font-size:13px !important;text-align:center;transition:var(--transition) !important;}.export-buttons{margin-top:20px;margin-bottom:20px;display:flex;gap:10px;}@media (max-width:768px){.animal-table{display:block;overflow-x:auto;white-space:nowrap;border-radius:10px;}}@media (min-width:769px) and (max-width:1024px){.animal-form,.view-form,.filter-form{width:80%;max-width:600px;}}@media (min-width:1025px){.animal-form,.view-form,.filter-form{width:70%;max-width:720px;}}.animal-form::-webkit-scrollbar,.view-form::-webkit-scrollbar,.filter-form::-webkit-scrollbar{width:8px;}.animal-form::-webkit-scrollbar-track,.view-form::-webkit-scrollbar-track,.filter-form::-webkit-scrollbar-track{background:#f1f1f1;}.animal-form::-webkit-scrollbar-thumb,.view-form::-webkit-scrollbar-thumb,.filter-form::-webkit-scrollbar-thumb{background:#888;border-radius:4px;}.animal-form::-webkit-scrollbar-thumb:hover,.view-form::-webkit-scrollbar-thumb:hover,.filter-form::-webkit-scrollbar-thumb:hover{background:#555;}.animal-form,.view-form,.filter-form{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1;}.wp-list-table tbody tr:hover{background-color:#f1f1f1;cursor:pointer;transition:background-color 0.2s ease;}