.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(0,0,0,.65)!important}.csv-import-modal-wrapper{align-items:center;display:flex;height:100vh;justify-content:center;left:0;padding:1.5rem;position:fixed;top:0;width:100vw;z-index:1050}@media(max-width:576px){.csv-import-modal-wrapper{align-items:flex-start;padding:1.5rem .75rem .75rem}}.csv-import-container{animation:csvModalSlideIn .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#fff,#f8fafc 50%,#f9fafb);background-clip:padding-box;border:2px solid transparent;border-radius:1.25rem;box-shadow:0 25px 50px rgba(0,0,0,.25),0 0 0 1px rgba(34,197,94,.08),inset 0 1px 0 hsla(0,0%,100%,.9);max-height:min(90vh,800px);max-width:min(800px,90vw);overflow-y:auto;padding:3rem;position:relative;width:100%}.csv-import-container:before{background:linear-gradient(90deg,#4ade80,#22c55e,#16a34a);border-radius:1.25rem 1.25rem 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}@media(max-width:768px){.csv-import-container{max-height:85vh;max-width:min(95vw,600px);padding:1rem}}@media(max-width:576px){.csv-import-container{max-height:80vh;max-width:95vw;padding:1rem}}@keyframes csvModalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.import-header{align-items:flex-start;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#4ade80,#22c55e 50%,transparent) border-box;border-bottom:2px solid transparent;-o-border-image:linear-gradient(90deg,#4ade80,transparent) 1;border-image:linear-gradient(90deg,#4ade80,transparent) 1;display:flex;justify-content:space-between;margin-bottom:3rem;padding-bottom:1.5rem}.header-content h3{align-items:center;background:linear-gradient(135deg,#16a34a,#22c55e 50%,#4ade80);-webkit-background-clip:text;display:flex;gap:.75rem;margin:0 0 .5rem;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.25rem;font-weight:800}.header-content h3 svg{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:.375rem;box-shadow:0 4px 12px rgba(82,196,26,.3);color:#fff;padding:8px}.header-content p{color:#475569;font-size:.875rem;font-weight:500;margin:0}.template-download{align-items:center;background:linear-gradient(135deg,#f9fafb,#f1f5f9);border:2px solid #4ade80;border-radius:1.5rem;box-shadow:0 10px 15px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.8),0 0 0 1px rgba(34,197,94,.1);display:flex;justify-content:space-between;margin-bottom:3rem;padding:2rem}@media(max-width:576px){.template-download{flex-direction:column;gap:1rem;text-align:center}}.template-info{align-items:center;display:flex;gap:1rem}.template-info svg{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:1rem;box-shadow:0 4px 12px rgba(59,130,246,.3);color:#fff;padding:12px}@media(max-width:576px){.template-info{flex-direction:column;gap:.75rem;text-align:center}}.template-info h5{color:#1f2937;font-size:1.125rem;font-weight:700;margin:0 0 .25rem}.template-info small{color:#475569;font-size:.875rem;font-weight:500}.file-upload-area{background:linear-gradient(135deg,#f0fdf4,#dcfce7 30%,rgba(34,197,94,.08));border:3px dashed #22c55e;border-radius:1.25rem;box-shadow:inset 0 2px 8px rgba(34,197,94,.1),0 1px 3px rgba(0,0,0,.05);padding:48px 24px;position:relative;text-align:center;transition:all .3s ease}@media(max-width:576px){.file-upload-area{padding:32px 16px}}.file-upload-area:hover{background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(34,197,94,.12) 50%,rgba(34,197,94,.15));border-color:#16a34a;box-shadow:inset 0 2px 12px rgba(34,197,94,.15),0 6px 20px rgba(82,196,26,.4);transform:translateY(-2px)}.file-upload-area:before{background-image:radial-gradient(circle at 3px 3px,rgba(34,197,94,.1) 1px,transparent 0);background-size:24px 24px;border-radius:1.25rem;bottom:0;content:"";left:0;opacity:.4;pointer-events:none;position:absolute;right:0;top:0}.upload-content{position:relative;z-index:1}.upload-content h4{color:#1f2937;font-size:1.25rem;font-weight:700;margin:1.5rem 0 .75rem}.upload-content p{color:#475569;font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.upload-content svg{color:#22c55e;filter:drop-shadow(0 2px 8px rgba(34,197,94,.3));margin-bottom:1.5rem}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;box-shadow:0 4px 12px rgba(59,130,246,.35),inset 0 1px 0 hsla(0,0%,100%,.25);font-weight:700;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px rgba(59,130,246,.45),inset 0 1px 0 hsla(0,0%,100%,.25);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;box-shadow:0 4px 12px rgba(82,196,26,.3),inset 0 1px 0 hsla(0,0%,100%,.25);font-weight:700;transition:all .3s ease}.btn-success:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 20px rgba(82,196,26,.4),inset 0 1px 0 hsla(0,0%,100%,.25);transform:translateY(-1px)}.alert{border:none;border-radius:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.07);font-weight:500}.alert.alert-info{background:linear-gradient(135deg,#dbeafe,rgba(59,130,246,.15));border-left:4px solid #3b82f6;color:#1e3a8a}.alert.alert-info .lucide{color:#3b82f6}.alert.alert-success{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.15));border-left:4px solid #22c55e;color:#15803d}.alert.alert-success .lucide{color:#22c55e}.alert.alert-warning{background:linear-gradient(135deg,#fef3c7,rgba(245,158,11,.15));border-left:4px solid #f59e0b;color:#92400e}.alert.alert-warning .lucide{color:#f59e0b}.alert.alert-danger{background:linear-gradient(135deg,#fecaca,rgba(239,68,68,.15));border-left:4px solid #ef4444;color:#b91c1c}.alert.alert-danger .lucide{color:#ef4444}.farmer-notice,.template-notice{animation:csvSlideInFromLeft .5s ease-out;margin-top:1.5rem}@keyframes csvSlideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.preview-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#f1f5f9);border:1px solid #f3f4f6;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}@media(max-width:576px){.preview-header{align-items:flex-start;flex-direction:column;gap:1rem}}.preview-header h4{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0}.preview-header h4 svg{background:rgba(114,46,209,.1);border-radius:.375rem;color:#722ed1;padding:8px}.validation-summary{align-items:center;background:linear-gradient(135deg,#f8f9fa,#f8fafc);border:1px solid #f3f4f6;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}@media(max-width:576px){.validation-summary{align-items:flex-start;flex-direction:column;gap:1rem}}.validation-summary h5{color:#1f2937;font-size:1.125rem;font-weight:700;margin:0}.summary-stats{display:flex;flex-wrap:wrap;gap:.75rem}.badge{border:1px solid transparent;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.05);font-size:12px;font-weight:600;padding:4px 8px}.badge.badge-success{background:linear-gradient(135deg,#4ade80,#16a34a);box-shadow:0 2px 6px rgba(34,197,94,.3)}.badge.badge-danger,.badge.badge-success{border-color:hsla(0,0%,100%,.2);color:#fff}.badge.badge-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 6px rgba(239,68,68,.3)}.badge.badge-secondary{background:linear-gradient(135deg,#6b7280,#475569);border-color:hsla(0,0%,100%,.2);box-shadow:0 2px 6px hsla(220,9%,46%,.3);color:#fff}.validation-table{border:1px solid #f3f4f6;border-radius:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.07);margin-bottom:2rem;max-height:400px;overflow-y:auto}.validation-table .table{font-size:.875rem;margin:0}@media(max-width:768px){.validation-table .table{font-size:.75rem}}.validation-table .table thead th{background:linear-gradient(135deg,linear-gradient(135deg,rgba(82,196,26,.03) 0,rgba(82,196,26,.06) 100%),rgba(34,197,94,.08));border-bottom:2px solid #4ade80;color:#16a34a;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}@media(max-width:576px){.validation-table td:nth-child(3),.validation-table td:nth-child(4),.validation-table th:nth-child(3),.validation-table th:nth-child(4){display:none}}.table-success{background:linear-gradient(135deg,rgba(34,197,94,.05),rgba(34,197,94,.08))!important;border-left:4px solid #4ade80}.table-success:hover{background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(34,197,94,.12))!important}.table-danger{background:linear-gradient(135deg,rgba(239,68,68,.05),rgba(239,68,68,.08))!important;border-left:4px solid #ef4444}.table-danger:hover{background:linear-gradient(135deg,rgba(239,68,68,.08),rgba(239,68,68,.12))!important}.error-list,.warning-list{display:flex;flex-direction:column;gap:.25rem}.error-item{color:#dc2626}.error-item,.warning-item{align-items:center;display:flex;font-size:.75rem;font-weight:500;gap:.25rem}.warning-item{color:#d97706}.import-actions{background:linear-gradient(135deg,#f8fafc,#f9fafb);border-radius:0 0 1.25rem 1.25rem;border-top:2px solid #f3f4f6;margin:0 -3rem -3rem;padding:2rem 3rem;text-align:center}.import-actions .btn{font-weight:700;letter-spacing:.05em;min-width:200px;text-transform:uppercase}@media(max-width:576px){.import-actions .btn{min-width:100%}}.processing-progress{background:linear-gradient(135deg,#f0f9ff,rgba(59,130,246,.08));border:2px solid #3b82f6;border-radius:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.07),inset 0 1px 0 hsla(0,0%,100%,.6);margin-top:2rem;padding:2rem;text-align:center}.processing-progress h5{color:#0369a1;font-size:1.125rem;font-weight:700;margin:0 0 1.5rem}.processing-progress p{color:#0369a1;font-size:.875rem;font-weight:500;margin:.75rem 0 0}.progress{background-color:#e5e7eb;box-shadow:inset 0 2px 4px rgba(0,0,0,.1);height:8px}.progress,.progress .progress-bar{border-radius:1rem;overflow:hidden}.progress .progress-bar{background:linear-gradient(90deg,#22c55e,#4ade80,#3b82f6);box-shadow:0 1px 3px rgba(34,197,94,.5);position:relative;transition:width .3s ease}.progress .progress-bar:after{animation:csvProgressShine 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes csvProgressShine{0%{left:-100%}to{left:100%}}.import-results{animation:csvSlideInFromBottom .5s ease-out;margin-top:2rem}@keyframes csvSlideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-btn{color:#6b7280;transition:color .2s ease}.close-btn:hover{color:#1f2937;transform:scale(1.1)}@media(max-width:576px){.close-btn{position:absolute;right:1rem;top:1rem}}.btn:focus,.form-control:focus,.form-select:focus{border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.1);outline:none}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.animate-spin{animation:csvSpin 1s linear infinite}@keyframes csvSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:576px){.csv-import-container{border-radius:1.5rem;margin:10px;max-width:calc(100vw - 20px)}.validation-table{font-size:.75rem}.summary-stats{justify-content:center}.header-content h3{font-size:1.125rem}}.animal-breeding-container{background:#fff;border-radius:12px;overflow:hidden}.animal-breeding-container.inline-form-mode{background:#f8faf8}.animal-breeding-container .breeding-header{align-items:center;background:linear-gradient(135deg,rgba(225,29,72,.1),rgba(225,29,72,.05));border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.animal-breeding-container .breeding-header.inline-form-header{background:#fff;border-bottom:1px solid #e5e7eb}.animal-breeding-container .breeding-header .header-title{align-items:center;display:flex;gap:10px}.animal-breeding-container .breeding-header .header-title .back-btn{border-radius:6px;color:#6b7280;padding:6px}.animal-breeding-container .breeding-header .header-title .back-btn:hover{background:rgba(0,0,0,.05);color:#1f2937}.animal-breeding-container .breeding-header .header-title svg{color:#e11d48;flex-shrink:0}.animal-breeding-container .breeding-header .header-title h4{color:#1f2937;font-size:1.05rem;font-weight:600;margin:0}.animal-breeding-container .breeding-header .header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.animal-breeding-container .breeding-header .header-actions .filter-btn,.animal-breeding-container .breeding-header .header-actions .refresh-btn{align-items:center;border-radius:6px;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.animal-breeding-container .breeding-header .header-actions .filter-btn svg,.animal-breeding-container .breeding-header .header-actions .refresh-btn svg{flex-shrink:0}.animal-breeding-container .breeding-header .header-actions .view-toggle{border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:2px;overflow:hidden}.animal-breeding-container .breeding-header .header-actions .view-toggle .btn{align-items:center;border:none;border-radius:0;display:flex;padding:6px 10px}.animal-breeding-container .breeding-header .header-actions .add-btn{align-items:center;background:#e11d48;border-color:#e11d48;border-radius:6px;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px}.animal-breeding-container .breeding-header .header-actions .add-btn:hover{background:#bd183c}.animal-breeding-container .animal-context-banner{align-items:center;background:#f8faf8;border-bottom:1px solid #e5e7eb;display:flex;padding:12px 20px}.animal-breeding-container .animal-context-banner .animal-info{align-items:center;display:flex;gap:12px}.animal-breeding-container .animal-context-banner .animal-info .animal-emoji{font-size:28px;line-height:1}.animal-breeding-container .animal-context-banner .animal-info .animal-details{display:flex;flex-direction:column;gap:2px}.animal-breeding-container .animal-context-banner .animal-info .animal-details strong{color:#1f2937;font-size:.95rem}.animal-breeding-container .animal-context-banner .animal-info .animal-details .animal-tag{color:#6b7280;font-size:.8rem}.animal-breeding-container .filters-panel{align-items:flex-end;background:#f8faf8;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:16px;padding:14px 20px}.animal-breeding-container .filters-panel .filter-group{display:flex;flex-direction:column;gap:4px;min-width:140px}.animal-breeding-container .filters-panel .filter-group label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.animal-breeding-container .filters-panel .filter-group .filter-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:.85rem;padding:6px 10px}.animal-breeding-container .filters-panel .filter-group .filter-select:focus{border-color:#e11d48;box-shadow:0 0 0 2px rgba(225,29,72,.1);outline:none}.animal-breeding-container .filters-panel .clear-filters{color:#9ca3af;font-size:.8rem;padding:6px 0}.animal-breeding-container .filters-panel .clear-filters:hover{color:#e11d48}.animal-breeding-container .breeding-stats{background:#f8faf8;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;overflow-x:auto;padding:14px 20px}.animal-breeding-container .breeding-stats::-webkit-scrollbar{display:none}.animal-breeding-container .breeding-stats .stat-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex:1;flex-direction:column;min-width:70px;padding:10px 16px;transition:all .15s ease}.animal-breeding-container .breeding-stats .stat-item .stat-value{color:#1f2937;font-size:1.3rem;font-weight:700}.animal-breeding-container .breeding-stats .stat-item .stat-label{color:#9ca3af;font-size:.7rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.animal-breeding-container .breeding-stats .stat-item.successful{border-color:rgba(22,163,74,.3)}.animal-breeding-container .breeding-stats .stat-item.successful .stat-value{color:#16a34a}.animal-breeding-container .breeding-stats .stat-item.pregnant{border-color:rgba(139,92,246,.3)}.animal-breeding-container .breeding-stats .stat-item.pregnant .stat-value{color:#8b5cf6}.animal-breeding-container .breeding-stats .stat-item.methods{border-color:rgba(20,184,166,.3)}.animal-breeding-container .breeding-stats .stat-item.methods .stat-value{color:#14b8a6}.animal-breeding-container .breeding-content{padding:16px 20px}.animal-breeding-container .loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px}.animal-breeding-container .loading-state .spin{animation:spin 1s linear infinite}.animal-breeding-container .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.animal-breeding-container .empty-state .empty-icon{color:#9ca3af;margin-bottom:16px;opacity:.5}.animal-breeding-container .empty-state h5{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:8px}.animal-breeding-container .empty-state p{color:#6b7280;font-size:.9rem;margin-bottom:20px;max-width:400px}.animal-breeding-container .empty-state .btn-primary{background:#e11d48;border-color:#e11d48}.animal-breeding-container .empty-state .btn-primary:hover{background:#bd183c}.animal-breeding-container .breeding-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.animal-breeding-container .breeding-table-wrapper .breeding-table{font-size:.85rem;margin:0}.animal-breeding-container .breeding-table-wrapper .breeding-table thead{background:#f8faf8}.animal-breeding-container .breeding-table-wrapper .breeding-table thead th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:10px 12px;text-transform:uppercase;white-space:nowrap}.animal-breeding-container .breeding-table-wrapper .breeding-table tbody tr{transition:background .15s ease}.animal-breeding-container .breeding-table-wrapper .breeding-table tbody tr:hover{background:rgba(225,29,72,.03)}.animal-breeding-container .breeding-table-wrapper .breeding-table tbody tr td{border-color:#e5e7eb;padding:10px 12px;vertical-align:middle}.animal-breeding-container .breeding-table-wrapper .breeding-table .method-info{align-items:center;display:flex;gap:8px}.animal-breeding-container .breeding-table-wrapper .breeding-table .method-info .method-emoji-small{font-size:1.2rem}.animal-breeding-container .breeding-table-wrapper .breeding-table .method-info strong{font-size:.85rem}.animal-breeding-container .breeding-table-wrapper .breeding-table .method-info small{font-size:.75rem}.animal-breeding-container .breeding-table-wrapper .breeding-table .actions-col{text-align:right;width:100px}.animal-breeding-container .breeding-table-wrapper .breeding-table .action-buttons{display:flex;gap:4px;justify-content:flex-end}.animal-breeding-container .breeding-table-wrapper .breeding-table .action-buttons .btn{align-items:center;display:flex;justify-content:center;padding:4px 8px}.animal-breeding-container .method-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;letter-spacing:.025em;padding:3px 8px;text-transform:uppercase}.animal-breeding-container .method-badge .method-emoji{font-size:.9rem}.animal-breeding-container .method-badge.natural{background:rgba(22,163,74,.1);color:#16a34a}.animal-breeding-container .method-badge.ai{background:rgba(59,130,246,.1);color:#3b82f6}.animal-breeding-container .method-badge.embryo{background:rgba(139,92,246,.1);color:#8b5cf6}.animal-breeding-container .method-badge.ivf{background:rgba(20,184,166,.1);color:#14b8a6}.animal-breeding-container .method-badge.synchronized{background:rgba(245,158,11,.1);color:#f59e0b}.animal-breeding-container .method-badge.other{background:hsla(220,9%,46%,.1);color:#6b7280}.animal-breeding-container .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;padding:3px 8px}.animal-breeding-container .status-badge.planned{background:rgba(99,102,241,.1);color:#6366f1}.animal-breeding-container .status-badge.in-progress{background:rgba(245,158,11,.1);color:#f59e0b}.animal-breeding-container .status-badge.successful{background:rgba(22,163,74,.1);color:#16a34a}.animal-breeding-container .status-badge.failed{background:rgba(239,68,68,.1);color:#ef4444}.animal-breeding-container .status-badge.pending{background:rgba(139,92,246,.1);color:#8b5cf6}.animal-breeding-container .status-badge.cancelled{background:hsla(220,9%,46%,.1);color:#6b7280}.animal-breeding-container .pregnancy-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:600;padding:3px 8px}.animal-breeding-container .pregnancy-badge.suspected{background:rgba(245,158,11,.1);color:#f59e0b}.animal-breeding-container .pregnancy-badge.confirmed{background:rgba(22,163,74,.1);color:#16a34a}.animal-breeding-container .pregnancy-badge.due-soon{background:rgba(139,92,246,.1);color:#8b5cf6}.animal-breeding-container .pregnancy-badge.overdue{background:rgba(239,68,68,.1);color:#ef4444}.animal-breeding-container .pregnancy-badge.delivered{background:rgba(20,184,166,.1);color:#14b8a6}.animal-breeding-container .breeding-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.animal-breeding-container .animal-breeding-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s ease}.animal-breeding-container .animal-breeding-card:hover{border-color:rgba(225,29,72,.3);box-shadow:0 4px 6px rgba(0,0,0,.07)}.animal-breeding-container .animal-breeding-card .breeding-card-header{background:linear-gradient(135deg,rgba(225,29,72,.1),rgba(225,29,72,.03));border-bottom:1px solid #e5e7eb;padding:12px 14px}.animal-breeding-container .animal-breeding-card .breeding-card-header .breeding-info .breeding-name-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.animal-breeding-container .animal-breeding-card .breeding-card-header .breeding-info .breeding-name-row .method-emoji-large{font-size:1.5rem}.animal-breeding-container .animal-breeding-card .breeding-card-header .breeding-info .breeding-name-row .breeding-name{color:#1f2937;font-size:.95rem;font-weight:600;margin:0}.animal-breeding-container .animal-breeding-card .breeding-card-header .breeding-info .breeding-badges{display:flex;flex-wrap:wrap;gap:6px}.animal-breeding-container .animal-breeding-card .breeding-card-body{display:flex;flex-direction:column;gap:8px;padding:12px 14px}.animal-breeding-container .animal-breeding-card .breeding-card-body .breeding-detail{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:6px}.animal-breeding-container .animal-breeding-card .breeding-card-body .breeding-detail svg{color:#9ca3af;flex-shrink:0}.animal-breeding-container .animal-breeding-card .breeding-card-actions{background:#f8faf8;border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;padding:10px 14px}.animal-breeding-container .animal-breeding-card .breeding-card-actions .btn{align-items:center;display:flex;font-size:.8rem;font-weight:500;gap:4px;padding:5px 12px}@media(min-width:768px)and (max-width:1399px){.animal-breeding-container .breeding-header .header-actions{gap:6px}.animal-breeding-container .breeding-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.animal-breeding-container .breeding-stats .stat-item{padding:8px 12px}.animal-breeding-container .breeding-stats .stat-item .stat-value{font-size:1.1rem}}@media(max-width:767px){.animal-breeding-container .breeding-header{align-items:stretch;flex-direction:column;padding:12px 16px}.animal-breeding-container .breeding-header .header-title h4{font-size:.95rem}.animal-breeding-container .breeding-header .header-actions{gap:6px;justify-content:flex-end}.animal-breeding-container .breeding-header .header-actions .add-btn{flex:1;justify-content:center}.animal-breeding-container .filters-panel{flex-direction:column;padding:12px 16px}.animal-breeding-container .filters-panel .filter-group{width:100%}.animal-breeding-container .breeding-stats{gap:8px;padding:12px 16px}.animal-breeding-container .breeding-stats .stat-item{min-width:60px;padding:8px 10px}.animal-breeding-container .breeding-stats .stat-item .stat-value{font-size:1.1rem}.animal-breeding-container .breeding-content{padding:12px 16px}.animal-breeding-container .breeding-cards{grid-template-columns:1fr}.animal-breeding-container .animal-context-banner{padding:10px 16px}.animal-breeding-container .animal-context-banner .animal-info .animal-emoji{font-size:24px}}.animal-costs{padding:0}.animal-costs .error-state,.animal-costs .loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px}.animal-costs .error-state .animate-spin,.animal-costs .loading-state .animate-spin{animation:spin 1s linear infinite}.animal-costs .error-state span,.animal-costs .loading-state span{font-size:14px}.animal-costs .error-state{color:#ef4444}.animal-costs .costs-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 20px}.animal-costs .costs-header .header-info h5{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.animal-costs .costs-header .header-info h5 .header-icon{color:#f59e0b}.animal-costs .costs-header .header-info .header-subtitle{color:#9ca3af;display:block;font-size:12px;margin-top:4px}.animal-costs .costs-header .refresh-btn{border-radius:8px;color:#9ca3af;padding:6px;transition:all .2s}.animal-costs .costs-header .refresh-btn:hover{background:rgba(245,158,11,.1);color:#f59e0b}.animal-costs .summary-cards-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:16px 20px}.animal-costs .summary-cards-grid .cost-summary-card{align-items:center;background:#fff;border:1px solid #f3f4f6;border-left:3px solid;border-radius:10px;display:flex;gap:12px;padding:14px 16px;transition:all .2s}.animal-costs .summary-cards-grid .cost-summary-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.06)}.animal-costs .summary-cards-grid .cost-summary-card.large{background:linear-gradient(135deg,#fafafa,#fff);grid-column:span 1}.animal-costs .summary-cards-grid .cost-summary-card.large .card-info .card-value{font-size:20px}.animal-costs .summary-cards-grid .cost-summary-card .card-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.animal-costs .summary-cards-grid .cost-summary-card .card-info{display:flex;flex-direction:column;min-width:0}.animal-costs .summary-cards-grid .cost-summary-card .card-info .card-value{color:#1f2937;font-size:16px;font-weight:700;line-height:1.2}.animal-costs .summary-cards-grid .cost-summary-card .card-info .card-label{color:#9ca3af;font-size:11px;letter-spacing:.3px;text-transform:uppercase}.animal-costs .summary-cards-grid .cost-summary-card .card-info .card-sub{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:3px;margin-top:2px}.animal-costs .summary-cards-grid .cost-summary-card .card-info .card-sub.positive{color:#16a34a}.animal-costs .summary-cards-grid .cost-summary-card .card-info .card-sub.negative{color:#ef4444}.animal-costs .breakdown-section{background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;margin:0 20px 16px;padding:16px}.animal-costs .breakdown-section .breakdown-header{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:14px}.animal-costs .breakdown-section .breakdown-bar{background:#e5e7eb;border-radius:6px;display:flex;height:12px;margin-bottom:14px;overflow:hidden;width:100%}.animal-costs .breakdown-section .breakdown-bar .bar-segment{cursor:pointer;height:100%;min-width:4px;transition:all .3s ease}.animal-costs .breakdown-section .breakdown-bar .bar-segment:hover{opacity:.85;transform:scaleY(1.3)}.animal-costs .breakdown-section .breakdown-bar .bar-segment:first-child{border-radius:6px 0 0 6px}.animal-costs .breakdown-section .breakdown-bar .bar-segment:last-child{border-radius:0 6px 6px 0}.animal-costs .breakdown-section .breakdown-bar .bar-segment:only-child{border-radius:6px}.animal-costs .breakdown-section .breakdown-legend{display:flex;flex-direction:column;gap:8px}.animal-costs .breakdown-section .breakdown-legend .legend-item{align-items:center;display:flex;font-size:12px;gap:8px}.animal-costs .breakdown-section .breakdown-legend .legend-item .legend-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.animal-costs .breakdown-section .breakdown-legend .legend-item .legend-label{color:#4b5563;flex:1}.animal-costs .breakdown-section .breakdown-legend .legend-item .legend-value{color:#1f2937;font-weight:600;min-width:80px;text-align:right}.animal-costs .breakdown-section .breakdown-legend .legend-item .legend-pct{font-size:11px;font-weight:600;min-width:36px;text-align:right}.animal-costs .monthly-chart-section{background:#fff;border:1px solid #f3f4f6;border-radius:12px;margin:0 20px 16px;padding:16px}.animal-costs .monthly-chart-section .chart-header{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:16px}.animal-costs .monthly-chart-section .chart-bars{align-items:flex-end;display:flex;gap:8px;height:140px}.animal-costs .monthly-chart-section .chart-bars .chart-bar-col{align-items:center;display:flex;flex:1;flex-direction:column;gap:4px;height:100%}.animal-costs .monthly-chart-section .chart-bars .chart-bar-col .bar-value{color:#6b7280;font-size:9px;font-weight:600;min-height:14px;text-align:center;white-space:nowrap}.animal-costs .monthly-chart-section .chart-bars .chart-bar-col .bar-track{align-items:flex-end;background:#f3f4f6;border-radius:4px 4px 0 0;display:flex;flex:1;max-width:40px;overflow:hidden;width:100%}.animal-costs .monthly-chart-section .chart-bars .chart-bar-col .bar-track .bar-fill{background:#e5e7eb;border-radius:4px 4px 0 0;transition:height .5s ease;width:100%}.animal-costs .monthly-chart-section .chart-bars .chart-bar-col .bar-track .bar-fill.active{background:linear-gradient(180deg,#f59e0b,#cf8508)}.animal-costs .monthly-chart-section .chart-bars .chart-bar-col .bar-label{color:#9ca3af;font-size:10px;font-weight:500;text-transform:uppercase}.animal-costs .history-section{margin:0 20px 16px}.animal-costs .history-section .history-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.animal-costs .history-section .history-header .history-title{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;gap:8px}.animal-costs .history-section .history-header .history-controls{display:flex;gap:8px}.animal-costs .history-section .history-header .history-controls .filter-select{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:12px;height:32px;min-width:130px;padding:0 28px 0 10px}.animal-costs .history-section .history-header .history-controls .filter-select:focus{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.1)}.animal-costs .history-section .history-list{border:1px solid #f3f4f6;border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.animal-costs .history-section .cost-entry-row{align-items:center;background:#fff;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:12px 14px;transition:background .15s}.animal-costs .history-section .cost-entry-row:last-child{border-bottom:none}.animal-costs .history-section .cost-entry-row:hover{background:#fafafa}.animal-costs .history-section .cost-entry-row .entry-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.animal-costs .history-section .cost-entry-row .entry-info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.animal-costs .history-section .cost-entry-row .entry-info .entry-desc{color:#1f2937;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.animal-costs .history-section .cost-entry-row .entry-info .entry-meta{align-items:center;display:flex;font-size:11px;gap:8px}.animal-costs .history-section .cost-entry-row .entry-info .entry-meta .entry-type{font-weight:600}.animal-costs .history-section .cost-entry-row .entry-info .entry-meta .entry-date{color:#9ca3af}.animal-costs .history-section .cost-entry-row .entry-amount{color:#1f2937;font-size:14px;font-weight:700;white-space:nowrap}.animal-costs .history-section .show-more-btn{align-items:center;background:rgba(99,102,241,.1);border:none;color:#6366f1;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:10px;transition:all .2s;width:100%}.animal-costs .history-section .show-more-btn:hover{background:rgba(99,102,241,.15)}.animal-costs .history-section .no-results{color:#9ca3af;font-size:13px;padding:24px;text-align:center}.animal-costs .empty-state{align-items:center;display:flex;flex-direction:column;padding:48px 24px;text-align:center}.animal-costs .empty-state .empty-icon-wrapper{align-items:center;background:rgba(245,158,11,.1);border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:16px;width:80px}.animal-costs .empty-state .empty-icon-wrapper .empty-icon{color:#f59e0b;opacity:.6}.animal-costs .empty-state h5{color:#374151;font-size:16px;font-weight:600;margin:0 0 8px}.animal-costs .empty-state>p{color:#9ca3af;font-size:13px;line-height:1.5;margin:0 0 24px;max-width:380px}.animal-costs .empty-state .empty-sources{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.animal-costs .empty-state .empty-sources .source-item{align-items:center;background:#f9fafb;border-radius:8px;color:#4b5563;display:flex;font-size:12px;gap:6px;padding:8px 14px}@media(max-width:768px){.animal-costs .summary-cards-grid{gap:8px;grid-template-columns:repeat(2,1fr);padding:12px 16px}.animal-costs .summary-cards-grid .cost-summary-card{gap:10px;padding:10px 12px}.animal-costs .summary-cards-grid .cost-summary-card.large{grid-column:span 2}.animal-costs .summary-cards-grid .cost-summary-card .card-icon{height:30px;width:30px}.animal-costs .summary-cards-grid .cost-summary-card .card-info .card-value{font-size:14px}.animal-costs .summary-cards-grid .cost-summary-card.large .card-info .card-value{font-size:18px}.animal-costs .breakdown-section,.animal-costs .monthly-chart-section{margin:0 16px 12px}.animal-costs .monthly-chart-section .chart-bars{height:100px}.animal-costs .history-section{margin:0 16px 12px}.animal-costs .history-section .history-header{align-items:flex-start;flex-direction:column}.animal-costs .history-section .history-header .history-controls{width:100%}.animal-costs .history-section .history-header .history-controls .filter-select{flex:1;min-width:0}.animal-costs .history-section .cost-entry-row{padding:10px 12px}.animal-costs .history-section .cost-entry-row .entry-icon{height:28px;width:28px}.animal-costs .history-section .cost-entry-row .entry-info .entry-desc{font-size:12px}.animal-costs .history-section .cost-entry-row .entry-amount{font-size:13px}}@media(max-width:480px){.animal-costs .summary-cards-grid{grid-template-columns:1fr 1fr}.animal-costs .summary-cards-grid .cost-summary-card.large{grid-column:span 2}.animal-costs .history-section .history-controls{flex-direction:column}.animal-costs .history-section .history-controls .filter-select{width:100%}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}