@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap";#sidebar{position:fixed;top:0;left:0;display:flex;flex-direction:column;background:var(--light-green);min-width:fit-content;height:100vh;z-index:50;overflow-y:auto;width:230px;transition:transform .3s ease}#sidebar.closed{transform:translate(-100%)}#sidebar-header{display:flex;align-items:center;gap:.5rem;padding:0 2rem;border-bottom:2px solid var(--lime)}#sidebar-header img{width:2.5rem;height:2.5rem}#sidebar-header h3{font-family:Merriweather,Poppins}#sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem}.sidebar-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;font-size:.9rem;text-align:left;padding:1rem .5rem;width:100%;cursor:pointer;border-radius:1rem}.sidebar-btn img{width:1.5rem;height:1.5rem}.sidebar-btn p{color:var(--font);font-weight:700;margin:auto 0}.sidebar-btn:hover,.sidebar-btn:focus,.sidebar-btn.active{background:var(--body)}.sidebar-btn:active{background-color:var(--lime)}#main{margin-left:230px;margin-top:66px;display:flex;flex-direction:column;min-height:calc(100vh - 66px);width:calc(100vw - 230px);overflow-x:hidden;transition:margin-left .3s ease,width .3s ease}#main.sidebar-closed{margin-left:0;width:100vw}#main-content{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column}#header{position:fixed;top:0;left:230px;right:0;height:66px;background-color:var(--white);box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:space-between;margin:0;padding:0 1rem 0 2.5rem;z-index:50;transition:left .3s ease,width .3s ease}#header.sidebar-closed{left:0;width:100%}#header-side{display:flex;align-items:center;justify-content:center;gap:.5rem}#notifications{display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;border-radius:50%;padding:.5rem}#notifications img{width:1.5rem;height:1.5rem}.notif-menu{position:absolute;top:120%;right:10px;background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;width:300px;height:400px;z-index:100;padding:.8rem;display:flex;flex-direction:column;gap:.5rem}.notif-menu h4{text-align:left;margin:0;font-size:1.2rem;font-weight:700;padding-bottom:.5rem}.notif-nav{display:flex;align-items:center;gap:.5rem}.notif-nav button{border-radius:1rem;padding:.3rem 1rem}.notif-body{display:flex;flex-direction:column;gap:.7rem;flex:1;overflow-y:auto;padding:.1rem}.notif-content{display:flex;flex-direction:column;text-align:left;width:100%;border-radius:1.5rem;border:1px solid transparent;box-shadow:0 2px 4px #0000001a;padding:1rem}.notif-content h3{margin:0;font-size:.8rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.notif-content p{margin:0;font-size:.8rem}.notif-content .notif-content-header{display:flex;align-items:center;width:100%;gap:.5rem}.notif-content .notif-content-header span{position:relative}.notif-content .notif-content-header span img{width:1.8rem;aspect-ratio:10 / 10;object-fit:cover}.notif-content .notif-content-header p{font-size:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.notif-content .notif-content-header .dropdown-menu button{padding:.5rem}#profile{display:flex;align-items:center;gap:.5rem;border-radius:.8rem;padding:.2rem .5rem}#profile p{margin:0;font-size:.8rem}#profile img{width:2.3rem;height:2.3rem;border-radius:50%;box-shadow:0 2px 4px #0000001a}#not-found,#empty-page{text-align:center;margin:auto}:is(#not-found,#empty-page) img{margin:auto;width:15rem;aspect-ratio:16 / 16;object-fit:cover}:is(#not-found,#empty-page) p{font-size:1.2rem;font-weight:700;color:var(--light-grey);margin:0 auto}.alert-box{position:absolute;top:-100px;left:50%;transform:translate(-50%);font-size:.8rem;text-align:center;background-color:var(--lime);color:var(--white);border:2px solid var(--lime);border-radius:.5rem;padding:1rem 2rem;min-width:20rem;z-index:1000;opacity:0;transition:top .5s ease,opacity .5s ease}.alert-box.show{top:1rem;opacity:1}.alert-box p{margin:0}@media (max-width: 768px){#sidebar{transform:translate(-100%);z-index:100}#sidebar.open{transform:translate(0)}#main{margin-left:0;width:100vw}#header{left:0;width:100%}}.login-page{position:fixed;inset:0;width:100vw;height:100vh;background:url(/images/loginBG.png) center center / cover no-repeat;display:flex;align-items:center;justify-content:center;z-index:1000}.login-container{display:flex;width:850px;max-width:90%;height:480px;background-color:#e1eebca6;border-radius:1rem;box-shadow:0 10px 25px #0003;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-left{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-logo{width:1000%;max-width:400px;height:auto;object-fit:contain}.login-separator{width:1px;background-color:#808080b3;height:85%;margin:auto 0;align-self:center;border-radius:2px}.login-right{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.login-title{font-size:2rem;font-weight:600;color:#4a4a4a;margin:1rem auto}.login-alert{font-size:.7rem;width:80%;text-align:center;padding:.5rem;background-color:var(--lime);color:var(--white);border:2px solid var(--lime);border-radius:.5rem;margin:0 auto 1rem}.login-form{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:300px}.login-label{align-self:flex-start;font-weight:600;color:#5e5d5d;font-size:.95rem}.login-input{width:100%;padding:10px 14px;margin-bottom:1rem;border:1px solid #a1a1a1;border-radius:8px;font-size:1rem}.login-input:focus{border-color:#2f855a}.login-button{background-color:var(--lime);color:var(--white);padding:.55rem .2rem;border:none;border-radius:.5rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;margin:1rem auto auto;width:120px}.login-button:hover,.login-button:focus{border:none;background-color:var(--green)}.login-header{position:absolute;top:20px;left:40px;display:flex;align-items:center;gap:12px;z-index:20}.header-logo{width:60px;height:auto}.header-title{font-size:1.3rem;font-weight:700;color:#5e5d5d;font-family:Poppins,sans-serif}@media (max-width: 900px){.login-container{flex-direction:column;width:90%;height:auto}.login-logo{display:none}.login-title{font-size:1.5rem}.login-left{padding-bottom:0}.login-right{padding-top:0}.login-separator{display:none}}#market-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2rem;padding:0 4rem}#market-page>*{width:100%}.overview-chart1{width:100%;margin-bottom:10rem}.market-insight-box{background:#fdfdfd;border:1px solid #eee;border-radius:12px;padding:20px;margin:30px 0;margin-left:2rem;box-shadow:0 2px 5px #0000000d}.market-insight-box h2{margin-top:0;margin-bottom:10px}.market-insight-box p{color:#333;line-height:1.6;margin-bottom:.5rem}.market-header-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:auto}.market-header-row h3{margin:0}.market.detail-header{align-items:center;padding:2rem 8rem}.minichart{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0}.minichart h3{margin:0}.minichart>div{display:flex;gap:1rem}.monthly-header,.monthly-header-actions{display:flex;align-items:center;gap:1rem}.market-buttons{display:flex;gap:12px}.market-btn{padding:10px 16px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:.2s ease}.market-btn.add{background-color:#67ae6e;color:#fff}.market-btn.add:hover{background-color:#5b9b62}.market-btn.sync{background-color:#e4f1e6;color:#2f5d34}.market-btn.sync:hover{background-color:#d2e9d5}.market-btn.export{background-color:#f1f1f1;color:#444}.market-btn.export:hover{background-color:#e4e4e4}.market-cards{display:flex;flex-direction:column;gap:.4rem}.market-card{flex:1;display:flex;align-items:center;background-color:#fff;border:2px solid #67ae6e;border-radius:16px;padding:20px 25px;box-shadow:0 4px 10px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.market-card .icon-wrapper{color:#67ae6e}.market-info p{margin:0}.insight-section{display:flex;gap:2rem}.insight-section .market-cards .market-card{display:flex;flex-direction:column;padding:.9rem 1rem}.insight-section .market-cards h3{font-size:1rem;color:#5e5d5d;margin:0;white-space:nowrap}.insight-section .market-cards .market-info{display:flex;align-items:center;justify-content:center;width:100%;gap:.5rem}.insight-section .market-cards .market-info p{font-size:1.3rem;font-weight:700;color:#2f5d34;margin:0;white-space:nowrap}.insight-section .market-insight{border:2px solid #67ae6e;background:#f9fafb;border-radius:16px;padding:1rem;margin:auto;width:90%;box-shadow:0 2px 6px #0000000d;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.insight-section .market-insight h4{margin-top:0;margin-bottom:10px}.insight-section .market-insight p{color:#333;line-height:1.6;margin-bottom:.5rem;text-align:center}.second-row .market-card{flex:1;justify-content:flex-start;align-items:flex-start;flex-direction:column;padding:25px}.market-info .placeholder{font-size:16px;color:#999;margin-top:40px}.market-info .overview-chart2{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}.overview-chart2-chart{background:#f9fafb;border-radius:1rem;padding:1rem 1rem 4rem;box-shadow:0 2px 6px #0000000d}.overview-chart2-chart h4{margin-bottom:10px}.overview-chart2-chart div{height:250px}.market-table-container{width:90%;margin:auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.market-table-header-actions{display:flex;align-items:center;gap:.5rem}.market-table-container>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.market-table-container>div:first-child .table-title{flex:0 0 auto}.market-table-container>div:first-child>div{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.market-table-container input,.market-table-container .dropdown-field,.market-table-container .input-field{max-width:100%}.market-table-container .market-buttons,.market-table-container .action-buttons{flex-wrap:wrap}.table-title{font-size:20px;color:#5e5d5d;font-weight:700;margin:0}.market-table{width:100%;border-collapse:collapse;background-color:#fff;border:2px solid #67ae6e;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0000000d;min-width:720px}.market-table th,.market-table td{padding:14px 18px;text-align:left;font-size:15px}.market-table thead{background-color:#67ae6e;color:#fff}.market-table tbody tr:nth-child(2n){background-color:#f9f9f9}.market-table tbody tr:hover{background-color:#eef7ee}.positive,.increasing,.increase{color:#2f7d32;font-weight:600}.negative,.decreasing,.decrease{color:#c0392b;font-weight:600}.stable{color:#1574a7;font-weight:600}.action-btn{padding:6px 10px;border-radius:6px;border:none;cursor:pointer;font-weight:600;margin-right:6px;transition:.2s}.action-buttons{display:flex;gap:8px}.action-btn.edit{background-color:#67ae6e;color:#fff}.action-btn.edit:hover{background-color:#5b9b62}.action-btn.delete{background-color:#f3d6d6;color:#b33a3a}.action-btn.delete:hover{background-color:#ebc3c3}.preRegionForecast{max-height:500px;padding-bottom:9rem}.second-row .market-card .market-info>div:nth-child(2){display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.second-row .market-card .market-info>div,.second-row .market-card .market-info>div>div{box-sizing:border-box;height:auto!important;min-height:220px;width:100%}.second-row .market-card .market-info>div:first-child{margin-bottom:1rem!important}.second-row .market-card canvas,.second-row .market-card .react-chartjs-2>canvas{width:100%!important;height:100%!important;max-height:340px;display:block}@media (max-width: 900px){.second-row .market-card .market-info>div:nth-child(2){grid-template-columns:1fr}.second-row .market-card .market-info>div,.second-row .market-card .market-info>div>div{min-height:180px}.second-row .market-card canvas,.second-row .market-card .react-chartjs-2>canvas{max-height:260px}}@media (max-width: 700px){.second-row .market-card .market-info>div,.second-row .market-card .market-info>div>div{min-height:160px}.second-row .market-card canvas,.second-row .market-card .react-chartjs-2>canvas{max-height:240px}}@media (max-width: 480px){.second-row .market-card .market-info>div,.second-row .market-card .market-info>div>div{min-height:130px}.second-row .market-card canvas,.second-row .market-card .react-chartjs-2>canvas{max-height:200px}}@media (max-width: 1200px){#market-page{padding:0 2.5rem}.insight-section{gap:1rem}.market-insight p{font-size:.95rem}}@media (max-width: 900px){#market-page{padding:0 1.6rem;gap:1.25rem}.market-cards{width:100%}.market-header-row{justify-content:center;gap:.75rem}.market-btn{min-width:160px}.insight-section{flex-direction:column;align-items:stretch;width:100%}.market-insight{width:100%!important;padding:.9rem;margin:0}.overview-chart1{margin-bottom:13rem}.overview-chart2{grid-template-columns:1fr}.market.detail-header{flex-direction:column;padding:2rem}.market-insight-box{margin-left:0}.preRegionForecast{padding-bottom:15rem}.minichart{flex-direction:column;gap:.5rem}.monthly-header{flex-direction:column}.second-row .market-card{padding:18px}.second-row .market-card .market-info>div{margin-bottom:1rem!important;height:auto!important}.market-table th,.market-table td{padding:12px 14px;font-size:14px}}@media (max-width: 700px){#market-page{padding:0 1rem;gap:1rem}.market-header-row{flex-direction:column;padding:.5rem 0}.market-header-row h3{text-align:center;width:100%;font-size:1.05rem}.market-buttons{width:100%;display:flex;gap:.5rem}.market-btn{flex:1 1 auto;padding:10px;font-size:.95rem}.insight-section{gap:.75rem}.insight-section .market-cards .market-card{padding:12px;min-height:80px}.insight-section .market-cards .market-info p{font-size:1.05rem}.market-insight{order:3;width:100%;padding:.8rem}.second-row .market-card .market-info{gap:.5rem}.second-row .market-card .market-info>div{margin-bottom:.8rem!important;height:auto!important}.second-row .market-card .react-chartjs-2,.second-row .market-card canvas{height:220px!important;max-height:260px!important}.market-table{min-width:640px}.market-table th,.market-table td{padding:10px 12px;font-size:13px}.market-table-container>div:first-child>div{width:100%;display:flex;flex-direction:column;gap:.5rem}.market-table-container input,.market-table-container .dropdown-field,.market-table-container .input-field{width:100%!important}.action-buttons{justify-content:flex-end;gap:6px}.market-insight p{text-align:left}}@media (max-width: 480px){#market-page{padding:0 .6rem;gap:.75rem}.insight-section .market-cards{grid-template-columns:1fr}.market-header-row h3{font-size:1rem}.market-btn{font-size:.92rem;padding:9px}.market-table{min-width:560px}.market-table th,.market-table td{padding:8px 10px;font-size:12px}.second-row .market-card canvas,.second-row .market-card .react-chartjs-2{height:180px!important;max-height:200px!important}.market-insight{padding:.6rem}.market-insight p{font-size:.92rem}}.market-btn:focus,.action-btn:focus{outline:3px solid rgba(103,174,110,.25);outline-offset:2px}.page-wrapper{display:flex;gap:2rem}.page-main{display:flex;flex-direction:column;flex:1}.page-header,.subpage-header{display:flex;align-items:center;margin-bottom:1.5rem;gap:1rem}.page-header-actions{display:flex;flex:1;gap:.5rem}.content-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;justify-items:center;flex:1}.content-card{background-color:var(--white);border:2px solid var(--lime);border-radius:16px;box-shadow:0 3px 8px #00000014;transition:.25s ease;display:flex;align-items:center;gap:1rem;padding:1rem;height:fit-content;cursor:pointer;width:100%}.content-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #00000026}.content-card-content{display:flex;flex-direction:column;gap:1rem;flex:1}.nav{display:flex;justify-content:flex-end}.nav div{display:flex;align-items:center;gap:.5rem;width:100%}.nav button{font-size:.7rem;background-color:var(--light-green)}.content-card-icon{width:6rem;height:8.4rem;aspect-ratio:10 / 14;object-fit:cover;border:3px solid var(--green);border-radius:.5rem}.content-card-text{display:flex;flex-direction:column;text-align:left;gap:.1rem}.content-card-text h3{font-size:1rem;margin:0}.content-card-text p{font-size:.7rem;padding:0;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.content-card-text .date{font-size:.6rem;color:var(--placeholder)}.content-side{display:flex;flex-direction:column;gap:2rem}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;background-color:var(--light-green);padding:2rem 4rem;border-radius:1rem;padding:0}.detail-header img{width:10rem;height:calc(10rem * 14 / 10);aspect-ratio:10 / 14;object-fit:cover;border:3px solid var(--green);border-radius:.5rem}.detail-header .text-group{display:flex;flex-direction:column;justify-content:center;flex:1;text-align:left;gap:.5rem;align-self:center}.detail-header .text-group div{display:flex;align-items:center;gap:.5rem}.detail-header .text-group div p{font-size:.9rem;margin:0}.detail-header .text-group h3,.detail-header .text-group p{margin:0}.detail-header .text-group img{width:1.5rem;height:1.5rem;border:none}.detail-header .text-group .date{font-size:.8rem;color:var(--placeholder)}.detail-header button{background-color:var(--dark-green);color:var(--white);padding:.5rem 1.5rem}.detail-header button:hover,.detail-header button:focus{color:var(--font)}.detail-content{column-count:1;column-gap:2rem}.detail-content .content-section{break-inside:avoid;margin-bottom:1rem}.content-section .section-title{display:flex;align-items:center;gap:.2rem}.content-section .section-title img{width:1.5rem;height:1.5rem}.content-section .section-title h4{margin:0}.content-section .section-body{display:flex;gap:.5rem;text-align:left;padding:0 1.5rem;margin:0}.content-section .section-body.col{flex-direction:column}.content-section .label-tag{display:flex;align-items:center;gap:.5rem}.content-section .label-tag p,.content-section .label-tag h4{margin:0}.content-section .label-tag img{width:1.5rem;height:1.5rem}.content-section .label-tag .title{font-weight:600}.modal-content:has(.edit-menu-details) h2{margin:0;padding-left:1rem;font-size:1rem;text-align:start;width:100%;border:none;padding-bottom:0}.edit-menu-header{display:flex;width:100%;gap:2rem;justify-content:space-between;align-items:center;border-bottom:2px solid var(--placeholder);padding-bottom:.6rem}.edit-menu-header .nav{display:flex;width:fit-content;gap:1rem}.edit-menu-details{display:flex;width:100%;gap:2rem}.edit-menu-details .edit-menu-left{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.edit-menu-details .edit-menu-left button{position:relative;padding:0;border-radius:1rem;border:3px solid var(--green);overflow:hidden;width:12rem;aspect-ratio:9 / 12}.edit-menu-details .edit-menu-left button div{display:none;position:absolute;justify-content:center;align-items:center;background-color:#0006;width:100%;height:100%;margin:0;text-align:center;font-size:.9rem}.edit-menu-details .edit-menu-left button div p{color:var(--body);margin:0}.edit-menu-details .edit-menu-left button:hover div{display:flex}.edit-menu-details .edit-menu-left button img{width:12rem;aspect-ratio:9 / 12;object-fit:cover;border-radius:0;border:none}.edit-menu-details .edit-menu-left h5{margin:0;padding:0;text-align:center}.edit-menu-details .edit-menu-right{display:flex;flex-direction:column;min-width:600px;justify-content:flex-start;align-items:flex-start;width:100%;gap:1rem}.edit-menu-details .edit-menu-right img{width:10rem;height:15rem;border-radius:1rem;border:3px solid var(--green);margin-bottom:1.2rem}.edit-menu-details .edit-menu-right .input-field-label{min-width:20rem}.section-title{display:flex;align-items:center;gap:.2rem}.section-title img{width:1.5rem;height:1.5rem}.section-title h4{margin:0}.bullet-list{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;margin:0;padding-left:2.5rem;gap:.5rem}.bullet-list .bullet-header{margin:0;margin-left:-1rem;font-size:.9rem;font-weight:600}.bullet-list .bullet-text{display:list-item;list-style-type:disc;margin-left:1rem;white-space:normal;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;line-height:1.4}.icon-label-list{display:flex;gap:.5rem;text-align:left;padding:.5rem 1.5rem;margin:0}.icon-label{display:flex;align-items:center;gap:.5rem}.icon-label p,.icon-label h4{margin:0}.icon-label img{width:1.5rem;height:1.5rem}.icon-label .title{font-weight:600}@media (max-width: 900px){.page-header,.edit-menu-details,.edit-menu-right>div,.page-wrapper{flex-direction:column}.page-header.stay-row{flex-direction:row}.edit-menu-right{min-width:auto!important}.modal-content{width:100%!important}.detail-content{column-count:1}.page-header .header-action>.btn-small-screen{display:inline}.page-header .header-action{font-size:0}}.crops-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap}.crops-filters{display:flex;gap:12px;flex-wrap:wrap}.crops-dropdown{padding:8px 12px;border-radius:8px;border:1px solid #ccc;background-color:#f8f8f8;font-size:14px;color:#5e5d5d;cursor:pointer;transition:all .2s ease}.crops-dropdown:hover{border-color:#4caf50}.crops-buttons{display:flex;gap:10px;flex-wrap:wrap}.crops-btn{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:all .3s ease}.crops-btn.add{background-color:#67ae6e;color:#fff}.crops-btn.add:hover{background-color:#5b9b62}.crops-btn.export{background-color:#f8f8f8;color:#5e5d5d}.crops-btn.export:hover{background-color:#c6debd}.crops-table-container{overflow-x:auto;background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000001a;padding:16px}.crops-table{width:100%;border-collapse:collapse;min-width:800px}.crops-table th,.crops-table td{border-bottom:1px solid #e0e0e0;padding:12px 14px;text-align:left;font-size:14px;color:#333}.crops-table th{background-color:#90c67c;font-weight:600;color:#f1eded;text-transform:uppercase;letter-spacing:.5px}.crops-table tr:hover{background-color:#eef7ee}.qr-img{width:70px;height:70px;border-radius:6px;border:1px solid #ccc;background:#fff;object-fit:contain}@media (max-width: 768px){.crops-header-row{flex-direction:column;align-items:flex-start;gap:12px}.crops-buttons,.crops-filters{width:100%;justify-content:flex-start}.crops-table{font-size:13px}.qr-img{width:60px;height:60px}}.dashboard-page{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;padding:0 2.5rem;height:81vh}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));justify-items:center;gap:1rem;flex:1}.dashboard-card{background-color:#fff;border:2px solid #67ae6e;border-radius:16px;width:100%;box-shadow:0 3px 8px #00000014;transition:.25s ease;display:flex;align-items:center;justify-content:center}.card-content{display:flex;flex-direction:column;justify-content:center;padding:1rem}.card-content h3{font-size:1rem;color:#5e5d5d;margin:0 0 1rem}.card-text{display:flex;align-items:center;justify-content:center;gap:10px}.card-text p{font-size:26px;font-weight:700;color:#2f5d34;margin:0}.card-text img{height:2.5rem;width:2.5rem}.dashboard-side{display:flex;flex-direction:column;gap:2rem;width:35%;height:100%}.recent-activities{background-color:#e1eebc;padding:20px 30px;border-radius:14px;box-shadow:0 3px 8px #0000001a;display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden}.recent-activities .recent-header{position:sticky;top:0;z-index:10;background-color:#e1eebc;padding-bottom:10px}.recent-activities .recent-list{flex:1;overflow-y:auto;padding-right:5px}.recent-activities ul{list-style-type:none;padding-left:0;margin:0}.recent-activities li{background:#ffffffb3;border-radius:8px;padding:10px 54px;margin-bottom:10px;font-size:12px;color:#5e5d5d;transition:background .2s ease}.recent-activities li.error{background:#bf2c2cb3;color:#fff}@media (max-width: 1300px){.dashboard-page{flex-direction:column}.dashboard-cards,.dashboard-side{width:100%}}@media (max-width: 900px){.dashboard-page{flex-direction:column}.dashboard-side{width:100%}}@media (max-width: 600px){.dashboard-page{flex-direction:column;padding:0;width:100%}}.profile-page{width:80%;margin:auto}.profile-container{background-color:#ddf2d5;display:flex;align-items:center;padding:30px 80px;border-radius:20px;box-shadow:0 4px 10px #0000001a;width:94%;margin:0 auto 40px}.profile-image{display:flex;flex-direction:column;justify-content:center;gap:.5rem}.profile-image button{position:relative;padding:0;border-radius:50%;border:3px solid var(--green);overflow:hidden}.profile-image button div{display:none;position:absolute;justify-content:center;align-items:center;background-color:#0006;width:100%;height:100%;margin:0;text-align:center;font-size:.9rem}.profile-image button div p{color:var(--body);margin:0}.profile-image button:hover div{display:flex}.profile-image button img{width:12rem;aspect-ratio:9 / 9;object-fit:cover;border-radius:0;border:none}.profile-image h5{margin:0;padding:0;text-align:center}.profile-info{display:flex;flex-direction:column;align-items:flex-start;margin-left:30px;gap:.5rem}.profile-name{font-size:2rem;color:#2f5d34;font-weight:700;margin:0}.profile-role{font-size:18px;color:#5e5d5d;margin:0}.profile-location{font-size:16px;color:#666;margin:0}.personal-info{width:94%;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start}.personal-info-header{font-size:22px;color:#2f5d34;font-weight:700;margin-bottom:25px;align-self:flex-start}.personal-info-group{width:100%;margin-bottom:20px;display:flex;flex-direction:column;align-items:flex-start}.info-label{font-size:16px;color:#5e5d5d;font-weight:600;margin-bottom:10px;text-align:left;align-self:flex-start}.name-inputs{display:flex;gap:20px;width:100%}.name-inputs input{flex:1;min-width:180px;padding:10px 14px;border:1px solid #ccc;border-radius:10px;background-color:#f8f8f8;font-size:14px;color:#333}.info-row{display:flex;gap:20px;width:100%;margin-bottom:20px;flex-wrap:wrap}.address-field{flex:2;display:flex;flex-direction:column}.email-password-row{width:100%;display:flex;gap:20px}.email-field,.password-field{flex:1;display:flex;flex-direction:column}.address-field input,.email-field input,.password-field input{padding:10px 14px;border:1px solid #ccc;border-radius:10px;background-color:#f8f8f8;font-size:14px;color:#333}.profile-edit-info{width:94%;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.profile-edit-info-row{width:100%;display:flex;justify-content:space-between;gap:20px}.smaller-screen{margin:0 auto;font-size:.8rem;color:var(--green);font-weight:700}.smaller-screen.show{display:none}@media (max-width: 900px){.name-inputs,.email-password-row,.info-row{flex-direction:column}.address-field,.email-field,.password-field{width:100%}.profile-container{flex-direction:column;align-items:center;gap:20px}.profile-container div{flex-direction:column}.profile-edit-info-row{flex-direction:column}.smaller-screen.hidden{display:none}.smaller-screen.show{display:block}.profile-page{width:100%}}.button-row{display:flex;gap:20px;margin-top:20px}.cancel-btn,.save-btn{padding:10px 30px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:.3s ease;align-self:flex-end}.cancel-btn{background-color:#f0f0f0;color:#5e5d5d}.cancel-btn:hover{background-color:#e0e0e0}.save-btn{background-color:#e1eebc;color:#5e5d5d}.save-btn:hover{background-color:#579857;color:#fff}*,*:before,*:after{box-sizing:border-box}:root{--lime: #90c67c;--light-green: #e1eebc;--green: #67ae6e;--dark-green: #328e6e;--font: #5e5d5d;--placeholder: #7f7777;--body: #f8f8f8;--white: #ffffff;--light-grey: #abaaaa;--light-shadow: #e3e3e3;--red: #d24338;--light-red: #d85a54;--light-brown: #dcb591;--blue: #5686e1;--info-text: #004085;--info-bg: #cce5ff;--info-border: #b8daff;--success-text: #155724;--success-bg: #d4edda;--success-border: #c3e6cb;--error-text: #721c24;--error-bg: #f8d7da;--error-border: #f5c6cb;--warning-text: #856404;--warning-bg: #fff3cd;--warning-border: #ffeeba;--calendar-planted: #90c67c;--calendar-healthy: #67ae6e;--calendar-harvested: #328e6e;--calendar-diseased: #abaaaa;--calendar-withered: #7f7777;--calendar-packed: #dcb591;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{font-family:Poppins,Merriweather,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;margin:0;display:flex;min-width:100vw;min-height:100vh;background-color:var(--white);color:var(--font);overflow-x:hidden}#root{display:flex;flex:1;margin:0 auto;text-align:center}a{font-weight:500;color:var(--green);text-decoration:inherit}a:hover{color:var(--lime)}h1{font-size:3.2em;line-height:1.1}button{display:flex;justify-content:center;align-items:center;background-color:var(--white);border-radius:.8rem;border:1px solid transparent;box-shadow:0 2px 4px #0000001a;color:var(--font);cursor:pointer;font-size:.8rem;font-weight:500;font-family:inherit;outline:none;padding:.6em 1.2em;transition:border-color .25s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button>.btn-small-screen{display:none;margin:.5rem;width:20px;height:20px;filter:brightness(0) invert(1)}button:has(.btn-small-screen){min-width:40px}button.danger{background-color:var(--red);color:var(--white)}button.danger:hover,button.danger:focus-visible{background-color:#d12323;border-color:var(--error-text);outline:1px solid var(--red)}button.dark-green{background-color:var(--dark-green);color:var(--white)}button.dark-green:hover,button.dark-green:focus-visible{color:var(--font)}button.lime{background-color:var(--lime);color:var(--white)}button.lime:hover,button.lime:focus-visible{color:var(--font)}button.line{background:none;box-shadow:none;border-bottom:2px solid var(--placeholder);border-radius:10px 10px 0 0;padding:.5rem 1rem}button.transparent{background:none;box-shadow:none;padding:.2rem;border-radius:100%}button.transparent.dashboard{border-radius:1rem}button:hover,button:focus-visible{background-color:var(--body);border-color:var(--dark-green);outline:1px solid var(--lime)}button:active,button.active{background-color:var(--lime);color:var(--white)!important}button.transparent.nohover:hover,button.transparent.nohover:focus-visible{background:none!important;box-shadow:none!important;outline:none!important;border:none!important}.dropdown{position:relative;display:inline-block}.dropdown.open .dropdown-menu{display:block}.dropdown.open .dropdown-arrow{transform:rotate(90deg)}.dropdown .dropdown-arrow{box-shadow:none!important;width:1rem!important;height:1rem!important;transform:rotate(-90deg);transition:transform .3s ease,filter .3s ease;filter:brightness(0) saturate(100%) invert(46%) sepia(49%) saturate(383%) hue-rotate(85deg)}.dropdown .dropdown-menu{display:none;position:absolute;right:0;top:100%;background:var(--white);border:1px solid var(--lime);box-shadow:0 4px 8px #0000001a;border-radius:.5rem;min-width:fit-content;z-index:100;overflow:hidden;margin-top:.5rem;animation:fadeIn .15s ease-in-out}.dropdown .dropdown-menu button{width:100%;background:none;border:none;border-radius:0;box-shadow:none;text-align:left;padding:.75rem 1rem;color:var(--font);cursor:pointer;transition:background-color .2s;outline:none;font-size:.8rem}.dropdown .dropdown-menu button.active{background-color:var(--lime)}.dropdown .dropdown-menu button:hover{background-color:var(--light-green)}.input-field-label .input-field{width:100%!important}.input-field-label p{text-align:left;margin:0;padding-left:.5rem;font-size:.8rem}.input-field{width:100%;padding:.5em 1rem;border:none;background-color:var(--body);border-radius:.5em;font-family:Poppins,sans-serif;outline:none;transition:border-color .25s;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;align-items:center}.input-field textarea{background:none;border:none;outline:none;width:100%;min-height:5rem;max-height:10rem;overflow-y:auto;resize:none;font-family:Poppins,sans-serif;color:var(--font)}.input-field input{width:100%;border:none;background:transparent;font-family:inherit;outline:none;color:var(--font)}.input-field button{padding:0;border:none;background:none;cursor:pointer;outline:none;box-shadow:none}.input-field img{width:1.5rem;height:1.5rem}.input-field:hover,.input-field:focus{background-color:var(--body);border-color:var(--dark-green)}.input-field:focus,.input-field:focus-visible{outline:2px solid var(--lime)}.dropdown.input-field .dropdown-btn{display:flex;justify-content:space-between;width:100%;padding:0!important;padding-top:.1rem!important}.dropdown.input-field .dropdown-btn img{border:none}.dropdown.input-field .dropdown-menu{background-color:var(--body);width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.search-highlight{background-color:#ffeb3b;padding:0}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--font, #333);flex:1}.spinner{width:40px;height:40px;border:4px solid #ccc;border-top:4px solid var(--green, #4caf50);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{display:flex;flex-direction:column;gap:1rem;background:#fff;border-radius:1rem;padding:1.5rem 2rem;width:fit-content;max-width:70%;max-height:90vh;box-shadow:0 4px 15px #0000004d;text-align:center;overflow:auto;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.scroll-container{display:flex;overflow-x:auto;gap:1rem;padding:.5rem 0;scroll-behavior:smooth}.scroll-container::-webkit-scrollbar,::-webkit-scrollbar{width:6px;height:6px}.scroll-container::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:3px}.scroll-container::-webkit-scrollbar-track,::-webkit-scrollbar-track{background:transparent}