.form-container{max-width:1200px;margin:0 auto;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a}.form-container-mpk{display:grid;grid-template-columns:50% 50%;max-width:100%;margin:0 auto;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a}.form-container-cdl{display:grid;grid-template-columns:30% 70%;max-width:100%;margin:0 auto;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.form-title{font-size:24px;font-weight:700;color:#333;margin:0;text-align:center}.photo-upload{display:flex;align-items:center;justify-content:center}.upload-label{display:flex;align-items:center;cursor:pointer}.upload-image{width:100px;height:100px;object-fit:cover;border-radius:8px;border:2px solid #ccc;margin-right:15px}.upload-input{display:none}.livestock-form{display:grid;gap:20px}.form-section{padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 6px #0000001a}.form-row{display:flex;gap:20px;margin-bottom:15px}.form-group{flex:1}label{font-size:14px;color:#333;margin-bottom:5px;display:block}.form-input,.form-select{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;font-size:14px;box-sizing:border-box;outline:none}.form-input:focus,.form-select:focus{border-color:#4caf50}.checkbox-group{display:flex;gap:10px;align-items:center}.checkbox-group label{font-size:14px}.form-submit{display:flex;justify-content:flex-end}.submit-button{padding:10px 20px;font-size:16px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.submit-button:hover{background-color:#45a049}.message{margin-top:20px;font-size:16px;color:#e90707}@media (max-width: 768px){.livestock-form{grid-template-columns:1fr}.form-row{flex-direction:column}.form-group{margin-bottom:15px}.photo-upload{flex-direction:column;align-items:center}.upload-image{width:80px;height:80px}}@media (max-width: 480px){.form-title{font-size:20px}.submit-button{width:100%}}.radio-group{display:flex;gap:20px;align-items:center}@media print{.no-print{display:none!important}}:root{--diet-primary: #1976d2;--diet-header-bg: #514c4c;--diet-header-color: #fff;--diet-row-hover: #f0f7ff;--diet-row-stripe: #f9f9f9;--diet-border-radius: 10px;--diet-transition: .2s}.diet-chart-container{background:#fff;box-shadow:0 2px 8px #00000012;margin:1rem 0;overflow-x:auto}.diet-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:var(--diet-border-radius);overflow:hidden;box-shadow:0 1px 4px #0000000a;font-size:1.1rem;transition:box-shadow var(--diet-transition)}.diet-table th,.diet-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e0e0e0}.diet-table th{background:var(--diet-header-bg);color:var(--diet-header-color);font-size:1.15rem;font-weight:600;letter-spacing:.02em}.diet-table tr{transition:background var(--diet-transition)}.diet-table tbody tr:nth-child(2n){background:var(--diet-row-stripe)}.diet-table tbody tr:hover{background:var(--diet-row-hover);cursor:pointer}.diet-table td,.diet-table th{min-width:100px}.diet-table td input[type=number]{width:80px;padding:.3rem;border-radius:5px;border:1px solid #ccc;font-size:1rem}.diet-header{font-size:2rem;font-weight:700;color:var(--diet-header-bg);margin-bottom:1.5rem;text-align:center}.diet-action-btn{background:var(--diet-primary);color:#fff;border:none;border-radius:5px;padding:.5rem 1.2rem;font-size:1rem;margin:0 .5rem;cursor:pointer;transition:background var(--diet-transition),box-shadow var(--diet-transition);box-shadow:0 1px 2px #0000000a}.diet-action-btn:hover,.diet-action-btn:focus{background:#1256a3;outline:2px solid var(--diet-primary)}@media (max-width: 900px){.diet-chart-container{padding:1rem}.diet-header{font-size:1.5rem}.diet-table th,.diet-table td{padding:.5rem;font-size:1rem}}@media (max-width: 600px){.diet-chart-container{padding:.5rem}.diet-header{font-size:1.1rem}.diet-table,.diet-table th,.diet-table td{font-size:.95rem}.diet-table td input[type=number]{width:60px;font-size:.9rem}}.diet-table tr:focus{outline:2px solid var(--diet-primary);outline-offset:-2px}.cow-info-container{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;max-width:100%;margin:2px}.cow-info-main{display:grid;align-items:center;grid-template-columns:10% 50% 30%;gap:16px;width:100%}.cow-info-header{display:flex;align-items:start;margin:4px;justify-content:space-between;flex-direction:column;width:100%}.cow-img{width:100%;height:100%;object-fit:cover}.cow-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:20px}.cow-details{display:flex;align-items:center;margin-left:40px}.cow-details h3{font-size:24px;margin:0;font-weight:700}.cow-details p{margin-left:20px;font-size:14px;color:#777}.cow-stats{display:flex;justify-content:space-between;width:100%}.stat-item{display:flex;flex-direction:column;text-align:center;padding:10px;border:2px dotted #777;border-radius:5px;margin:10px}.stat-item span{font-size:16px}.stat-item small{font-size:12px;color:#777}.cow-actions{display:flex;justify-content:space-between;flex-direction:column;width:100%}button{padding:8px 12px;font-size:14px;border-radius:4px;cursor:pointer;transition:background-color .3s}.delete-btn{background-color:#e74c3c;color:#fff;border:none}.report-btn{background-color:#3498db;color:#fff;border:none}.edit-btn{background-color:#f39c12;color:#fff;border:none}button:hover{opacity:.8}.delete-button{width:100%;color:#000;border:none;cursor:pointer}.report-button{width:45%;margin-right:5%}.edit-button{width:45%;margin-left:5%}.action{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;font-size:14px;text-align:left;margin-bottom:12px}.cow-list-container{display:flex;flex-direction:row;width:100%;padding:20px;background-color:#f9f9f9}.main-content{display:grid;grid-template-columns:40% 60%;height:100%;gap:20px;overflow:hidden;flex-wrap:wrap}.main-content-mpd{display:grid;grid-template-columns:100%;height:100%;gap:20px;overflow:hidden;flex-wrap:wrap}.cow-list-section{flex:1;max-height:100%;width:100%;height:100vh;overflow-y:auto;overflow-x:hidden}.cow-list-section .search-input{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.cow-list{list-style-type:none;padding:0}.cow-list-item{display:flex;align-items:center;padding:10px;border-bottom:1px solid #ddd;cursor:pointer;transition:background-color .3s}.cow-list-item.selected{background-color:#f0f0f0}.cow-list-item:hover{background-color:#e9e9e9}.cow-avatar img{width:50px;height:50px;border-radius:50%;margin-right:15px}.cow-info{flex:1}.cow-info p{font-weight:700}.cow-info span{color:#555}.cow-info-section{background-color:#fff;padding:2px;margin:2px;border-radius:8px;box-shadow:0 2px 6px #0000001a;height:100%;overflow-y:auto;overflow-x:hidden}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-entry-btn{padding:10px 20px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer}.add-entry-btn:hover{background-color:#1976d2}@media screen and (max-width: 767px){.main-content{flex-direction:column;gap:10px}.cow-info-section{width:100%;max-height:300px;overflow-y:auto}.header{flex-direction:column;align-items:flex-start}.add-entry-btn{width:100%;padding:12px 0}.cow-avatar img{width:40px;height:40px}.cow-info p{font-size:14px}.cow-info span{font-size:12px}.milk-info span{font-size:255px}}@media screen and (min-width: 768px) and (max-width: 1024px){.main-content{flex-direction:row;gap:15px}.cow-info-section{width:60%;max-height:400px;overflow-y:auto}.header{flex-direction:row;justify-content:space-between}.add-entry-btn{padding:10px 20px}.cow-avatar img{width:45px;height:45px}}@media screen and (min-width: 1025px){.main-content{flex-direction:row;gap:20px}.cow-info-section{width:100%}.add-entry-btn{padding:10px 20px}.cow-avatar img{width:50px;height:50px}.milk-cow-avatar img{width:30px;height:30px;border-radius:20%;margin-right:10px}}.tabs{display:flex;justify-content:flex-start;margin-bottom:20px}.tab-button{padding:10px 20px;margin-right:10px;background-color:#f5f5f5;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease;color:#333}.tab-button.active{background-color:#fff;color:#000;border:#ccc}.tab-button:hover{background-color:#f8c7c7}.tab-button.active:hover{background-color:#fff}.livestock-container{display:flex;flex-wrap:wrap;gap:0;width:100%}.livestock-sidebar{flex:1;max-width:300px;border:1px solid #ddd;border-radius:0;background-color:#f9f9f9}.livestock-main{flex:3;width:100%;border:1px solid #ddd;border-radius:0;background-color:#fff}.livestock-details{display:grid;grid-template-columns:1fr;gap:0;width:100%}@media (max-width: 1024px){.livestock-container{flex-direction:column}.livestock-sidebar{max-width:100%;flex:none}.livestock-main{flex:none;width:100%}}@media (max-width: 768px){.livestock-details{grid-template-columns:1fr}}@media (max-width: 480px){.livestock-container{gap:8px}.livestock-sidebar,.livestock-main{width:100%}}.report-dashboard-container{padding:0;margin-top:0;width:100%;min-height:100vh;background:#f5f6fa;display:flex;flex-direction:column}.report-header{margin-bottom:1.5rem;display:flex;align-items:center;color:#2c3e50;font-weight:700;font-size:2.2rem;letter-spacing:1px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #514c4c14;padding:1.2rem 2rem}.report-header-icon{margin:0 .5rem;color:#7f8c8d}.report-sidebar{width:220px;background-color:#fff;border-radius:12px;padding:1.5rem 1rem;box-shadow:0 2px 12px #514c4c1f;margin-right:2rem;min-height:400px;display:flex;flex-direction:column;gap:1rem}.report-sidebar-title{font-weight:700;margin-bottom:1rem;color:#514c4c;font-size:1.4rem;letter-spacing:.5px}.report-list{padding:0;margin:0;list-style:none}.report-list-item{margin-bottom:.5rem;border-radius:6px;transition:background .3s,box-shadow .3s;box-shadow:0 1px 2px #514c4c0a}.report-list-item:hover{background-color:#f0eaea;box-shadow:0 2px 8px #514c4c1a}.report-list-button{padding:.75rem 1rem;width:100%;text-align:left;background:none;border:none;outline:none;font-size:1.15rem;color:#514c4c;font-weight:500;cursor:pointer;border-radius:6px;transition:background .2s}.report-list-button:active,.report-list-button.selected{background:#e9ecef;color:#2c3e50}.report-list-text{font-size:1.3rem;color:#495057}.diet-reports-title{font-weight:700;margin:1.5rem 0 1rem;color:#514c4c;font-size:1.2rem}.report-content-area{flex:1;padding:2rem 2.5rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 12px #514c4c1a;margin-left:1rem;min-height:400px;display:flex;flex-direction:column}.report-content-area table,.excel-table{width:100%;border-radius:10px;box-shadow:0 2px 8px #514c4c1a;overflow:hidden;transition:box-shadow .3s}.report-content-area th,.excel-table th{background-color:#514c4c!important;color:#fff!important;font-weight:700!important;font-size:1.1rem!important;letter-spacing:.5px;text-align:center;border-bottom:2px solid #e0e0e0;transition:background .2s}.report-content-area td,.excel-table td{border:1px solid #e0e0e0;padding:.75rem 1rem;font-size:1rem;color:#514c4c;text-align:center;background:#fff;transition:background .2s,color .2s}.report-content-area tr:nth-child(2n),.excel-table tr:nth-child(2n){background-color:#faf9f6}.report-content-area tr:hover,.excel-table tr:hover{background-color:#f0eaea;box-shadow:0 4px 16px #514c4c21;transform:scale(1.01);z-index:2;position:relative}.report-content-area tr:focus-within,.excel-table tr:focus-within{outline:2px solid #514c4c;outline-offset:-2px}.MuiDataGrid-root{width:100%!important;border-radius:10px!important;box-shadow:0 2px 8px #514c4c1a!important;overflow:hidden}.MuiDataGrid-row{transition:background .2s,box-shadow .2s,transform .2s}.MuiDataGrid-row:hover{background-color:#f0eaea!important;box-shadow:0 4px 16px #514c4c21;transform:scale(1.01);z-index:2;position:relative}.MuiDataGrid-row:focus-within{outline:2px solid #514c4c;outline-offset:-2px}.report-content-area td:focus,.excel-table td:focus{outline:2px solid #514c4c;outline-offset:-2px;background:#e0dede}.empty-state-container{display:flex;justify-content:center;align-items:center;height:70vh;background-color:#f8f9fa;border-radius:8px;box-shadow:inset 0 0 10px #514c4c}.empty-state-text{color:#7f8c8d;font-size:1.5rem;text-align:center}@media (max-width: 1024px){.report-dashboard-container{flex-direction:column;padding:1rem}.report-sidebar{width:100%;margin-bottom:1rem;margin-right:0}.report-content-area{margin-left:0;margin-top:1rem;padding:1rem}}@media (max-width: 768px){.report-dashboard-container{padding:.5rem}.report-header{flex-direction:column;align-items:flex-start;font-size:1.5rem;padding:.8rem 1rem}.report-sidebar{width:100%;margin-bottom:1rem;padding:1rem .5rem}.report-content-area{margin-left:0;margin-top:1rem;padding:.5rem}}.report-table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 900px){.report-content-area table,.excel-table,.MuiDataGrid-root{min-width:500px;font-size:.95rem}}@media (max-width: 600px){.report-content-area{padding:.5rem .2rem}.report-header{font-size:1.1rem;padding:.5rem}.report-table-responsive{margin:0 -.5rem}.report-content-area table,.excel-table,.MuiDataGrid-root{min-width:400px;font-size:.85rem}}.excel-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:small}.excel-table th,.excel-table td{border:1px solid #cdcdcd;padding:8px;text-align:left;word-wrap:break-word}.excel-table th{background-color:#161515;color:#fff;cursor:pointer;font-size:1.5rem;padding:12px 8px}.excel-table tr:nth-child(2n){background-color:#fafafa}.excel-wrapper{padding:16px;background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 6px #0000001a;border-radius:4px}html{zoom:reset}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f8f9fa;padding:20px;box-sizing:border-box}.login-wrapper{display:flex;max-width:900px;width:100%;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;overflow:hidden;flex-direction:row}.login-content{flex:1;padding:60px 40px;display:flex;flex-direction:column}.login-logo{flex:1;background-color:#f8f8f7;display:flex;align-items:center;justify-content:center;padding:20px}.login-logo img{width:100%;height:100%;max-height:420px;object-fit:contain}.login-title{font-size:32px;font-weight:700;color:#2c3e50;margin-bottom:30px;text-align:center}.login-form{width:100%}.form-row1{display:flex;flex-direction:column;gap:20px}.input-field{width:100%;padding:15px 20px;font-size:16px;border:2px solid #e9ecef;border-radius:8px;transition:all .3s ease;box-sizing:border-box}.input-field:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db33}.password-field{position:relative;width:100%}.password-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:#7f8c8d;font-size:18px}.login-button{width:100%;padding:15px;background-color:#3498db;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease;margin-top:10px}.login-button:hover{background-color:#2980b9}.login-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.error-message{color:#e74c3c;font-size:14px;margin-bottom:20px;padding:10px;background-color:#fdecea;border-radius:6px;text-align:center}.browser-support{font-size:12px;color:#7f8c8d;margin-top:30px;text-align:center}@media (max-width: 768px){.login-wrapper{flex-direction:column}.login-content{padding:40px 20px;order:2}.login-logo{padding:30px;order:1;background-color:#fff}.login-logo img{max-height:150px}}@media (max-width: 480px){body{touch-action:pan-x pan-y;-webkit-text-size-adjust:none;text-size-adjust:none}.login-container{padding:10px}.login-logo{padding:20px}}