.modal-overlay,.form-modal-overlay,.goat-detail-modal-overlay,.action-modal-overlay{position:fixed;inset:0;background-color:#0006;z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}body.nested-modal-open .modal-overlay,body.nested-modal-open .form-modal-overlay,body.nested-modal-open .goat-detail-modal-overlay{background-color:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1100}.modal-content,.form-modal-content,.goat-detail-modal-content,.action-modal-content{background:#fff;border-radius:var(--radius-xl);max-width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);transform-origin:bottom center;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s}body.nested-modal-open .modal-content,body.nested-modal-open .form-modal-content,body.nested-modal-open .goat-detail-modal-content,body.nested-modal-open .action-modal-content{transform:scale(.95) translateY(-20px);opacity:.8;border-radius:var(--radius-xl)}@keyframes slideUp{0%{transform:translateY(50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media(max-width:768px){.modal-overlay,.form-modal-overlay,.goat-detail-modal-overlay,.action-modal-overlay{padding:0;align-items:flex-end}.modal-content,.form-modal-content,.goat-detail-modal-content,.action-modal-content{max-width:100%;width:100%;max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:slideUpFromBottom .35s cubic-bezier(.32,.72,0,1);margin:0;overflow-x:hidden}.modal-content:before,.form-modal-content:before,.goat-detail-modal-content:before,.action-modal-content:before{content:"";position:sticky;top:8px;left:50%;transform:translate(-50%);width:36px;height:5px;background:#0003;border-radius:10px;display:block;margin:0 auto 8px;z-index:100}body.nested-modal-open .modal-content,body.nested-modal-open .form-modal-content,body.nested-modal-open .goat-detail-modal-content,body.nested-modal-open .action-modal-content{transform:scale(.92) translateY(-40px)}}.modal-close-btn,.form-modal-close-btn{position:sticky;top:var(--space-md);right:var(--space-md);float:right;background:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;box-shadow:var(--shadow-md);z-index:10;transition:all .2s}.modal-close-btn:hover,.form-modal-close-btn:hover{transform:scale(1.1);background:var(--danger);color:#fff}:root{--primary: #10B981;--primary-dark: #059669;--primary-light: #34D399;--secondary: #F59E0B;--secondary-dark: #D97706;--secondary-light: #FBB F24;--accent: #8B4513;--accent-light: #A0522D;--success: #10B981;--danger: #EF4444;--warning: #F59E0B;--info: #3B82F6;--text: #1F2937;--text-light: #6B7280;--text-lighter: #9CA3AF;--bg: #F9FAFB;--bg-white: #FFFFFF;--border: #E5E7EB;--border-light: #F3F4F6;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--touch-min: 48px;--touch-lg: 56px}.theme-blue{--primary: #2563EB;--primary-dark: #1D4ED8;--primary-light: #60A5FA;--secondary: #F59E0B;--bg-primary-light: #EFF6FF}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-base);font-size:var(--font-size-lg);line-height:1.6;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--space-md);color:var(--text)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all .2s;min-height:var(--touch-min);text-decoration:none;font-family:var(--font-base)}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--secondary);color:#fff;box-shadow:var(--shadow-md)}.btn-secondary:hover{background-color:var(--secondary-dark)}.btn-outline{background-color:#fff;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background-color:var(--primary);color:#fff}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-xl);min-height:var(--touch-lg)}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);min-height:36px}.btn-xs{padding:4px var(--space-sm);font-size:var(--font-size-xs);min-height:28px;gap:4px}.btn-full{width:100%}.btn-icon{padding:var(--space-md);min-width:var(--touch-min);aspect-ratio:1}.input,.select,.textarea{width:100%;padding:var(--space-md);font-size:var(--font-size-lg);font-family:var(--font-base);border:2px solid var(--border);border-radius:var(--radius-md);background-color:#fff;color:var(--text);min-height:var(--touch-min);transition:border-color .2s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.textarea{resize:vertical;min-height:120px}.card{background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-lg);transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.card-clickable{cursor:pointer}.card-clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{align-items:center;justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.text-center{text-align:center}.text-bold{font-weight:700}.text-semibold{font-weight:600}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-muted{color:var(--text-light)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full);background-color:var(--primary-light);color:var(--primary-dark)}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-danger{background-color:#fee2e2;color:#991b1b}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}.image-upload{position:relative;width:100%;min-height:200px;border:3px dashed var(--border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s;background-color:var(--bg)}.image-upload:hover{border-color:var(--primary);background-color:#10b9810d}.image-upload input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.photo-preview{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-preview .remove-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);background-color:var(--danger);color:#fff;border:none;border-radius:var(--radius-full);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-size-lg);box-shadow:var(--shadow-md)}.progress-steps{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);padding:var(--space-md) 0}.progress-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);position:relative}.progress-step:not(:last-child):after{content:"";position:absolute;top:20px;left:50%;right:-50%;height:3px;background-color:var(--border);z-index:-1}.progress-step.active:not(:last-child):after{background-color:var(--primary)}.progress-step-circle{width:40px;height:40px;border-radius:50%;background-color:var(--border);color:var(--text-light);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg);transition:all .3s}.progress-step.active .progress-step-circle{background-color:var(--primary);color:#fff;transform:scale(1.1)}.progress-step.completed .progress-step-circle{background-color:var(--success);color:#fff}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}.progress-steps{overflow-x:auto}}.icon-emoji{font-size:2rem;display:inline-block}.language-switcher{gap:.5rem;background-color:var(--bg-white);padding:.25rem;border-radius:var(--radius-full);box-shadow:var(--shadow);display:flex;gap:var(--space-xs);background-color:#ffffff1a;padding:var(--space-xs);border-radius:var(--radius-md)}.language-switcher button{background:none;border:none;color:#fff;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s;opacity:.8}.language-switcher button.active{background-color:#fff;color:var(--primary);opacity:1}.lang-flag{font-size:1.2rem}.lang-label{font-size:var(--font-size-sm)}@media(max-width:480px){.lang-label{display:none}}.floating-back-btn{position:fixed;top:30px;left:20px;width:56px;height:56px;border-radius:50%;background-color:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--text);z-index:1000;cursor:pointer;transition:all .2s ease}.floating-back-btn:hover{transform:scale(1.1);background-color:#fffffff2;box-shadow:0 6px 16px #00000026;color:var(--primary)}.floating-back-btn:active{transform:scale(.95)}@media(max-width:480px){.floating-back-btn{top:25px;left:20px;width:48px;height:48px;font-size:24px}}.layout{min-height:100vh;display:flex;flex-direction:column;padding-bottom:80px}.header{background-color:var(--primary);color:#fff;padding:var(--space-xs) 0;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:1000;transition:all .3s ease}body.modal-open .header{background-color:transparent;box-shadow:none;pointer-events:none;z-index:1;opacity:0}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.logo{font-size:var(--font-size-xl);font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;gap:var(--space-xs)}.logo-icon{font-size:2rem}.logo-text{color:#fff}.main-content{flex:1;min-height:calc(100vh - 120px);padding:var(--space-lg) 0;padding-bottom:80px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:var(--bg-white);border-top:1px solid var(--border);display:flex;flex-direction:row;justify-content:space-around;align-items:center;z-index:100;box-shadow:0 -2px 10px #0000000d;padding:var(--space-xs) 0;transition:transform .3s ease-in-out}.bottom-nav.hidden{transform:translateY(100%)}.nav-items{display:flex;justify-content:space-around;align-items:center;max-width:600px;margin:0 auto}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-xs);text-decoration:none;color:var(--text-lighter);transition:all .2s;font-size:var(--font-size-xs);font-weight:600;flex:1;border-radius:var(--radius-md);position:relative}.nav-item:hover{color:var(--primary);background-color:#10b9810d}.nav-item.active{color:var(--primary);background-color:#10b9811a;font-weight:700}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:3px;background-color:var(--primary);border-radius:0 0 4px 4px}.nav-icon{font-size:1.3rem}.nav-item.active .nav-icon{transform:scale(1.1)}@media(max-width:768px){.main-content{padding-bottom:50px}}@media(max-width:480px){.logo-text{font-size:var(--font-size-lg)}.nav-label{font-size:.65rem}}.goat-card{background-color:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:all .2s;text-decoration:none;display:block;cursor:pointer}.goat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.goat-image-container{position:relative;width:100%;aspect-ratio:4/3;background-color:var(--bg)}.goat-image{width:100%;height:100%;object-fit:cover}.goat-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;background:linear-gradient(135deg,var(--bg) 0%,var(--border-light) 100%)}.goat-badge{position:absolute;top:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pregnant-badge{left:var(--space-sm);background-color:#fbbf24e6;color:#78350f}.milk-badge{right:var(--space-sm);background-color:#93c5fde6;color:#1e3a8a}.goat-info{padding:var(--space-md)}.goat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.goat-breed{font-size:var(--font-size-xl);font-weight:700;color:var(--text);margin:0}.goat-gender{font-size:1.5rem}.goat-details{display:flex;gap:var(--space-md);margin-bottom:var(--space-sm)}.goat-detail{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-base);color:var(--text-light);font-weight:600}.detail-icon{font-size:1.1rem}.goat-location{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);font-size:var(--font-size-sm);color:var(--text-light)}.goat-price{font-size:var(--font-size-2xl);font-weight:700;color:var(--primary);padding-top:var(--space-sm);border-top:2px solid var(--border-light)}@media(max-width:480px){.goat-breed{font-size:var(--font-size-lg)}.goat-price{font-size:var(--font-size-xl)}}.home-page{padding-bottom:var(--space-2xl)}.home-header{text-align:center;margin-bottom:var(--space-xl);padding-top:var(--space-md)}.home-header h1{color:var(--text);margin-bottom:var(--space-sm)}.home-subtitle{font-size:var(--font-size-lg);color:var(--text-light);margin:0}.goats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);gap:var(--space-md)}.no-results{text-align:center;padding:var(--space-2xl)}.no-results-icon{font-size:5rem;display:block;margin-bottom:var(--space-lg);opacity:.5}.no-results h3{color:var(--text);margin-bottom:var(--space-sm)}.no-results p{color:var(--text-light);font-size:var(--font-size-lg)}@media(max-width:768px){.goats-grid{grid-template-columns:1fr}}.alert-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.alert-modal-content{background:#fff;padding:var(--space-xl);border-radius:var(--radius-xl);width:90%;max-width:320px;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.alert-icon-wrapper{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-sm)}.alert-icon-wrapper.warning{background-color:#fef3c7;color:#d97706}.alert-icon-wrapper.error{background-color:#fee2e2;color:#dc2626}.alert-icon-wrapper.success{background-color:#d1fae5;color:#059669}.alert-icon{font-size:30px}.alert-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text);margin:0}.alert-message{font-size:var(--font-size-base);color:var(--text-light);margin:0;line-height:1.5}.alert-button{margin-top:var(--space-md);width:100%;padding:var(--space-md);background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-lg);cursor:pointer;transition:transform .1s}.alert-button:active{transform:scale(.98)}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.goat-form{max-width:600px;margin:0 auto;padding-bottom:var(--space-2xl)}.progress-bar{width:100%;height:6px;background-color:var(--border);position:sticky;top:0;z-index:50;margin-bottom:var(--space-lg)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));transition:width .3s ease}.form-content{padding:0 var(--space-md)}.castrated-option-container{background-color:#f59e0b0d;border:2px dashed var(--warning);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md)}.checkbox-label-card{display:flex;align-items:center;gap:var(--space-md);cursor:pointer;width:100%}.checkbox-input{width:24px;height:24px;accent-color:var(--warning);cursor:pointer}.checkbox-text{font-weight:600;color:var(--text);font-size:var(--font-size-base)}.form-step{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-header{text-align:center;margin-bottom:var(--space-2xl)}.step-icon{font-size:4rem;display:block;margin-bottom:var(--space-md)}.step-header h2{margin-bottom:var(--space-sm);color:var(--text)}.step-subtitle{color:var(--text-light);font-size:var(--font-size-lg)}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.photo-upload-btn{aspect-ratio:1;border:3px dashed var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);cursor:pointer;background-color:var(--bg);transition:all .2s;padding:var(--space-md);font-size:var(--font-size-lg);font-weight:600;color:var(--text-light)}.photo-upload-btn:hover{border-color:var(--primary);background-color:#10b9810d;color:var(--primary)}.upload-icon{font-size:2.5rem}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.option-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.option-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);min-height:var(--touch-lg);border:3px solid var(--border);border-radius:var(--radius-lg);background-color:#fff;cursor:pointer;transition:all .2s;font-size:var(--font-size-lg);font-weight:600;color:var(--text)}.option-btn:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.option-btn.selected{border-color:var(--primary);background-color:#10b9811a;color:var(--primary);box-shadow:var(--shadow-md)}.option-icon{font-size:2.5rem}.option-label{font-size:var(--font-size-lg)}.form-group{margin-bottom:var(--space-xl)}.form-label{display:block;font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-md);color:var(--text)}.age-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.input-group{display:flex;align-items:center;gap:var(--space-sm)}.input-suffix{font-size:var(--font-size-lg);font-weight:600;color:var(--text-light);white-space:nowrap}.slider{width:100%;height:8px;border-radius:var(--radius-full);background-color:var(--border);outline:none;-webkit-appearance:none;appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background-color:var(--primary);cursor:pointer;box-shadow:var(--shadow-md)}.slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background-color:var(--primary);cursor:pointer;border:none;box-shadow:var(--shadow-md)}.slider-labels{display:flex;justify-content:space-between;margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-light)}.slider-container{background:#fff;padding:var(--space-md);border-radius:var(--radius-lg);box-shadow:0 2px 4px -1px #0000000d;border:1px solid var(--border-light);margin-bottom:var(--space-md)}.slider-header{text-align:center;margin-bottom:var(--space-xs);color:var(--text-light);font-weight:600;font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:.05em}.slider-value-display{text-align:center;margin-bottom:var(--space-md);display:flex;align-items:baseline;justify-content:center;gap:var(--space-xs)}.slider-value-large{font-size:3rem;font-weight:800;color:var(--primary);line-height:1;font-variant-numeric:tabular-nums}.slider-value-unit{font-size:1.25rem;font-weight:600;color:var(--text-light)}.info-message{text-align:center;padding:var(--space-xl);background-color:var(--bg);border-radius:var(--radius-lg);color:var(--text-light);font-size:var(--font-size-lg)}.review-card{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:var(--space-lg)}.review-image{width:100%;height:300px;object-fit:cover}.review-details{padding:var(--space-lg)}.review-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--border-light)}.review-row:last-child{border-bottom:none}.review-label{font-weight:600;color:var(--text-light);font-size:var(--font-size-base)}.review-value{font-weight:600;color:var(--text);font-size:var(--font-size-lg)}.form-actions{position:fixed;bottom:80px;left:0;right:0;padding:var(--space-md);background-color:var(--bg-white);box-shadow:0 -2px 10px #0000000d;display:flex;gap:var(--space-md);z-index:50}.form-actions .btn{flex:2}.form-actions .btn-outline{flex:1;min-width:auto}.btn-grey{background-color:var(--border);color:var(--text-light);border:none}.btn-grey:hover{background-color:var(--border-dark)}@media(max-width:480px){.option-grid,.photo-grid{grid-template-columns:repeat(2,1fr)}.step-icon{font-size:3rem}.option-icon{font-size:2rem}.form-actions{gap:5%;padding:var(--space-sm)}.form-actions .btn,.form-actions .btn-outline{padding:0;font-size:var(--font-size-base);height:44px;display:flex;align-items:center;justify-content:center}.form-actions .btn{flex:0 0 70%}.form-actions .btn-outline{flex:0 0 25%}}.goat-detail-page{padding-bottom:var(--space-2xl)}.photo-gallery{width:100%;background-color:var(--bg);margin-bottom:var(--space-lg)}.main-photo{width:100%;max-height:400px;object-fit:cover}.photo-thumbnails{display:flex;gap:var(--space-sm);padding:var(--space-md);overflow-x:auto}.thumbnail{flex-shrink:0;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;border:3px solid transparent;cursor:pointer;padding:0;background:none;transition:border-color .2s}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail.active{border-color:var(--primary)}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl);gap:var(--space-md)}.detail-title{margin-bottom:var(--space-sm);color:var(--text)}.detail-location{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-lg);color:var(--text-light)}.detail-price{font-size:var(--font-size-3xl);font-weight:700;color:var(--primary);white-space:nowrap}.detail-card{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow);margin-bottom:var(--space-lg)}.detail-card h3{margin-bottom:var(--space-lg);font-size:var(--font-size-xl)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-lg)}.detail-item{display:flex;align-items:flex-start;gap:var(--space-md)}.detail-icon{font-size:2rem;flex-shrink:0}.detail-label{font-size:var(--font-size-sm);color:var(--text-light);margin-bottom:var(--space-xs)}.detail-value{font-size:var(--font-size-lg);font-weight:600;color:var(--text)}.seller-info{display:flex;align-items:center;gap:var(--space-md)}.seller-avatar{width:56px;height:56px;border-radius:50%;background-color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:2rem}.seller-name{font-size:var(--font-size-xl);font-weight:700;color:var(--text);margin-bottom:var(--space-xs)}.seller-phone{font-size:var(--font-size-base);color:var(--text-light)}.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-2xl)}.contact-actions .btn:first-child{grid-column:1 / -1}@media(max-width:768px){.detail-header{flex-direction:column}.detail-price{font-size:var(--font-size-2xl)}.detail-grid{grid-template-columns:1fr}}.my-listings-page{padding-bottom:var(--space-2xl)}.page-header{text-align:center;margin-bottom:var(--space-xl);padding-top:var(--space-md)}.page-header h1{color:var(--text);margin-bottom:var(--space-sm)}.page-subtitle{font-size:var(--font-size-lg);color:var(--text-light);margin:0}.page-modal-overlay{position:fixed;inset:0;background-color:#00000080;z-index:100000;display:flex;justify-content:center;align-items:center;padding:var(--space-md);animation:fadeIn .2s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-modal-content{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:900px;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 25px 80px #0006;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);transform-origin:bottom center;display:flex;flex-direction:column}.page-modal-close-btn{position:sticky;top:var(--space-md);float:right;background:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;box-shadow:var(--shadow-md);z-index:10;transition:all .2s;margin:var(--space-md) var(--space-md) 0 0}.page-modal-close-btn:hover{transform:scale(1.1);background:var(--danger);color:#fff}.page-modal-header{padding:var(--space-xl) var(--space-lg) var(--space-md);border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:5}.page-modal-header h2{margin:0;font-size:var(--font-size-2xl);font-weight:800;color:var(--text)}.page-modal-body{padding:var(--space-lg);flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.page-modal-overlay{padding:0;align-items:flex-end}.page-modal-content{max-width:100%;width:100%;height:calc(100vh - 10px);max-height:calc(100vh - 10px);border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:slideUpFromBottom .35s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column}.page-modal-content:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:5px;background:#0003;border-radius:10px;display:block;z-index:100}.page-modal-header{padding:var(--space-md);flex-shrink:0}.page-modal-body{padding:var(--space-md);padding-top:48px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}}.add-goat-page{padding-bottom:var(--space-2xl);background-color:#f8fafc;min-height:100vh}.add-goat-page.modal-mode{padding-bottom:var(--space-xl);background-color:transparent;min-height:auto;height:100%;display:flex;flex-direction:column}.add-goat-form{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.form-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e2e8f0;transition:all .2s}.form-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:#cbd5e1}.form-card.highlight{border-left:4px solid var(--primary)}.card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid #e2e8f0}.card-title{font-size:var(--font-size-lg);font-weight:700;color:#1e293b;margin:0}.card-icon{font-size:1.2rem}.identity-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-md);margin-bottom:var(--space-md)}.gender-row{display:flex;gap:var(--space-md);align-items:center}.form-group{margin-bottom:var(--space-sm)}.form-group label{display:block;font-size:var(--font-size-xs);font-weight:600;color:#475569;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.input-modern{width:100%;padding:10px 12px;font-size:var(--font-size-base);border:1px solid #cbd5e1;border-radius:var(--radius-md);background:#f8fafc;transition:all .2s;color:#0f172a}.input-modern:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #10b98126}.input-modern.highlight{font-weight:700;font-size:1.1rem;border-color:#94a3b8;background:#fff}.input-modern.highlight:focus{border-color:var(--primary)}.visual-options-row{display:flex;gap:var(--space-sm);flex-wrap:wrap}.visual-option-chip{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--border);background:#fff;cursor:pointer;transition:all .2s;font-size:var(--font-size-sm);font-weight:600}.visual-option-chip:hover{background:var(--bg-light);transform:translateY(-1px)}.visual-option-chip.selected{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-sm)}.castrated-check{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);color:var(--text-light);cursor:pointer;padding:6px 12px;border-radius:var(--radius-md)}.castrated-check:hover{background:var(--bg-light)}.castrated-check input{accent-color:var(--warning);width:16px;height:16px}.show-more-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-md) 0;cursor:pointer;color:var(--primary);font-weight:600;font-size:var(--font-size-sm)}.show-more-divider:before,.show-more-divider:after{content:"";flex:1;height:1px;background:var(--border)}.show-more-divider:hover{color:var(--primary-dark)}.show-more-divider:hover:before,.show-more-divider:hover:after{background:var(--primary-light)}.extended-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);animation:slideDown .3s ease-out}.photo-scroll{display:flex;gap:var(--space-sm);overflow-x:auto;padding-bottom:var(--space-sm);scrollbar-width:thin}.photo-upload-square{width:80px;height:80px;border:2px dashed var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:var(--text-light);font-size:1.5rem;transition:all .2s}.photo-upload-square:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-light)}.photo-preview-square{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;position:relative;flex-shrink:0;border:1px solid var(--border)}.photo-preview-square img{width:100%;height:100%;object-fit:cover}.remove-photo-btn{position:absolute;top:2px;right:2px;background:#0009;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer}.name-suggestions{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.suggestions-label{font-size:.8rem;color:var(--text-light);font-weight:600}.suggestions-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.suggestion-chip{padding:6px 14px;border-radius:20px;border:2px solid #e2e8f0;background:#fff;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.suggestion-chip:hover{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;color:#059669;transform:scale(1.05)}.suggestion-chip:active{transform:scale(.95)}.date-row{display:flex;gap:8px}.date-row select{flex:1;padding:8px;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff}.sliders-row{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-md)}@media(min-width:768px){.sliders-row{flex-direction:row;gap:var(--space-lg)}.sliders-row .form-group{flex:1;max-width:300px}}.age-section{margin-top:var(--space-sm)}.age-input-container{display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:768px){.age-input-container{flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:var(--space-sm)}.age-row{flex:1;flex-direction:row;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.age-row .age-label{min-width:auto;margin-bottom:0;font-size:.75rem}.age-row .visual-options-row{max-width:none;flex-wrap:wrap}.age-row .visual-option-chip.small{min-width:28px;height:28px;padding:2px 6px;font-size:.8rem}.age-display{flex:0 0 auto;margin-top:0;padding:var(--space-xs) var(--space-md);font-size:.9rem;white-space:nowrap}}.age-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:#f8fafc;border-radius:var(--radius-md);border:1px solid #e2e8f0}.age-label{min-width:55px;font-size:.8rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.age-row .visual-options-row{flex:1;flex-wrap:wrap;justify-content:flex-start;max-width:220px;gap:4px}.age-row .visual-option-chip.small{min-width:32px;height:32px;padding:4px 8px;font-size:.85rem;justify-content:center}.age-display{text-align:center;padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:var(--radius-md);border:2px solid #10b981;font-weight:700;color:#059669;font-size:1rem}.age-sliders-container{display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:768px){.age-sliders-container{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:var(--space-md)}.age-sliders-wrapper{display:flex;flex-direction:column;gap:var(--space-sm);flex:1;max-width:350px}.age-display-compact{align-self:center}}.age-slider-group{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:#f8fafc;border-radius:var(--radius-md);border:1px solid #e2e8f0}.age-slider-label{font-size:.9rem;font-weight:700;color:#475569;min-width:55px}.age-slider{flex:1;height:10px;border-radius:6px;background:#e2e8f0;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;min-width:100px}.age-slider::-webkit-slider-runnable-track{height:10px;border-radius:6px;background:linear-gradient(to right,#e2e8f0,#3b82f6)}.age-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#3b82f6;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #3b82f666;transition:all .2s;margin-top:-9px}.age-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 10px #3b82f680}.age-slider::-moz-range-track{height:10px;border-radius:6px;background:linear-gradient(to right,#e2e8f0,#3b82f6)}.age-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#3b82f6;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #3b82f666}.age-slider-value{font-size:1.1rem;font-weight:700;color:#3b82f6;min-width:30px;text-align:center;background:#eff6ff;padding:4px 8px;border-radius:var(--radius-sm)}.age-display-compact{padding:8px 16px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:var(--radius-md);border:2px solid #3b82f6;font-weight:700;color:#2563eb;font-size:1rem;white-space:nowrap}.photo-upload-container{width:100%;display:flex;justify-content:center}.photo-upload-box{width:100%;max-width:300px;height:160px;border:2px dashed var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:var(--bg);transition:all .2s}.photo-upload-box:hover{border-color:var(--primary);background:#f0f9ff}.upload-icon{font-size:2rem;margin-bottom:var(--space-sm);color:var(--text-light)}.upload-text{font-weight:600;color:var(--text-light)}.single-photo-preview{position:relative;width:160px;height:160px;margin:0 auto;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.single-photo-preview img{width:100%;height:100%;object-fit:cover}.photo-actions-overlay{position:absolute;bottom:0;left:0;right:0;background:#000000b3;padding:var(--space-sm);display:flex;justify-content:center;gap:var(--space-md);opacity:0;transition:opacity .2s}.single-photo-preview:hover .photo-actions-overlay{opacity:1}.btn-action{padding:6px 12px;border-radius:4px;border:none;font-weight:600;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:4px}.btn-action.replace{background:#fff;color:var(--text)}.btn-action.remove{background:#ef4444;color:#fff}@media(max-width:768px){.identity-grid,.extended-grid{grid-template-columns:1fr}.gender-row{flex-wrap:wrap}.photo-actions-overlay{opacity:1}}@keyframes pulse-red{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.missing-highlight label{color:#ef4444;font-weight:700}.missing-highlight input,.missing-highlight select,.missing-highlight .photo-upload-box,.missing-highlight .visual-option-chip{border-color:#ef4444!important;background-color:#fef2f2!important;animation:pulse-red 2s infinite}.form-card.missing-highlight{border-color:#ef4444;animation:pulse-red 2s infinite}.reproduction-card{border-left:4px solid var(--warning);background:linear-gradient(to right,#fffbeb,#fff)}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:var(--font-size-base);cursor:pointer}.checkbox-input{width:20px;height:20px;accent-color:var(--warning)}.slide-down{animation:slideDown .3s ease-out}.pregnancy-row{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:var(--space-sm)}.pregnancy-months-inline{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.small-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-light)}.pregnancy-details-inline{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:linear-gradient(135deg,#fdf4ff,#fae8ff);border-radius:var(--radius-md);border:1px solid #e879f9;margin-top:var(--space-sm)}.pregnancy-father-inline{display:flex;flex-direction:column;gap:var(--space-xs)}.pregnancy-father-inline .small-label{color:#a21caf}.input-modern.compact{padding:8px 12px;font-size:.95rem;background:#fff;border-color:#e879f9}.input-modern.compact:focus{border-color:#c026d3;box-shadow:0 0 0 3px #c026d326}.visual-options-row.compact{gap:4px}.visual-option-chip.small{padding:4px 10px;font-size:.85rem;min-width:32px;height:32px;border-radius:99px}.slider-container{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;min-width:150px}@media(min-width:768px){.slider-container{max-width:280px}.slider-value{font-size:var(--font-size-base);padding:4px 8px}}.milk-capacity-slider{width:100%;height:6px;border-radius:5px;background:linear-gradient(to right,#e2e8f0 0%,var(--primary) 100%);outline:none;-webkit-appearance:none;appearance:none}.milk-capacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:3px solid white;box-shadow:0 2px 4px #0003;transition:all .2s}.milk-capacity-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 6px #0000004d}.milk-capacity-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:3px solid white;box-shadow:0 2px 4px #0003;transition:all .2s}.milk-capacity-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 3px 6px #0000004d}.slider-value{text-align:center;font-weight:700;font-size:var(--font-size-lg);color:var(--primary);padding:var(--space-xs);background:#f0fdf4;border-radius:var(--radius-md);border:1px solid var(--primary-light)}.weight-slider{width:100%;height:6px;border-radius:5px;background:linear-gradient(to right,#e2e8f0,#10b981);outline:none;-webkit-appearance:none;appearance:none}.weight-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#10b981;cursor:pointer;border:3px solid white;box-shadow:0 2px 4px #0003;transition:all .2s}.weight-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 6px #0000004d}.weight-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#10b981;cursor:pointer;border:3px solid white;box-shadow:0 2px 4px #0003;transition:all .2s}.weight-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 3px 6px #0000004d}.breed-select{appearance:none;-webkit-appearance:none;-moz-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 12px center;background-size:20px;padding-right:40px;font-size:1rem;font-weight:600;cursor:pointer;text-align:left}.breed-select:focus{outline:none;border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 3px #10b98126}.breed-select option{font-size:1rem;padding:12px}.breed-row{display:flex;gap:var(--space-sm);align-items:center}.breed-row .breed-select{flex:1}.breed-percentage-container{flex-shrink:0}.percentage-select{width:85px;padding:10px 8px;font-size:.95rem;font-weight:600;text-align:center;background:linear-gradient(135deg,#fef3c7,#fffbeb);border:2px solid #f59e0b;border-radius:var(--radius-md);color:#92400e;cursor:pointer}.percentage-select:focus{outline:none;box-shadow:0 0 0 3px #f59e0b33}.breed-hint{display:block;margin-top:var(--space-xs);font-size:var(--font-size-sm);color:#d97706;font-weight:600;background:#fffbeb;padding:6px 12px;border-radius:var(--radius-sm);border-left:3px solid #f59e0b}.breed-composition-display{display:flex;flex-direction:column;gap:4px;padding:12px;margin-bottom:var(--space-sm);background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:var(--radius-md);border:2px solid #10b981}.breed-composition-display .breed-label{font-size:.85rem;font-weight:600;color:#059669}.breed-composition-display .breed-value{font-size:1.1rem;font-weight:700;color:#047857}.breed-percentage-slider-container{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:var(--radius-md);border:1px solid #fbbf24}.breed-percentage-slider-container .small-label{display:block;margin-bottom:var(--space-xs);font-size:var(--font-size-sm);color:#92400e}.breed-percentage-slider-container .small-label strong{color:#d97706;font-size:1.1rem}.breed-percentage-slider{width:100%;height:8px;border-radius:5px;background:linear-gradient(to right,#fcd34d,#f59e0b);outline:none;-webkit-appearance:none;appearance:none;margin:var(--space-sm) 0}.breed-percentage-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;border:3px solid #f59e0b;box-shadow:0 2px 6px #0003;transition:all .2s}.breed-percentage-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 8px #f59e0b66}.breed-percentage-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;border:3px solid #f59e0b;box-shadow:0 2px 6px #0003;transition:all .2s}.slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#92400e;font-weight:600;padding:0 2px}.secondary-breed-section{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dashed #fbbf24}.secondary-breed-section .small-label{color:#059669;font-weight:700;margin-bottom:var(--space-sm)}.breed-select.secondary{background:#fff;border-color:#10b981}.breed-select.secondary:focus{box-shadow:0 0 0 3px #10b98133}.breed-mix-preview{margin-top:var(--space-sm);padding:12px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:var(--radius-md);border:2px solid #10b981;display:flex;flex-direction:column;gap:4px}.breed-mix-preview .mix-label{font-size:.8rem;font-weight:600;color:#059669;text-transform:uppercase;letter-spacing:.5px}.breed-mix-preview .mix-value{font-size:1rem;font-weight:700;color:#047857}.breed-edit-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--primary);color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .2s;box-shadow:0 2px 4px #0000001a}.breed-edit-btn:hover{background:var(--primary-dark, #3a7bc8);transform:translateY(-50%) scale(1.1)}.form-group{position:relative}.breed-manager-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.breed-manager-modal{background:#fff;border-radius:12px;padding:24px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0003;animation:slideUp .3s ease-out}.breed-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border)}.breed-manager-header h3{margin:0;font-size:1.3rem;color:var(--text)}.breed-manager-header .close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-light);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.breed-manager-header .close-btn:hover{background:#0000000d;color:var(--text)}.add-breed-form{display:flex;gap:8px;margin-bottom:20px;padding:16px;background:var(--bg, #f8f9fa);border-radius:8px}.breed-name-input,.breed-icon-input{padding:8px 12px;border:2px solid var(--border);border-radius:6px;font-size:.9rem;transition:all .2s}.breed-name-input{flex:1}.breed-icon-input{width:60px;text-align:center}.breed-name-input:focus,.breed-icon-input:focus{outline:none;border-color:var(--primary)}.btn-add-breed,.btn-cancel-edit{padding:8px 16px;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-add-breed{background:var(--primary);color:#fff}.btn-add-breed:hover:not(:disabled){background:var(--primary-dark, #3a7bc8)}.btn-add-breed:disabled{opacity:.5;cursor:not-allowed}.btn-cancel-edit{background:var(--border);color:var(--text)}.btn-cancel-edit:hover{background:var(--text-light)}.breed-list{max-height:400px;overflow-y:auto}.breed-list h4{font-size:.85rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 8px}.breed-list h4:first-child{margin-top:0}.breed-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;margin-bottom:6px;background:#fff;border:1px solid var(--border);transition:all .2s}.breed-item:hover{background:var(--bg, #f8f9fa)}.breed-icon{font-size:1.2rem;width:28px;text-align:center}.breed-name{flex:1;font-weight:500}.breed-tag{font-size:.75rem;color:var(--text-light);padding:2px 8px;background:var(--border-light, #e9ecef);border-radius:12px}.breed-actions{display:flex;gap:4px}.btn-edit-breed,.btn-delete-breed{background:none;border:none;font-size:1rem;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s}.btn-edit-breed:hover{background:#4a90e21a}.btn-delete-breed:hover{background:#ff44441a}@media(max-width:768px){.breed-manager-modal{padding:16px;max-height:85vh}.breed-manager-header h3{font-size:1.1rem}.add-breed-form{flex-wrap:wrap;gap:6px}.breed-name-input{flex:1 1 100%}.breed-icon-input{width:50px}.btn-add-breed,.btn-cancel-edit{padding:8px 12px;font-size:.8rem}.breed-edit-btn{width:24px;height:24px;font-size:.8rem}}.lineage-input-row{display:flex;gap:8px;align-items:center}.lineage-select{flex:1}.btn-add-external{padding:8px 12px;border:2px dashed #10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:var(--radius-md);color:#059669;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-add-external:hover{background:#10b981;color:#fff;border-style:solid;transform:scale(1.05)}.lineage-hint{font-size:.75rem;color:#64748b;margin-top:var(--space-sm);font-style:italic}.external-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.external-modal{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:0 20px 40px #0000004d;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.external-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-bottom:1px solid #a7f3d0}.external-modal-header h3{margin:0;font-size:1.1rem;color:#059669}.btn-close-modal{background:none;border:none;font-size:1.2rem;color:#64748b;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all .2s}.btn-close-modal:hover{background:#0000001a;color:#1e293b}.external-modal-hint{padding:12px 20px;background:#fffbeb;border-bottom:1px solid #fde68a;font-size:.85rem;color:#92400e;margin:0}.external-modal-body{padding:20px}.external-modal-body .form-group{margin-bottom:16px}.external-modal-actions{display:flex;gap:12px;padding:16px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end}.external-modal-actions .btn{padding:10px 20px}.external-purity-section{background:#f8fafc;padding:12px;border-radius:var(--radius-md);border:1px solid #e2e8f0;margin-top:8px}.purity-slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#cbd5e1,#10b981);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;margin:8px 0}.purity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#10b981;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #10b98166}.purity-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#10b981;cursor:pointer;border:3px solid white}.purity-labels{display:flex;justify-content:space-between;font-size:.7rem;color:#64748b;margin-top:4px}.secondary-breed-section{margin-top:12px;padding-top:12px;border-top:1px dashed #e2e8f0}.secondary-breed-section label{font-size:.85rem;color:#475569}.breeding-page{padding-bottom:var(--space-2xl)}.breeding-page.modal-mode{padding-bottom:0}.breeding-form{max-width:700px;margin:0 auto;padding-bottom:80px}.breeding-form.modal-form{padding-bottom:0}.select-large{width:100%;padding:var(--space-lg);font-size:var(--font-size-xl);font-weight:600;border:3px solid var(--border);border-radius:var(--radius-lg);background-color:#fff;cursor:pointer;transition:all .2s}.select-large:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.empty-message{padding:var(--space-xl);text-align:center;background-color:#f59e0b1a;border:2px dashed var(--warning);border-radius:var(--radius-lg);color:var(--text);font-size:var(--font-size-lg)}.selected-goat-preview{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md);padding:var(--space-md);background:linear-gradient(135deg,#10b9810d,#fff);border:2px solid var(--primary);border-radius:var(--radius-lg)}.preview-icon{font-size:2.5rem;flex-shrink:0}.preview-name{font-size:var(--font-size-xl);font-weight:700;color:var(--text);margin-bottom:var(--space-xs)}.preview-tag{font-size:var(--font-size-base);color:var(--text-light);font-weight:600;margin-bottom:var(--space-xs)}.preview-breed{font-size:var(--font-size-sm);color:var(--text-lighter);text-transform:capitalize}.inbreeding-alert{display:flex;gap:var(--space-lg);padding:var(--space-xl);background:linear-gradient(135deg,#ef44441a,#ef44440d);border:4px solid var(--danger);border-radius:var(--radius-lg);margin:var(--space-xl) 0;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.alert-icon{font-size:4rem;flex-shrink:0;animation:shake .5s infinite}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.alert-content h3{color:var(--danger);font-size:var(--font-size-2xl);margin-bottom:var(--space-md)}.relationship{font-size:var(--font-size-xl);color:var(--text);margin-bottom:var(--space-md)}.relationship strong{color:var(--danger);text-transform:uppercase}.warning-message{font-size:var(--font-size-lg);color:var(--text);margin-bottom:var(--space-sm);font-weight:600}.risk-list{margin:var(--space-md) 0;padding-left:var(--space-xl);color:var(--text);font-size:var(--font-size-base)}.risk-list li{margin-bottom:var(--space-xs)}.recommendation{font-size:var(--font-size-lg);color:var(--text);font-weight:700;margin-top:var(--space-md);padding-top:var(--space-md);border-top:2px solid var(--danger)}.kidding-date-section{background:linear-gradient(135deg,#10b9811a,#fff);border:2px solid var(--primary)}.kidding-date-display{text-align:center;padding:var(--space-xl)}.date-value{font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:var(--space-sm)}.date-label{font-size:var(--font-size-base);color:var(--text-light)}@media(max-width:768px){.inbreeding-alert{flex-direction:column;text-align:center}.alert-icon{font-size:3rem}.alert-content h3{font-size:var(--font-size-xl)}}.form-actions{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border-light)}.modal-actions{margin-top:var(--space-lg);position:sticky;bottom:0;background-color:#fff;padding:var(--space-md) 0;z-index:5}@media(max-width:480px){.form-actions{grid-template-columns:1fr 1fr}}.info-message{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md);padding:var(--space-sm);margin-bottom:var(--space-sm);font-size:var(--font-size-sm);color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.btn-link{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;text-decoration:underline;padding:0;font-size:var(--font-size-sm)}.btn-link:hover{color:var(--primary-dark)}.preselected-goat{display:flex;flex-direction:column;gap:4px;padding:var(--space-md);background:linear-gradient(135deg,#ec48991a,#ec48990d);border:2px solid #ec4899;border-radius:var(--radius-md)}.preselected-name{font-size:var(--font-size-lg);font-weight:700;color:var(--text)}.preselected-hint{font-size:var(--font-size-xs);color:var(--text-light);font-style:italic}.genetics-preview-section{background:linear-gradient(135deg,#8b5cf614,#3b82f60d);border:2px solid rgba(139,92,246,.3);border-radius:var(--radius-lg);padding:var(--space-md);margin-top:var(--space-md)}.genetics-preview-title{font-size:var(--font-size-base);font-weight:700;color:#7c3aed;margin:0 0 var(--space-md) 0;text-align:center}.parent-breeds-row{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.parent-breed-card{flex:1;max-width:160px;padding:var(--space-sm);border-radius:var(--radius-md);text-align:center}.parent-breed-card.father{background:#3b82f61a;border:1px solid rgba(59,130,246,.3)}.parent-breed-card.mother{background:#ec48991a;border:1px solid rgba(236,72,153,.3)}.breed-card-header{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin-bottom:4px}.breed-icon{font-size:1rem}.breed-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text)}.breed-card-value{font-size:var(--font-size-xs);color:var(--text-light);text-transform:capitalize}.breed-connector{font-size:1.5rem;font-weight:700;color:var(--text-lighter)}.offspring-breed-result{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:2px solid rgba(16,185,129,.4);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);text-align:center}.result-header{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin-bottom:4px}.result-icon{font-size:1.2rem}.result-label{font-size:var(--font-size-sm);font-weight:600;color:var(--primary)}.result-value{font-size:var(--font-size-base);font-weight:700;color:var(--text);text-transform:capitalize}@media(max-width:480px){.parent-breeds-row{flex-direction:column;gap:var(--space-xs)}.parent-breed-card{max-width:100%;width:100%}.breed-connector{transform:rotate(90deg)}}.health-event-page{padding:var(--space-md);max-width:100%}.health-event-page.modal-mode{padding:0;overflow-x:hidden;max-width:100%;box-sizing:border-box}.health-event-form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg);padding-bottom:var(--space-md);overflow-x:hidden;box-sizing:border-box;width:100%}.health-event-form .form-section{background:#fff;border-radius:16px;padding:var(--space-lg);box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.05)}.health-event-form .section-title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:var(--text);margin:0 0 var(--space-md) 0}.health-event-form .section-icon{font-size:1.25rem}.event-type-grid{display:flex;gap:10px;flex-wrap:wrap}.event-type-btn{flex:1;min-width:100px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:14px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:var(--text)}.event-type-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#cbd5e1}.event-type-btn.selected,button.event-type-btn.selected{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#059669!important;color:#fff!important;transform:scale(1.02);box-shadow:0 4px 16px #10b98159!important}.event-type-btn.selected .type-label,button.event-type-btn.selected .type-label{color:#fff!important;font-weight:700!important}.type-icon{font-size:2rem;line-height:1}.type-label{font-size:.85rem;font-weight:600;text-align:center}.health-event-form .select-large,.health-event-form .input-large{width:100%;max-width:100%;padding:14px 16px;font-size:1rem;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:var(--text);transition:all .2s;box-sizing:border-box;-webkit-appearance:none;appearance:none}.health-event-form .select-large:focus,.health-event-form .input-large:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #10b9811a}.health-event-form .input-textarea{width:100%;padding:14px 16px;font-size:1rem;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:var(--text);resize:vertical;min-height:80px;font-family:inherit;transition:all .2s;box-sizing:border-box}.health-event-form .input-textarea:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #10b9811a}.selected-goat-preview{display:flex;align-items:center;gap:12px;margin-top:var(--space-md);padding:12px 16px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;border:1px solid #a7f3d0}.preview-icon{font-size:2rem}.preview-info{flex:1}.preview-name{font-size:1.1rem;font-weight:700;color:var(--text)}.preview-tag{font-size:.85rem;color:var(--text-light)}.preview-breed{font-size:.85rem;color:#059669;font-weight:500}.batch-summary{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;border:1px solid #7dd3fc!important}.batch-summary .section-title{color:#0369a1}.goat-selection-section{background:linear-gradient(135deg,#f0fdf4,#ecfdf5)!important;border:1px solid #a7f3d0!important}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header-row .section-title{margin-bottom:0}.selection-quick-actions{display:flex;gap:6px}.quick-btn{padding:6px 12px;border:1px solid #10b981;background:#fff;color:#10b981;border-radius:16px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.quick-btn:hover{background:#10b981;color:#fff}.goat-chip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.goat-chip{display:flex;align-items:center;justify-content:center;gap:4px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:10px 8px;cursor:pointer;transition:all .2s;position:relative}.goat-chip:hover{border-color:#10b981;background:#f0fdf4}.goat-chip.selected{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;color:#fff}.goat-chip.locked{cursor:default;opacity:.9}.chip-gender{font-size:1rem}.chip-name{font-size:.8rem;font-weight:600;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-check{font-size:.7rem;font-weight:700}.selected-goats-preview{display:flex;flex-wrap:wrap;gap:8px}.next-due-section{background:linear-gradient(135deg,#fffbeb,#fef3c7)!important;border:2px solid #fbbf24!important}.next-due-section .section-title{color:#b45309}.form-actions{position:static;background:transparent;border-top:none;padding:20px 0;display:flex;gap:12px;margin-top:16px}.form-actions .btn{flex:1;padding:14px 24px;font-size:1rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.form-actions .btn-secondary{flex:0 0 auto;min-width:100px;background:#f1f5f9;color:var(--text)}.form-actions .btn-secondary:hover{background:#e2e8f0}.form-actions .btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.form-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.form-actions .btn-primary:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.empty-message{padding:20px;text-align:center;color:var(--text-light);background:#fef3c7;border-radius:12px;border:1px solid #fcd34d}@media(max-width:768px){.health-event-page,.health-event-page.modal-mode{padding:0}.health-event-form{gap:12px;padding-bottom:80px}.health-event-form .form-section{padding:12px;border-radius:12px;margin:0 4px}.health-event-form .section-title{font-size:.8rem;margin-bottom:10px;gap:6px}.health-event-form .section-icon{font-size:1rem}.event-type-grid{gap:6px}.event-type-btn{min-width:70px;padding:10px 6px;border-radius:10px;gap:4px}.type-icon{font-size:1.4rem}.type-label{font-size:.7rem}.health-event-form .select-large,.health-event-form .input-large{padding:10px 12px;font-size:.9rem;border-radius:10px}.selected-goat-preview{padding:10px;gap:10px}.preview-icon{font-size:1.5rem}.preview-name{font-size:.95rem}.preview-tag,.preview-breed{font-size:.75rem}.form-actions{position:static;padding:16px 4px;background:transparent;border-top:none;display:flex;flex-direction:row;gap:10px;margin-top:16px}.form-actions .btn{padding:14px 12px;font-size:.9rem;border-radius:12px}.form-actions .btn-secondary{flex:.35;min-width:auto}.form-actions .btn-primary{flex:.65}}.modal-mode .health-event-form{padding-bottom:20px}.modal-mode .form-actions{position:static;margin-top:16px}.notes-section{padding:0!important;overflow:hidden}.notes-section.collapsed{background:#f8fafc!important}.notes-toggle{width:100%;display:flex;align-items:center;gap:10px;padding:16px 20px;background:transparent;border:none;cursor:pointer;font-size:1rem;color:var(--text-light);transition:all .2s}.notes-toggle:hover{background:#f1f5f9;color:var(--text)}.notes-toggle .section-icon{font-size:1.25rem}.notes-toggle-label{flex:1;text-align:left;font-weight:500}.notes-toggle-arrow{font-size:.75rem;color:var(--text-light);transition:transform .2s}.notes-section.expanded{background:#fff!important}.notes-section.expanded .notes-toggle{border-bottom:1px solid #e2e8f0;color:var(--text)}.notes-section .input-textarea{margin:0 16px 16px;width:calc(100% - 32px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.product-input-section{position:relative}.product-suggestions-dropdown{margin-top:10px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;animation:fadeIn .15s ease-out}.suggestions-label{font-size:.75rem;color:var(--text-light);font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.suggestion-chips{display:flex;flex-wrap:wrap;gap:8px}.suggestion-chip{padding:8px 14px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:20px;font-size:.9rem;font-weight:500;color:#166534;cursor:pointer;transition:all .2s}.suggestion-chip:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#4ade80;transform:translateY(-1px);box-shadow:0 2px 8px #22c55e33}.suggestion-chip.selected{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;color:#fff;box-shadow:0 2px 8px #10b9814d}.suggestion-chip strong{color:#059669;font-weight:700}.suggestion-chip.selected strong{color:#fff}@media(max-width:768px){.suggestion-chip{padding:6px 12px;font-size:.85rem}.health-event-form input[type=date]{width:100%!important;max-width:100%!important;min-width:0;box-sizing:border-box;-webkit-appearance:none;appearance:none}.health-event-form .form-section{max-width:100%;overflow:hidden;padding:var(--space-sm);margin-bottom:var(--space-xs)}.health-event-form .section-title{font-size:.85rem;margin-bottom:var(--space-xs);gap:6px}.health-event-form .section-icon{font-size:1rem}.health-event-form{gap:var(--space-sm)}.event-type-btn{padding:10px 8px;min-width:70px}.event-type-btn .event-icon{font-size:1.25rem}.event-type-btn .event-label{font-size:.75rem}.health-event-form .input-large,.health-event-form .select-large{padding:10px 12px;font-size:.9rem}}.form-modal-overlay{position:fixed;inset:0;background:#0009;z-index:100001;display:flex;justify-content:center;align-items:flex-end;animation:fadeIn .2s ease-out}.form-modal-content{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:600px;height:95vh;max-height:95vh;position:relative;box-shadow:0 -10px 40px #0003;animation:slideUpFromBottom .35s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;overflow:hidden}.form-modal-content:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:5px;background:#00000026;border-radius:10px;z-index:10}.form-modal-close-btn{position:absolute;top:12px;right:12px;background:#f1f5f9;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;z-index:20;color:#64748b;transition:all .2s}.form-modal-close-btn:hover{background:#e2e8f0;color:#334155}.form-modal-close-btn:active{transform:scale(.9)}.form-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:24px 16px 16px}.form-modal-content .page-header{display:none}@media(min-width:769px){.form-modal-overlay{align-items:center;padding:24px}.form-modal-content{border-radius:20px;height:auto;max-height:85vh;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.form-modal-content:before{display:none}.form-modal-body{padding:24px}}@keyframes slideUp{0%{transform:scale(.95) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.deworm-badge{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:600;border:2px solid;transition:all .3s}.deworm-badge-success{background-color:#10b9811a;border-color:var(--success);color:var(--success)}.deworm-badge-warning{background-color:#f59e0b1a;border-color:var(--warning);color:#92400e}.deworm-badge-danger{background-color:#ef44441a;border-color:var(--danger);color:var(--danger)}.deworm-badge-danger.blink{animation:blink 2s infinite}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.6}}.deworm-icon{font-size:1.5rem;flex-shrink:0}.deworm-info{flex:1}.deworm-label{font-size:var(--font-size-xs);opacity:.8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.deworm-text{font-size:var(--font-size-base);font-weight:700}.deworm-badge-compact{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.deworm-badge-compact .deworm-icon{font-size:1.2rem}.deworm-badge-compact .deworm-label{display:none}.deworm-badge-compact .deworm-text{font-size:var(--font-size-sm)}.farm-goat-card{position:relative;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:all .2s;cursor:pointer}.farm-goat-card.gender-male{border:3px solid #3b82f6;background:linear-gradient(to bottom,#eff6ff,#fff)}.farm-goat-card.gender-female{border:3px solid #ec4899;background:linear-gradient(to bottom,#fdf2f8,#fff)}.farm-goat-card.status-pregnant{border:3px solid #f59e0b;background:linear-gradient(to bottom,#fffbeb,#fff)}.farm-goat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.farm-goat-image-container{position:relative;width:100%;padding-top:75%;overflow:hidden;background:var(--bg)}.farm-goat-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.farm-goat-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);font-size:3rem}.farm-goat-info{padding:var(--space-sm)}.farm-goat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.farm-goat-name{margin:0;font-size:var(--font-size-base);font-weight:700;color:var(--text)}.farm-goat-gender{font-size:1.25rem}.farm-goat-identity{display:flex;align-items:baseline;gap:8px;flex:1;min-width:0}.farm-goat-tag-big{font-size:1.1rem;font-weight:800;color:var(--text);white-space:nowrap}.farm-goat-name-secondary{font-size:.9rem;font-weight:500;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.farm-goat-tag{font-size:var(--font-size-xs);color:var(--text-light);margin-bottom:var(--space-xs)}.farm-goat-details{display:flex;gap:var(--space-sm);flex-wrap:wrap}.farm-detail{font-size:var(--font-size-xs);color:var(--text-light)}.breed-detail{display:inline-flex;align-items:center;gap:4px;color:var(--text);font-weight:600}.breed-percentage-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:1px 6px;border-radius:10px;font-size:.65rem;font-weight:700;margin-left:2px}.ready-to-sell-badge{position:absolute;top:var(--space-xs);right:var(--space-xs);background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #10b9814d;z-index:2;animation:pulse-glow 2s infinite}.ready-to-sell-badge.young{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}.ready-to-sell-badge.matured{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 8px #6b72804d}@keyframes pulse-glow{0%,to{box-shadow:0 2px 8px #10b9814d}50%{box-shadow:0 4px 16px #10b98180}}.list-for-sale-hint{position:absolute;bottom:var(--space-xs);left:var(--space-xs);right:var(--space-xs);background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:var(--space-xs);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;text-align:center;opacity:0;transition:opacity .2s;z-index:2}.farm-goat-card:hover .list-for-sale-hint{opacity:1}.goat-quick-actions{position:absolute;top:100%;right:0;background:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 24px #0003;padding:var(--space-xs);min-width:200px;z-index:100;margin-top:var(--space-xs);animation:slideDown .15s ease-out}.quick-action-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;border:none;background:none;width:100%;text-align:left;font-size:var(--font-size-sm)}.quick-action-item:hover{background:var(--bg)}.quick-action-item.primary{background:linear-gradient(135deg,var(--primary) 0%,#059669 100%);color:#fff;font-weight:700}.quick-action-item.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.quick-action-icon{font-size:1.25rem}.quick-action-label{flex:1}.farm-badge{position:absolute;top:var(--space-xs);left:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;z-index:2}.farm-badge.pregnant{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;box-shadow:0 2px 8px #ec48994d}.missing-data-badge{position:absolute;bottom:var(--space-xs);left:var(--space-xs);background:#ffc107f2;color:#000;padding:2px 8px;border-radius:var(--radius-md);font-size:.7rem;font-weight:700;z-index:2;box-shadow:0 2px 4px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.farm-goat-image-container .deworm-badge{position:absolute;bottom:calc(var(--space-xs) + 24px);left:var(--space-xs);padding:4px 8px;font-size:.7rem;z-index:2;box-shadow:0 2px 4px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.farm-goat-image-container .deworm-badge .deworm-icon{font-size:1rem}.farm-goat-image-container .deworm-badge .deworm-label{display:none}.farm-goat-image-container .deworm-badge .deworm-text{font-size:.7rem}.missing-fields-text{font-size:.75rem;color:#d97706;margin-top:var(--space-xs);font-weight:600;display:flex;align-items:center;gap:4px;line-height:1.2}.missing-fields-text:before{content:"⚠️";font-size:.8rem}.farm-goat-card.sold{opacity:.8;filter:grayscale(.8)}.sold-badge-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);background:#dc2626e6;color:#fff;padding:8px 24px;font-size:1.5rem;font-weight:800;border:4px solid white;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:10;pointer-events:none;transform:scale(.98)}.selection-overlay{position:absolute;top:10px;right:10px;z-index:20;pointer-events:none}.selection-checkbox{width:24px;height:24px;border-radius:50%;border:2px solid #cbd5e1;background:#fff;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;transition:all .2s}.selection-overlay.selected .selection-checkbox{background:var(--primary);border-color:var(--primary)}.farm-goat-card.view-list{display:flex;flex-direction:row}.farm-goat-card.view-list .farm-goat-image-container{width:200px;padding-top:0;height:150px;flex-shrink:0}.farm-goat-card.view-list .farm-goat-info{flex:1;padding:var(--space-md);display:flex;flex-direction:column;justify-content:center}.farm-goat-card.view-list .farm-goat-name{font-size:var(--font-size-lg)}.farm-goat-card.view-list .farm-goat-details{flex-wrap:wrap;gap:var(--space-md)}.farm-goat-card.view-list .farm-detail{font-size:var(--font-size-sm)}.farm-goat-card.view-small .farm-goat-image-container{padding-top:100%}.farm-goat-card.view-small .farm-goat-info{padding:6px}.farm-goat-card.view-small .farm-goat-name{font-size:.85rem}.farm-goat-card.view-small .farm-goat-tag,.farm-goat-card.view-small .farm-detail{font-size:.7rem}.farm-goat-card.view-small .farm-badge,.farm-goat-card.view-small .ready-to-sell-badge,.farm-goat-card.view-small .missing-data-badge{font-size:.65rem;padding:2px 6px}.farm-goat-card.view-compact{box-shadow:none;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:row;align-items:center;padding:var(--space-sm) var(--space-md)}.farm-goat-card.view-compact:hover{transform:none;box-shadow:none;background-color:var(--bg)}.farm-goat-card.view-compact .farm-goat-image-container{display:none}.farm-goat-card.view-compact .farm-goat-info{flex:1;display:flex;flex-direction:row;align-items:center;gap:var(--space-md);padding:0}.farm-goat-card.view-compact .farm-goat-header{margin:0;min-width:150px}.farm-goat-card.view-compact .farm-goat-name{font-size:var(--font-size-base)}.farm-goat-card.view-compact .farm-goat-tag{margin:0;display:inline-block}.farm-goat-card.view-compact .farm-goat-details{gap:var(--space-md);margin:0}.farm-goat-card.view-compact .farm-detail{font-size:var(--font-size-xs)}.farm-goat-card.view-compact .missing-fields-text{margin:0;font-size:.7rem}.compact-status-row{display:flex;gap:4px;flex-wrap:wrap}.compact-badge{padding:2px 6px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600}.compact-badge.pregnant{background:#fdf2f8;color:#db2777}.compact-badge.sold{background:#fee2e2;color:#dc2626}.compact-badge.deworm{background:#fef3c7;color:#d97706}@media(max-width:768px){.farm-goat-card.view-list{flex-direction:column}.farm-goat-card.view-list .farm-goat-image-container{width:100%;height:auto;padding-top:75%}.farm-goat-card.view-compact .farm-goat-info{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.farm-goat-card.view-compact .farm-goat-header{min-width:auto}}.pregnancy-badge-container{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.btn-delivered{padding:4px 10px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:12px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #f5576c4d}.btn-delivered:hover{transform:translateY(-2px);box-shadow:0 4px 10px #f5576c66}.btn-delivered:active{transform:translateY(0)}.delivery-modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out}.delivery-modal{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.delivery-modal-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:10;border-radius:20px 20px 0 0}.delivery-modal-header h2{margin:0;font-size:1.4rem;color:#2c3e50;display:flex;align-items:center;gap:10px}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:5px;line-height:1}.close-btn:hover{color:#000}.delivery-form{padding:20px;display:flex;flex-direction:column;gap:25px}.mother-info{background:#f8f9fa;border-radius:12px;padding:15px;border:1px solid #e9ecef}.mother-info h3{margin:0 0 15px;font-size:1rem;color:#2c3e50;font-weight:700}.genetics-equation{display:flex;flex-direction:column;gap:10px}.genetics-operator{display:none;font-size:2rem;font-weight:700;color:#10b981;align-items:center;justify-content:center}.parent-card{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:10px;flex:1}.parent-card.mother{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border:1px solid #f9a8d4}.parent-card.father{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd}.parent-card.unknown{background:#f1f5f9;border:1px dashed #94a3b8}.parent-header{display:flex;align-items:center;gap:10px}.parent-icon{font-size:1.4rem}.parent-info{display:flex;flex-direction:column;gap:2px}.parent-tag{font-weight:800;font-size:1.25rem;color:#1e293b;letter-spacing:.5px}.parent-name{font-weight:500;font-size:.8rem;color:#64748b}.parent-breed{font-size:.85rem;color:#475569;font-weight:500;padding-left:36px;margin-top:4px}.parent-card.unknown .parent-name{color:#64748b}.parent-card.unknown .parent-breed{font-size:.8rem;color:#94a3b8;font-style:italic}.offspring-genetics{margin-top:12px;padding:14px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;border:2px solid #f59e0b}.genetics-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.genetics-icon{font-size:1.3rem}.genetics-title{font-size:.85rem;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.5px}.genetics-result{font-size:1.1rem;font-weight:700;color:#d97706;padding-left:30px}.form-section h3{font-size:1.1rem;color:#2c3e50;margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:#495057;font-size:.9rem}.form-group input,.form-group select{padding:10px 12px;border:1px solid #ced4da;border-radius:8px;font-size:1rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#4ade80;outline:none;box-shadow:0 0 0 3px #4ade801a}.kids-section{display:flex;flex-direction:column;gap:15px}.kids-section h3{margin:0;font-size:1.1rem;color:#2c3e50}.kids-breed-note{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:8px;border:1px solid #10b981;font-size:.9rem;color:#047857}.kids-breed-note .note-icon{font-size:1rem}.kids-breed-note strong{color:#059669}.kid-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:15px;position:relative;box-shadow:0 2px 4px #00000005}.kid-card h4{margin:0 0 15px;color:#10b981;font-size:1rem}.kid-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group.full-width{grid-column:1 / -1}.modal-actions{display:flex;gap:15px;margin-top:10px;position:sticky;bottom:0;background:#fff;padding:15px 0 0;border-top:1px solid #eee}.btn-cancel,.btn-submit{flex:1;padding:12px;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;border:none;transition:transform .1s}.btn-cancel{background:#f1f3f5;color:#495057}.btn-submit{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98133}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.btn-submit:active{transform:scale(.98)}@media(min-width:769px){.delivery-modal{max-width:950px;max-height:92vh}.delivery-modal-header{padding:24px}.delivery-modal-header h2{font-size:1.6rem}.delivery-form{padding:24px;gap:28px}.mother-info{padding:20px}.mother-info h3{font-size:1.1rem;margin-bottom:18px}.genetics-equation{flex-direction:row;align-items:stretch;gap:12px}.genetics-operator{display:flex;align-items:center;justify-content:center;font-size:1.8rem;min-width:40px}.parent-card{flex:1;min-width:0}.offspring-genetics{flex:1;min-width:0;margin-top:0}.parent-header{gap:10px}.parent-icon{font-size:1.4rem}.parent-name{font-size:1.1rem}.parent-breed{font-size:1rem}.offspring-genetics{margin-top:18px;padding:18px}.genetics-icon{font-size:1.5rem}.genetics-title{font-size:.95rem}.genetics-result{font-size:1.25rem}.form-section h3{font-size:1.2rem}.form-row{gap:20px}.form-group label{font-size:.95rem}.form-group input,.form-group select{padding:12px 14px;font-size:1.05rem}.kids-section h3{font-size:1.2rem}.kids-breed-note{font-size:1rem;padding:12px 16px}.kid-card{padding:20px}.kid-card h4{font-size:1.1rem}.kid-form-grid{grid-template-columns:repeat(4,1fr);gap:16px}.modal-actions{padding:20px 0 0;gap:20px}.btn-cancel,.btn-submit{padding:14px 24px;font-size:1.05rem}}@media(max-width:768px){.delivery-modal-overlay{padding:0;z-index:99999}.delivery-modal{height:100vh;max-height:100vh;width:100%;max-width:100%;border-radius:0;animation:slideUpMobile .3s ease-out}.delivery-modal-header{border-radius:0;padding:16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #0000001a}.delivery-modal-header h2{color:#fff;font-size:1.2rem}.close-btn{color:#fff;background:#fff3;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ffffff4d;color:#fff}.delivery-form{padding:16px 16px 100px;gap:16px}.mother-info{padding:12px}.mother-info h3{font-size:.85rem;margin-bottom:8px}.info-row{flex-direction:column;gap:2px;margin-bottom:10px}.info-row .label{font-size:.8rem}.info-row .value{font-size:1rem}.breed-calculation-preview{padding:10px}.breed-calculation-preview .breed-result{font-size:.95rem}.form-section h3{font-size:1rem;margin-bottom:12px}.form-row,.kid-form-grid{grid-template-columns:1fr;gap:12px}.form-group label{font-size:.85rem}.form-group input,.form-group select{padding:12px;font-size:16px}.kid-card{padding:12px}.kid-card h4{font-size:.95rem;margin-bottom:12px}.modal-actions{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;background:#fff;box-shadow:0 -4px 12px #0000001a;margin-top:0;z-index:100;gap:12px}.btn-cancel,.btn-submit{padding:14px;font-size:1rem;border-radius:12px}}@keyframes slideUpMobile{0%{transform:translateY(100%);opacity:1}to{transform:translateY(0);opacity:1}}.pregnant-selector-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out}.pregnant-selector-modal{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.selector-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:20px 20px 0 0}.selector-header h2{margin:0;font-size:1.3rem;display:flex;align-items:center;gap:10px}.selector-close-btn{background:#fff3;border:none;font-size:1.3rem;cursor:pointer;color:#fff;padding:8px 12px;border-radius:8px;line-height:1;transition:background .2s}.selector-close-btn:hover{background:#ffffff4d}.pregnant-goats-list{padding:15px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:10px}.pregnant-goat-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:12px;cursor:pointer;transition:all .2s;border:2px solid transparent}.pregnant-goat-item:hover{background:#fff;border-color:#f59e0b;transform:translate(5px);box-shadow:0 4px 12px #f59e0b26}.goat-avatar{width:60px;height:60px;border-radius:12px;overflow:hidden;background:#e5e7eb;flex-shrink:0}.goat-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(135deg,#fef3c7,#fde68a)}.goat-info{flex:1}.goat-name{font-weight:700;font-size:1.1rem;color:#2c3e50;margin-bottom:4px}.goat-breed{font-size:.85rem;color:#6c757d;margin-bottom:4px}.pregnancy-progress{display:flex;align-items:center;gap:8px;font-size:.85rem}.progress-bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;max-width:100px}.progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#10b981);border-radius:3px;transition:width .3s ease}.progress-text{color:#f59e0b;font-weight:600}.select-arrow{font-size:1.2rem;color:#9ca3af}.no-pregnant-goats{text-align:center;padding:40px 20px;color:#6c757d}.no-pregnant-goats .empty-icon{font-size:4rem;margin-bottom:15px;display:block}.no-pregnant-goats h3{margin:0 0 10px;color:#2c3e50}.no-pregnant-goats p{margin:0;font-size:.95rem}@media(max-width:480px){.pregnant-selector-modal{max-height:90vh;border-radius:16px}.selector-header{border-radius:16px 16px 0 0}.goat-avatar{width:50px;height:50px}}.pedigree-tree{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md);margin:var(--space-lg) 0}.tree-header{text-align:center;margin-bottom:var(--space-xl)}.tree-header h3{font-size:var(--font-size-2xl);color:var(--text);margin-bottom:var(--space-xs)}.tree-subtitle{color:var(--text-light);font-size:var(--font-size-base);margin:0}.tree-container{max-width:900px;margin:0 auto}.generation{margin-bottom:var(--space-md)}.gen-label{text-align:center;font-weight:600;font-size:var(--font-size-sm);color:var(--text-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-md)}.gen-row{display:flex;justify-content:space-around;gap:var(--space-lg)}.pedigree-node{background-color:#fff;border:3px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);min-width:140px;transition:all .2s;cursor:pointer}.pedigree-node:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pedigree-node.male{border-color:#3b82f6;background-color:#3b82f60d}.pedigree-node.female{border-color:#ec4899;background-color:#ec48990d}.pedigree-node.empty{border-style:dashed;opacity:.5;cursor:default}.pedigree-node.empty:hover{transform:none;box-shadow:none}.pedigree-node.generation-0{border-width:4px;border-color:var(--primary);background:linear-gradient(135deg,#10b9811a,#10b9810d);min-width:180px}.node-content{display:flex;align-items:center;gap:var(--space-sm)}.node-gender-icon{font-size:2rem;flex-shrink:0}.node-icon{font-size:1.5rem;flex-shrink:0}.node-info{flex:1;min-width:0}.node-name{font-weight:700;font-size:var(--font-size-lg);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-tag{font-size:var(--font-size-sm);color:var(--text-light);font-weight:600;margin-top:2px}.node-label{font-size:var(--font-size-xs);color:var(--text-lighter);margin-top:4px}.tree-connector{height:40px;margin:0}.parent-group,.grandparent-group{flex:1;display:flex;flex-direction:column;align-items:center}.parent-label,.grandparent-label{font-size:var(--font-size-sm);color:var(--text-light);font-weight:600;margin-bottom:var(--space-sm);text-align:center}.grandparents-pair{display:flex;gap:var(--space-sm)}.grandparents-pair .pedigree-node{min-width:100px;padding:var(--space-sm)}.grandparents-pair .node-gender-icon{font-size:1.5rem}.grandparents-pair .node-name{font-size:var(--font-size-base)}.tree-legend{display:flex;justify-content:center;gap:var(--space-xl);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:2px solid var(--border-light)}.legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-base);color:var(--text-light)}.legend-icon{font-size:1.5rem}.legend-icon.male{color:#3b82f6}.legend-icon.female{color:#ec4899}.pedigree-warning{display:flex;align-items:flex-start;gap:var(--space-md);margin-top:var(--space-xl);padding:var(--space-lg);background-color:#f59e0b1a;border:2px solid var(--warning);border-radius:var(--radius-lg)}.warning-icon{font-size:2rem;flex-shrink:0}.warning-text strong{color:var(--warning);display:block;margin-bottom:var(--space-xs);font-size:var(--font-size-lg)}.warning-text p{color:var(--text);margin:0;font-size:var(--font-size-base)}@media(max-width:768px){.gen-row{flex-direction:column;align-items:center}.grandparents-pair{flex-direction:column}.tree-legend{flex-direction:column;gap:var(--space-sm);align-items:flex-start}.pedigree-node{min-width:200px}.grandparents-pair .pedigree-node{min-width:180px}}.gen-0{display:flex;flex-direction:column;align-items:center}.gen-0 .pedigree-node{display:inline-flex}.list-from-farm-page{padding-bottom:var(--space-2xl)}.goat-preview-card{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-md);border:3px solid var(--primary)}.preview-header h2{font-size:var(--font-size-2xl);color:var(--text);margin:0 0 var(--space-lg) 0;display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.preview-tag{font-size:var(--font-size-lg);color:var(--text-light);font-weight:600}.preview-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg)}.preview-photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md)}.preview-details{display:flex;flex-direction:column;gap:var(--space-sm)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-light)}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:var(--text-light)}.detail-value{font-weight:700;color:var(--text);text-transform:capitalize}.listing-form{max-width:700px;margin:0 auto}.form-section-highlight{border:3px solid var(--success);background:linear-gradient(135deg,#10b9811a,#fff)}.section-hint{color:var(--text-light);font-size:var(--font-size-base);margin-bottom:var(--space-md);font-style:italic}.price-input{font-size:2rem!important;font-weight:700;color:var(--success);text-align:center}.pregnancy-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-md)}.form-actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl)}.form-actions .btn{flex:1;min-height:50px;font-size:var(--font-size-base);font-weight:600;padding:var(--space-sm) var(--space-md)}@media(max-width:768px){.form-actions{gap:var(--space-sm);margin-top:var(--space-md)}.form-actions .btn{min-height:44px;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}.form-actions .btn-secondary{flex:1}.form-actions .btn-primary{flex:2}}.pregnancy-btn{padding:var(--space-lg);font-size:var(--font-size-lg);font-weight:600;border:3px solid var(--border);border-radius:var(--radius-lg);background-color:#fff;color:var(--text);cursor:pointer;transition:all .2s}.pregnancy-btn:hover{border-color:var(--primary);transform:translateY(-2px)}.pregnancy-btn.selected{border-color:var(--primary);background:linear-gradient(135deg,#10b9811a,#fff);font-weight:700}.pregnancy-months{margin-top:var(--space-md)}.pregnancy-months label{display:block;font-weight:700;font-size:var(--font-size-xl);margin-bottom:var(--space-md);color:var(--text);text-align:center}.pregnancy-slider{width:100%;height:12px;border-radius:6px;background:linear-gradient(90deg,#fee2e2,#fca5a5,#dc2626);outline:none;-webkit-appearance:none;appearance:none}.pregnancy-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:40px;height:40px;border-radius:50%;background:#fff;border:4px solid var(--warning);cursor:pointer;box-shadow:var(--shadow-lg)}.pregnancy-slider::-moz-range-thumb{width:40px;height:40px;border-radius:50%;background:#fff;border:4px solid var(--warning);cursor:pointer;box-shadow:var(--shadow-lg)}.slider-labels{display:flex;justify-content:space-between;margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-light);font-weight:600}.milk-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-md)}.milk-btn{padding:var(--space-lg);font-size:var(--font-size-lg);font-weight:600;border:3px solid var(--border);border-radius:var(--radius-lg);background-color:#fff;color:var(--text);cursor:pointer;transition:all .2s}.milk-btn:hover{border-color:var(--primary);transform:translateY(-2px)}.milk-btn.selected{border-color:var(--primary);background:linear-gradient(135deg,#10b9811a,#fff);font-weight:700}.milk-liters{margin-top:var(--space-md)}.milk-liters label{display:block;font-weight:700;font-size:var(--font-size-xl);margin-bottom:var(--space-md);color:var(--text);text-align:center}.milk-slider{width:100%;height:12px;border-radius:6px;background:linear-gradient(90deg,#dbeafe,#60a5fa,#2563eb);outline:none;-webkit-appearance:none;appearance:none}.milk-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:40px;height:40px;border-radius:50%;background:#fff;border:4px solid #3B82F6;cursor:pointer;box-shadow:var(--shadow-lg)}.milk-slider::-moz-range-thumb{width:40px;height:40px;border-radius:50%;background:#fff;border:4px solid #3B82F6;cursor:pointer;box-shadow:var(--shadow-lg)}@media(max-width:768px){.preview-photos{grid-template-columns:repeat(3,1fr)}}.farm-goat-detail-page{padding-bottom:var(--space-lg)}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.header-left{display:flex;flex-direction:column}.header-actions{display:grid;grid-template-columns:repeat(3,auto);gap:6px;margin-top:var(--space-xs)}.status-badge.sold{background:#ef4444;color:#fff;padding:4px 12px;border-radius:999px;font-size:.9rem;font-weight:700;margin-left:var(--space-sm);vertical-align:middle}.back-btn{background:none;border:none;color:var(--primary);font-size:var(--font-size-base);font-weight:600;cursor:pointer;padding:var(--space-xs) 0;margin-bottom:var(--space-sm);transition:all .2s}.back-btn:hover{color:var(--primary-dark)}.goat-title{font-size:var(--font-size-2xl);color:var(--text);margin:0;display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.title-tag{font-size:var(--font-size-lg);color:var(--text-light);font-weight:600}.missing-data-banner{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:2px solid var(--warning);border-radius:var(--radius-md);margin:var(--space-md) 0;box-shadow:0 2px 8px #f59e0b33}.banner-icon{font-size:2rem;flex-shrink:0}.banner-content{flex:1}.banner-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text);margin-bottom:4px}.banner-text{font-size:var(--font-size-sm);color:var(--text-light)}.btn-small{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);white-space:nowrap}@media(max-width:768px){.missing-data-banner{padding:var(--space-sm);gap:var(--space-sm);flex-wrap:wrap}.banner-icon{font-size:1.2rem}.banner-title{font-size:var(--font-size-sm);margin-bottom:2px}.banner-text{font-size:var(--font-size-xs)}.missing-data-banner .btn-small{padding:4px 10px;font-size:var(--font-size-xs);width:100%;margin-top:var(--space-xs)}}.photos-section{margin-bottom:var(--space-sm)}.sale-actions{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.sale-actions .btn{flex:1}.desktop-grid{display:block}@media(min-width:768px){.desktop-grid{display:grid;grid-template-columns:240px 1fr;gap:var(--space-lg);align-items:start}.left-column{position:sticky;top:var(--space-md)}.photos-grid{max-width:100%;margin:0}.sale-actions{flex-direction:column}.info-section.compact{padding:var(--space-md)}.info-section.compact .section-title{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.info-section.compact .info-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.info-section.compact .info-label{font-size:var(--font-size-xs)}.info-section.compact .info-value{font-size:var(--font-size-base)}}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:4px;max-width:220px;margin:0 auto}.photo-thumbnail-wrapper{aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s}.photo-thumbnail-wrapper:hover{border-color:var(--primary);transform:scale(1.05)}.goat-photo-thumbnail{width:100%;height:100%;object-fit:cover}.lightbox-overlay{position:fixed;inset:0;background-color:#000000e6;z-index:1000;display:flex;justify-content:center;align-items:center;padding:var(--space-md);animation:fadeIn .2s ease-out}.lightbox-content{position:relative;max-width:100%;max-height:100%}.lightbox-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--radius-sm);box-shadow:0 0 20px #00000080}.lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:var(--space-xs);line-height:1;transition:transform .2s}.lightbox-close:hover{transform:scale(1.1)}.info-section{background-color:#fff;border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-sm);box-shadow:var(--shadow-sm)}.pregnancy-section{border:2px solid var(--warning);background:linear-gradient(135deg,#f59e0b0d,#fff)}.section-title{font-size:var(--font-size-lg);color:var(--text);margin:0 0 var(--space-sm) 0;font-weight:700}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-sm)}.info-item{display:flex;flex-direction:column;gap:4px;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border-left:3px solid var(--primary)}.info-label{font-size:var(--font-size-xs);color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.info-value{font-size:var(--font-size-lg);color:var(--text);font-weight:700;text-transform:capitalize}.pregnancy-info{text-align:center;padding:var(--space-sm)}.pregnancy-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background-color:var(--warning);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-xs)}.badge-icon{font-size:1.5rem}.pregnancy-months{font-size:var(--font-size-base);color:var(--text);font-weight:600}.not-pregnant{color:var(--text-light);font-size:var(--font-size-base)}.breeding-list{display:flex;flex-direction:column;gap:var(--space-xs)}.breeding-record{padding:var(--space-sm);background-color:var(--bg);border-radius:var(--radius-sm);border-left:3px solid var(--primary)}.breeding-header{margin-bottom:var(--space-xs)}.breeding-date{font-weight:700;color:var(--primary);font-size:var(--font-size-base)}.breeding-details p{margin:2px 0;color:var(--text);font-size:var(--font-size-sm)}.breeding-notes{font-style:italic;color:var(--text-light);font-size:var(--font-size-xs)}.health-list{margin-top:var(--space-sm)}.health-list h3{font-size:var(--font-size-base);margin-bottom:var(--space-xs);color:var(--text);font-weight:700}.health-event{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background-color:var(--bg);border-radius:var(--radius-sm);margin-bottom:var(--space-xs)}.event-icon{font-size:1.25rem;flex-shrink:0}.event-info{flex:1}.event-product{font-weight:600;color:var(--text);font-size:var(--font-size-sm)}.event-date{font-size:var(--font-size-xs);color:var(--text-light)}.goat-notes{font-size:var(--font-size-sm);color:var(--text);line-height:1.5;white-space:pre-wrap}.goat-actions-top{margin-bottom:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.goat-actions-top .btn-large{width:100%;padding:var(--space-md);font-size:var(--font-size-lg);font-weight:700;background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 12px #10b9814d}.goat-actions-top .btn-large:hover{transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.goat-actions-top .btn-large:active{transform:translateY(0)}.secondary-actions{display:flex;gap:var(--space-sm)}.secondary-actions .btn{flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.goat-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.goat-actions .btn{flex:1;min-width:200px}@media(max-width:768px){.detail-header{flex-direction:column;gap:var(--space-xs)}.header-actions{grid-template-columns:repeat(3,1fr);width:100%}.header-actions .btn-xs{padding:4px 6px;font-size:10px}.goat-actions-top .btn-large{font-size:1.5rem;padding:var(--space-xl)}.secondary-actions{flex-direction:column}.secondary-actions .btn{width:100%}.goat-actions{flex-direction:column}.goat-actions .btn{width:100%}.photos-grid{grid-template-columns:1fr}}.sold-confirm-overlay,.sold-success-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:20000;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sold-confirm-dialog{background:#fff;border-radius:var(--radius-xl);padding:var(--space-xl);max-width:380px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.sold-confirm-icon{font-size:3rem;margin-bottom:var(--space-md)}.sold-confirm-dialog h3{font-size:1.5rem;margin:0 0 var(--space-sm) 0;color:var(--text)}.sold-confirm-dialog p{font-size:var(--font-size-base);color:var(--text-light);margin:0 0 var(--space-md) 0;line-height:1.5}.buyer-form{text-align:left;margin-bottom:var(--space-lg)}.buyer-form .form-group{margin-bottom:var(--space-sm)}.buyer-form label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text);margin-bottom:4px}.buyer-input{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all .2s}.buyer-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b98126}.sold-confirm-buttons{display:flex;gap:var(--space-sm)}.btn-cancel{flex:1;padding:var(--space-md);border:2px solid var(--border);background:#fff;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:var(--bg);border-color:var(--text-light)}.btn-confirm-sold{flex:1;padding:var(--space-md);border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b9814d}.btn-confirm-sold:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.sold-success-dialog{background:linear-gradient(135deg,#10b981,#059669);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:320px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:successPop .4s cubic-bezier(.34,1.56,.64,1)}.success-checkmark{width:80px;height:80px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#10b981;margin:0 auto var(--space-md);animation:checkBounce .5s cubic-bezier(.34,1.56,.64,1) .2s both}.sold-success-dialog h3{font-size:1.5rem;margin:0 0 var(--space-xs) 0;color:#fff}.sold-success-dialog p{font-size:var(--font-size-base);color:#ffffffe6;margin:0}@keyframes successPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes checkBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.goat-detail-modal-overlay{position:fixed;inset:0;background-color:#00000080;z-index:100000;display:flex;justify-content:center;align-items:center;padding:var(--space-md);animation:overlayFadeIn .3s ease-out forwards;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@keyframes overlayFadeIn{0%{background-color:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{background-color:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.goat-detail-modal-content{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:900px;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 25px 80px #0006;animation:modalSlideIn .35s cubic-bezier(.34,1.56,.64,1) forwards;transform-origin:bottom center;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .3s ease-out,border-radius .3s ease-out}.goat-detail-modal-content.scaled-back{transform:scale(.92) translateY(-15px);opacity:.8;pointer-events:none}.goat-detail-modal-overlay.closing{animation:overlayFadeOut .3s ease-out forwards}.goat-detail-modal-content.closing{transform:translateY(100%);opacity:0}@keyframes overlayFadeOut{0%{background-color:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}to{background-color:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}.modal-swipe-handle{position:absolute;top:0;left:0;right:0;height:32px;cursor:grab;z-index:20;display:flex;align-items:center;justify-content:center;touch-action:none;padding-top:10px}.modal-swipe-handle:active{cursor:grabbing}.modal-handle-bar{width:40px;height:5px;background:#00000040;border-radius:10px}.pushed-card-overlay{position:fixed;inset:0;background:#0000004d;z-index:100001;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease-out}.pushed-card-content{background:#f8fafc;width:100%;max-width:900px;height:80vh;max-height:80vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -10px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:slideUpFromBottom .35s cubic-bezier(.32,.72,0,1);position:relative}.pushed-card-handle{position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:5px;background:#0003;border-radius:10px;z-index:10}.pushed-card-header{display:flex;align-items:center;padding:24px 16px 16px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;gap:12px}.pushed-card-back-btn{display:flex;align-items:center;gap:4px;padding:10px 18px;background:#f1f5f9;border:none;border-radius:24px;font-size:.95rem;font-weight:600;color:#0ea5e9;cursor:pointer;transition:all .2s}.pushed-card-back-btn:hover{background:#e2e8f0}.pushed-card-back-btn:active{transform:scale(.95)}.pushed-card-title{flex:1;font-size:1.1rem;font-weight:700;color:#1e293b;margin:0}.pushed-card-body{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:16px;background:#f8fafc}body.nested-modal-open .goat-detail-modal-content{transform:scale(.95) translateY(-20px);opacity:.85;border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.32,.72,0,1)}.modal-close-btn{position:absolute;top:var(--space-md);right:var(--space-md);background:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;box-shadow:var(--shadow-md);z-index:10;transition:all .2s}.modal-close-btn:hover{transform:scale(1.1);background:var(--danger);color:#fff}.modal-body{padding:var(--space-lg);flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.goat-detail-modal-content .back-btn{display:none}body.modal-open .bottom-nav{display:none!important}body.modal-open{overflow:hidden!important}@keyframes modalSlideIn{0%{transform:scale(.95) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media(max-width:768px){.goat-detail-modal-overlay{padding:0;align-items:flex-end}.goat-detail-modal-content{max-width:100%;width:100%;height:85vh;max-height:85vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:slideUpFromBottom .35s cubic-bezier(.32,.72,0,1);overflow:hidden}.modal-close-btn{position:absolute;top:var(--space-md);right:var(--space-md);background:#fff;width:40px;height:40px;z-index:200;color:#1e293b;box-shadow:0 2px 10px #00000026}.modal-close-btn:hover{background:#ef4444;color:#fff}.modal-body{padding:var(--space-md);padding-top:28px;padding-bottom:var(--space-xl);overflow-y:auto;overflow-x:hidden;flex:1;-webkit-overflow-scrolling:touch}body.nested-modal-open .goat-detail-modal-content{transform:none;opacity:1}.goat-detail-modal-content .farm-goat-detail-page{padding-bottom:var(--space-md)}.goat-detail-modal-content .detail-header{margin-bottom:var(--space-sm)}.goat-detail-modal-content .goat-title{font-size:1.5rem}.goat-detail-modal-content .info-section{margin-bottom:var(--space-sm);padding:var(--space-sm)}.goat-detail-modal-content .section-title{font-size:1rem;margin-bottom:var(--space-xs)}.goat-detail-modal-content .info-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.goat-detail-modal-content .info-label{font-size:.7rem}.goat-detail-modal-content .info-value{font-size:.9rem}.goat-detail-modal-content .goat-actions-top{margin-bottom:var(--space-sm)}.goat-detail-modal-content .goat-actions-top .btn-large{padding:var(--space-md);font-size:1.1rem}.goat-detail-modal-content .secondary-actions .btn{padding:var(--space-sm);font-size:.9rem}}@keyframes slideUpFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.action-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:5000;animation:fadeIn .2s ease-out;transition:opacity .15s ease-out;will-change:opacity}.action-modal-overlay.closing{pointer-events:none}.action-modal-content{background-color:#fff;width:90%;max-width:1200px;max-height:90vh;border-radius:var(--radius-lg);box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;animation:slideUp .3s ease-out;overflow:hidden;touch-action:pan-y}.action-modal-content.dragging{-webkit-user-select:none;user-select:none}.drag-handle-container{display:none;padding:12px 0 8px;cursor:grab;background:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;touch-action:none}.drag-handle-container:active{cursor:grabbing}.drag-handle{width:36px;height:5px;background-color:#d1d5db;border-radius:3px;margin:0 auto;transition:background-color .2s,transform .2s}.drag-handle-container:hover .drag-handle,.action-modal-content.dragging .drag-handle{background-color:#9ca3af;transform:scaleX(1.2)}.action-modal-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;background-color:#fff;z-index:10}.action-modal-header h2{margin:0;font-size:var(--font-size-xl);color:var(--text)}.close-btn{background:none;border:none;font-size:2rem;color:var(--text-light);cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:var(--danger)}.action-modal-body{padding:var(--space-md);overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.action-modal-body .form-actions{position:static!important;bottom:auto!important;left:auto!important;right:auto!important;background:transparent!important;border-top:none!important;box-shadow:none!important;margin-top:20px;padding:16px 0}@media(max-width:480px){.action-modal-overlay{align-items:flex-end}.action-modal-content{width:100%;height:92vh;max-height:92vh;border-radius:20px 20px 0 0;position:relative;animation:slideUpBottom .3s ease-out}.drag-handle-container{display:block}.action-modal-header{padding-top:var(--space-sm)}@keyframes slideUpBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.fab{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--space-lg));right:var(--space-lg);width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;box-shadow:0 4px 16px #10b98166;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:2rem;z-index:100;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.fab:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 24px #10b98199}.fab:active{transform:scale(.95)}@media(max-width:768px){.fab{width:56px;height:56px;bottom:calc(var(--bottom-nav-height) + var(--space-md));right:var(--space-md)}}.my-goats-page{padding-bottom:var(--space-2xl)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);padding-top:var(--space-sm)}.page-header h1{margin:0}.page-subtitle{color:var(--text-light);margin:var(--space-xs) 0 0 0;font-size:var(--font-size-base)}.controls-wrapper{display:flex;gap:var(--space-md);align-items:center;margin-bottom:var(--space-md);flex-wrap:nowrap}.goats-controls{display:flex;gap:var(--space-sm);margin-bottom:0;align-items:center;flex-wrap:nowrap;padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.btn-select{padding:0 1.5rem;height:48px;font-weight:600;border:none;border-radius:var(--radius-lg);background-color:var(--primary);color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0;box-shadow:0 4px 6px -1px #10b98133,0 2px 4px -1px #10b9811a;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:48px!important;font-size:1rem}.btn-select:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 10px 15px -3px #10b98133,0 4px 6px -2px #10b9811a}.btn-select:active{transform:translateY(0)}.btn-select.active{background-color:var(--bg);color:var(--primary);border:2px solid var(--primary);box-shadow:inset 0 2px 4px #0000000d}.btn-select.btn-delivered{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 6px -1px #f59e0b4d,0 2px 4px -1px #f59e0b33}.btn-select.btn-delivered:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 10px 15px -3px #f59e0b4d,0 4px 6px -2px #f59e0b33}.btn-select.btn-sold-history{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 6px -1px #6366f14d,0 2px 4px -1px #6366f133}.btn-select.btn-sold-history:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 10px 15px -3px #6366f14d,0 4px 6px -2px #6366f133}.search-bar{position:relative;display:flex;align-items:center;flex:1;min-width:200px;max-width:350px}.search-icon{position:absolute;left:14px;font-size:1.1rem;pointer-events:none;z-index:1}.search-input{width:100%;height:48px;padding:0 40px 0 44px;font-size:1rem;font-weight:500;border:2px solid #e2e8f0;border-radius:24px;transition:all .25s ease;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 2px 8px #0000000f;box-sizing:border-box;color:#1e293b}.search-input::placeholder{color:#94a3b8;font-weight:400}.search-input:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.search-input:focus{outline:none;border-color:#10b981;background:#fff;box-shadow:0 0 0 4px #10b98126,0 4px 12px #00000014}.search-clear{position:absolute;right:12px;width:24px;height:24px;border:none;background:#e2e8f0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#64748b;transition:all .2s ease}.search-clear:hover{background:#cbd5e1;color:#1e293b}.search-clear:active{transform:scale(.9)}.view-mode-selector{position:relative;display:flex;flex-direction:column;gap:4px;flex-shrink:0;z-index:100}.view-toggle-btn{display:flex;align-items:center;gap:8px;padding:0 1.5rem;height:48px;font-size:1rem;border:none;border-radius:var(--radius-lg);background-color:#fff;color:var(--text);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:80px;box-shadow:0 1px 2px #0000000d;box-sizing:border-box;height:48px!important}.view-toggle-btn:hover{background-color:var(--bg);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.toggle-arrow{font-size:.7rem;margin-left:auto}.view-options{position:absolute;top:100%;right:0;margin-top:4px;display:flex;gap:4px;border:2px solid var(--border);border-radius:var(--radius-md);padding:4px;background-color:#fff;box-shadow:var(--shadow-lg);z-index:101;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.view-btn{padding:var(--space-sm) var(--space-md);font-size:1.2rem;border:none;border-radius:var(--radius-sm);background-color:transparent;color:var(--text-light);cursor:pointer;transition:all .2s;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.view-btn:hover{background-color:var(--border-light);color:var(--text)}.view-btn.active{background-color:var(--primary);color:#fff}.gender-filter{display:flex;gap:var(--space-sm);margin-bottom:0;flex-wrap:nowrap;padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-btn{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base);font-weight:600;border:2px solid var(--border);border-radius:var(--radius-lg);background-color:#fff;color:var(--text);cursor:pointer;transition:all .2s;min-height:44px;white-space:nowrap;flex-shrink:0}.filter-btn:hover{border-color:var(--primary)}.filter-btn.active{background-color:var(--primary);border-color:var(--primary);color:#fff}.goats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.goats-grid.view-list{grid-template-columns:1fr;gap:var(--space-md)}.goats-grid.view-small{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md)}.goats-grid.view-compact{grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.goat-card{background-color:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);text-decoration:none;transition:all .2s;display:flex;flex-direction:column;color:inherit;cursor:pointer}.goat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.goat-photo{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background-color:var(--bg)}.goat-photo img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg) 0%,var(--border-light) 100%)}.photo-placeholder span{font-size:5rem}.photo-badges{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.badge-pregnant{background-color:var(--warning);color:#fff}.badge-for-sale{background-color:var(--success);color:#fff}.goat-info{padding:var(--space-md);flex:1;display:flex;flex-direction:column}.goat-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-sm)}.goat-name{font-size:var(--font-size-xl);font-weight:700;color:var(--text);margin:0;flex:1}.goat-tag{font-size:var(--font-size-sm);color:var(--text-light);font-weight:600;padding:4px 8px;background-color:var(--bg);border-radius:var(--radius-sm)}.goat-details{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.detail-item{display:flex;align-items:center;gap:var(--space-sm);color:var(--text);font-size:var(--font-size-base)}.detail-icon{font-size:1.2rem;flex-shrink:0}.detail-text{text-transform:capitalize}.goat-deworm-status{margin-top:auto}.goats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);padding:var(--space-lg);background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.summary-item{text-align:center;padding:var(--space-md)}.summary-value{display:block;font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:var(--space-xs)}.summary-label{display:block;font-size:var(--font-size-sm);color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.controls-wrapper{flex-direction:column;gap:var(--space-sm);align-items:stretch}.gender-filter{order:1;margin-bottom:var(--space-sm)}.goats-controls{order:2;gap:var(--space-xs);overflow:visible;display:grid;grid-template-columns:repeat(2,1fr)}.btn-select{padding:0 .75rem;height:40px!important;font-size:.85rem;white-space:nowrap}.search-bar{grid-column:1 / -1;width:100%;max-width:100%}.search-input{width:100%;height:44px;padding:0 40px 0 44px;font-size:16px}.view-mode-selector{flex:0 0 auto}.view-toggle-btn{min-width:60px;font-size:1rem;padding:0 1rem}.gender-filter{width:100%;overflow-x:auto;padding-bottom:var(--space-xs);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.gender-filter::-webkit-scrollbar{display:none}.filter-btn{flex:0 0 auto;white-space:nowrap;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);min-height:36px}.goats-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg)}.goats-grid.view-compact{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.goats-summary{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.summary-value{font-size:1.8rem}.view-options{display:flex!important;position:fixed;bottom:0;left:0;width:100%;margin:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:none;border-top:1px solid var(--border);box-shadow:0 -4px 6px -1px #0000001a;padding:var(--space-lg);background-color:#fff;z-index:2000;justify-content:center;gap:var(--space-lg);animation:slideUp .3s ease-out}.view-btn{width:48px;height:48px;font-size:1.5rem;background-color:var(--bg);border-radius:var(--radius-lg)}.view-btn.active{background-color:var(--primary);color:#fff}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-view{padding-bottom:0}.modal-view .goats-grid{margin-bottom:0}.selection-toolbar{position:sticky;top:0;z-index:90;background:var(--primary);color:#fff;padding:var(--space-sm) var(--space-md);display:flex;justify-content:space-between;align-items:center;border-radius:var(--radius-md);margin-bottom:var(--space-md);box-shadow:var(--shadow-md)}.selection-count{font-weight:700;font-size:1.1rem}.selection-actions{display:flex;gap:var(--space-sm)}.selection-actions .btn-text{color:#fff;background:#fff3;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-weight:600;transition:background .2s}.selection-actions .btn-text:hover{background:#ffffff4d}.batch-fab{background:var(--primary);z-index:100}.fab-view-toggle{position:fixed;bottom:80px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;border:none;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 12px #10b98166;z-index:1000;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.fab-view-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px #10b98180}.fab-view-toggle.active{background:var(--text)}@media(max-width:768px){.goats-grid.view-compact{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}}.fab-health-event{position:fixed;bottom:80px;left:50%;transform:translate(-50%);height:56px;padding:0 24px;border-radius:28px;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;border:none;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #f43f5e80,0 8px 32px #f43f5e4d;z-index:1001;display:flex;align-items:center;gap:10px;animation:fabSlideUp .3s ease-out;transition:all .2s ease}.fab-health-event:hover{transform:translate(-50%) scale(1.05);box-shadow:0 6px 24px #f43f5e99,0 12px 40px #f43f5e66}.fab-health-event:active{transform:translate(-50%) scale(.98)}.fab-health-icon{font-size:1.5rem}.fab-health-count{background:#fff;color:#e11d48;font-size:.85rem;font-weight:800;padding:2px 10px;border-radius:12px;min-width:24px;text-align:center}@keyframes fabSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.fab-health-event{bottom:90px;padding:0 20px;height:52px}}.pregnancy-tracker-card{background:linear-gradient(135deg,#fbbf240d,#f59e0b0d);border:2px solid rgba(251,191,36,.3);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-md);box-shadow:0 4px 12px #fbbf2426;transition:all .2s}.pregnancy-tracker-card:hover{box-shadow:0 6px 20px #fbbf2440;transform:translateY(-2px)}.pregnancy-header{margin-bottom:var(--space-md)}.pregnancy-title{display:flex;align-items:center;gap:var(--space-sm)}.pregnancy-icon{font-size:1.5rem}.pregnancy-title h3{margin:0;font-size:var(--font-size-xl);font-weight:800;background:linear-gradient(135deg,var(--warning) 0%,#f59e0b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pregnancy-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.pregnancy-item{background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm);cursor:pointer;transition:all .2s}.pregnancy-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pregnancy-item.status-normal{border-left:4px solid var(--success)}.pregnancy-item.status-soon{border-left:4px solid var(--warning)}.pregnancy-item.status-imminent{border-left:4px solid var(--danger);background:#ef44440d}.pregnancy-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.doe-name{font-weight:700;font-size:var(--font-size-base);color:var(--text)}.days-badge{font-size:var(--font-size-xs);background:#10b9811a;color:var(--primary);padding:2px var(--space-xs);border-radius:var(--radius-sm);font-weight:600}.pregnancy-progress-container{margin-bottom:var(--space-xs)}.pregnancy-progress-bar{height:8px;background:var(--border-light);border-radius:var(--radius-full);overflow:hidden}.pregnancy-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--success) 100%);transition:width .3s ease;border-radius:var(--radius-full)}.status-soon .pregnancy-progress-fill{background:linear-gradient(90deg,var(--warning) 0%,#f59e0b 100%)}.status-imminent .pregnancy-progress-fill{background:linear-gradient(90deg,var(--danger) 0%,#dc2626 100%)}.pregnancy-item-footer{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs)}.expected-text{color:var(--text-light)}.remaining-days{font-weight:600;color:var(--success)}.remaining-days.status-soon{color:var(--warning)}.remaining-days.status-imminent{color:var(--danger)}@media(max-width:768px){.pregnancy-item-footer{flex-direction:column;align-items:flex-start;gap:2px}.pregnancy-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.pregnancy-list{grid-template-columns:1fr}}.breeding-detail-modal{max-width:700px}.breeding-hero{text-align:center;padding:var(--space-xl) var(--space-lg);background:linear-gradient(135deg,#10b9811a,#0596690d);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative;margin:calc(var(--space-lg) * -1) calc(var(--space-lg) * -1) var(--space-lg)}.breeding-hero.status-miscarried{background:linear-gradient(135deg,#6b72801a,#4b55630d)}.breeding-hero.status-delivered{background:linear-gradient(135deg,#10b98126,#0596691a)}.breeding-hero-icon{font-size:3rem;margin-bottom:var(--space-sm)}.breeding-hero-title{margin:0 0 var(--space-md) 0;font-size:var(--font-size-xl);font-weight:800;color:var(--text)}.remaining-days-badge{display:inline-flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);box-shadow:0 4px 12px #10b9814d}.remaining-label{font-size:var(--font-size-xs);opacity:.9;text-transform:uppercase;letter-spacing:.5px}.remaining-value{font-size:var(--font-size-2xl);font-weight:800;margin-top:2px}.breeding-detail-content{padding:0}.breeding-pair-section{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md);background:linear-gradient(135deg,#8b5cf608,#7c3aed08);border-radius:var(--radius-lg)}.goat-card-mini{flex:1;background:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--space-xs);min-width:0}.doe-card{border-left:4px solid var(--primary)}.buck-card{border-left:4px solid #3b82f6}.goat-card-icon{font-size:1.5rem;flex-shrink:0}.goat-card-info{display:flex;flex-direction:column;gap:2px}.goat-role{font-size:var(--font-size-xs);color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.goat-name-large{font-size:var(--font-size-base);font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goat-tag-small{font-size:var(--font-size-xs);color:var(--text-light)}.breeding-connector{display:flex;flex-direction:column;align-items:center;gap:4px}.connector-line{width:2px;height:20px;background:linear-gradient(180deg,var(--border) 0%,transparent 100%)}.connector-icon{font-size:1.2rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.pregnancy-progress-section{margin-bottom:var(--space-xl);padding:var(--space-lg);background:linear-gradient(135deg,#f59e0b0d,#fbbf240d);border-radius:var(--radius-lg)}.progress-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.progress-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text)}.progress-percent{font-size:var(--font-size-lg);font-weight:800;color:var(--warning)}.progress-bar-large{height:16px;background:#0000000d;border-radius:var(--radius-full);overflow:hidden}.progress-fill-large{height:100%;background:linear-gradient(90deg,var(--warning) 0%,#fbbf24 100%);border-radius:var(--radius-full);transition:width .5s ease}.breeding-timeline{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.timeline-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#fff;border-radius:var(--radius-md);border:1px solid var(--border);transition:all .2s}.timeline-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.timeline-item.success{border-color:var(--success);background:#10b98108}.timeline-item.miscarried{border-color:var(--text-lighter);background:#6b728008}.timeline-icon{font-size:1.2rem;flex-shrink:0}.timeline-content{flex:1;display:flex;flex-direction:column;gap:2px}.timeline-label{font-size:var(--font-size-xs);color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.timeline-value{font-size:var(--font-size-base);font-weight:600;color:var(--text)}.timeline-value.highlight{color:var(--primary);font-size:var(--font-size-lg)}.outcome-section{margin-bottom:var(--space-lg)}.outcome-card{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);background:linear-gradient(135deg,#10b9811a,#0596690d);border-radius:var(--radius-lg);border:2px solid rgba(16,185,129,.3)}.outcome-icon{font-size:2rem}.outcome-text{font-size:var(--font-size-lg);font-weight:700;color:var(--success)}.notes-section{margin-bottom:var(--space-lg)}.notes-header{font-size:var(--font-size-sm);font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.notes-content{background:var(--bg);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text);line-height:1.6;white-space:pre-wrap;border-left:3px solid var(--primary)}.breeding-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);padding-top:var(--space-md);border-top:1px solid var(--border)}.breeding-actions .btn{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-xs);white-space:nowrap}.btn-outline-danger{background:#fff;border:2px solid var(--danger);color:var(--danger)}.btn-outline-danger:hover{background:var(--danger);color:#fff}.btn-success{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff;font-weight:700}.btn-success:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}@media(max-width:768px){.breeding-detail-modal{width:100%;max-width:100%;margin:0}.breeding-hero{margin:calc(var(--space-md) * -1) calc(var(--space-md) * -1) var(--space-md);padding:var(--space-md)}.breeding-hero-icon{font-size:2rem;margin-bottom:var(--space-xs)}.breeding-hero-title{font-size:var(--font-size-base);margin-bottom:var(--space-sm)}.remaining-days-badge{padding:var(--space-xs) var(--space-md)}.remaining-value{font-size:var(--font-size-lg)}.breeding-pair-section{flex-direction:column;padding:var(--space-sm);gap:var(--space-xs)}.goat-card-mini{width:100%;padding:var(--space-xs) var(--space-sm)}.goat-card-icon{font-size:1.25rem}.goat-name-large{font-size:var(--font-size-sm)}.goat-role{font-size:10px}.breeding-connector{flex-direction:row;width:100%;padding:var(--space-xs) 0}.connector-line{width:30px;height:2px}.connector-icon{font-size:1rem}.pregnancy-progress-section{padding:var(--space-sm);margin-bottom:var(--space-md)}.progress-bar-large{height:12px}.breeding-timeline{gap:4px}.timeline-item{padding:var(--space-xs) var(--space-sm)}.timeline-icon{font-size:1rem}.timeline-value{font-size:var(--font-size-sm);word-break:break-word}.timeline-value.highlight{font-size:var(--font-size-base)}.outcome-section{margin-bottom:var(--space-md)}.outcome-card{padding:var(--space-sm)}.outcome-icon{font-size:1.5rem}.outcome-text{font-size:var(--font-size-base)}.notes-section{margin-bottom:var(--space-md)}.notes-content{padding:var(--space-sm);font-size:var(--font-size-xs)}.breeding-actions{grid-template-columns:1fr 1fr;gap:4px}.breeding-actions .btn{font-size:var(--font-size-xs);padding:var(--space-xs)}.delete-confirm-box{margin:var(--space-md);max-width:calc(100% - var(--space-xl))}}.delete-confirm-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-confirm-box{background:#fff;padding:var(--space-xl);border-radius:var(--radius-lg);max-width:400px;text-align:center;box-shadow:0 20px 40px #0000004d}.delete-confirm-box h3{margin:0 0 var(--space-md) 0;color:var(--danger);font-size:var(--font-size-lg)}.delete-confirm-box p{margin:0 0 var(--space-lg) 0;color:var(--text-light);font-size:var(--font-size-sm)}.delete-confirm-actions{display:flex;gap:var(--space-sm);justify-content:center}.delete-confirm-actions .btn{flex:1}.miscarriage-modal{max-width:600px}.miscarriage-header{text-align:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--border)}.miscarriage-header h2{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-xl);color:var(--text)}.miscarriage-subtitle{margin:0;color:var(--text-light);font-size:var(--font-size-sm)}.miscarriage-form{padding:0}.info-box{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;gap:var(--space-sm)}.info-icon{font-size:1.25rem;flex-shrink:0}.info-box p{margin:0 0 var(--space-xs) 0;font-weight:600;color:var(--text);font-size:var(--font-size-sm)}.info-box ul{margin:0;padding-left:var(--space-md);font-size:var(--font-size-sm);color:var(--text-light)}.info-box li{margin-bottom:4px}.sold-history-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:15000;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-md)}.sold-history-modal{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.sold-history-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border);background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.sold-history-header h2{margin:0;font-size:1.25rem;font-weight:700}.sold-history-header .close-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.25rem;cursor:pointer;transition:all .2s}.sold-history-header .close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.sold-history-search{padding:var(--space-md);border-bottom:1px solid var(--border);background:var(--bg)}.sold-history-search .search-input{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-size-base);transition:all .2s}.sold-history-search .search-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.sold-history-content{flex:1;overflow-y:auto;padding:var(--space-md)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--text-light)}.loading-state .spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-xl)}.empty-icon{font-size:3rem;margin-bottom:var(--space-md)}.empty-state h3{margin:0 0 var(--space-xs) 0;color:var(--text)}.empty-state p{margin:0;color:var(--text-light);font-size:var(--font-size-sm)}.sold-list{display:flex;flex-direction:column;gap:var(--space-sm)}.sold-item{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--bg);border-radius:var(--radius-md);border:1px solid var(--border);transition:all .2s}.sold-item:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f126}.sold-item-photo{width:60px;height:60px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.sold-item-photo img{width:100%;height:100%;object-fit:cover}.sold-item-photo .no-photo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e5e7eb,#d1d5db);font-size:1.5rem}.sold-item-info{flex:1;min-width:0}.sold-item-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:4px}.sold-item-header h3{margin:0;font-size:var(--font-size-base);font-weight:700;color:var(--text)}.sold-item-header .tag{font-size:var(--font-size-xs);color:var(--text-light);background:var(--border);padding:2px 6px;border-radius:var(--radius-sm)}.sold-item-details{display:flex;gap:var(--space-md);margin-bottom:4px}.sold-item-details .detail{font-size:var(--font-size-xs);color:var(--text-light);display:flex;align-items:center;gap:4px}.buyer-info{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.buyer-label{font-size:var(--font-size-xs);color:var(--text-light)}.buyer-name{font-size:var(--font-size-sm);font-weight:600;color:#6366f1}.buyer-phone{font-size:var(--font-size-xs);color:#10b981;text-decoration:none;font-weight:600}.buyer-phone:hover{text-decoration:underline}.sold-history-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border);background:var(--bg)}.total-count{font-size:var(--font-size-sm);color:var(--text-light)}.total-count strong{color:#6366f1;font-size:1.1rem}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.sold-history-overlay{padding:0;align-items:flex-end}.sold-history-modal{max-width:100%;max-height:90vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.sold-item-details{flex-direction:column;gap:2px}}.gp-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:16px}.gp-modal{background:#fff;border-radius:20px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000004d;animation:gpIn .3s ease}@keyframes gpIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.gp-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e5e5}.gp-title-area{display:flex;align-items:center;gap:12px}.gp-icon{font-size:2rem;background:linear-gradient(135deg,#7c3aed,#a855f7);padding:10px;border-radius:12px}.gp-header h2{margin:0;font-size:1.2rem;color:#1e293b}.gp-header p{margin:2px 0 0;font-size:.85rem;color:#64748b}.gp-close{width:32px;height:32px;border:none;background:#f1f5f9;border-radius:50%;font-size:1rem;color:#64748b;cursor:pointer}.gp-close:hover{background:#e2e8f0}.gp-body{padding:20px}.gp-selection-grid{display:flex;gap:12px;align-items:flex-start}.gp-card{flex:1;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;padding:14px}.gp-card.buck{border-color:#3b82f64d}.gp-card.doe{border-color:#ec48994d}.gp-card-label{font-weight:600;font-size:.85rem;color:#475569;margin-bottom:10px}.gp-card select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;font-size:.9rem;background:#fff}.gp-card select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.gp-plus{font-size:1.5rem;font-weight:700;color:#cbd5e1;padding-top:50px}.gp-genetics{margin-top:14px;padding-top:12px;border-top:1px dashed #e2e8f0}.gp-goat-name{font-weight:700;font-size:1rem;color:#1e293b}.gp-breed-text{font-size:.8rem;color:#64748b;margin:4px 0 10px;text-transform:capitalize}.gp-breed-bars{display:flex;flex-direction:column;gap:8px}.gp-bar-row{display:flex;align-items:center;gap:8px}.gp-bar-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.gp-bar-name{width:70px;font-size:.75rem;font-weight:600;color:#475569;text-transform:capitalize}.gp-bar-track{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.gp-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.gp-bar-pct{width:32px;font-size:.75rem;font-weight:700;color:#1e293b;text-align:right}.gp-placeholder{margin-top:16px;text-align:center;color:#94a3b8;font-size:.85rem}.gp-placeholder span:first-child{display:block;font-size:2rem;opacity:.4;margin-bottom:4px}.gp-result{margin-top:20px;background:linear-gradient(135deg,#10b9811a,#10b98108);border:2px solid rgba(16,185,129,.4);border-radius:14px;padding:16px}.gp-result-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.gp-result-icon{font-size:1.8rem;background:#10b98126;padding:8px;border-radius:10px}.gp-result-header h3{margin:0;font-size:1rem;color:#047857}.gp-result-header p{margin:2px 0 0;font-size:.75rem;color:#64748b}.gp-result-body{background:#fff;padding:14px;border-radius:10px}.gp-result-summary{font-weight:700;color:#047857;margin-bottom:10px;text-transform:capitalize}.gp-disclaimer{margin:12px 0 0;font-size:.7rem;color:#64748b;font-style:italic}.gp-hint{margin-top:20px;padding:24px;background:#fef3c7;border-radius:12px;text-align:center;color:#92400e}.gp-hint-icon{font-size:1.5rem;display:block;margin-bottom:8px}.gp-hint p{margin:0;font-size:.9rem}@media(max-width:560px){.gp-overlay{padding:0;align-items:flex-end}.gp-modal{max-height:92vh;max-width:100%;border-radius:20px 20px 0 0;background:#fff}.gp-header{padding:16px 20px}.gp-icon{font-size:1.5rem;padding:8px;border-radius:10px}.gp-header h2{font-size:1.1rem}.gp-header p{font-size:.75rem}.gp-close{width:36px;height:36px}.gp-body{padding:16px 20px}.gp-selection-grid{flex-direction:row;gap:8px;align-items:stretch}.gp-plus{display:none}.gp-card{background:#f8fafc;border-radius:10px;padding:10px;flex:1}.gp-card.buck{border:2px solid rgba(59,130,246,.4);background:linear-gradient(135deg,#3b82f614,#f8fafc)}.gp-card.doe{border:2px solid rgba(236,72,153,.4);background:linear-gradient(135deg,#ec489914,#f8fafc)}.gp-card-label{font-size:.9rem;margin-bottom:8px}.gp-plus{padding:4px 0;text-align:center;width:100%;font-size:1.2rem;color:#94a3b8}.gp-card select{padding:12px;font-size:1rem;border-radius:8px}.gp-genetics{margin-top:12px;padding-top:10px}.gp-goat-name{font-size:1rem}.gp-breed-text{font-size:.8rem;margin:4px 0 8px}.gp-breed-bars{gap:6px}.gp-bar-name{width:65px;font-size:.75rem}.gp-bar-track{height:8px}.gp-bar-pct{font-size:.75rem;width:36px}.gp-result{margin-top:16px;padding:14px;background:linear-gradient(135deg,#10b9811f,#10b9810a);border:2px solid rgba(16,185,129,.5);border-radius:12px}.gp-result-header{margin-bottom:12px;gap:8px}.gp-result-icon{font-size:1.3rem;padding:6px;border-radius:8px}.gp-result-header h3{font-size:.95rem;color:#047857}.gp-result-header p{font-size:.7rem}.gp-result-body{padding:12px;border-radius:8px}.gp-result-summary{font-size:.95rem;color:#047857}.gp-disclaimer{font-size:.65rem;margin-top:10px}.gp-hint{margin-top:16px;padding:16px;background:#fef3c7;border-radius:10px}.gp-hint-icon{font-size:1.3rem}.gp-hint p{font-size:.85rem}.gp-placeholder{margin-top:12px;padding:16px 0}.gp-placeholder span:first-child{font-size:1.5rem}.gp-placeholder span:last-child{font-size:.8rem}}.lt-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.lt-modal{background:linear-gradient(145deg,#1a1f2e,#0f1318);border-radius:24px;width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.lt-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.lt-title-area{display:flex;align-items:center;gap:12px}.lt-icon{font-size:2rem}.lt-title-area h2{margin:0;font-size:1.25rem;color:#fff;font-weight:600}.lt-title-area p{margin:2px 0 0;font-size:.8rem;color:#ffffff80}.lt-close{background:#ffffff1a;border:none;width:36px;height:36px;border-radius:50%;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s}.lt-close:hover{background:#fff3;transform:scale(1.1)}.lt-body{padding:20px 24px;overflow-y:auto;flex:1}.lt-selector{margin-bottom:20px}.lt-selector label{display:block;font-size:.85rem;color:#fff9;margin-bottom:8px}.lt-selector select{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s}.lt-selector select:hover,.lt-selector select:focus{border-color:#10b981;outline:none;background:#10b9811a}.lt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.lt-stat{background:#ffffff0d;border-radius:12px;padding:12px 8px;text-align:center;border:1px solid rgba(255,255,255,.08)}.lt-stat-value{display:block;font-size:1.5rem;font-weight:700;color:#10b981}.lt-stat-label{display:block;font-size:.7rem;color:#ffffff80;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.lt-view-toggle{display:flex;gap:8px;margin-bottom:20px;background:#ffffff0d;padding:4px;border-radius:12px}.lt-view-toggle button{flex:1;padding:10px 16px;border:none;border-radius:8px;background:transparent;color:#fff9;font-size:.85rem;cursor:pointer;transition:all .2s}.lt-view-toggle button.active{background:#10b981;color:#fff;font-weight:600}.lt-view-toggle button:hover:not(.active){background:#ffffff1a;color:#fff}.lt-tree{display:flex;flex-direction:column;align-items:center;gap:8px}.lt-generation{width:100%}.lt-gen-label{font-size:.75rem;color:#fff6;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;text-align:center}.lt-gen-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.lt-pair{display:flex;gap:8px}.lt-connector{color:#fff3;font-size:1.5rem;text-align:center}.lt-scrollable{overflow-x:auto;padding-bottom:8px;justify-content:flex-start}.lt-goat-card{background:#ffffff0d;border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.1);position:relative;transition:all .2s;min-width:120px}.lt-goat-card.clickable{cursor:pointer}.lt-goat-card.clickable:hover{background:#ffffff1a;transform:translateY(-2px);border-color:#fff3}.lt-goat-card.current{background:linear-gradient(135deg,#10b98133,#10b9811a);border-color:#10b981;box-shadow:0 0 20px #10b98133}.lt-goat-card.male{border-left:3px solid #3b82f6}.lt-goat-card.female{border-left:3px solid #ec4899}.lt-goat-card.small{padding:8px;min-width:100px}.lt-goat-card.large{padding:16px;min-width:180px}.lt-goat-card.lt-unknown{background:#ffffff08;border-style:dashed;text-align:center}.lt-unknown-icon{font-size:1.5rem;color:#ffffff4d}.lt-unknown-text{font-size:.75rem;color:#fff6;margin-top:4px}.lt-goat-photo{width:48px;height:48px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;overflow:hidden}.lt-goat-card.small .lt-goat-photo{width:36px;height:36px}.lt-goat-card.large .lt-goat-photo{width:64px;height:64px}.lt-goat-photo img{width:100%;height:100%;object-fit:cover}.lt-goat-emoji{font-size:1.5rem}.lt-goat-info{text-align:center}.lt-goat-name{font-weight:600;color:#fff;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:4px}.lt-goat-card.small .lt-goat-name,.lt-gender-icon{font-size:.8rem}.lt-goat-tag{font-size:.75rem;color:#ffffff80;margin-top:2px}.lt-goat-breed{font-size:.7rem;color:#10b981;margin-top:4px;background:#10b9811a;padding:2px 8px;border-radius:4px;display:inline-block}.lt-role-badge{position:absolute;top:-8px;right:-8px;background:#6366f1;color:#fff;font-size:.6rem;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:600}.lt-goat-card.male .lt-role-badge{background:#3b82f6}.lt-goat-card.female .lt-role-badge{background:#ec4899}.lt-list{display:flex;flex-direction:column;gap:20px}.lt-list-section h4{color:#fff9;font-size:.85rem;margin:0 0 12px;font-weight:500}.lt-list-items{display:flex;flex-direction:column;gap:8px}.lt-list-item{display:flex;align-items:center;gap:12px;background:#ffffff0d;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .2s;border:1px solid rgba(255,255,255,.08)}.lt-list-item:hover:not(.unknown){background:#ffffff1a;transform:translate(4px)}.lt-list-item.unknown{opacity:.5;cursor:default}.lt-list-icon{font-size:1.25rem}.lt-list-name{flex:1;color:#fff;font-weight:500}.lt-list-role{font-size:.75rem;color:#ffffff80;background:#ffffff1a;padding:4px 8px;border-radius:4px}.lt-empty{text-align:center;padding:60px 20px}.lt-empty-icon{font-size:4rem;display:block;margin-bottom:16px;opacity:.4}.lt-empty p{color:#fff9;margin:8px 0}.lt-empty-hint{font-size:.85rem;color:#fff6!important}@media(max-width:480px){.lt-stats{grid-template-columns:repeat(2,1fr)}.lt-pair{flex-direction:column}.lt-goat-card{min-width:90px}.lt-goat-card.small{min-width:80px}}.dm-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.dm-modal{background:#fff;border-radius:24px;width:100%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;animation:dmScaleIn .3s ease}@keyframes dmScaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.dm-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-radius:24px 24px 0 0}.dm-title-area{display:flex;align-items:center;gap:12px}.dm-icon{font-size:2rem}.dm-title-area h2{margin:0;font-size:1.25rem;color:#1f2937;font-weight:600}.dm-title-area p{margin:2px 0 0;font-size:.8rem;color:#6b7280}.dm-close{background:#f3f4f6;border:none;width:36px;height:36px;border-radius:50%;color:#6b7280;font-size:1rem;cursor:pointer;transition:all .2s}.dm-close:hover{background:#e5e7eb;color:#1f2937;transform:scale(1.1)}.dm-body{padding:20px 24px;overflow-y:auto;flex:1;background:#fff}.dm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.dm-stat{background:#f9fafb;border-radius:12px;padding:12px;text-align:center;cursor:pointer;transition:all .2s;border:2px solid transparent}.dm-stat:hover{background:#f3f4f6}.dm-stat.active{border-color:currentColor}.dm-stat.danger{color:#dc2626;background:#fef2f2}.dm-stat.danger.active{background:#fee2e2}.dm-stat.warning{color:#d97706;background:#fffbeb}.dm-stat.warning.active{background:#fef3c7}.dm-stat.success{color:#059669;background:#ecfdf5}.dm-stat.success.active{background:#d1fae5}.dm-stat-value{display:block;font-size:1.75rem;font-weight:700}.dm-stat-label{display:block;font-size:.7rem;opacity:.8;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.dm-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.dm-btn-outline{padding:8px 14px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.8rem;cursor:pointer;transition:all .2s}.dm-btn-outline:hover{background:#f3f4f6;border-color:#9ca3af}.dm-btn-outline.danger{border-color:#fca5a5;color:#dc2626;background:#fef2f2}.dm-btn-outline.danger:hover{background:#fee2e2;border-color:#f87171}.dm-filters{background:#f8fafc;border-radius:12px;margin-bottom:16px;border:1px solid #e2e8f0;overflow:hidden}.dm-filters.collapsed{background:#fff}.dm-filter-header{display:flex;justify-content:space-between;align-items:center;padding:12px;width:100%;background:transparent;border:none;cursor:pointer;transition:all .2s}.dm-filter-header:hover{background:#f1f5f9}.dm-filter-title{font-size:.85rem;font-weight:600;color:#475569}.dm-filter-arrow{font-size:.75rem;color:#94a3b8;transition:transform .2s}.dm-filter-reset{font-size:.8rem;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;padding:8px 14px;border-radius:8px;cursor:pointer;transition:all .2s;width:100%;margin-top:10px}.dm-filter-reset:hover{background:#fee2e2}.dm-filter-row{display:flex;gap:8px;flex-wrap:wrap;padding:0 12px 12px}.dm-filter-select{flex:1;min-width:100px;padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.85rem;cursor:pointer;transition:all .2s}.dm-filter-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 2px #10b9811a}.dm-results-info{font-size:.75rem;color:#64748b;text-align:center;margin-bottom:8px;padding:6px;background:#f1f5f9;border-radius:6px}.dm-pregnant-toggle-inline{display:flex;align-items:center;gap:6px;cursor:pointer;padding:8px 12px;background:#fef3c7;border-radius:8px;font-size:.8rem;color:#92400e;border:1px solid #fcd34d;transition:all .2s}.dm-pregnant-toggle-inline:hover{background:#fde68a}.dm-pregnant-toggle-inline input[type=checkbox]{display:none}.dm-toggle-box{width:18px;height:18px;border-radius:4px;border:2px solid #d97706;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#d97706;font-weight:700;transition:all .2s}.dm-pregnant-toggle-inline input[type=checkbox]:checked+.dm-toggle-box{background:#d97706;color:#fff}.dm-pregnant-toggle input[type=checkbox]{display:none}.dm-toggle-checkmark{width:20px;height:20px;border-radius:4px;border:2px solid #d97706;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.dm-pregnant-toggle input[type=checkbox]:checked+.dm-toggle-checkmark{background:#d97706;border-color:#d97706}.dm-pregnant-toggle input[type=checkbox]:checked+.dm-toggle-checkmark:after{content:"✓";color:#fff;font-size:.75rem;font-weight:700}.dm-goat-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:300px;overflow-y:auto;margin-bottom:16px}.dm-goat-item{display:flex;flex-direction:column;align-items:center;gap:8px;background:#f9fafb;padding:12px 10px;border-radius:12px;cursor:pointer;transition:all .2s;border:2px solid transparent;text-align:center;position:relative}.dm-goat-item:hover{background:#f3f4f6}.dm-goat-item.selected{background:#ecfdf5;border-color:#10b981}.dm-goat-item.danger{border-left:none;border-top:3px solid #ef4444}.dm-goat-item.warning{border-left:none;border-top:3px solid #f59e0b}.dm-goat-item.yellow{border-left:none;border-top:3px solid #eab308}.dm-goat-item.success{border-left:none;border-top:3px solid #10b981}.dm-goat-checkbox{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:4px;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:.7rem;background:#fff}.dm-goat-item.selected .dm-goat-checkbox{background:#10b981;border-color:#10b981}.dm-goat-info{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.dm-goat-tag{font-size:1rem;font-weight:700;color:#1f2937}.dm-goat-name{font-size:.75rem;color:#6b7280;font-weight:400}.dm-status-badge{font-size:.65rem;padding:3px 6px;border-radius:4px;white-space:nowrap;font-weight:500}.dm-status-badge.danger{background:#fee2e2;color:#dc2626}.dm-status-badge.warning{background:#fef3c7;color:#d97706}.dm-status-badge.yellow{background:#fef9c3;color:#ca8a04}.dm-status-badge.success{background:#d1fae5;color:#059669}.dm-empty{text-align:center;padding:40px 20px;color:#6b7280;grid-column:span 2}.dm-empty span{font-size:2.5rem;display:block;margin-bottom:12px}.dm-form{background:#f0fdf4;border-radius:16px;padding:16px;border:1px solid #bbf7d0}.dm-form-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#059669;font-weight:600}.dm-form-row{margin-bottom:12px}.dm-form-row label{display:block;font-size:.8rem;color:#374151;margin-bottom:6px;font-weight:500}.dm-form-row input,.dm-form-row textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#1f2937;font-size:.9rem;transition:all .2s;box-sizing:border-box}.dm-form-row input[type=date]{height:44px;-webkit-appearance:none;appearance:none}.dm-form-row input:focus,.dm-form-row textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.dm-form-row textarea{resize:none}.dm-submit-btn{width:100%;padding:14px;border-radius:10px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.dm-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.dm-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.dm-overlay{padding:0;align-items:flex-end}.dm-modal{border-radius:20px 20px 0 0;max-height:92vh;max-width:100%}.dm-header{padding:16px 20px;border-radius:20px 20px 0 0}.dm-icon{font-size:1.75rem}.dm-title-area h2{font-size:1.15rem}.dm-title-area p{font-size:.8rem}.dm-close{width:36px;height:36px;font-size:1rem}.dm-body{padding:16px 20px}.dm-stats{gap:10px;margin-bottom:14px}.dm-stat{padding:12px 8px}.dm-stat-value{font-size:1.5rem}.dm-stat-label{font-size:.65rem}.dm-goat-list{grid-template-columns:repeat(2,1fr);gap:10px;max-height:40vh}.dm-goat-item{padding:12px 10px;gap:6px;border-radius:10px}.dm-goat-tag{font-size:1.1rem}.dm-goat-name{font-size:.8rem}.dm-status-badge{font-size:.7rem;padding:4px 6px}.dm-goat-checkbox{width:22px;height:22px;top:6px;right:6px;font-size:.75rem}.dm-quick-actions{margin-bottom:12px;gap:8px}.dm-btn-outline{padding:10px 14px;font-size:.85rem}.dm-pregnant-toggle{padding:12px 14px;font-size:.9rem;margin-bottom:14px}.dm-toggle-checkmark{width:22px;height:22px}.dm-form{padding:14px}.dm-form-header{margin-bottom:12px;font-size:1rem}.dm-form-row{margin-bottom:10px}.dm-form-row label{font-size:.85rem}.dm-form-row input,.dm-form-row textarea{padding:12px;font-size:1rem}.dm-submit-btn{padding:14px;font-size:1rem}.dm-filters{padding:10px;margin-bottom:12px}.dm-filter-header{margin-bottom:8px}.dm-filter-title{font-size:.8rem}.dm-filter-reset{font-size:.7rem;padding:3px 8px}.dm-filter-row{gap:6px}.dm-filter-select{min-width:90px;padding:8px;font-size:.75rem}.dm-results-info{font-size:.7rem;margin-bottom:6px;padding:5px}}@media(min-width:768px){.dm-modal{max-width:750px;max-height:90vh}.dm-goat-list{grid-template-columns:repeat(3,1fr);max-height:400px}.dm-stats{gap:16px}.dm-stat{padding:16px}.dm-stat-value{font-size:2rem}.dm-goat-item{padding:14px 12px}}.breed-manager-content{padding:0;min-height:400px}.breed-manager-tabs{display:flex;gap:4px;padding:var(--space-sm);background:var(--bg);border-radius:var(--radius-lg);margin-bottom:var(--space-md);overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{flex:1;min-width:max-content;padding:var(--space-sm) var(--space-md);border:none;background:transparent;color:var(--text-light);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;white-space:nowrap}.tab-btn:hover{background:#8b5cf61a;color:var(--primary)}.tab-btn.active{background:linear-gradient(135deg,var(--primary) 0%,#7c3aed 100%);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.mating-failure-warning{background:linear-gradient(135deg,#ef44441a,#dc26260d);border:2px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md)}.mating-failure-warning .warning-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);color:var(--danger)}.mating-failure-warning .warning-icon{font-size:1.25rem}.mating-failure-warning .warning-text{font-size:var(--font-size-sm);color:var(--text);margin:0 0 var(--space-sm) 0;line-height:1.5}.mating-failure-warning .warning-action{background:#fff;padding:var(--space-sm);border-radius:var(--radius-md)}.mating-failure-warning .checkbox-label{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:var(--font-size-sm);cursor:pointer}.mating-failure-warning .checkbox-label input[type=checkbox]{margin-top:2px;flex-shrink:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);gap:var(--space-md)}.loading-state.small{padding:var(--space-lg)}.status-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);margin-bottom:var(--space-lg)}.status-card{background:#fff;padding:var(--space-md);border-radius:var(--radius-lg);text-align:center;border:2px solid var(--border);transition:all .2s}.status-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.status-card.open{border-color:#3b82f6}.status-card.bred{border-color:#f59e0b}.status-card.pregnant{border-color:#10b981}.status-card.lactating{border-color:#8b5cf6}.status-icon{font-size:1.5rem;margin-bottom:var(--space-xs)}.status-count{font-size:var(--font-size-2xl);font-weight:800;color:var(--text)}.status-label{font-size:var(--font-size-xs);color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.alerts-section{margin-top:var(--space-lg)}.section-title{font-size:var(--font-size-base);font-weight:700;color:var(--text);margin-bottom:var(--space-md)}.section-title.success{color:var(--success)}.section-title.muted{color:var(--text-light)}.alert-card{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:#fff;border-radius:var(--radius-md);margin-bottom:var(--space-sm);border-left:4px solid var(--border)}.alert-card.success{border-left-color:var(--success);background:#10b9810d}.alert-card.warning{border-left-color:var(--warning);background:#f59e0b0d}.alert-card.info{border-left-color:#3b82f6;background:#3b82f60d}.alert-icon{font-size:1.25rem;flex-shrink:0}.alert-content strong{display:block;font-size:var(--font-size-sm);color:var(--text);margin-bottom:2px}.alert-content p{font-size:var(--font-size-xs);color:var(--text-light);margin:0}.heat-tab{display:flex;flex-direction:column;gap:var(--space-lg)}.heat-header{display:flex;justify-content:space-between;align-items:center}.heat-header h3{margin:0;font-size:var(--font-size-lg)}.heat-form-card{background:linear-gradient(135deg,#f59e0b0d,#fbbf240d);padding:var(--space-lg);border-radius:var(--radius-lg);border:2px solid rgba(245,158,11,.2)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text);margin-bottom:var(--space-xs)}.form-group select,.form-group input,.form-group textarea{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color .2s}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.behavioral-signs-grid{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.sign-chip{padding:var(--space-xs) var(--space-sm);background:#fff;border:2px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s}.sign-chip:hover{border-color:var(--primary)}.sign-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.form-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-md)}.heat-predictions,.heat-history{background:#fff;padding:var(--space-md);border-radius:var(--radius-lg);border:2px solid var(--border)}.heat-predictions h4,.heat-history h4{margin:0 0 var(--space-md) 0;font-size:var(--font-size-base);color:var(--text)}.empty-text{font-size:var(--font-size-sm);color:var(--text-lighter);font-style:italic}.prediction-list{display:flex;flex-direction:column;gap:var(--space-xs)}.prediction-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);background:var(--bg);border-radius:var(--radius-md)}.prediction-goat{display:flex;flex-direction:column;gap:2px}.goat-name{font-weight:600;color:var(--text);font-size:var(--font-size-sm)}.prediction-cycle{font-size:var(--font-size-xs);color:var(--text-light)}.prediction-date{font-size:var(--font-size-sm);color:var(--text-light)}.prediction-date.soon{color:var(--warning);font-weight:700}.heat-records-list{display:flex;flex-direction:column;gap:var(--space-xs)}.heat-record-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:var(--bg);border-radius:var(--radius-md)}.record-info{display:flex;justify-content:space-between;align-items:center}.record-goat{font-weight:600;font-size:var(--font-size-sm)}.record-date{font-size:var(--font-size-xs);color:var(--text-light)}.record-signs{display:flex;flex-wrap:wrap;gap:4px}.sign-tag{font-size:10px;padding:2px 6px;background:#8b5cf61a;color:var(--primary);border-radius:var(--radius-full)}.eligibility-tab{display:flex;flex-direction:column;gap:var(--space-lg)}.eligibility-section{background:#fff;border-radius:var(--radius-lg);padding:var(--space-md);border:1px solid var(--border)}.eligibility-section .section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-base);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.eligibility-section .section-title.success{color:var(--success);border-bottom-color:#10b98133}.eligibility-section .section-title.muted{color:var(--text-light)}.eligibility-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-sm)}.eligibility-list.compact{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-xs)}.eligibility-list-container{display:flex;flex-direction:column;gap:var(--space-sm)}.eligibility-card.selected{border-color:var(--primary);background:linear-gradient(135deg,#8b5cf60d,#8b5cf61a);box-shadow:0 4px 12px #8b5cf626}.buck-recommendations-inline{background:linear-gradient(135deg,#3b82f60d,#6366f10d);border:2px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);padding:var(--space-md);margin-left:var(--space-lg);margin-bottom:var(--space-sm);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.buck-recommendations-header{font-size:var(--font-size-sm);color:var(--text);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid rgba(59,130,246,.2)}.buck-recommendations-header strong{color:var(--primary)}.eligibility-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#10b98105,#10b9810d);border-radius:var(--radius-lg);border:1px solid rgba(16,185,129,.15);transition:all .2s ease}.eligibility-card:hover{border-color:#10b98166;box-shadow:0 2px 8px #10b9811a;transform:translateY(-1px)}.eligibility-card.eligible{border-left:3px solid var(--success)}.eligibility-card.not-eligible{background:linear-gradient(135deg,#6b728005,#6b72800d);border-color:#6b728026;border-left:3px solid var(--text-lighter)}.eligibility-card.not-eligible:hover{border-color:#6b72804d;box-shadow:0 2px 8px #6b72801a}.eligibility-card:before{content:"🐐";font-size:1.25rem;flex-shrink:0}.eligibility-card.not-eligible:before{opacity:.5}.eligibility-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.eligibility-main.clickable{cursor:pointer}.eligibility-main.clickable:hover .goat-tag-name{text-decoration:underline}.eligibility-card.clickable{cursor:pointer}.eligibility-card.clickable:hover{background:#8b5cf614}.goat-info{display:flex;flex-direction:column;gap:4px}.goat-info .goat-tag-name{display:flex;align-items:center;gap:var(--space-sm);white-space:nowrap}.goat-info .goat-tag{font-size:.85rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);padding:3px 10px;border-radius:6px;letter-spacing:0px}.clickable-tag{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.clickable-tag:hover{text-decoration-style:solid;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.goat-info .goat-name{font-size:1rem;font-weight:700;color:#1e293b}.goat-info .goat-breed{font-size:.8rem;color:#059669;background:#ecfdf5;padding:2px 8px;border-radius:4px;border:1px solid #a7f3d0;display:inline-block;width:fit-content}.eligibility-details{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--text-light);flex-wrap:wrap}.eligibility-details span{display:flex;align-items:center;gap:2px;background:#f1f5f9;padding:3px 8px;border-radius:4px;color:#475569;font-weight:600}.eligibility-details span:not(:last-child):after{content:"";margin-left:0}.eligibility-reason{font-size:var(--font-size-xs);color:var(--text-light);line-height:1.3}.eligibility-card .btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;border-radius:var(--radius-full);background:var(--success);color:#fff;border:none;transition:all .2s}.eligibility-card .btn-sm:hover{background:#059669;transform:scale(1.02)}.buck-recommendations-section{background:linear-gradient(135deg,#3b82f60d,#6366f10d);padding:var(--space-md);border-radius:var(--radius-lg);border:2px solid rgba(59,130,246,.2)}.buck-recommendations-section .section-title{font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.buck-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs);margin-bottom:var(--space-sm)}.buck-card{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm);background:#fff;border-radius:var(--radius-md);border:2px solid var(--border)}.buck-card.recommended{border-color:#10b9814d;border-left:3px solid var(--success)}.buck-card.not-recommended{border-color:#ef44444d;border-left:3px solid var(--danger);opacity:.7}.buck-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.buck-info.clickable{cursor:pointer}.buck-info.clickable:hover .buck-tag-name{text-decoration:underline}.buck-info .buck-tag-name{display:flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.buck-info .buck-tag{font-size:var(--font-size-sm);font-weight:800;color:#3b82f6}.buck-info .buck-name{font-size:var(--font-size-xs);color:var(--text)}.buck-info .buck-breed{font-size:var(--font-size-xs);color:var(--text-light)}.compatibility-score{flex-shrink:0}.score-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:700}.score-badge.high{background:#10b98126;color:var(--success)}.score-badge.medium{background:#f59e0b26;color:var(--warning)}.score-badge.low{background:#ef444426;color:var(--danger)}.buck-warnings{display:none}.buck-card:hover .buck-warnings{display:flex}.warning-tag{font-size:10px;padding:2px 6px;background:#f59e0b1a;color:var(--warning);border-radius:var(--radius-full)}.compact-pair-selector{background:linear-gradient(135deg,#fefce8,#fef3c7);border:2px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);padding:var(--space-sm);margin:var(--space-sm) 0;animation:compactFadeIn .2s ease-out}@keyframes compactFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.compact-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--text);margin-bottom:var(--space-sm)}.compact-header strong{color:var(--primary)}.simple-buck-panel{background:#fff;border:2px solid #8b5cf6;border-radius:12px;padding:16px;margin:12px 0;position:relative}.simple-close{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;background:#f1f5f9;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b}.simple-close:hover{background:#ef4444;color:#fff}.simple-section{margin-bottom:16px}.simple-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:10px}.simple-buck-list{display:flex;flex-wrap:wrap;gap:8px}.simple-loading,.simple-empty{color:#9ca3af;font-size:13px;padding:8px}.simple-buck-btn{display:flex;align-items:center;gap:6px;padding:10px 14px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;transition:all .15s ease;font-size:14px}.simple-buck-btn:hover{border-color:#8b5cf6;background:#faf5ff}.simple-buck-btn.selected{border-color:#8b5cf6;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.simple-buck-btn.recommended{border-color:#22c55e}.simple-buck-btn.recommended.selected{background:linear-gradient(135deg,#22c55e,#16a34a)}.rec-star{color:#f59e0b;font-size:12px}.simple-buck-btn.selected .rec-star{color:#fef3c7}.buck-btn-tag{font-weight:700;color:#3b82f6;font-size:13px}.simple-buck-btn.selected .buck-btn-tag{color:#ffffffe6}.buck-btn-tag.clickable-tag{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.buck-btn-tag.clickable-tag:hover{text-decoration-style:solid;color:#1d4ed8}.simple-buck-btn.selected .buck-btn-tag.clickable-tag:hover{color:#fef3c7}.buck-btn-name{font-weight:600}.buck-btn-score{font-size:12px;font-weight:700;padding:2px 6px;background:#00000014;border-radius:4px}.simple-buck-btn.selected .buck-btn-score{background:#ffffff40}.buck-btn-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px}.buck-tag-link{font-size:11px;font-weight:600;color:#3b82f6;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .15s}.buck-tag-link:hover{background:#dbeafe;color:#1d4ed8;text-decoration:underline}.simple-result{background:#f0fdf4;border:1px solid #86efac;border-radius:10px;padding:14px}.result-equation{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;font-size:15px;font-weight:600}.eq-doe{color:#db2777}.eq-buck{color:#2563eb}.eq-x,.eq-arrow{color:#9ca3af}.eq-kid{background:#22c55e;color:#fff;padding:4px 10px;border-radius:6px}.result-genetics{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.breed-tag{background:#dbeafe;color:#1d4ed8;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:600}.result-warnings{margin-top:10px;padding:8px;background:#fef3c7;border-radius:6px;font-size:12px;color:#92400e;display:flex;flex-direction:column;gap:4px}.pairing-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.panel-title-row{display:flex;align-items:center;gap:12px}.panel-icon{font-size:28px;background:#fff3;padding:8px;border-radius:12px}.panel-title h3{margin:0;font-size:18px;font-weight:700}.panel-title p{margin:2px 0 0;font-size:13px;opacity:.9}.panel-title p strong{font-weight:600}.panel-close{width:32px;height:32px;border:none;background:#fff3;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.panel-close:hover{background:#ffffff59;transform:scale(1.1)}.buck-cards-container{padding:12px;background:#f8fafc;max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.panel-loading,.panel-empty{padding:24px;text-align:center;color:#64748b}.buck-card-new{background:#fff;border-radius:12px;padding:12px 14px;cursor:pointer;border:2px solid #e2e8f0;transition:all .2s ease;position:relative}.buck-card-new:hover{border-color:#a855f7;box-shadow:0 4px 12px #a855f726;transform:translateY(-2px)}.buck-card-new.active{border-color:#8b5cf6;background:linear-gradient(135deg,#8b5cf614,#a855f70d);box-shadow:0 4px 16px #8b5cf633}.buck-card-new.top-pick{border-color:#22c55e}.buck-card-new.top-pick:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:12px 12px 0 0}.buck-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.buck-identity{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.top-badge{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.5px}.buck-card-name{font-size:16px;font-weight:700;color:#1e293b}.buck-card-tag{font-size:13px;color:#3b82f6;font-weight:600}.score-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;flex-shrink:0}.score-circle.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.score-circle.yellow{background:linear-gradient(135deg,#f59e0b,#d97706)}.score-circle.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.buck-card-breed{font-size:13px;color:#64748b;margin-bottom:4px}.buck-card-warn{background:#fef3c7;border-left:3px solid #f59e0b;padding:6px 10px;border-radius:0 8px 8px 0;margin-top:8px;font-size:12px;color:#92400e;display:flex;flex-direction:column;gap:2px}.card-selected-mark{position:absolute;bottom:8px;right:10px;background:#8b5cf6;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px}.genetics-expand{background:#fafafa;border-radius:12px;padding:10px 12px;margin-top:8px;border:1px solid #e5e7eb;animation:fadeExpand .2s ease-out}@keyframes fadeExpand{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.genetics-expand-title{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:8px}.genetics-expand-content{display:flex;gap:6px;flex-wrap:wrap}.genetics-chip{display:flex;flex-direction:column;align-items:center;padding:8px 14px;border-radius:10px;color:#fff;min-width:60px;box-shadow:0 2px 8px #00000026}.chip-pct{font-size:18px;font-weight:800;line-height:1}.chip-breed{font-size:10px;font-weight:600;opacity:.9;margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.genetics-result-panel{background:linear-gradient(135deg,#fef3c7,#fef9c3);border-top:1px solid #fcd34d;padding:12px 16px}.kid-genetics-box{background:#f8fafc;border-top:2px solid #e2e8f0;padding:12px}.kid-genetics-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.kid-icon{font-size:20px}.kid-title{font-size:14px;font-weight:700;color:#1e293b}.kid-parents{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;padding:8px;background:#fff;border-radius:10px}.kid-parent{font-size:13px;font-weight:600;padding:4px 10px;border-radius:6px}.kid-parent.doe{background:#ec48991f;color:#be185d}.kid-parent.buck{background:#3b82f61f;color:#1d4ed8}.kid-x{font-size:16px;color:#94a3b8;font-weight:700}.kid-bars{display:flex;flex-direction:column;gap:8px}.kid-bar-item{display:flex;flex-direction:column;gap:4px}.kid-bar-info{display:flex;justify-content:space-between;align-items:center}.kid-breed-name{font-size:13px;font-weight:600;color:#334155}.kid-breed-pct{font-size:14px;font-weight:800;color:#1e293b}.kid-bar-track{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.kid-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.gp-doe{color:#db2777;background:#db27771a;padding:4px 10px;border-radius:8px}.gp-plus{color:#64748b;font-size:18px}.gp-buck{color:#2563eb;background:#2563eb1a;padding:4px 10px;border-radius:8px}.genetics-bars-section{background:#fff;border-radius:10px;padding:10px}.genetics-bars-section .breed-bar-row{margin-bottom:6px}.genetics-bars-section .breed-bar-track{height:12px}.breed-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-md);background:linear-gradient(135deg,#ec489926,#ec489914);border-bottom:2px solid rgba(236,72,153,.3)}.breed-header-info{display:flex;flex-direction:column;gap:4px}.breed-title{font-size:var(--font-size-lg);font-weight:700;color:var(--primary)}.doe-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg);padding:var(--space-xs) 0}.doe-summary strong{color:#be185d}.doe-badge{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:800;box-shadow:0 2px 8px #ec48994d;display:flex;align-items:center;gap:4px}.doe-badge:before{content:"✓";font-size:10px}.tag-badge{background:var(--bg);color:var(--primary);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600}.breed-info{color:var(--text-light);font-size:var(--font-size-sm)}.breed-close-btn{width:24px;height:24px;border:none;background:#0000001a;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.breed-close-btn:hover{background:var(--danger);color:#fff}.breed-result{padding:var(--space-xs) var(--space-sm);background:linear-gradient(135deg,#fefce8,#fef3c7);border-bottom:1px solid var(--border)}.breed-equation{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.parent-box{display:flex;flex-direction:column;align-items:center;padding:3px 6px;border-radius:var(--radius-sm)}.parent-box.doe{background:#ec48991a;border:1px solid rgba(236,72,153,.3)}.parent-box.buck{background:#3b82f61a;border:1px solid rgba(59,130,246,.3)}.parent-label{font-size:11px;font-weight:700;color:var(--text)}.parent-breed{font-size:9px;color:var(--text-light);max-width:70px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breed-plus,.breed-equals{font-size:12px;font-weight:800;color:var(--text-light)}.offspring-box{display:flex;flex-direction:column;align-items:center;padding:4px 8px;background:linear-gradient(135deg,#8b5cf626,#a855f733);border:2px solid var(--primary);border-radius:var(--radius-sm)}.offspring-label{font-size:10px;font-weight:700;color:var(--primary)}.offspring-breed{font-size:10px;font-weight:600;color:var(--text);max-width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.genetics-visual{margin-top:var(--space-sm);padding:var(--space-sm);background:#8b5cf60d;border-radius:var(--radius-sm)}.genetics-visual-title{font-size:var(--font-size-xs);font-weight:600;color:var(--text-light);margin-bottom:4px}.genetics-visual .breed-bar-row{margin-bottom:4px;display:flex;align-items:center;gap:var(--space-xs)}.genetics-visual .breed-bar-name{font-size:11px;font-weight:600;min-width:60px}.genetics-visual .breed-bar-track{height:10px;flex:1}.genetics-visual .breed-bar-pct{font-size:11px;font-weight:700;min-width:35px;text-align:right}.buck-options{padding:var(--space-sm)}.buck-options-header{font-size:var(--font-size-sm);font-weight:600;color:var(--text-light);margin-bottom:var(--space-sm)}.breed-loading,.breed-empty{padding:var(--space-md);text-align:center;color:var(--text-light);font-size:var(--font-size-sm)}.buck-table{display:flex;flex-direction:column;gap:var(--space-xs);max-height:250px;overflow-y:auto}.buck-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg);border-radius:var(--radius-md);cursor:pointer;border:2px solid transparent;transition:all .15s ease;position:relative}.buck-row:hover{background:#8b5cf60d;border-color:#8b5cf64d}.buck-row.selected{background:#8b5cf61a;border-color:var(--primary)}.buck-row.recommended{border-left:3px solid var(--success)}.buck-main{flex:1;min-width:0}.buck-name-row{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.best-badge{font-size:var(--font-size-xs);background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:2px 8px;border-radius:var(--radius-full);font-weight:700}.buck-row .buck-name{font-size:var(--font-size-base);color:#3b82f6}.buck-row .buck-tag{font-size:var(--font-size-sm);color:var(--text-light);background:#fff;padding:2px 6px;border-radius:var(--radius-sm)}.buck-details{display:flex;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-light);margin-top:4px}.buck-details span:after{content:"•";margin-left:var(--space-xs);opacity:.3}.buck-details span:last-child:after{display:none}.buck-warnings-box{margin-top:var(--space-sm);padding:var(--space-sm);background:#f59e0b26;border:1px solid rgba(245,158,11,.4);border-radius:var(--radius-md);border-left:3px solid var(--warning)}.warnings-title{font-size:var(--font-size-sm);font-weight:700;color:#b45309;margin-bottom:4px}.warning-item{font-size:var(--font-size-sm);color:#92400e;padding:2px 0;line-height:1.4}.buck-match{display:flex;flex-direction:column;align-items:center;padding:6px 10px;border-radius:var(--radius-md);min-width:50px}.buck-match.high{background:#10b98126;color:var(--success)}.buck-match.med{background:#f59e0b26;color:var(--warning)}.buck-match.low{background:#ef444426;color:var(--danger)}.match-value{font-size:var(--font-size-lg);font-weight:800}.match-label{font-size:var(--font-size-xs);text-transform:uppercase;opacity:.8}.selected-check{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:var(--primary);color:#fff;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700}.compact-close-btn{width:24px;height:24px;border:none;background:#0000001a;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.compact-close-btn:hover{background:var(--danger);color:#fff}.compact-pair-preview{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);background:#fff;padding:var(--space-sm);border-radius:var(--radius-md);margin-bottom:var(--space-sm);flex-wrap:wrap}.compact-pair-item{display:flex;align-items:center;gap:var(--space-xs)}.compact-pair-item.doe{color:#ec4899}.compact-pair-item.buck{color:#3b82f6}.compact-photo{width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:14px;border:2px solid currentColor}.compact-photo img{width:100%;height:100%;object-fit:cover}.compact-name{font-size:var(--font-size-xs);font-weight:600}.compact-heart{font-size:14px}.compact-arrow{font-size:16px;color:var(--primary);font-weight:700}.compact-offspring{display:flex;align-items:center;gap:var(--space-xs);background:linear-gradient(135deg,#8b5cf61a,#a855f726);padding:4px 8px;border-radius:var(--radius-full)}.compact-kid-icon{font-size:14px}.compact-genetics{font-size:10px;font-weight:700;color:var(--primary);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-loading{display:flex;justify-content:center;padding:var(--space-sm)}.compact-empty{text-align:center;font-size:var(--font-size-xs);color:var(--text-light);padding:var(--space-sm)}.compact-buck-list{display:flex;gap:var(--space-xs);overflow-x:auto;padding:var(--space-xs) 0;-webkit-overflow-scrolling:touch}.compact-buck-list::-webkit-scrollbar{height:4px}.compact-buck-list::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.compact-buck-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-sm);background:#fff;border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;min-width:80px;transition:all .15s ease}.compact-buck-card:hover{border-color:var(--primary);transform:translateY(-2px)}.compact-buck-card.selected{border-color:var(--primary);background:linear-gradient(135deg,#8b5cf61a,#8b5cf626);box-shadow:0 2px 8px #8b5cf633}.compact-buck-card.best{border-color:#10b98180}.compact-check{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:var(--primary);color:#fff;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700}.compact-star{position:absolute;top:-6px;left:-6px;font-size:14px}.compact-buck-photo{width:40px;height:40px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;font-size:16px;color:#3b82f6}.compact-buck-photo img{width:100%;height:100%;object-fit:cover}.compact-buck-info{display:flex;flex-direction:column;align-items:center;gap:1px}.compact-buck-name{font-size:11px;font-weight:700;color:var(--text);max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-buck-tag{font-size:9px;color:#3b82f6;font-weight:600}.compact-score{font-size:10px;font-weight:800;padding:2px 6px;border-radius:var(--radius-full)}.compact-score.high{background:#10b98126;color:var(--success)}.compact-score.med{background:#f59e0b26;color:var(--warning)}.compact-score.low{background:#ef444426;color:var(--danger)}.pairing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--bg)}.pairing-title{font-size:var(--font-size-base);font-weight:700;color:var(--text)}.pairing-close-btn{width:32px;height:32px;border:none;background:var(--bg);border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--text-light)}.pairing-close-btn:hover{background:var(--danger);color:#fff}.pairing-visual{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-md) 0}.pair-goat-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-md);background:var(--bg);border-radius:var(--radius-lg);border:3px solid transparent;min-width:120px;max-width:150px;transition:all .2s ease}.pair-goat-card.doe-card{border-color:#ec4899;background:linear-gradient(135deg,#ec48990d,#ec48991a)}.pair-goat-card.buck-card-display{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f60d,#3b82f61a)}.pair-goat-card.buck-card-display.empty{border-style:dashed;border-color:#94a3b8;background:#94a3b81a}.pair-goat-card.buck-card-display.selected{box-shadow:0 4px 16px #3b82f64d;transform:scale(1.02)}.pair-goat-photo{position:relative;width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:var(--space-sm);box-shadow:0 4px 12px #00000026}.pair-goat-photo img{width:100%;height:100%;object-fit:cover}.pair-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);font-size:2rem}.pair-gender-badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);padding:2px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.pair-gender-badge.doe{background:#ec4899;color:#fff}.pair-gender-badge.buck{background:#3b82f6;color:#fff}.pair-goat-info{display:flex;flex-direction:column;gap:2px}.pair-goat-name{font-size:var(--font-size-sm);font-weight:700;color:var(--text)}.pair-goat-tag{font-size:var(--font-size-xs);font-weight:600;color:var(--primary)}.pair-goat-breed{font-size:10px;color:var(--text-light);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-buck-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md);color:var(--text-light)}.empty-buck-placeholder .empty-icon{font-size:2.5rem;margin-bottom:var(--space-xs);opacity:.5}.empty-buck-placeholder span{font-size:var(--font-size-xs);text-align:center}.pairing-connector{display:flex;align-items:center;gap:var(--space-xs)}.connector-line{width:20px;height:3px;background:linear-gradient(90deg,#ec4899,#f472b6,#3b82f6);border-radius:var(--radius-full)}.connector-heart{font-size:1.5rem;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.offspring-preview{display:flex;flex-direction:column;align-items:center;padding-top:var(--space-md);border-top:2px dashed var(--border);margin-top:var(--space-md);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.offspring-arrow{font-size:1.5rem;color:var(--primary);margin-bottom:var(--space-sm);animation:bounceDown 1s ease-in-out infinite}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.offspring-card{display:flex;align-items:center;gap:var(--space-md);background:linear-gradient(135deg,#8b5cf61a,#a855f726);border:2px solid rgba(139,92,246,.3);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm)}.offspring-icon{font-size:2rem}.offspring-info{display:flex;flex-direction:column;gap:2px}.offspring-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.offspring-genetics{font-size:var(--font-size-base);font-weight:700;color:var(--primary)}.offspring-genetics-detail{width:100%;max-width:300px;background:#fff;padding:var(--space-md);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000d}.buck-selection-section{background:#fff;border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:0 2px 12px #0000000d}.buck-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--bg)}.buck-selection-title{font-size:var(--font-size-base);font-weight:700;color:var(--text)}.buck-selection-count{font-size:var(--font-size-xs);color:var(--text-light);background:var(--bg);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full)}.no-bucks-message{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);color:var(--text-light)}.no-bucks-icon{font-size:2rem;margin-bottom:var(--space-sm)}.buck-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-sm)}.buck-selection-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--space-md);background:#fff;border:3px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-align:center}.buck-selection-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 8px 20px #8b5cf626}.buck-selection-card.selected{border-color:var(--primary);background:linear-gradient(135deg,#8b5cf614,#8b5cf626);box-shadow:0 4px 20px #8b5cf640}.buck-selection-card.recommended{border-color:#10b98180}.buck-selection-card.not-recommended{opacity:.7;border-color:#ef44444d}.selection-indicator{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--bg);border:2px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:all .2s}.selection-indicator.active{background:var(--primary);border-color:var(--primary);color:#fff}.buck-selection-photo{position:relative;width:64px;height:64px;border-radius:50%;overflow:hidden;margin-bottom:var(--space-sm);box-shadow:0 2px 8px #0000001a}.buck-selection-photo img{width:100%;height:100%;object-fit:cover}.buck-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);font-size:1.5rem;color:#3b82f6}.recommended-badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-size:9px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.buck-selection-info{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-sm)}.buck-selection-name{font-size:var(--font-size-sm);font-weight:700;color:var(--text)}.buck-selection-tag{font-size:var(--font-size-xs);font-weight:600;color:#3b82f6}.buck-selection-breed{font-size:10px;color:var(--text-light);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buck-compatibility{display:flex;flex-direction:column;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);min-width:50px}.buck-compatibility.high{background:#10b98126;color:var(--success)}.buck-compatibility.medium{background:#f59e0b26;color:var(--warning)}.buck-compatibility.low{background:#ef444426;color:var(--danger)}.buck-compatibility .compat-value{font-size:var(--font-size-base);font-weight:800}.buck-compatibility .compat-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.buck-selection-warnings{margin-top:var(--space-xs)}.warning-pill{font-size:9px;padding:2px 6px;background:#f59e0b26;color:var(--warning);border-radius:var(--radius-full);display:inline-block}@media(max-width:768px){.breeding-pair-selector{padding:var(--space-md)}.pairing-visual{flex-direction:column;gap:var(--space-sm)}.pair-goat-card{min-width:100px;max-width:120px;padding:var(--space-sm)}.pair-goat-photo{width:60px;height:60px}.pairing-connector{flex-direction:column;padding:var(--space-xs) 0}.connector-line{width:3px;height:15px;background:linear-gradient(180deg,#ec4899,#f472b6,#3b82f6)}.buck-selection-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.buck-selection-card{padding:var(--space-sm)}.buck-selection-photo{width:50px;height:50px}.offspring-card{flex-direction:column;text-align:center;padding:var(--space-sm)}}.close-recs{width:100%;margin-top:var(--space-xs);padding:var(--space-xs);font-size:var(--font-size-xs)}.calendar-tab{display:flex;flex-direction:column;gap:var(--space-lg)}.calendar-tab>h3{margin:0}.calendar-section{background:#fff;padding:var(--space-md);border-radius:var(--radius-lg);border:2px solid var(--border)}.calendar-section h4{margin:0 0 var(--space-md) 0;font-size:var(--font-size-sm);color:var(--text)}.calendar-list{display:flex;flex-direction:column;gap:var(--space-xs)}.calendar-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg);border-radius:var(--radius-md)}.calendar-icon{font-size:1.25rem;flex-shrink:0}.calendar-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.calendar-title{font-weight:600;font-size:var(--font-size-sm);color:var(--text)}.calendar-date{font-size:var(--font-size-xs);color:var(--text-light)}.days-badge{padding:var(--space-xs) var(--space-sm);background:var(--bg);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:var(--text-light);border:1px solid var(--border)}.days-badge.urgent{background:#ef44441a;color:var(--danger);border-color:#ef44444d}.status-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.status-badge.active{background:#10b9811a;color:var(--success)}.status-badge.upcoming{background:#3b82f61a;color:#3b82f6}.status-badge.past{background:var(--bg);color:var(--text-lighter)}@media(max-width:768px){.breed-manager-tabs{padding:var(--space-xs)}.tab-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.status-cards-grid{grid-template-columns:repeat(2,1fr)}.status-card{padding:var(--space-sm)}.status-icon{font-size:1.25rem}.status-count{font-size:var(--font-size-xl)}.alert-card{padding:var(--space-sm)}.heat-header{flex-direction:column;gap:var(--space-sm);align-items:flex-start}.heat-form-card{padding:var(--space-md)}.eligibility-section{padding:var(--space-sm)}.eligibility-section .section-title{font-size:var(--font-size-sm);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs)}.eligibility-list{grid-template-columns:1fr;gap:var(--space-xs)}.eligibility-card{padding:var(--space-sm)}.eligibility-card:before{font-size:1rem}.goat-info .goat-tag{font-size:var(--font-size-sm)}.goat-info .goat-name{font-size:var(--font-size-xs)}.eligibility-card .btn-sm{padding:4px var(--space-sm)}.buck-list{grid-template-columns:1fr}.buck-card{flex-direction:row;align-items:center}.buck-info{flex:1}.buck-recommendations-inline{margin-left:0;padding:var(--space-sm)}.genetics-preview-panel{padding:var(--space-sm)}.genetics-preview-header{gap:var(--space-xs)}.genetics-preview-header h4{font-size:var(--font-size-xs)}}.buck-card{cursor:pointer;transition:all .2s ease}.buck-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.buck-card.selected{border-color:var(--primary);background:linear-gradient(135deg,#8b5cf61a,#8b5cf626);box-shadow:0 4px 16px #8b5cf640;transform:translateY(-1px)}.buck-card.selected:after{content:"✓";position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.buck-card{position:relative}.genetics-preview-panel{background:linear-gradient(135deg,#8b5cf614,#6366f11f);border:2px solid rgba(139,92,246,.3);border-radius:var(--radius-lg);padding:var(--space-md);margin-top:var(--space-md);animation:slideUp .25s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.genetics-preview-header{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md)}.genetics-icon{font-size:1.5rem;flex-shrink:0}.genetics-title-area{flex:1}.genetics-title-area h4{margin:0;font-size:var(--font-size-base);font-weight:700;color:var(--text)}.genetics-parents{font-size:var(--font-size-sm);color:var(--primary);font-weight:600}.genetics-close-btn{width:28px;height:28px;border:none;background:#0000001a;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.genetics-close-btn:hover{background:#0003}.genetics-preview-body{background:#fff;border-radius:var(--radius-md);padding:var(--space-md)}.genetics-result-summary{font-size:var(--font-size-base);font-weight:700;color:var(--text);margin-bottom:var(--space-sm);text-align:center;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.genetics-breed-bars{display:flex;flex-direction:column;gap:var(--space-xs)}.genetics-bar-row{display:flex;align-items:center;gap:var(--space-sm)}.genetics-bar-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.genetics-bar-name{font-size:var(--font-size-sm);font-weight:500;color:var(--text);min-width:80px}.genetics-bar-track{flex:1;height:8px;background:var(--bg);border-radius:var(--radius-full);overflow:hidden}.genetics-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.genetics-bar-pct{font-size:var(--font-size-sm);font-weight:700;color:var(--text);min-width:35px;text-align:right}.genetics-disclaimer{font-size:var(--font-size-xs);color:var(--text-light);margin:var(--space-sm) 0 0 0;text-align:center}.farm-dashboard-v2{padding-bottom:var(--space-2xl);min-height:100vh}.hero-card{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-md);box-shadow:0 10px 30px #10b9814d;color:#fff}.hero-header{margin-bottom:var(--space-lg)}.farm-info{display:flex;align-items:center;gap:var(--space-md)}.farm-icon{font-size:3rem;background:#fff3;width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.farm-title{font-size:var(--font-size-2xl);margin:0;font-weight:700}.farm-subtitle{font-size:var(--font-size-sm);margin:var(--space-xs) 0 0 0;opacity:.9}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:var(--space-sm)}.hero-stat{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;transition:all .2s}.hero-stat.clickable{cursor:pointer}.hero-stat.clickable:hover{background:#ffffff40;transform:translateY(-2px)}.hero-stat-highlight{background:#fbbf244d;border:2px solid rgba(251,191,36,.5)}.hero-stat-value{font-size:var(--font-size-3xl);font-weight:700;line-height:1;margin-bottom:var(--space-xs)}.hero-stat-label{font-size:var(--font-size-xs);opacity:.9;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.urgent-alerts{background:linear-gradient(135deg,#ef44441a,#fbbf241a);border:2px solid var(--danger);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md)}.urgent-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.urgent-icon{font-size:1.5rem}.urgent-title{font-weight:700;color:var(--danger);font-size:var(--font-size-base)}.urgent-list{display:flex;flex-direction:column;gap:var(--space-xs)}.urgent-item{display:flex;align-items:center;gap:var(--space-sm);background:#fff;padding:var(--space-sm);border-radius:var(--radius-md)}.urgent-item-icon{font-size:1.25rem;flex-shrink:0}.urgent-item-content{flex:1;min-width:0}.urgent-item-title{font-weight:600;font-size:var(--font-size-sm);color:var(--text);margin-bottom:2px}.urgent-item-message{font-size:var(--font-size-xs);color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-section{margin-bottom:var(--space-lg)}.section-header-v2{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.section-header-v2 h2{font-size:var(--font-size-xl);font-weight:700;color:var(--text);margin:0}.see-all-link-v2{color:var(--primary);font-weight:600;text-decoration:none;font-size:var(--font-size-sm)}.see-all-link-v2:hover{text-decoration:underline}.activity-timeline{display:flex;flex-direction:column;gap:var(--space-xs)}.activity-item{display:flex;align-items:center;gap:var(--space-sm);background:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:all .2s;cursor:pointer}.activity-item:hover{box-shadow:var(--shadow);transform:translate(4px)}.activity-icon{font-size:1.5rem;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:var(--radius-sm)}.activity-content{flex:1;min-width:0}.activity-text{font-size:var(--font-size-sm);color:var(--text);margin-bottom:2px}.activity-text strong{font-weight:700;color:var(--primary)}.activity-time{font-size:var(--font-size-xs);color:var(--text-light)}.goat-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-md)}.goat-card-v2{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);text-decoration:none;transition:all .2s;cursor:pointer}.goat-card-v2:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.goat-card-image{width:100%;aspect-ratio:1;object-fit:cover}.goat-card-placeholder{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg) 0%,var(--border-light) 100%)}.placeholder-icon{font-size:4rem;opacity:.5}.goat-card-info{padding:var(--space-sm)}.goat-card-name{font-weight:700;font-size:var(--font-size-base);color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goat-card-tag{font-size:var(--font-size-xs);color:var(--text-light)}.section-title-compact{font-size:var(--font-size-lg);font-weight:700;color:var(--text);margin:0 0 var(--space-md) 0}.quick-action-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);justify-items:center}@media(min-width:600px){.quick-action-cards{grid-template-columns:repeat(3,1fr)}}.quick-action-card{display:flex;align-items:center;gap:var(--space-md);background:#fff;border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);cursor:pointer;transition:all .2s;text-align:left;width:100%}.quick-action-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action-icon{font-size:2.5rem;flex-shrink:0}.quick-action-content{flex:1;min-width:0}.quick-action-title{font-weight:700;font-size:var(--font-size-base);color:var(--text);margin-bottom:2px}.quick-action-desc{font-size:var(--font-size-xs);color:var(--text-light)}.empty-state-v2{text-align:center;padding:var(--space-2xl);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.empty-icon-v2{font-size:5rem;display:block;margin-bottom:var(--space-lg);opacity:.5}.empty-state-v2 h3{color:var(--text);margin-bottom:var(--space-sm)}.empty-state-v2 p{color:var(--text-light);margin-bottom:var(--space-lg);font-size:var(--font-size-base)}@media(max-width:768px){.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stat-value{font-size:var(--font-size-2xl)}.goat-gallery{grid-template-columns:repeat(2,1fr)}.quick-action-cards{grid-template-columns:1fr}.activity-item{padding:var(--space-sm)}}.quick-action-card.lineage-tracker:hover{border-color:#059669;background:#0596690d}.quick-action-card.deworm-manager:hover{border-color:#f59e0b;background:#f59e0b0d}.alerts-page{padding-bottom:var(--space-2xl)}.alerts-list{display:flex;flex-direction:column;gap:var(--space-md)}.alert-card{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow);display:flex;align-items:center;gap:var(--space-md);border-left:4px solid var(--border);transition:all .2s}.alert-card:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.alert-card.alert-urgent{border-left-color:var(--danger);background-color:#ef44440d}.alert-card.alert-soon{border-left-color:var(--warning);background-color:#f59e0b0d}.alert-card.alert-upcoming{border-left-color:var(--primary)}.alert-icon{font-size:2.5rem;flex-shrink:0}.alert-content{flex:1}.alert-title{font-weight:700;font-size:var(--font-size-xl);color:var(--text);margin-bottom:var(--space-xs)}.alert-message{font-size:var(--font-size-base);color:var(--text-light);margin-bottom:var(--space-sm)}.alert-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-lighter)}.alert-type{text-transform:capitalize;font-weight:600}.alert-separator{opacity:.5}.alert-due{font-weight:600}.alert-card.alert-urgent .alert-due{color:var(--danger)}.alert-card.alert-soon .alert-due{color:var(--warning)}.alert-card.alert-upcoming .alert-due{color:var(--primary)}.alert-action-btn{width:48px;height:48px;border-radius:50%;border:2px solid var(--border);background-color:#fff;color:var(--text-light);font-size:var(--font-size-xl);cursor:pointer;transition:all .2s;flex-shrink:0}.alert-action-btn:hover{border-color:var(--success);color:var(--success);transform:scale(1.1)}@media(max-width:480px){.alert-card{padding:var(--space-md)}.alert-icon{font-size:2rem}.alert-title{font-size:var(--font-size-lg)}}