@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.lexend-100{font-optical-sizing:auto;font-style:normal;font-weight:100}.lexend-100,.lexend-200{font-family:Lexend,sans-serif}.lexend-200{font-optical-sizing:auto;font-style:normal;font-weight:200}.lexend-300{font-optical-sizing:auto;font-style:normal;font-weight:300}.lexend-300,.lexend-400{font-family:Lexend,sans-serif}.lexend-400{font-optical-sizing:auto;font-style:bold;font-weight:400}.lexend-500{font-optical-sizing:auto;font-style:normal;font-weight:500}.lexend-500,.lexend-600{font-family:Lexend,sans-serif}.lexend-600{font-optical-sizing:auto;font-style:normal;font-weight:600}.lexend-700{font-optical-sizing:auto;font-style:normal;font-weight:700}.lexend-700,.lexend-800{font-family:Lexend,sans-serif}.lexend-800{font-optical-sizing:auto;font-style:normal;font-weight:800}.lexend-900{font-family:Lexend,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:900}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#fefdfc;overflow-x:hidden}.App{font-family:DM Sans,sans-serif;font-style:normal;min-height:100vh;text-align:center}.flex{align-items:flex-start;display:flex;justify-content:space-between}.flex-end{align-self:flex-end}.capitalize{text-transform:capitalize}.pointer{cursor:pointer}.margin-top-20{margin-top:20px}.header{background:#fff;box-shadow:0 16px 32px 0 #42413d1a,0 2px 4px 0 #42413d0a;box-sizing:border-box;height:84px;position:relative;width:100%}.header,.logo-container{align-items:center;display:flex}.logo-container{height:36px;justify-content:center;margin-left:clamp(16px,4vw,60px);width:195px}.logo-container img{max-height:100%;max-width:100%;object-fit:contain}.heading{word-wrap:break-word;font-size:clamp(40px,6vw,62px);-webkit-hyphens:auto;hyphens:auto;letter-spacing:-1.5px;line-height:1.15;margin:clamp(48px,8vw,120px) auto 40px;overflow-wrap:break-word;padding:0 16px;text-align:center}.heading h1{color:#4c4c4c;font-size:inherit;letter-spacing:inherit;line-height:inherit;margin:0;white-space:nowrap}.sub-heading{word-wrap:break-word;font-size:clamp(18px,2.5vw,24px);-webkit-hyphens:auto;hyphens:auto;letter-spacing:-1.5px;line-height:1.35;margin:12px 0 40px;overflow-wrap:break-word;text-align:center}.description{color:#1c2636;font-size:clamp(14px,2vw,18px);letter-spacing:.5px;line-height:1.55;margin:32px auto 0;text-align:center}.content-container,.landing-page-container{align-items:center;display:flex;flex-direction:column;gap:24px}.filters{background:#f6f6f6;border-radius:24px;box-shadow:0 0 52.1px 5px #b1b0b01a;box-sizing:border-box;margin:0 auto;padding:20px;width:90%}.filters,.filters-top{display:flex;flex-direction:column}.filters-top{align-items:center;border-radius:4px;gap:10px;padding:10px}.form-container{background-color:#fffc;border-radius:28px;box-sizing:border-box;margin:0 auto;padding:41px}.form-container,.search-form{align-items:center;display:flex;justify-content:center;width:100%}.search-form{flex-direction:row;gap:28px;max-width:680px}.field{flex:1 1;min-width:0}.field-label{display:block;font-family:Lexend,sans-serif;font-weight:700;margin-bottom:13px}.date-field,.date-field-wrapper{height:54px;width:100%}.date-field{background:#fff;border:1px solid #d0d5dd;border-radius:12px;box-sizing:border-box;font-family:Lexend,sans-serif;font-size:16px;outline:none;padding:0 16px}.date-field:focus-visible{outline-color:#fbd880}.date-field[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;height:100%;opacity:0;position:absolute;right:0;top:0;width:40px}.date-field[type=date]::-moz-calendar-picker-indicator{cursor:pointer;height:100%;opacity:0;position:absolute;right:0;top:0;width:40px}.date-field-wrapper .custom-calendar-icon{cursor:pointer;height:20px;opacity:.7;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:20px;z-index:1}.date-field-wrapper:hover .custom-calendar-icon{opacity:1}.calender-icon{bottom:12px;height:14px;position:absolute;right:12px;width:14px}.button-container{align-items:center;display:flex;flex:1.2 1}.submit-button{align-items:center;background:#070608;border:#0000;border-radius:16px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-family:Lexend,sans-serif;font-size:16px;font-weight:700;gap:8px;height:54px;justify-content:center;max-width:246px;min-height:54px;padding:14px 28px;white-space:nowrap;width:100%}.submit-button:disabled{background:#9ca3af;cursor:not-allowed}.error-container{align-items:center;display:flex;justify-content:space-between;margin-top:5px}.error-message{color:red;font-size:12px;line-height:1.4;margin-right:8px}.tooltip-container{display:inline-block;margin-left:10px;position:relative}.info-icon{align-items:center;border:1px solid red;border-radius:50%;bottom:10px;color:red;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;position:absolute;right:0;width:18px}.tooltip-content{background-color:#fff;border-radius:6px;bottom:125%;box-shadow:0 0 10px #0000001a;box-sizing:border-box;color:#555;font-size:14px;line-height:1.4;opacity:0;padding:10px;position:absolute;right:0;text-align:center;transition:opacity .3s;visibility:hidden;width:250px;z-index:1}.tooltip-container:hover .tooltip-content{opacity:1;visibility:visible}.tooltip-container.inline{display:inline-block;margin-left:5px;position:relative}.tooltip-container.inline .info-icon{font-size:10px;height:16px;position:static;width:16px}.tooltip-container.inline .tooltip-content{bottom:auto;left:25px;top:-5px}.tooltip-container.inline .tooltip-content:after{border-color:#0000 #555 #0000 #0000;left:-10px;right:auto;top:10px}.toast-message{align-items:center;animation:fadein .5s,fadeout .5s 2.5s;background-color:#ff8484;border-radius:2px;color:#fff;display:flex;min-width:200px;padding:10px;position:fixed;right:20px;top:20px;z-index:10}.error-icon{padding-right:5px}@keyframes fadein{0%{opacity:0;right:0}to{opacity:1;right:20px}}@keyframes fadeout{0%{opacity:1;right:20px}to{opacity:0;right:0}}.loading-container{padding:30px;text-align:center}.content{background:#fff;border-radius:20px;box-sizing:border-box;font-size:20px;line-height:26px;padding:24px;text-align:left}.empty-component{align-items:center;align-self:stretch;background-color:#cdcdd099;border:1px solid #d9d6db;border-radius:16px;display:flex;justify-content:center;margin-bottom:36px;margin-top:36px;min-height:246px}.plant-details-container,.results-container{grid-gap:24px 35px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.milk-date-details,.other-details,.plant-details-wrapper,.plant-details-wrapper-2{display:flex}.milk-rejected,.plant-details-wrapper,.plant-details-wrapper-2{background:#fbd8804d;border-radius:10px}.plant-details-wrapper{grid-column:span 2}.plant-details-wrapper-2{grid-column:span 3}.plant-details,.plant-details-2{display:flex;flex:1 1;max-width:1200px}.plant-details-content{color:#8f8f8f;margin-top:6px}.plant-details-content-line{color:#000;font-size:16px;font-weight:700;margin-top:0}.plant-details-content-line span{word-wrap:break-word;display:inline;overflow-wrap:break-word;white-space:normal}.milk-rejected .plant-details-content{color:#000}.plant-address{flex:1 1;max-width:600px;padding:24px}.plant-address-2{padding:24px}.milk-rejected,.milk-type,.stamp-container,.test-date{padding:24px 20px}.milk-rejected{display:block;grid-column:span 1}.stamp-container{display:flex;height:95px;justify-content:center;transform:rotate(-14deg);width:95px}.results-container{margin-top:43px}.test-result{word-wrap:break-word;background:#dadada4d;border-radius:10px;display:flex;flex-direction:column;overflow-wrap:break-word;padding:24px}.milk-rejected-description,.test-result-content{color:#8f8f8f;margin-top:4px}.milk-rejected-description{font-size:16px;margin-bottom:19px}.test-result-footer{bottom:24px;display:flex;flex:1 1;margin-top:19px}.result{white-space:nowrap}.footer{align-items:center;font-size:20px;line-height:26px;margin-top:24px;position:relative}.footer,.legend-container{display:flex;justify-content:space-between}.legend-container{flex:1 1;margin-right:10px;max-width:400px}.legend-icon{align-self:center;border-radius:50%;height:23px;margin-right:10px;min-width:23px;width:23px}.success{background:#50bfa5}.success-text{color:#50bfa5}.danger{background:#f54721}.image-content{margin:0 auto;width:90%}.empty-image{border-radius:40px;box-shadow:0 0 52.1px 5px #b1b0b01a;display:block;height:auto;margin-top:80px;max-width:100%;width:100%}.empty-text{font-size:24px;margin:12px auto;max-width:100%;width:218px}.empty-message{align-items:center;color:#8a838b;display:flex;font-size:16px;justify-content:center;line-height:1.4;margin:0 auto;max-width:520px;padding:24px;text-align:center}.lab-test-results{font-size:24px;line-height:31.25px;padding:21px 0}.lab-tests-results-bar{background:#fbd880;border-radius:43px;height:6px;margin-top:8px;width:62px}.view-mode-section{background:#f9f9f9;border-radius:10px;box-sizing:border-box;margin-top:30px;padding:20px;text-align:center;width:100%}.view-mode-section h3{color:#070608;margin-bottom:10px}.view-mode-section p{color:#666}.download-icon-container{align-items:flex-end;cursor:pointer;display:flex;justify-content:flex-end;margin-right:20px}.pdf-preview-container{box-sizing:border-box;margin-left:auto;margin-right:auto;margin-top:40px;width:min(calc(100% - 32px),960px)}.pdf-preview-content iframe{box-sizing:border-box}.radio-field{align-items:center;display:flex;margin:15px 25px 11px 0}.radio-field-container input[type=radio]{-webkit-appearance:none;appearance:none;background-clip:content-box;border:2px solid #fbd880;border-radius:50%;height:16px;margin:0 8px 0 0;padding:2px;width:16px}.filters input[type=radio]:checked{background-color:#fbd880}.switch-wrapper{max-width:410px}@media screen and (max-width:1250px){.search-form{width:100%}.filters{display:flex}.lab-test-results{margin-bottom:37px}.field{padding:0}.plant-details{display:block}.header{left:0;position:fixed;right:0;top:0;z-index:1000}body{padding-top:84px}}@media screen and (max-width:900px){.search-form{align-items:stretch;flex-direction:column;gap:16px;width:100%}.button-container{flex:none;max-width:none;width:100%}.submit-button{height:54px;min-height:54px;width:100%}.other-details{display:block}.stamp-container{justify-content:flex-start}.plant-details-container,.results-container{grid-template-columns:repeat(2,minmax(0,1fr))}.milk-rejected{grid-column:span 2}}@media screen and (max-width:767px){.App{background:#fefdfc;padding:0}.heading{font-size:40px;letter-spacing:-1.2px;line-height:1.15;margin:36px 0 28px;padding:0 16px}.sub-heading{font-size:20px;line-height:28px;margin:8px 0 16px;padding:0 10px}.description{font-size:16px;letter-spacing:.4px;line-height:22px;margin:20px auto 0;padding:0}.filters{border-radius:18px;margin:10px auto;padding:16px;width:90%}.filters-top{margin-bottom:20px}.switch-wrapper{justify-content:center;width:100%}.fields-container{flex:none;margin-bottom:0;min-width:auto;width:100%}.date-field-wrapper{width:100%}.date-field{font-size:16px;height:54px;min-width:0;padding:14px 16px;width:100%}.submit-button{height:54px}.logo-container{height:28px;width:150px}.error-container{align-items:flex-start;flex-direction:column;gap:8px;margin-top:8px;width:100%}.error-message{font-size:12px}.tooltip-container.inline .info-icon{margin-left:8px;position:static}.radio-field-container{display:inline-flex}.radio-field{margin-right:20px}.footer,.legend-container{display:block}.footer .submit-button{margin-top:15px}.switch-option{font-size:14px;padding:8px 16px}.empty-image{border-radius:24px;margin-top:8px}.stamp-container{height:70px;width:70px}.pdf-preview-container{padding:12px!important;width:min(calc(100% - 24px),640px)}.pdf-preview-header{padding:10px 0!important}.pdf-preview-content{height:68vh!important;min-height:420px}.pdf-preview-content iframe{border-radius:14px!important;padding:0!important;width:100%!important}.plant-details-container,.results-container{gap:16px;grid-template-columns:1fr}.milk-rejected,.plant-details-wrapper,.plant-details-wrapper-2{grid-column:auto}.milk-rejected,.milk-type,.plant-address,.plant-address-2,.test-date,.test-result{padding:18px}}@media screen and (max-width:450px){.header{align-items:flex-start;box-shadow:0 10px 19px #42413d14;height:65px}body{padding-top:65px}.logo-container{height:26px;margin-left:24px;margin-top:18px;width:131px}.heading{box-sizing:border-box;color:#4a4a4d;font-size:clamp(30px,8.6vw,34px);letter-spacing:-.75px;line-height:1.15;margin:48px 0 35px;padding:0 16px}.heading h1{white-space:nowrap}.sub-heading{margin:0;padding:0}.sub-heading h1{display:none}.description{color:#182132;font-size:14px;letter-spacing:0;line-height:1.56;margin:25px auto 24px;padding:0}.filters{background:#ffffffdb;border-radius:14px;box-shadow:0 14px 23px #42413d14;margin:0 auto;padding:16px 12px 12px;width:90%}.filters-top{gap:0;margin-bottom:0;padding:0}.switch-container{width:100%}.search-form{background:#fff;border-radius:11px;box-sizing:border-box;gap:12px;margin:0 auto;padding:12px;width:100%}.date-field{border:1.75px solid #d9d6db;border-radius:11px;color:#1c1c1f;font-size:13px;height:48px;min-height:48px;padding:12px}.date-field::placeholder{color:#aaa5ab;opacity:1}.submit-button{border-radius:11px;font-size:14px;gap:10px;height:48px;line-height:1.2;min-height:48px;padding:12px;text-transform:capitalize}.submit-button img{height:18px;width:18px}.switch-option{font-size:13px;padding:12px 6px}.milk-date-details{display:block}.stamp-container{padding:24px 0}.results-container{grid-template-columns:1fr}.content{font-size:16px;line-height:24px;padding:16px}.empty-component{align-items:center;align-self:stretch;background-color:#cdcdd099;border:1px solid #d9d6db;border-radius:16px;display:flex;height:246px;justify-content:center;margin-top:36px;min-height:246px}.empty-image{border-radius:12px;margin-top:20px;width:100%!important}.toast-message{left:10px;min-width:0;right:10px;top:12px}.tooltip-content{left:0;right:auto;width:min(250px,calc(100vw - 40px))}}.rejected-milk-viewer{display:flex;font-family:Lexend,sans-serif;justify-content:center;margin:20px auto}.rejected-milk-card{align-items:flex-start;background:linear-gradient(172.16deg,#fff7ed,#fef2f2);border:1.735px solid #ffd6a7;border-radius:16px;display:flex;gap:24px;padding:18px;width:auto}.rejected-milk-body{display:flex;flex:1 1;flex-direction:row;gap:20px;min-width:0}.rejected-milk-heading{align-items:center;display:flex;gap:10px}.header-indicator{background:#ff6900;border-radius:9999px;flex-shrink:0;height:32px;width:4px}.rejected-milk-heading h2{color:#101828;font-size:24px;font-weight:700;line-height:32px;margin:0}.rejected-milk-date{color:#4a5565;font-size:16px;line-height:20px;margin:0}.metrics-container{gap:12px;padding:12px}.metric-card,.metrics-container{display:flex;flex-direction:column}.metric-card{align-items:flex-start;background:#fff;border-radius:12px;gap:16px;justify-content:space-between;padding:20px 24px}.metric-left{align-items:center;display:flex;flex-wrap:wrap;gap:6px;min-width:0}.metric-icon{flex-shrink:0;height:16px;width:16px}.metric-label{color:#4a5565;font-size:14px;font-weight:400;line-height:20px;overflow-wrap:anywhere}.metric-value{color:#101828;font-size:30px;font-weight:700;line-height:36px;white-space:nowrap}.rejected-date-picker{align-items:center;color:#101828;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;position:relative}.rejected-date-picker input{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.rejected-date-picker input::-webkit-calendar-picker-indicator{cursor:pointer;height:100%;width:100%}.rejected-date-picker img{height:18px;opacity:.75;pointer-events:none;width:18px}.rejected-milk-stamp{align-items:center;display:flex;flex-shrink:0;height:120px;justify-content:center;width:120px}.stamp-image{height:100%;object-fit:contain;width:100%}@media (max-width:767px){.rejected-milk-card{flex-direction:column;gap:20px;padding:20px}.rejected-milk-stamp{align-self:center;height:100px;width:100px}.metric-card{padding:20px}.metric-value{font-size:24px;line-height:30px}.rejected-milk-heading h2{font-size:20px;line-height:28px}}@media (max-width:450px){.rejected-milk-card{gap:16px;padding:10px}.metric-card{flex-wrap:wrap;gap:8px;height:auto;min-height:60px;padding:10px}.metric-left{align-items:flex-start}.metric-left img{flex-shrink:0}.metric-label,.rejected-date-picker{font-size:10px;line-height:14px}.rejected-date-picker img{height:14px;width:14px}.metric-value{font-size:16px;line-height:22px}.rejected-milk-stamp{height:60px;width:60px}}.switch-wrapper{align-items:center;background:#eae7ea;border-radius:999px;box-sizing:border-box;display:flex;justify-content:center;max-width:420px;min-width:0;padding:4px;width:100%}.switch-option{background:#0000;border:none;border-radius:999px;color:#070608;cursor:pointer;flex:1 1;font-family:Lexend,sans-serif;font-size:16px;font-weight:500;min-width:0;padding:10px 20px;text-align:center;transition:all .2s ease;white-space:nowrap}.switch-option:hover{background:#fce0994d}.switch-option.active{background:#fce099;color:#070608}.switch-option:focus{box-shadow:0 0 0 2px #fce09980;outline:none}@media screen and (max-width:767px){.switch-wrapper{max-width:100%}.switch-option{font-size:14px;padding:8px 16px}}@media screen and (max-width:450px){.switch-wrapper{border-radius:999px;padding:4px}.switch-option{font-size:13px;line-height:1.25;padding:12px 6px;white-space:normal}}
/*# sourceMappingURL=main.b4fba531.css.map*/