:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-page{display:flex;flex-direction:column;width:100vw;min-height:100vh;justify-content:flex-start;align-items:center;margin:0 auto;background-color:#121212;gap:40px}.login-page img{width:50vw;margin-top:5vh}.login-page .title{font-size:35px;margin:0}.login-page .form{background-color:#2c2c2c;padding:20px;border-radius:8px}.login-page .form form{display:flex;flex-direction:column;gap:15px;width:70vw}.login-page .form form input{color:#e0e0e0;border:none;padding:12px 24px;border-radius:8px}.login-page .form form .error{display:flex;align-items:center;gap:5px;padding:12px 24px;border-radius:8px}.login-page .form form hr{width:100%;border:1px solid;box-shadow:none}.login-page .form form .register-prompt{display:flex;justify-content:space-between;align-items:center}.login-page .form form .register-prompt p{margin:0}.login-page .form form .register-prompt a{color:#eeb73b}.login-page .form form .register-prompt a:hover{color:#9b700b}#light .login-page{display:flex;flex-direction:column;width:100vw;min-height:100vh;justify-content:flex-start;align-items:center;margin:0 auto;background-color:#f4f4f4;gap:40px}#light .login-page img{width:50vw;margin-top:5vh}#light .login-page .title{font-size:35px;margin:0}#light .login-page .form{background-color:#ddd;padding:20px;border-radius:8px}#light .login-page .form form{display:flex;flex-direction:column;gap:15px;width:70vw}#light .login-page .form form input{color:#333;border:none;padding:12px 24px;border-radius:8px}#light .login-page .form form .error{display:flex;align-items:center;gap:5px;padding:12px 24px;border-radius:8px}#light .login-page .form form hr{width:100%;border:1px solid;box-shadow:none}#light .login-page .form form .register-prompt{display:flex;justify-content:space-between;align-items:center}#light .login-page .form form .register-prompt p{margin:0}#light .login-page .form form .register-prompt a{color:#eeb73b}#light .login-page .form form .register-prompt a:hover{color:#9b700b}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:80px;background-color:#2c2c2c;display:flex;justify-content:space-around;align-items:center;z-index:10}.bottom-nav .nav-item{flex:1;text-align:center;padding:8px 0;color:#555;text-decoration:none;font-size:12px;display:flex;flex-direction:column;align-items:center}.bottom-nav .nav-item svg{font-size:20px;margin-bottom:4px}.bottom-nav .nav-item.active{color:#b3b184}#light .bottom-nav{position:fixed;bottom:0;left:0;right:0;height:80px;background-color:#ddd;display:flex;justify-content:space-around;align-items:center;z-index:10}#light .bottom-nav .nav-item{flex:1;text-align:center;padding:8px 0;color:#555;text-decoration:none;font-size:12px;display:flex;flex-direction:column;align-items:center}#light .bottom-nav .nav-item svg{font-size:20px;margin-bottom:4px}#light .bottom-nav .nav-item.active{color:#b3b184}.weather-component{width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;align-self:center}.weather-component h2{text-align:center;margin-bottom:1rem}.weather-component .today-weather{width:85vw;margin-bottom:10px}.weather-component .today-weather .flex-container{display:flex;align-items:center;justify-content:space-between}.weather-component .today-weather .flex-container p{margin:0}.weather-component .chart-container{margin-bottom:10px;padding:5vw;width:85vw}.weather-component .daily-details{text-align:center}.weather-component .daily-details .daily-list{width:85vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.weather-component .daily-details .daily-list .daily-item p{font-size:10px}#light .weather-component .daily-details .daily-list .daily-item .weather-icon{color:#333}.home-charts{display:flex;flex-direction:column;gap:10px;width:95vw;margin:0 auto;margin-bottom:10vh}.home-charts h2{width:100%;text-align:center}.home-charts .donut canvas{max-height:20vh}.home-charts .chart-container .custom-legend{display:flex;width:85vw;margin:20px auto 0;align-items:center;justify-content:space-evenly;gap:5px}.home-charts .chart-container .custom-legend .legend-item{display:flex;align-items:center;gap:5px}.home-charts .chart-container .custom-legend .legend-item .legend-color{display:block;width:20px;height:20px}.home-charts .chart-container .custom-legend .legend-item p{margin:0;color:#a0a0a0}.report-viewer .report-dropdown{display:flex;align-items:center;justify-content:space-between}.report-viewer input{margin:10px 0;width:85%}.report-viewer button{margin:10px 0;width:85vw}.report-viewer .table{max-width:100vw;overflow:scroll}.report-viewer .table table{font-size:11px}#light .report-viewer .report-dropdown{display:flex;align-items:center;justify-content:space-between}#light .report-viewer input{margin:10px 0;width:85%}#light .report-viewer button{margin:10px 0;width:85vw}#light .report-viewer .table{max-width:100vw;overflow:scroll}#light .report-viewer .table table{font-size:11px;color:#333}.home-page{width:100vw}.home-page .top-buttons{display:flex;align-items:center;justify-content:flex-end}.home-page .top-buttons .logout{height:50px}.home-page .notification-bell{display:flex;align-items:center;justify-content:flex-end;padding:10px}.home-page .notification-bell .content{width:50px;height:50px;background-color:#b3b184;display:flex;align-items:center;justify-content:center;border-radius:10px}.home-page .notification-bell .content .icon-num{display:flex}.home-page .notification-bell .content .icon-num svg{color:#d32f2f}.home-page .notification-bell .content .icon-num span{color:#333}.home-page .modal-content h2{margin-left:20px}.home-page .modal-content .notification-cards{display:flex;flex-direction:column;gap:5px;width:95%;margin:0 auto 30px}.home-page .modal-content .notification-cards .notification-card{background-color:#121212;display:flex;align-items:center;justify-content:space-between;gap:20vw;padding:15px}.home-page .modal-content .notification-cards .notification-card button{padding:8px 10px;font-size:12px}.home-page .modal-content .notification-cards .notification-card p{margin:0}.register-page{display:flex;flex-direction:column;width:100vw;min-height:100vh;justify-content:flex-start;align-items:center;margin:0 auto;background-color:#121212;gap:40px}.register-page img{width:50vw;margin-top:5vh}.register-page .title{font-size:35px;margin:0}.register-page .form{background-color:#2c2c2c;padding:20px;border-radius:8px;margin-bottom:50px}.register-page .form form{display:flex;flex-direction:column;gap:15px;width:70vw}.register-page .form form input{color:#e0e0e0;border:none;padding:12px 24px;border-radius:8px}.register-page .form form .error{display:flex;align-items:center;gap:5px;padding:12px 24px;border-radius:8px}.register-page .form form hr{width:100%;border:1px solid;box-shadow:none}.register-page .form form .login-prompt{display:flex;justify-content:space-between;align-items:center}.register-page .form form .login-prompt p{margin:0}.register-page .form form .login-prompt a{color:#eeb73b}.register-page .form form .login-prompt a:hover{color:#9b700b}#light .register-page{display:flex;flex-direction:column;width:100vw;min-height:100vh;justify-content:flex-start;align-items:center;margin:0 auto;background-color:#f4f4f4;gap:40px}#light .register-page img{width:50vw;margin-top:5vh}#light .register-page .title{font-size:35px;margin:0}#light .register-page .form{background-color:#ddd;padding:20px;border-radius:8px;margin-bottom:50px}#light .register-page .form form{display:flex;flex-direction:column;gap:15px;width:70vw}#light .register-page .form form input{color:#333;border:none;padding:12px 24px;border-radius:8px}#light .register-page .form form .error{display:flex;align-items:center;gap:5px;padding:12px 24px;border-radius:8px}#light .register-page .form form hr{width:100%;border:1px solid;box-shadow:none}#light .register-page .form form .login-prompt{display:flex;justify-content:space-between;align-items:center}#light .register-page .form form .login-prompt p{margin:0}#light .register-page .form form .login-prompt a{color:#eeb73b}#light .register-page .form form .login-prompt a:hover{color:#9b700b}.settings-page{display:flex;flex-direction:column;align-items:center;width:100vw;min-height:100vh}.settings-page .cards{display:flex;flex-direction:column;width:95vw;margin:0 auto;gap:10px}.settings-page .cards .card{display:flex;flex-direction:column;gap:5px}.settings-page .cards .card h2,.settings-page .cards .card p{margin:0}.settings-page .cards .card p{color:#a0a0a0}.settings-page .cards .farmer-details button{margin-top:10px}.settings-page .cards .farmer-details .farmer-details-form{display:flex;flex-direction:column;gap:10px}.settings-page .cards .farmer-details .farmer-details-form .input-field{display:flex;flex-direction:column}.settings-page .cards .farmer-details .farmer-details-form .buttons{display:flex;gap:10px;width:100%}.settings-page .cards .farmer-details .farmer-details-form .buttons .cancel-btn{background-color:#d32f2f}.settings-page .cards .farmer-details .farmer-details-form .buttons button{width:100%}.settings-page .cards .theme-switch{display:flex;flex-direction:row;justify-content:space-between}.settings-page .cards .logout{margin-bottom:10vh}.settings-page .cards .logout button{background-color:#d32f2f}.modal-overlay .modal-content .mobs-form{text-align:center;margin:0 auto;padding:10px}.modal-overlay .modal-content .mobs-form .form-content{max-height:70vh;overflow:scroll;display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.modal-overlay .modal-content .mobs-form .form-content h2{margin-bottom:1rem}.modal-overlay .modal-content .mobs-form .form-content .mob-entry-container{background-color:#1e1e1e;padding:10px;border-radius:8px}.modal-overlay .modal-content .mobs-form .form-content .mob-entry-container .remove-mob-btn{width:100%;background-color:#d32f2f}.modal-overlay .modal-content .mobs-form .form-content .mob-entry-container .mob-entry{display:grid;grid-template-columns:repeat(2,1fr);width:85vw;gap:.5rem;margin-bottom:.5rem;align-items:center;justify-content:space-between}.modal-overlay .modal-content .mobs-form .form-content .mob-entry-container .mob-entry input{max-width:35vw;padding:12px 10px;background-color:#2c2c2c}.modal-overlay .modal-content .mobs-form .buttons{display:flex;flex-direction:column;gap:10px}.modal-overlay .modal-content .mobs-form .buttons .add-mob-btn,.modal-overlay .modal-content .mobs-form .buttons .submit-btn{width:100%}.modal-overlay .modal-content .mobs-form .buttons .add-mob-btn{background:#b3b184}.modal-overlay .modal-content .mobs-form .buttons .submit-btn{background:#03dac6}#light .modal-overlay .modal-content .mobs-form .form-content .mob-entry-container{background-color:#ebebeb}#light .modal-overlay .modal-content .mobs-form .form-content .mob-entry-container .remove-mob-btn{background-color:#d32f2f}#light .modal-overlay .modal-content .mobs-form .form-content .mob-entry-container .mob-entry input{background-color:#ddd}#light .modal-overlay .modal-content .mobs-form .buttons{display:flex;flex-direction:column;gap:10px}#light .modal-overlay .modal-content .mobs-form .buttons .add-mob-btn,#light .modal-overlay .modal-content .mobs-form .buttons .submit-btn{width:100%}#light .modal-overlay .modal-content .mobs-form .buttons .add-mob-btn{background:#b3b184}#light .modal-overlay .modal-content .mobs-form .buttons .submit-btn{background:#03dac6}.modal-overlay .modal-content{border-radius:8px;position:relative;width:100vw;background-color:#2c2c2c;padding:10px;box-shadow:0 4px 12px #00000026}.modal-overlay .modal-content .tabs{display:flex;justify-content:space-evenly;gap:10px;margin-top:5vh}.modal-overlay .modal-content .tabs button{background-color:#b3b184;margin-bottom:10px}.modal-overlay .modal-content .tabs .active{background-color:#1e1e1e;border-radius:8px 8px 0 0;margin-bottom:0;padding-bottom:10px}.modal-overlay .modal-content form{padding:0 10px 10px}.modal-overlay .modal-content form .tab-content{padding:15px 0;margin-bottom:20px;background-color:#1e1e1e;border-radius:8px;display:flex;flex-direction:column}.modal-overlay .modal-content form .tab-content h2{margin-top:0;margin-left:10px}.modal-overlay .modal-content form .tab-content .details{width:90%;margin:0 auto;display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:8px}.modal-overlay .modal-content form .tab-content .details .input-field{display:flex;flex-direction:column}.modal-overlay .modal-content form .tab-content .details .input-field input{background-color:#2c2c2c}.modal-overlay .modal-content form .tab-content .animals-list{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow:scroll;margin-bottom:20px}.modal-overlay .modal-content form .tab-content .animals-list .animal{padding:20px;background-color:#1e1e1e;border-radius:8px}.modal-overlay .modal-content form .tab-content .animals-list .animal button{width:100%;background-color:#d32f2f}.modal-overlay .modal-content form .tab-content .animals-list .animal .animal-input-container{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-bottom:10px;justify-content:space-between}.modal-overlay .modal-content form .tab-content .animals-list .animal .animal-input-container .animal-input-field{display:flex;flex-direction:column}.modal-overlay .modal-content form .tab-content .animals-list .animal .animal-input-container .animal-input-field input{background-color:#2c2c2c;max-width:30vw}.modal-overlay .modal-content form .tab-content .animals-list .animal .animal-input-container .animal-input-field input:disabled{color:#a0a0a0}.modal-overlay .modal-content form .tab-content .add-animal-btn{background-color:#03dac6;width:90%;margin:0 auto}.modal-overlay .modal-content form .tab-content .paddock-details{display:flex;flex-direction:column;gap:10px}.modal-overlay .modal-content form .tab-content .paddock-details .paddock-input{display:flex;flex-direction:column}.modal-overlay .modal-content form .modal-actions{display:flex;justify-content:space-between;gap:10px}.modal-overlay .modal-content form .modal-actions button{width:100%}.modal-overlay .modal-content form .modal-actions .cancel-btn{background-color:#d32f2f}#light .modal-overlay .modal-content{background-color:#ddd}#light .modal-overlay .modal-content .close-button{color:#333}#light .modal-overlay .modal-content .tabs button{background-color:#b3b184}#light .modal-overlay .modal-content .tabs .active{background-color:#ebebeb;color:#333}#light .modal-overlay .modal-content form .tab-content{background-color:#ebebeb}#light .modal-overlay .modal-content form .tab-content .details .input-field input{background-color:#ddd}#light .modal-overlay .modal-content form .tab-content .animals-list .animal{background-color:#ebebeb}#light .modal-overlay .modal-content form .tab-content .animals-list .animal button{background-color:#d32f2f}#light .modal-overlay .modal-content form .tab-content .animals-list .animal .animal-input-container .animal-input-field input{background-color:#ddd}#light .modal-overlay .modal-content form .tab-content .animals-list .animal .animal-input-container .animal-input-field input:disabled{color:#666}#light .modal-overlay .modal-content form .tab-content .add-animal-btn{background-color:#03dac6}#light .modal-overlay .modal-content form .modal-actions .cancel-btn{background-color:#d32f2f}.modal-overlay .modal-content .paddocks-form{text-align:center;margin:0 auto;padding:10px}.modal-overlay .modal-content .paddocks-form .form-content{max-height:70vh;overflow:scroll;display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.modal-overlay .modal-content .paddocks-form .form-content h2{margin-bottom:1rem}.modal-overlay .modal-content .paddocks-form .form-content .paddock-entry-container{background-color:#1e1e1e;padding:10px;border-radius:8px}.modal-overlay .modal-content .paddocks-form .form-content .paddock-entry-container .remove-paddock-btn{width:100%;background-color:#d32f2f}.modal-overlay .modal-content .paddocks-form .form-content .paddock-entry-container .paddock-entry{display:grid;grid-template-columns:repeat(2,1fr);width:85vw;gap:.5rem;margin-bottom:.5rem;align-items:center;justify-content:space-between}.modal-overlay .modal-content .paddocks-form .form-content .paddock-entry-container .paddock-entry input{max-width:35vw;padding:12px 10px;background-color:#2c2c2c}.modal-overlay .modal-content .paddocks-form .buttons{display:flex;flex-direction:column;gap:10px}.modal-overlay .modal-content .paddocks-form .buttons .add-mob-btn,.modal-overlay .modal-content .paddocks-form .buttons .submit-btn{width:100%}.modal-overlay .modal-content .paddocks-form .buttons .add-mob-btn{background:#b3b184}.modal-overlay .modal-content .paddocks-form .buttons .submit-btn{background:#03dac6}#light .modal-overlay .modal-content .paddocks-form{text-align:center;margin:0 auto;padding:10px}#light .modal-overlay .modal-content .paddocks-form .form-content{max-height:70vh;overflow:scroll;display:flex;flex-direction:column;gap:10px;margin-bottom:10px}#light .modal-overlay .modal-content .paddocks-form .form-content h2{margin-bottom:1rem}#light .modal-overlay .modal-content .paddocks-form .form-content .paddock-entry-container{background-color:#ebebeb;padding:10px;border-radius:8px}#light .modal-overlay .modal-content .paddocks-form .form-content .paddock-entry-container .remove-paddock-btn{width:100%;background-color:#d32f2f}#light .modal-overlay .modal-content .paddocks-form .form-content .paddock-entry-container .paddock-entry{display:grid;grid-template-columns:repeat(2,1fr);width:85vw;gap:.5rem;margin-bottom:.5rem;align-items:center;justify-content:space-between}#light .modal-overlay .modal-content .paddocks-form .form-content .paddock-entry-container .paddock-entry input{max-width:35vw;padding:12px 10px;background-color:#ddd}#light .modal-overlay .modal-content .paddocks-form .buttons{display:flex;flex-direction:column;gap:10px}#light .modal-overlay .modal-content .paddocks-form .buttons .add-mob-btn,#light .modal-overlay .modal-content .paddocks-form .buttons .submit-btn{width:100%}#light .modal-overlay .modal-content .paddocks-form .buttons .add-mob-btn{background:#b3b184}#light .modal-overlay .modal-content .paddocks-form .buttons .submit-btn{background:#03dac6}.modal-overlay .modal-content .edit-paddocks-form{margin:0 auto;padding:10px}.modal-overlay .modal-content .edit-paddocks-form .form-content{max-height:70vh;overflow:scroll;display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.modal-overlay .modal-content .edit-paddocks-form .form-content h2{margin-bottom:1rem}.modal-overlay .modal-content .edit-paddocks-form .form-content .edit-paddock-entry{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px}.modal-overlay .modal-content .edit-paddocks-form .form-content .edit-paddock-entry .edit-paddock-input-field{display:flex;flex-direction:column;align-items:flex-start}.modal-overlay .modal-content .edit-paddocks-form .form-content .edit-paddock-entry .edit-paddock-input-field input{max-width:30vw}.modal-overlay .modal-content .edit-paddocks-form .buttons{display:flex;flex-direction:column;gap:10px}.modal-overlay .modal-content .edit-paddocks-form .buttons .cancel-btn,.modal-overlay .modal-content .edit-paddocks-form .buttons .submit-btn{width:100%}.modal-overlay .modal-content .edit-paddocks-form .buttons .cancel-btn{background:#d32f2f}.modal-overlay .modal-content .edit-paddocks-form .buttons .submit-btn{background:#b3b184}#light .modal-overlay .modal-content .close-button,#light .modal-overlay .modal-content .edit-paddocks-form .form-content .edit-paddock-entry .edit-paddock-input-field label{color:#333}.management-page{display:flex;flex-direction:column;align-items:center;width:100vw;min-height:100vh}.management-page h1{text-align:center}.management-page .tabs{width:100vw;display:flex;justify-content:space-evenly}.management-page .tabs .tab-button{margin-bottom:10px}.management-page .tabs .parent-active{border-radius:8px 8px 0 0;background-color:#1e1e1e;margin-bottom:0;padding-bottom:10px}.management-page .parent-tab-content{padding:10px;min-height:100vh;background-color:#1e1e1e;border-radius:8px}.management-page .parent-tab-content .add-mobs-button,.management-page .parent-tab-content .add-paddock-button{margin-top:15px;margin-bottom:10px}.management-page .parent-tab-content .cards{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px;width:95vw;margin-bottom:10vh}.management-page .parent-tab-content .cards .card p{margin:0}.management-page .parent-tab-content .cards .card .card-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:10px}.management-page .parent-tab-content .cards .card .card-actions button{padding:8px 20px}.management-page .parent-tab-content .cards .card .card-actions .delete{background-color:#d32f2f}.management-page .parent-tab-content .cards .card .card-actions .add-inspection{background-color:#03dac6}#light .management-page .tabs .parent-active{background-color:#ebebeb;color:#333}#light .management-page .parent-tab-content{background-color:#ebebeb}#light .management-page .parent-tab-content .cards .card .card-actions .delete{background-color:#d32f2f}#light .management-page .parent-tab-content .cards .card .card-actions .add-inspection{background-color:#03dac6}.modal-overlay .modal-content .drench-form{text-align:center;margin:0 auto;padding:10px}.modal-overlay .modal-content .drench-form .add-drench-form-content{max-height:70vh;overflow:scroll;display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.modal-overlay .modal-content .drench-form .add-drench-form-content h2{margin-bottom:1rem}.modal-overlay .modal-content .drench-form .add-drench-form-content .drench-entry-container{background-color:#1e1e1e;padding:10px;border-radius:8px}.modal-overlay .modal-content .drench-form .add-drench-form-content .drench-entry-container .remove-drench-btn{background-color:#d32f2f;width:100%}.modal-overlay .modal-content .drench-form .add-drench-form-content .drench-entry-container .drench-entry{display:grid;grid-template-columns:repeat(2,1fr);width:85vw;gap:.5rem;margin-bottom:.5rem;align-items:center;justify-content:space-between}.modal-overlay .modal-content .drench-form .add-drench-form-content .drench-entry-container .drench-entry input{max-width:35vw;padding:12px 10px;background-color:#2c2c2c}.modal-overlay .modal-content .drench-form .buttons .add-mob-btn,.modal-overlay .modal-content .drench-form .buttons .submit-btn{width:100%}.modal-overlay .modal-content .drench-form .buttons .add-mob-btn{background:#b3b184}.modal-overlay .modal-content .drench-form .buttons .submit-btn{background:#03dac6}#light .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:20}#light .modal-overlay .modal-content{border-radius:8px;padding:0;position:relative;width:95vw;box-shadow:0 4px 12px #00000026}#light .modal-overlay .modal-content .close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:24px;cursor:pointer;color:#333}#light .modal-overlay .modal-content .drench-form{text-align:center;margin:0 auto;padding:10px}#light .modal-overlay .modal-content .drench-form .add-drench-form-content{max-height:70vh;overflow:scroll;display:flex;flex-direction:column;gap:10px;margin-bottom:10px}#light .modal-overlay .modal-content .drench-form .add-drench-form-content h2{margin-bottom:1rem}#light .modal-overlay .modal-content .drench-form .add-drench-form-content .drench-entry-container{background-color:#ebebeb;padding:10px;border-radius:8px}#light .modal-overlay .modal-content .drench-form .add-drench-form-content .drench-entry-container .remove-drench-btn{background-color:#d32f2f;width:100%}#light .modal-overlay .modal-content .drench-form .add-drench-form-content .drench-entry-container .drench-entry{display:grid;grid-template-columns:repeat(2,1fr);width:85vw;gap:.5rem;margin-bottom:.5rem;align-items:center;justify-content:space-between}#light .modal-overlay .modal-content .drench-form .add-drench-form-content .drench-entry-container .drench-entry input{max-width:35vw;padding:12px 10px;background-color:#ddd}#light .modal-overlay .modal-content .drench-form .buttons{display:flex;flex-direction:column;gap:10px}#light .modal-overlay .modal-content .drench-form .buttons .add-mob-btn,#light .modal-overlay .modal-content .drench-form .buttons .submit-btn{width:100%}#light .modal-overlay .modal-content .drench-form .buttons .add-mob-btn{background:#b3b184}#light .modal-overlay .modal-content .drench-form .buttons .submit-btn{background:#03dac6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:20}.modal-overlay .modal-content{border-radius:8px;padding:0;position:relative;width:95vw;box-shadow:0 4px 12px #00000026}.modal-overlay .modal-content .close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:24px;cursor:pointer;color:#e0e0e0}.modal-overlay .modal-content .drench-form{margin:0 auto;padding:10px}.modal-overlay .modal-content .drench-form .form-content{max-height:70vh;overflow:scroll;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:10px;margin-bottom:30px;padding:10px}.modal-overlay .modal-content .drench-form .form-content .input-field{display:flex;flex-direction:column;align-items:flex-start}.modal-overlay .modal-content .drench-form .form-content .input-field input{max-width:30vw}.modal-overlay .modal-content .drench-form .form-content .input-field label{color:#a0a0a0}.modal-overlay .modal-content .drench-form .buttons{display:flex;flex-direction:column;gap:10px}.modal-overlay .modal-content .drench-form .buttons .cancel-btn,.modal-overlay .modal-content .drench-form .buttons .submit-btn{width:100%}.modal-overlay .modal-content .drench-form .buttons .cancel-btn{background:#d32f2f}.modal-overlay .modal-content .drench-form .buttons .submit-btn{background:#b3b184}.treatment-form{display:flex;flex-direction:column;gap:10px}.treatment-form .input-field{display:flex;flex-direction:column;gap:5px}.drench-page{display:flex;flex-direction:column;align-items:flex-start;min-height:100vh}.drench-page h1{text-align:center;width:100vw}.drench-page .add-drench-modal-btn{margin-left:2.5vw;margin-bottom:10px}.drench-page .cards{width:95vw;display:grid;grid-template-columns:repeat(1,1fr);margin:0 auto;margin-bottom:10vh;gap:10px}.drench-page .cards .card .card-actions{display:flex;gap:5px}.drench-page .cards .card .card-actions button{width:100%}.drench-page .cards .card .card-actions .delete{background-color:#d32f2f}.assign-form .form-content{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.assign-form .form-content .input-field{display:flex;flex-direction:column;gap:5px}.inspection-form .form-content{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.inspection-form .form-content .form-group{display:flex;flex-direction:column;gap:5px}.inspection-form .buttons{display:flex;gap:5px}.inspection-form .buttons button{width:100%}.inspection-form .buttons .cancel-btn{background-color:#d32f2f}#light p{color:#666}#light h1,#light h2,#light h3{color:#333}#light .card{background-color:#ddd}#light input{background-color:#ebebeb;color:#333}body{background-color:#121212;color:#e0e0e0;font-family:Roboto,sans-serif;margin:0 auto;width:100vw;overflow-x:hidden}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}h1,h2,h3,h4,h5,h6{color:#f1f1f1}h1{font-size:40px}a{color:#bb86fc;text-decoration:none}a:hover{color:#3700b3}button{background-color:#b3b184;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;transition:background-color .3s}button:focus{outline:none;border:none}input,select,textarea{background-color:#1e1e1e;color:#e0e0e0;border:none;padding:12px 24px;border-radius:8px}#light label{color:#333}#light input,#light select,#light textarea{background-color:#ebebeb;color:#333}.card{background-color:#2c2c2c;color:#e0e0e0;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000004d}hr,.border{border-color:#333}.section-divider{border-top:1px solid #444444}.success{background-color:#388e3c;color:#e0e0e0}.error{background-color:#d32f2f;color:#e0e0e0}.warning{background-color:#ffa000;color:#e0e0e0}.task-page{width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center}.task-page h1{text-align:center;width:100vw}.task-page .task-tabs{display:flex;gap:5px}.task-page .task-tabs button{margin-bottom:10px}.task-page .task-tabs .active{border-radius:8px 8px 0 0;background-color:#1e1e1e;margin-bottom:0;padding-bottom:10px}.task-page .inspection-tab,.task-page .assign-paddock-tab,.task-page .treatment-tab{background-color:#1e1e1e;width:100vw;min-height:80vh}.task-page .inspection-tab h2,.task-page .assign-paddock-tab h2,.task-page .treatment-tab h2{margin-left:2.5vw}.task-page .inspection-tab .top-buttons,.task-page .assign-paddock-tab .top-buttons,.task-page .treatment-tab .top-buttons{display:flex;align-items:center;justify-content:space-between;width:95vw;margin:0 auto 10px}.task-page .inspection-tab .top-buttons .sort-btn,.task-page .assign-paddock-tab .top-buttons .sort-btn,.task-page .treatment-tab .top-buttons .sort-btn{background-color:#03dac6;display:flex;align-items:center;gap:5px}.task-page .inspection-tab .cards,.task-page .assign-paddock-tab .cards,.task-page .treatment-tab .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:95vw;margin:0 auto;margin-bottom:10vh}#light .task-page{width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center}#light .task-page h1{text-align:center;width:100vw}#light .task-page .task-tabs{display:flex;gap:5px}#light .task-page .task-tabs button{margin-bottom:10px}#light .task-page .task-tabs .active{color:#333;border-radius:8px 8px 0 0;background-color:#ebebeb;margin-bottom:0;padding-bottom:10px}#light .task-page .inspection-tab,#light .task-page .assign-paddock-tab,#light .task-page .treatment-tab{background-color:#ebebeb;width:100vw;min-height:80vh}#light .task-page .inspection-tab h2,#light .task-page .assign-paddock-tab h2,#light .task-page .treatment-tab h2{margin-left:2.5vw}#light .task-page .inspection-tab .task-btn,#light .task-page .assign-paddock-tab .task-btn,#light .task-page .treatment-tab .task-btn{margin-bottom:10px;margin-left:2.5vw}#light .task-page .inspection-tab .cards,#light .task-page .assign-paddock-tab .cards,#light .task-page .treatment-tab .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:95vw;margin:0 auto}#light .task-page .inspection-tab .cards .card h3,#light .task-page .assign-paddock-tab .cards .card h3,#light .task-page .treatment-tab .cards .card h3{color:#333}