.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#2d5016,#4a7c2c);padding:20px}.auth-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.auth-card h1{text-align:center;font-size:32px;margin-bottom:8px;color:#2d5016}.auth-subtitle{text-align:center;color:#6b7280;margin-bottom:24px;font-size:14px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.auth-form input{padding:12px 16px;font-size:15px;border:1px solid #d1d5db;border-radius:6px}.auth-form input:focus{border-color:#2d5016;box-shadow:0 0 0 3px #2d50161a}.auth-form button{padding:12px 16px;background:#2d5016;color:#fff;font-size:15px;font-weight:600;border-radius:6px;cursor:pointer;transition:background .2s ease}.auth-form button:hover:not(:disabled){background:#4a7c2c}.auth-form button:disabled{opacity:.7;cursor:not-allowed}.error-message{background:#fee;color:#c53030;padding:12px;border-radius:6px;font-size:13px;text-align:center;margin-bottom:12px;border-left:4px solid #c53030}.auth-info{text-align:center;font-size:12px;color:#6b7280;margin-top:12px;line-height:1.6}@media (max-width: 480px){.auth-card{padding:24px}.auth-card h1{font-size:28px}}.sheep-list{display:flex;flex-direction:column;gap:20px}.list-header{display:flex;justify-content:space-between;align-items:center}.list-header h2{font-size:24px;color:#1f2937}.btn-add{background:#2d5016;color:#fff;padding:10px 20px;border-radius:6px;font-weight:600;font-size:14px}.btn-add:hover{background:#4a7c2c}.stats-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:12px}.stat-card{background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px #0000001a;text-align:center}.stat-value{font-size:28px;font-weight:700;color:#2d5016}.stat-label{font-size:12px;color:#6b7280;margin-top:4px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.filters{display:flex;gap:12px;flex-wrap:wrap}.search-input,.filter-select{padding:10px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;background:#fff}.search-input{flex:1;min-width:200px}.filter-select{min-width:150px}.search-input:focus,.filter-select:focus{outline:none;border-color:#2d5016;box-shadow:0 0 0 3px #2d50161a}.table-responsive{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.sheep-table{width:100%;border-collapse:collapse;font-size:14px}.sheep-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.sheep-table th{padding:12px;text-align:left;font-weight:600;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.sheep-table th:hover{background:#f3f4f6}.sort-icon{margin-left:4px;opacity:.5;transition:opacity .2s ease}.sort-icon.active{opacity:1;color:#2d5016}.sheep-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s ease}.sheep-table tbody tr.clickable-row{cursor:pointer}.sheep-table tbody tr.clickable-row:hover{background:#f0fdf4}.sheep-table td{padding:12px}.id-cell{font-weight:600;color:#2d5016}.name-cell,.sex-cell{font-weight:500}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.actions-cell{display:flex;gap:6px}.btn-edit,.btn-delete{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:14px;font-weight:600}.btn-edit{background:#dbeafe;color:#0c4a6e}.btn-edit:hover{background:#bfdbfe}.btn-delete{background:#fee2e2;color:#7f1d1d}.btn-delete:hover{background:#fca5a5}.no-data{background:#f9fafb;font-style:italic;color:#6b7280;text-align:center}.results-count{font-size:12px;color:#6b7280;margin-top:12px;text-align:right}@media (max-width: 768px){.list-header{flex-direction:column;gap:12px}.filters{flex-direction:column}.search-input,.filter-select{width:100%}.sheep-table{font-size:12px}.sheep-table th,.sheep-table td{padding:8px}.btn-edit,.btn-delete{width:24px;height:24px;font-size:12px}@media (max-width: 640px){.sheep-table{font-size:11px}.sheep-table thead{display:none}.sheep-table tbody,.sheep-table tr,.sheep-table td{display:block;width:100%}.sheep-table tbody tr{margin-bottom:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.sheep-table td{padding:6px 0 6px 100px;position:relative;text-align:right}.sheep-table td:before{content:attr(data-label);position:absolute;left:6px;font-weight:600;color:#374151;text-align:left}.actions-cell{justify-content:flex-end}}}.sheep-form{display:flex;flex-direction:column;gap:20px;max-width:600px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:600;color:#1f2937;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2d5016;box-shadow:0 0 0 3px #2d50161a}.age-display{padding:10px 12px;font-size:14px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;gap:12px;margin-top:12px}.form-actions button{flex:1;padding:12px 20px;font-size:15px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.form-actions button[type=submit]{background:#2d5016;color:#fff}.form-actions button[type=submit]:hover:not(:disabled){background:#4a7c2c}.form-actions button[type=button]{background:#e5e7eb;color:#374151}.form-actions button[type=button]:hover:not(:disabled){background:#d1d5db}.form-actions button:disabled{opacity:.6;cursor:not-allowed}.errors{background:#fef2f2;border-left:4px solid #c53030;padding:12px;border-radius:6px}.errors p{color:#c53030;font-size:13px;margin-bottom:4px}.errors p:last-child{margin-bottom:0}@media (max-width: 600px){.form-row{grid-template-columns:1fr}.sheep-form{gap:16px}.form-actions{flex-direction:column}}.sheep-details{display:flex;flex-direction:column;gap:20px}.details-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.details-header h2{flex:1;font-size:24px;color:#1f2937;margin:0}.btn-back,.btn-edit-details{padding:10px 16px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-back{background:#e5e7eb;color:#374151}.btn-back:hover{background:#d1d5db}.btn-edit-details{background:#2d5016;color:#fff}.btn-edit-details:hover{background:#4a7c2c}.details-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-section{padding:20px;border-bottom:1px solid #e5e7eb}.card-section:last-child{border-bottom:none}.card-section h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.detail-item value{font-size:15px;font-weight:500;color:#1f2937}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize;width:fit-content}.status-breeding{background:#dbeafe;color:#0c4a6e}.status-nursing{background:#fce7f3;color:#831843}.status-waiting_for_ram{background:#fef3c7;color:#92400e}.status-ready_for_slaughter{background:#fed7aa;color:#9a3412}.status-injured{background:#fee2e2;color:#7f1d1d}.notes-text{color:#374151;line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word}.loading,.no-children{color:#6b7280;font-style:italic;margin:0}.children-table-wrapper{overflow-x:auto}.children-table{width:100%;border-collapse:collapse;font-size:14px}.children-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.children-table th{padding:12px;text-align:left;font-weight:600;color:#374151}.children-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s ease}.children-table tbody tr:hover{background:#f9fafb}.children-table td{padding:12px}.children-table .id-cell{font-weight:600;color:#2d5016}.children-table .name-cell,.children-table .sex-cell{font-weight:500}@media (max-width: 768px){.details-header{flex-wrap:wrap}.details-header h2{flex-basis:100%;order:1}.btn-back{order:0}.btn-edit-details{order:2}.detail-grid{grid-template-columns:1fr}.card-section{padding:16px}.card-section h3{font-size:14px;margin-bottom:12px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2d5016;--primary-light: #4a7c2c;--accent: #e8a87c;--accent-light: #f5c4a1;--danger: #c53030;--warning: #f59e0b;--success: #10b981;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-600: #4b5563;--gray-700: #374151;--gray-900: #111827;--text-primary: #1f2937;--text-secondary: #6b7280}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-primary);background:var(--gray-50);line-height:1.5}button{font-family:inherit;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s ease}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:14px;border:1px solid var(--gray-300);border-radius:6px;padding:8px 12px;transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2d50161a}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}.app-header h1{font-size:24px;font-weight:700}.header-actions{display:flex;align-items:center;gap:20px}.error-banner{background:var(--danger);color:#fff;padding:12px 16px;border-radius:6px;font-size:13px}.btn-logout{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px}.btn-logout:hover{background:#ffffff4d}.app-main{flex:1;padding:20px;max-width:1400px;width:100%;margin:0 auto}.form-container{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.form-container h2{margin-bottom:20px;font-size:20px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;z-index:999}@media (max-width: 768px){.app-header{flex-direction:column;gap:12px;text-align:center}.app-header h1{font-size:20px}.header-actions{width:100%;justify-content:center}.app-main{padding:12px}}