.component-basic-avatar{align-items:center;background-color:var(--green-100);border-radius:50%;display:flex;height:30px;justify-content:center;width:30px}.component-mui-avatar{height:32px!important;width:32px!important}.component-primary-button{border:1px solid rgba(0,0,0,0);border-radius:8px;height:36px;min-height:36px;overflow:hidden;padding:8px 16px;text-overflow:ellipsis;white-space:nowrap;width:120px}.component-primary-button.default{background-color:var(--blue-500);color:var(--white-reverse)}.component-primary-button.default:hover{background-color:var(--blue-600)}.component-primary-button.cancel{background-color:var(--white-reverse);border:1px solid var(--grey-300);color:var(--grey-400)}.component-primary-button.cancel:hover{background-color:var(--grey-200)}.component-primary-button.danger{background-color:var(--danger);color:var(--white-reverse)}.component-primary-button.danger:hover{background-color:var(--danger)}.component-primary-button.disable{background-color:var(--grey-200);color:var(--grey-400)}.component-text-button{align-items:center;border:1px solid rgba(0,0,0,0);color:var(--blue-500);display:flex;width:-moz-fit-content;width:fit-content}.component-text-button:hover{border-bottom:1px solid var(--blue-300)}.component-text-button.disable{border:1px solid rgba(0,0,0,0);color:var(--grey-300)}.component-rect-button{align-items:center;border:1px solid var(--grey-500);border-radius:8px;display:flex;justify-content:space-between;padding:8px 16px}.component-hamburger-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;width:35px;min-width:35px}.component-hamburger-button .line{background-color:var(--blue-500);height:4px;position:absolute;transition:transform .3s ease-in-out,opacity .3s ease-in-out;width:100%}.component-hamburger-button .line1{top:0}.component-hamburger-button .line2{top:50%;transform:translateY(-50%)}.component-hamburger-button .line3{bottom:0}.component-hamburger-button.open .line1{top:20%;transform:rotate(45deg) translate(5px,5px)}.component-hamburger-button.open .line2{opacity:0}.component-hamburger-button.open .line3{top:70%;transform:rotate(-45deg) translate(5px,-5px)}.component-hamburger-button.close .line1,.component-hamburger-button.close .line3{transform:none}.component-hamburger-button.close .line2{opacity:1}.component-rounded-button{align-items:center;justify-content:center;border:2px solid var(--blue-500);border-radius:16px;display:flex;padding:8px 16px;background-color:rgba(0,0,0,0)}.component-rounded-button.default{color:var(--blue-500)}.component-rounded-button.default:hover,.component-rounded-button.primary{background-color:var(--blue-500);color:var(--white-reverse)}.component-rounded-button.primary:hover{background-color:var(--blue-600)}.component-rounded-button.secondary{background-color:var(--white-reverse);color:var(--blue-500)}.component-rounded-button.secondary:hover{background-color:var(--blue-50)}.component-rounded-button.disable{border:2px solid var(--grey-300);color:var(--grey-300);cursor:not-allowed}.component-group-button{display:flex}.component-group-button :first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.component-group-button :last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.component-group-button .group-button{border:1px solid var(--grey-200);padding:10px;color:var(--grey-500)}.component-group-button .group-button.active{background-color:var(--green-500);color:var(--white-reverse)}.component-route-breadcrumb{align-items:center;display:flex;gap:8px}.component-primary-chip{background-color:var(--grey-100);border-radius:4px;padding:8px;width:-moz-fit-content;width:fit-content}.component-circle-chip{border-radius:50%;height:18px;width:18px}.component-circle-chip.sm{height:12px;width:12px}.component-circle-chip.normal{background-color:var(--color-action-success)}.component-circle-chip.emergency{background-color:var(--danger-secondary)}.component-circle-chip.warn{background-color:var(--warning)}.component-circle-chip.noData{background-color:var(--grey-100)}.component-diary-chip{align-items:center;border-radius:var(--radius-lg);display:flex;justify-content:center;min-width:-moz-fit-content;min-width:fit-content;padding:6px 12px;width:-moz-fit-content;width:fit-content;min-height:32px;font-size:14px;font-weight:500}.component-diary-chip.good,.component-diary-chip.normal{background-color:var(--color-action-success);color:var(--color-action-success-dark)}.component-diary-chip.emergency{background-color:var(--color-action-emergency);color:var(--color-action-emergency-dark)}.component-diary-chip.ordinary,.component-diary-chip.warn{background-color:var(--color-action-alert);color:var(--color-action-alert-dark)}.component-diary-chip.noData{background-color:var(--color-grey-100);color:var(--color-grey-500)}.component-rounded-chip{align-items:center;justify-content:center;border:2px solid var(--blue-500);border-radius:16px;display:flex;padding:8px 16px;background-color:rgba(0,0,0,0);width:-moz-fit-content;width:fit-content;height:32px}.component-rounded-chip.default{color:var(--blue-500)}.component-rounded-chip.primary{background-color:var(--blue-500);color:var(--white-reverse)}.component-basic-card{background-color:var(--white-reverse);border-radius:8px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);width:100%}.component-basic-card.secondary{background-color:var(--green-50)}.component-basic-card.tertiary{background-color:var(--blue-50)}.component-primary-checkbox-container{align-items:center;cursor:pointer;display:flex;height:24px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-left:24px}.component-primary-checkbox-container .component-primary-checkbox-label{width:-moz-fit-content;width:fit-content;margin-left:6px;font-size:var(--typography-body-small-font-size);color:var(--color-grey-600)}.component-primary-checkbox-container .component-primary-checkbox-label.none{width:0;display:none;margin-left:0}.component-primary-checkbox-container .component-primary-checkbox{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.component-primary-checkbox-container .checkbox-radio{height:24px;width:24px;position:absolute;top:0;left:0;border-radius:8px;border:1px solid #8ac8e6;box-sizing:border-box;overflow:hidden;flex-shrink:0}.component-primary-checkbox-container .control{position:absolute;inset:1px}.component-primary-checkbox-container .checkbox-background{position:absolute;top:0;left:0;border-radius:6px;background-color:#0087c8;width:100%;height:100%;opacity:0;transition:opacity .15s ease;box-sizing:border-box}.component-primary-checkbox-container .checkmark-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;pointer-events:none}.component-primary-checkbox-container input:checked~.checkbox-radio .checkbox-background,.component-primary-checkbox-container input:checked~.checkbox-radio .checkmark-icon{opacity:1}.component-primary-checkbox-container:hover .checkbox-radio{border-color:var(--color-primary-500)}.component-primary-checkbox-container.disabled,.component-primary-checkbox-container.disabled .component-primary-checkbox{cursor:not-allowed}.component-primary-checkbox-container.disabled .checkbox-radio,.component-primary-checkbox-container.disabled:hover .checkbox-radio{border-color:var(--color-grey-300)}.component-primary-checkbox-container.disabled input:checked~.checkbox-radio .checkbox-background{background-color:var(--color-grey-300)}.component-primary-dialog{z-index:1500!important}.component-primary-dialog .MuiBackdrop-root{z-index:1499!important;background-color:rgba(0,0,0,.5)!important}.component-primary-dialog .MuiDialog-container{z-index:1500!important}.component-primary-dialog .MuiPaper-root{display:flex;flex-direction:column;min-height:85vh;z-index:1500!important;position:relative!important}.component-primary-dialog .component-primary-dialog-title{align-items:center;background-color:var(--blue-50);display:flex;justify-content:space-between;padding:16px 24px}.component-primary-dialog .component-primary-dialog-title .close{cursor:pointer}.component-primary-dialog .component-primary-dialog-content{flex-grow:1;height:0;padding:24px}.component-primary-dialog .component-primary-dialog-action{background-color:var(--blue-50);min-height:72px;padding:16px 24px}.component-confirm-dialog .MuiPaper-root{display:flex;flex-direction:column;min-height:15vh}.component-confirm-dialog .confirm-dialog-content{display:flex;flex-direction:column;gap:16px;padding:24px}.component-confirm-dialog .confirm-dialog-content .description{min-height:150px}.component-confirm-dialog .confirm-dialog-action{align-items:center;display:flex;gap:8px;justify-content:center}.component-consult-dialog{z-index:1500!important}.component-consult-dialog .content{display:flex;flex-direction:column;gap:16px}.component-consult-dialog .importance-container{display:flex;justify-content:space-between;align-items:center;gap:16px}.component-consult-dialog .importance-container .row-value{display:flex;gap:8px;align-items:center}.component-consult-dialog .issue-tags-area{border-radius:8px;border:1px solid var(--grey-200);padding:8px;min-height:200px}.component-consult-dialog .issue-tags-area .issue-tags-container{flex-wrap:wrap;display:flex;gap:8px}.component-consult-dialog .issue-tags-rect-button{display:flex;align-items:center;width:max-content;height:-moz-fit-content;height:fit-content;border:1px solid var(--grey-200);border-radius:4px;padding:4px 8px}.component-consult-dialog .issue-tags-rect-button .name{margin-right:32px;white-space:nowrap}.component-consult-dialog .autocomplete-container{height:33px}.component-consult-dialog .autocomplete-container .MuiFormControl-root,.component-consult-dialog .autocomplete-container .MuiInputBase-root{border:unset;height:100%}.component-consult-dialog .autocomplete-container input{padding:8px;height:100%;border:unset}.component-consult-dialog .autocomplete-container{position:relative}.component-consult-dialog .autocomplete-dropdown{position:absolute;margin-top:8px;z-index:10;width:100%;max-height:200px;min-height:unset}.component-consult-dialog .autocomplete-dropdown .scroll-bar{height:100%}.component-consult-dialog .pond-site-container{display:flex;gap:16px;flex-wrap:wrap}.component-consult-dialog .pond-site-container .pond-site{flex-grow:1}.component-consult-dialog .actions{display:flex;justify-content:flex-end;gap:16px}.component-consult-dialog .component-primary-select .MuiMenu-root,.component-consult-dialog .component-primary-select .MuiPaper-root,.component-consult-dialog .component-primary-select .MuiPopover-root{z-index:2000!important}.component-basic-date-picker .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.component-basic-date-picker .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--green-500)!important}.component-basic-date-picker input{padding:8px 0 8px 16px!important}.component-basic-date-time-picker .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.component-basic-date-time-picker .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--green-500)!important}.component-basic-date-time-picker input{padding:8px 0 8px 16px!important}.component-divider{background-color:var(--grey-200);height:1px;width:100%}.component-divider.primary{background-color:var(--green-200)}.component-diary-tab-card{padding:16px;display:flex;flex-direction:column;gap:16px}.component-login-header{justify-content:space-between;width:100%}.component-login-header,.component-login-header>span:first-child{align-items:center;display:flex}.component-login-header>span:first-child svg{height:auto;max-height:34px;max-width:100%;width:100%;object-fit:contain}.component-login-header .action{align-items:center;display:flex;gap:8px}.component-dashboard-header{width:100%;display:flex;padding:16px 40px;background-color:var(--grey-100);justify-content:flex-end}@media screen and (max-width:768px){.component-dashboard-header{justify-content:space-between}}.component-dashboard-header .hamburger-button{display:none}@media screen and (max-width:768px){.component-dashboard-header .hamburger-button{display:block}}.component-dashboard-header .action-groups{display:flex;gap:16px}.component-normal-header-popover .MuiPaper-root{display:flex;flex-direction:column;gap:8px}.component-normal-header-popover .item-row{align-items:center;display:flex;gap:8px}.component-hamburger-menu-drawer .MuiPaper-root{width:150px}.component-hamburger-menu-drawer .overlay-scrollbar{height:100%;padding:16px;background-color:var(--green-500)}.component-hamburger-menu-drawer .menu-content{display:flex;flex-direction:column;gap:8px;height:100%}.component-hamburger-menu-drawer .menu-content .menu-item{padding:16px 8px;display:flex;gap:8px;align-items:center}.component-hamburger-menu-drawer .menu-content .menu-item:hover{background-color:var(--green-300)}.component-header-notification-popover .MuiPaper-root{min-width:240px;display:flex;flex-direction:column;max-height:500px;height:500px;padding:unset}.component-header-notification-popover .notification-scrollbar{flex-grow:1;padding-right:16px}.component-header-notification-popover .notification-scrollbar .load-more{padding:8px;text-align:center}.component-header-notification-popover .title{padding:16px 16px 0;text-align:center}.component-header-notification-popover .notification-item-container{display:flex;align-items:stretch;border-bottom:1px solid var(--grey-200)}.component-header-notification-popover .notification-item-container .content{word-break:break-all}.component-header-notification-popover .notification-item-container .status-block{width:10px}.component-header-notification-popover .notification-item-container .status-block.error{background-color:var(--danger)}.component-header-notification-popover .notification-item-container .status-block.warning{background-color:var(--warning)}.component-header-notification-popover .notification-item-container .status-block.info{background-color:var(--green-500)}.component-header-notification-popover .notification-item-container .notification-item{display:flex;gap:8px;flex-direction:column;height:100px;margin-left:16px;padding:16px 0;max-width:240px;flex-grow:1}.component-header-notification-popover .notification-item-container .notification-item .status-title{display:flex;align-items:center;gap:8px}.component-header-notification-popover .notification-item-container .notification-item .notification-item-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.component-link-tab-header{background-color:var(--white-reverse);min-height:40px;padding:4px 32px 0}.component-primary-input{border:1px solid var(--grey-300);border-radius:8px;padding:8px 16px}.component-primary-input.md{height:36px;max-height:36px;min-height:36px}.component-primary-input.lg{height:40px;max-height:40px;min-height:40px}.component-primary-input:focus,.component-primary-input:hover{border-color:var(--blue-500);box-shadow:0 0 3px rgba(var(--rgb-blue-500),.35);outline:none}.component-primary-input.error{border-color:var(--danger);color:var(--danger)}.component-primary-input.display-only{background-color:var(--grey-100);color:var(--grey-500)}.component-password-input-container{align-items:center;border:1px solid var(--grey-300);border-radius:8px;display:flex;height:36px;position:relative}.component-password-input-container:focus-within,.component-password-input-container:hover{border-color:var(--blue-500);box-shadow:0 0 3px rgba(var(--rgb-blue-500),.35)}.component-password-input-container input{border:0;border-radius:8px;height:36px;padding:8px 16px;width:calc(100% - 25px)}.component-password-input-container.error{color:var(--danger);border-color:var(--danger)}.component-password-input-container.error svg g{fill:var(--danger)}.component-password-input-container>.eye-button{height:20px;position:absolute;right:16px;top:calc(50% - 10px);width:20px}.component-search-input{align-items:center;border:1px solid var(--grey-300);border-radius:8px;display:flex;gap:8px;height:45px;min-height:45px;padding:8px 16px}.component-search-input .search-icon{min-width:18px}.component-search-input input{width:100%;border:none;outline:none;background:rgba(0,0,0,0)}.component-search-input input::placeholder{color:var(--grey-400);opacity:1}.component-search-input input::-webkit-input-placeholder{color:var(--grey-400);opacity:1}.component-search-input input::-moz-placeholder{color:var(--grey-400);opacity:1}.component-search-input input:-ms-input-placeholder{color:var(--grey-400);opacity:1}.component-search-input:focus-within,.component-search-input:hover{border-color:var(--blue-500);box-shadow:0 0 3px rgba(var(--rgb-blue-500),.35)}.component-textarea{border:1px solid var(--grey-300);border-radius:8px;padding:1rem;background-color:#fff;min-height:120px;line-height:1.5;position:relative;overflow:hidden}.component-textarea .textarea-content{height:100%;width:100%}.component-textarea textarea::-webkit-scrollbar{display:none}.component-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;z-index:999999;transition:all;overflow:hidden}.component-loading.active{opacity:1;visibility:visible}.component-loading .squares{display:flex;flex-wrap:wrap;width:120px}.component-loading .squares .square{width:40px;height:40px;background-color:var(--blue-400);animation-name:loading;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:cubic-bezier(.68,0,.265,1)}.component-loading .squares .square.s4,.component-loading .squares .square.s8{animation-delay:.15s}.component-loading .squares .square.s1,.component-loading .squares .square.s5,.component-loading .squares .square.s9{animation-delay:.3s}.component-loading .squares .square.s2,.component-loading .squares .square.s6{animation-delay:.45s}.component-loading .squares .square.s3{animation-delay:.6s}.component-loading .opacity-1{opacity:1}.component-loading .opacity-0{opacity:0}.component-overlay-loading{position:fixed;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:999999;transition:all;overflow:hidden}.component-overlay-loading.active{opacity:1;visibility:visible}.component-overlay-loading .squares{display:flex;flex-wrap:wrap;width:120px}.component-overlay-loading .squares .square{width:40px;height:40px;background-color:var(--blue-400);animation-name:loading;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:cubic-bezier(.68,0,.265,1)}.component-overlay-loading .squares .square.s4,.component-overlay-loading .squares .square.s8{animation-delay:.15s}.component-overlay-loading .squares .square.s1,.component-overlay-loading .squares .square.s5,.component-overlay-loading .squares .square.s9{animation-delay:.3s}.component-overlay-loading .squares .square.s2,.component-overlay-loading .squares .square.s6{animation-delay:.45s}.component-overlay-loading .squares .square.s3{animation-delay:.6s}@keyframes loading{0%{transform:scale(1)}70%{transform:scale(0)}to{transform:scale(0)}}.component-overlay-loading .opacity-1{opacity:1}.component-overlay-loading .opacity-0{opacity:0}.component-access-denied-modal{position:fixed;z-index:99999}.component-access-denied-modal .access-denied-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:24px;padding:24px;min-height:296px;min-width:336px;justify-content:space-between;background-color:var(--white-reverse);border-radius:8px}.component-access-denied-modal .access-denied-modal-content .content-block{display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;flex:1 1}.component-access-denied-modal .access-denied-modal-content .content-block .icon-wrapper{display:flex;align-items:center;justify-content:center;width:96px;height:96px}.component-access-denied-modal .access-denied-modal-content .content-block .icon-wrapper svg{width:100%;height:100%;display:block}.component-access-denied-modal .access-denied-modal-content .content-block .text-block{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.component-access-denied-modal .access-denied-modal-content .content-block .text-block .title{font-size:20px;font-weight:600;line-height:28px;color:var(--text-primary);margin:0}.component-access-denied-modal .access-denied-modal-content .content-block .text-block .message{font-size:14px;font-weight:400;line-height:20px;color:var(--text-secondary);margin:0}.component-access-denied-modal .access-denied-modal-content .button-group{display:flex;gap:16px;align-items:center;justify-content:center}.component-confirm-modal{position:fixed;z-index:99999}.component-confirm-modal .confirm-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:16px;padding:24px;min-height:296px;min-width:336px;justify-content:space-between;background-color:var(--white-reverse);border-radius:8px}.component-confirm-modal .confirm-modal-content .first-block{display:flex;flex-direction:column;gap:32px;align-items:center}.component-confirm-modal .confirm-modal-content .button-group{display:flex;gap:16px;align-items:center;justify-content:center}.component-info-modal{position:fixed;z-index:99999}.component-info-modal .info-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:16px;padding:24px;min-height:296px;min-width:336px;justify-content:space-between;background-color:var(--white-reverse);border-radius:8px}.component-info-modal .info-modal-content .info-block{display:flex;flex-direction:column;gap:32px;align-items:center;justify-content:center;flex:1 1}.component-info-modal .info-modal-content .info-block .info-text{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.component-info-modal .info-modal-content .button-group{display:flex;gap:16px;align-items:center;justify-content:center}.component-basic-menu-item{padding:8px!important}.component-basic-menu-item:hover{background-color:var(--green-50)!important}.component-invalid-message{align-items:center;color:var(--danger);display:flex;gap:4px}.component-primary-pagination .MuiPaginationItem-root{border-color:var(--grey-200);font-weight:700}.component-primary-pagination .Mui-selected{background-color:var(--blue-500)!important;color:var(--white-reverse)}.component-primary-stepper{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%}.component-primary-stepper .circle{background-color:rgba(0,0,0,0);border:2px solid var(--green-500);border-radius:50%;height:32px;position:relative;width:32px}.component-primary-stepper .circle.in-progress:before{background-color:var(--green-500);border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.component-primary-stepper .circle.done{background-color:var(--green-500)}.component-primary-stepper .circle.done:before{border:1px solid #fff;border-width:0 3px 3px 0;content:"";display:block;height:16px;left:calc(50% - 6px);position:absolute;top:calc(50% - 11px);transform:rotate(45deg);width:8px}.component-primary-stepper .circle.pending{border-color:var(--grey-300)}.component-primary-stepper .step-name{flex-grow:1}.component-primary-stepper .step-name.in-progress{color:var(--reverse-black)}.component-primary-stepper .step-name.done{color:var(--green-500)}.component-primary-stepper .step-name.pending{color:var(--grey-500)}.component-stepper-container{display:flex;gap:8px}.component-stepper-container .connect-line-container{display:flex;flex:1 1 auto;height:100%;position:relative}.component-stepper-container .connect-line{background-color:var(--grey-300);height:2px;position:absolute;top:16px;width:100%}.component-group-select{display:flex;min-width:0;background-color:var(--white-reverse);position:relative;width:100%;max-width:375px;height:40px;border-radius:8px;border:1px solid var(--grey-300)}.component-group-select .group-select-input{padding:8px 16px;height:100%;width:100%;align-items:center;display:flex;justify-content:space-between}.component-group-select .chevron{transition:all .3s}.component-group-select .chevron.active{transform:rotate(180deg)}.component-group-select-popper{z-index:99;margin-top:8px!important;width:100%;max-width:375px;overflow:hidden;max-height:320px}.component-group-select-popper .group-select-paper{max-height:320px;border:1px solid var(--grey-300);border-radius:8px;display:flex}.component-group-select-popper .group-select-scrollbar{padding:8px 16px 8px 8px;flex-grow:1}.component-group-select-popper .group-select-search{padding:4px 12px;border-radius:4px;background-color:var(--white-reverse)}.component-group-select-popper .group-select-option{border-radius:4px;padding-left:32px!important}.component-group-select-popper .group-select-option:hover{background-color:var(--green-50)}.component-group-select-popper .group-block{background-color:var(--grey-100);border-radius:8px}.component-group-select-popper .chevron{transition:all .3s}.component-group-select-popper .chevron.active{transform:rotate(180deg)}.component-primary-select{background-color:var(--white-reverse);max-height:50px}.component-primary-select .MuiSelect-select{display:flex;align-items:center;color:var(--color-grey-600);font-family:Helvetica Neue,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.component-primary-select .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline,.component-primary-select .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.component-primary-select .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--blue-500)!important}.component-primary-select.sm{min-width:150px;max-width:150px}.component-primary-select.md{min-width:200px;max-width:200px}.component-primary-select.lg{min-width:100%;max-width:100%}.component-primary-select.unset{min-width:unset;max-width:unset}.component-primary-select .MuiSelect-select{padding:8px 16px}.component-primary-select .placeholder{color:var(--color-grey-600);font-family:Helvetica Neue,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.component-primary-select .select-label .MuiInputLabel-shrink{top:0}.component-primary-select-menu-item{max-width:200px;color:var(--color-grey-600);font-family:Helvetica Neue,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.component-primary-select-menu-item.has-component{display:flex;align-items:center;gap:8px}.component-primary-select-menu-item.has-component .name{flex:0 0 auto}.component-primary-select-menu-item.has-component .component-primary-checkbox-container{pointer-events:none}.component-primary-select-menu-item.sm{max-width:150px}.component-primary-select-menu-item.md{max-width:200px}.component-primary-select-menu-item.lg{max-width:100%}.component-primary-select-menu-item.unset{max-width:unset;width:100%}.component-primary-select-menu-item-custom-overlay-scrollbar{background-color:var(--white-reverse);border:1px solid var(--grey-200);border-radius:8px;box-shadow:0 1px 2px 0 rgba(0,0,0,.06),0 1px 3px 0 rgba(0,0,0,.1);z-index:2000!important;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;width:100%;max-width:100%;max-height:320px}.MuiMenu-root{z-index:2000!important}.MuiMenu-root .MuiPaper-root{z-index:2000!important;border-radius:8px;border:1px solid var(--grey-200);background:var(--white-reverse)}.MuiPopover-root{z-index:2000!important}.MuiPopover-root .MuiPaper-root{z-index:2000!important;border-radius:8px;border:1px solid var(--grey-200);background:var(--white-reverse)}.component-language-select{align-items:center;background-color:var(--white-reverse);border:1px solid var(--grey-300);border-radius:8px;display:flex;gap:8px;padding:8px 12px;cursor:pointer;transition:all .2s}.component-language-select:hover{border-color:var(--grey-400)}.component-language-select .language-text{color:var(--black-reverse);font-size:14px;line-height:1.5}.component-language-select .chevron{transition:transform .3s;width:16px;height:16px;color:var(--black-reverse);flex-shrink:0}.component-language-select .chevron.active{transform:rotate(180deg)}.component-language-select .language-select-menu-item{padding:8px 16px;border-radius:4px;cursor:pointer}.component-language-select .language-select-menu-item.active{background-color:#f3e5f5;color:#9c27b0}.component-language-select .language-select-menu-item:hover{background-color:var(--grey-100)}.component-theme-select .color-item{align-items:center;border:2px solid;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.component-theme-select .color-item.light{background-color:#fff;border-color:var(--green-500)}.component-theme-select .color-item.dark{background-color:#000;border-color:var(--green-500)}.component-sidebar{background-color:var(--blue-500);min-width:120px;overflow:hidden;transition:all .3s;width:120px}@media screen and (max-width:768px){.component-sidebar{min-width:0;overflow:hidden;width:0}}.component-sidebar .logo{align-items:center;display:flex;justify-content:center;padding:16px 8px;min-height:64px}.component-sidebar .logo svg{width:100px;height:40px;object-fit:contain}.component-sidebar .scroll-bar{height:100%}.component-sidebar .wrapper{display:flex;flex-direction:column;gap:12px;height:100%;padding:16px 8px 32px;width:100%}.component-sidebar .route-button{align-items:center;border-radius:8px;color:var(--white-reverse);display:flex;flex-direction:column;gap:8px;padding:16px 20px}.component-sidebar .route-button.active{background-color:var(--blue-600)}.component-sidebar .route-button.active svg path{fill:var(--white-reverse)}.component-custom-snackbar .content{background-color:var(--white-reverse);padding:16px;display:flex;align-items:center;border-radius:8px;border:1px solid var(--grey-300);width:-moz-fit-content;width:fit-content;gap:8px}.component-custom-snackbar .content.success{border-color:var(--green-500)}.component-custom-snackbar .content.danger{border-color:var(--danger)}.component-custom-snackbar .content .success-icon{background-color:var(--green-500);border-radius:50%;height:24px;width:24px;position:relative;flex-shrink:0}.component-custom-snackbar .content .success-icon:before{border:2px solid #fff;border-width:0 2px 2px 0;content:"";display:block;height:10px;left:calc(50% - 3px);position:absolute;top:calc(50% - 7px);transform:rotate(45deg);width:5px}.component-star-rating{display:flex;width:-moz-fit-content;width:fit-content;cursor:pointer}.component-star-rating.md{font-size:32px;height:32px}.component-star-rating.sm{font-size:16px;height:16px}.component-star-rating.disabled{cursor:default;pointer-events:none}.component-star-rating .star{-webkit-text-stroke:1px var(--grey-300);color:rgba(0,0,0,0);transition:color .2s,border-color .2s,background-color .2s}.component-star-rating .star.filled{color:var(--blue-500);-webkit-text-stroke:1px var(--blue-500)}.component-star-rating .star.md{font-size:32px;height:32px}.component-star-rating .star.sm{font-size:16px;height:16px}.component-primary-tab{color:var(--grey-400);height:36px!important;min-height:36px!important;padding:0 16px!important}.component-primary-tab.Mui-selected{color:var(--blue-500)!important}.component-primary-tabs{min-height:unset!important;border-bottom:1px solid var(--grey-300)}.component-primary-tabs button{text-transform:none}.component-primary-tabs .MuiTabs-indicator{background-color:var(--blue-500)}.component-primary-tabs .MuiTabs-flexContainer{align-items:center}.component-diary-detail-table{width:100%}.component-diary-detail-table thead{background-color:var(--grey-100)}.component-diary-detail-table thead.secondary{background-color:var(--green-50)}.component-diary-detail-table th{border:1px solid var(--grey-200);height:48px;padding:12px}.component-diary-detail-table th.center{text-align:center;vertical-align:middle}.component-diary-detail-table td{border-bottom:1px solid var(--grey-200);padding:12px}.component-diary-detail-table td.center{text-align:center;vertical-align:middle}.component-diary-detail-table td .action{display:flex;align-items:center;gap:16px}.component-diary-detail-table td .action .consult,.component-diary-detail-table td .action .consult path{fill:var(--black-reverse)}.component-diary-detail-table-state-and-chip-container{display:flex;flex-direction:column;gap:8px}.component-diary-detail-table-state-and-chip-container .state{background-color:var(--grey-100);border-radius:8px;padding:4px 11px;text-align:start}.component-diary-detail-table-state-and-chip-container .state.not-show{display:none}.component-diary-detail-table-state-and-chip-container .chip-container{display:flex;flex-wrap:wrap;gap:16px}.component-diary-detail-table-state-and-chip-container .quality-dot-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column-gap:var(--spacing-4);column-gap:var(--spacing-4);grid-row-gap:var(--spacing-2);row-gap:var(--spacing-2)}.component-diary-detail-table-state-and-chip-container .quality-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) 0}.component-diary-detail-table-state-and-chip-container .quality-dot{width:var(--spacing-4);height:var(--spacing-4);border-radius:50%;display:inline-block}.component-diary-detail-table-state-and-chip-container .quality-dot.good,.component-diary-detail-table-state-and-chip-container .quality-dot.normal{background-color:var(--normal)}.component-diary-detail-table-state-and-chip-container .quality-dot.ordinary,.component-diary-detail-table-state-and-chip-container .quality-dot.warn{background-color:var(--warning)}.component-diary-detail-table-state-and-chip-container .quality-dot.emergency{background-color:var(--danger-secondary)}.component-diary-detail-table-state-and-chip-container .quality-dot.noData{background-color:var(--grey-300)}.component-diary-detail-table-state-and-chip-container .remarks{border:1px solid var(--grey-200);border-radius:8px;min-height:130px;padding:8px}.component-consult-detail-table{width:100%;max-width:100%;table-layout:fixed}@media screen and (min-width:1440px){.component-consult-detail-table{width:100%;max-width:100%}}@media screen and (min-width:1920px){.component-consult-detail-table{max-width:1800px}}.component-consult-detail-table thead{background-color:var(--grey-100)}.component-consult-detail-table thead.secondary{background-color:var(--green-50)}.component-consult-detail-table tr.hasHover{cursor:pointer}.component-consult-detail-table tr.hasHover:hover{background-color:var(--blue-50)}.component-consult-detail-table th{border:1px solid var(--grey-200);height:48px;padding:8px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-consult-detail-table th:first-child{width:35%}.component-consult-detail-table th:nth-child(2){width:20%}.component-consult-detail-table th:nth-child(3){width:12%}.component-consult-detail-table th:nth-child(4){width:18%}.component-consult-detail-table th:nth-child(5){width:15%}.component-consult-detail-table th.center{text-align:center;vertical-align:middle}.component-consult-detail-table th .header-cell-with-icon{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;cursor:pointer}.component-consult-detail-table th .header-cell-text,.component-consult-detail-table th.header-cell-text{color:var(--color-grey-600);font-family:Helvetica Neue,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:24px}.component-consult-detail-table th .sort-icon{width:24px;height:24px;flex-shrink:0}.component-consult-detail-table td{border-bottom:1px solid var(--grey-200);padding:8px 10px;overflow:hidden;text-overflow:ellipsis}.component-consult-detail-table td.issue-block{padding-left:unset}.component-consult-detail-table td.center{text-align:center;vertical-align:middle}.component-consult-detail-table td .action{display:flex;align-items:center;gap:12px}.component-consult-detail-table td .action .consult,.component-consult-detail-table td .action .consult path{fill:var(--black-reverse)}.component-consult-detail-table .issue-td-block{padding:8px 10px;display:flex;align-items:center;gap:16px}.component-consult-detail-table .issue-td-block .col-block{display:flex;flex-direction:column;gap:16px;flex-grow:1;align-items:flex-start;min-width:0}.component-consult-detail-table .issue-td-block .icon-button-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer}.component-consult-detail-table .issue-td-block .icon-button-wrapper .unread-badge{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:var(--blue-500);border-radius:50%;border:2px solid var(--white);z-index:1}.component-consult-detail-table .star-block{display:flex;gap:4px;align-items:center;justify-content:center;width:100%}.component-consult-detail-table .tag-block{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.component-consult-detail-table .pond-name-block{display:flex;gap:4px;flex-direction:column}.component-consult-detail-table .status-processing,.component-consult-detail-table .status-undiagnosed{color:#f58e8e}.component-consult-detail-table .status-resolved{color:#0087c8}@media screen and (max-width:1024px){.component-consult-detail-table td,.component-consult-detail-table th{padding:6px 8px}.component-consult-detail-table .issue-td-block{padding:6px 8px;gap:8px}.component-consult-detail-table th:first-child{width:30%}.component-consult-detail-table th:nth-child(2){width:22%}.component-consult-detail-table th:nth-child(3){width:14%}.component-consult-detail-table th:nth-child(4){width:20%}.component-consult-detail-table th:nth-child(5){width:14%}}.component-bounding-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-root{width:100%}.page-root,.page-root>.public-route-layout{display:flex;flex-direction:column;height:100%}.page-root>.public-route-layout .public-route-content{height:100%;padding:16px 120px 20px}.page-root>.public-route-layout .public-route-content.grey-100{background-color:var(--grey-100)}@media screen and (max-width:1440px){.page-root>.public-route-layout .public-route-content{padding:16px 64px 20px}}@media screen and (max-width:768px){.page-root>.public-route-layout .public-route-content{padding:16px 32px 20px}}@media screen and (max-width:360px){.page-root>.public-route-layout .public-route-content{padding:16px 16px 20px}}.page-root>.sidebar-route-layout{display:flex;height:100%;overflow:hidden}.page-root>.sidebar-route-layout.not-overflow{overflow:hidden}@media screen and (max-width:1024px){.page-root>.sidebar-route-layout.not-overflow{overflow:auto}}.page-root>.sidebar-route-layout .sidebar-with-content{display:flex;flex-grow:1;min-width:0;flex-direction:column}.page-root>.sidebar-route-layout .sidebar-with-content .sidebar-route-content{flex-grow:1}.page-root>.sidebar-route-layout .sidebar-with-content .sidebar-route-content.grey-100{background-color:var(--grey-100)}.page-root .pond-info-layout{height:100%;width:100%;display:flex;flex-direction:column}.page-root .pond-info-layout .info-block{background-color:var(--white-reverse);width:100%;display:flex;min-height:84px;padding:8px 64px;gap:32px;align-items:center;border-bottom:1px solid var(--grey-200)}@media screen and (max-width:768px){.page-root .pond-info-layout .info-block{padding:8px 32px;gap:16px}}.page-root .pond-info-layout .info-block .item-block{display:flex;gap:8px;flex-direction:column;min-width:0;flex:0 1 300px}@media screen and (max-width:768px){.page-root .pond-info-layout .info-block .item-block{flex:0 1 200px}}.page-root .pond-info-layout .info-block .item-block.time{flex:0 1 100px}.page-root .pond-info-layout .info-block .item-block .number-flex{display:flex;gap:32px}.page-root .pond-info-layout .info-block .item-block .number-flex.farm-ponds-info{width:326px;gap:0;font-size:16px;line-height:1.5}.page-root .pond-info-layout .info-block .item-block .number-flex.farm-ponds-info>*{white-space:nowrap}.page-root .pond-info-layout .info-block .item-block .number-flex-column{display:flex;flex-direction:column;gap:8px}.page-root .pond-info-layout .info-block .event-block{padding:8px 24px}.page-login{background-image:url(/images/bg_pond.png);background-position:0;background-repeat:no-repeat;background-size:100% 100%;display:flex;flex-direction:column;flex-grow:1;padding:16px 119px 16px 16px}.page-login.invited{background-image:unset;background-color:var(--grey-100);padding:unset}.page-login.invited .login-header-invited{background-color:var(--green-500);height:72px;padding:8px 16px}.page-login.invited .page-invited{display:flex;justify-content:center;align-items:center;height:100%;padding:32px}.page-login.invited .page-invited .scroll-bar{height:100%;padding:40px 48px}.page-login.invited .page-invited .invited-form-card{background-color:var(--white-reverse);width:100%;max-width:512px;height:100%;max-height:75vh}@media screen and (max-width:600px){.page-login.invited .page-invited .invited-form-card{max-width:unset}}.page-login.invited .page-invited .invited-form-card .column-block{display:flex;flex-direction:column;gap:16px;align-items:center}.page-login.invited .page-invited .invited-form-card .name-block{display:flex;flex-direction:column;gap:8px;background-color:var(--grey-100);border-radius:8px;padding:16px;width:100%}.page-login.invited .page-invited .invited-form-card .process-block{display:flex;flex-direction:column;gap:32px;align-items:center;margin:32px 0;opacity:0}.page-login.invited .page-invited .invited-form-card .process-block.process-block-active{opacity:1}.page-login.invited .page-invited .invited-form-card .account-choose-block{display:none}.page-login.invited .page-invited .invited-form-card .account-choose-block.account-choose-block-active{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.page-login.invited .page-invited .invited-form-card .account-choose-block .account-choose-item{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:8px;border:1px solid var(--grey-300)}.page-login.invited .page-invited .invited-form-card .account-choose-block .account-choose-item.active{background-color:var(--grey-100)}.page-login.invited .page-invited .invited-form-card .account-choose-block .account-choose-item .sub-description{margin-left:25px}.page-login.invited .page-invited .invited-form-card .action-button{width:100%}.page-login.invited .page-invited .invited-form-card .login-register-form{padding:40px 48px;display:flex;flex-direction:column;gap:32px}.page-login.invited .page-invited .invited-form-card .login-register-form .input-group-item{width:100%}.page-login.invited .page-invited .invited-form-card .login-register-form .title{text-align:center}.page-login.invited .page-invited .invited-form-card .login-register-form .password-action-row{display:flex;justify-content:space-between;align-items:center}.page-login.invited .page-invited .invited-form-card .login-register-form .action-row{display:flex;justify-content:center;align-items:center;gap:16px}.page-login.invited .inform-page{display:flex;flex-direction:column;gap:16px;padding:40px 48px;text-align:center}@media screen and (max-width:768px){.page-login{padding:0 16px}}@media screen and (max-width:360px){.page-login{padding:0}}.page-login .login-form-wrap{align-items:center;display:flex;height:100%;justify-content:flex-end}@media screen and (max-width:768px){.page-login .login-form-wrap{justify-content:center}}.page-login .login-form-wrap .login-form{background-color:var(--white-reverse);border-radius:8px;display:flex;flex-direction:column;gap:16px;min-height:456px;min-width:473px;padding:24px 35px}@media screen and (max-width:600px){.page-login .login-form-wrap .login-form{min-width:unset;width:100%}}.page-login .login-form-wrap .login-form .error-message{color:var(--danger);text-align:center}.page-login .login-form-wrap .login-form .title{text-align:center}.page-login .login-form-wrap .login-form .input-content-group{display:flex;flex-direction:column;gap:24px}.page-login .login-form-wrap .login-form .input-content-group .password-action{align-items:center;display:flex;justify-content:space-between}.page-login .login-form-wrap .login-form .login-button-wrap{align-items:center;display:flex;flex-grow:1;justify-content:center}.page-login .login-form-wrap .login-form .login-button-wrap .login-button{width:100%}.page-login .login-form-wrap .login-form .register-wrap{align-items:center;display:flex;gap:16px;justify-content:center;margin:auto}.page-login .login-form-wrap .forget-password-form{background-color:var(--white-reverse);border-radius:8px;display:flex;flex-direction:column;gap:16px;min-height:456px;min-width:473px;padding:24px 35px}@media screen and (max-width:600px){.page-login .login-form-wrap .forget-password-form{min-width:unset;width:100%}}.page-login .login-form-wrap .forget-password-form .title{align-items:center;display:flex;gap:16px}.page-login .login-form-wrap .forget-password-form .content-wrap{display:flex;flex-direction:column;flex-grow:1;gap:16px}.page-login .login-form-wrap .forget-password-form .submit-button{width:100%}.page-consult-detail{display:flex;flex-direction:column;gap:8px;height:100%}.page-consult-detail .no-permission-wrapper{display:flex;flex:1 1;min-height:0;padding:16px 32px}.page-consult-detail .no-permission-card{display:flex;align-items:center;justify-content:center;flex:1 1}.page-consult-detail .no-permission-content{display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;text-align:center;padding:24px;min-height:296px}.page-consult-detail .no-permission-content .text-block{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.page-consult-detail .no-permission-content .text-block .title{font-size:20px;font-weight:600;line-height:28px;color:var(--text-primary);margin:0}.page-consult-detail .no-permission-content .text-block .message{font-size:14px;font-weight:400;line-height:20px;color:var(--text-secondary);margin:0}.page-consult-detail .no-permission-content .button-group{display:flex;align-items:center;justify-content:center}.page-consult-detail .back-button-container{padding-left:32px}.page-consult-detail .back-button-container .back-button{align-items:center;display:flex;gap:8px}.page-consult-detail .chat-consult-wrapper{display:flex;flex-wrap:nowrap;gap:16px;height:100%;padding:8px 16px 8px 8px;width:100%}.page-consult-detail .consult-detail-scrollbar{flex:2 2;height:100%}.page-consult-detail .consult-content{display:flex;flex-direction:column;gap:16px;padding:0 8px 8px}.page-consult-detail .consult-content .consult-detail-card{border:1px solid var(--color-grey-200,#d0d4d9);border-radius:var(--radius-lg);padding:var(--spacing-8)}.page-consult-detail .consult-content .consult-detail-card .header-row-first{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-1)}.page-consult-detail .consult-content .consult-detail-card .header-row-first .header-left{display:flex;align-items:baseline;gap:var(--spacing-2);flex:1 1}.page-consult-detail .consult-content .consult-detail-card .header-row-first .header-left .pond-name{color:var(--color-grey-600,#2a2e34);font-size:var(--typography-title-1-font-size);font-weight:700;line-height:var(--typography-title-1-line-height)}.page-consult-detail .consult-content .consult-detail-card .header-row-first .header-left .status-label{color:var(--color-action-emergency,#f58e8e);font-size:var(--typography-body-small-font-size);line-height:var(--typography-body-small-line-height);white-space:nowrap}.page-consult-detail .consult-content .consult-detail-card .header-row-first .header-right{display:flex;align-items:center}.page-consult-detail .consult-content .consult-detail-card .header-row-first .header-right .application-time{color:var(--color-grey-600,#2a2e34);font-size:var(--typography-body-small-font-size);line-height:var(--typography-body-small-line-height);white-space:nowrap}.page-consult-detail .consult-content .consult-detail-card .header-row-second{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.page-consult-detail .consult-content .consult-detail-card .header-row-second .event-number-container{display:flex;align-items:center}.page-consult-detail .consult-content .consult-detail-card .header-row-second .event-number-container .event-number-label{color:var(--color-grey-300,#aeb3bc);font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height)}.page-consult-detail .consult-content .consult-detail-card .header-row-second .priority-level-container{display:flex;align-items:center;gap:var(--spacing-2)}.page-consult-detail .consult-content .consult-detail-card .header-row-second .priority-level-container .priority-label{color:var(--color-primary-500,#0087c8);font-size:var(--typography-body-small-font-size);line-height:var(--typography-body-small-line-height)}.page-consult-detail .consult-content .consult-detail-card .header-row-second .priority-level-container .star-rating{display:flex;align-items:center;gap:2px}.page-consult-detail .consult-content .consult-detail-card .header-row-second .priority-level-container .star-rating .star-icon{width:16px;height:16px;display:inline-flex}.page-consult-detail .consult-content .consult-detail-card .header-row-second .priority-level-container .star-rating .star-icon-small{width:14px;height:14px;display:inline-flex}.page-consult-detail .consult-content .consult-detail-card>.component-divider{margin:var(--spacing-4) 0}.page-consult-detail .consult-content .consult-detail-card .case-description-section{margin-bottom:var(--spacing-4)}.page-consult-detail .consult-content .consult-detail-card .case-description-section .section-title{color:var(--color-grey-400,#7b8493);font-size:var(--typography-title-1-font-size);font-weight:700;line-height:var(--typography-title-1-line-height);margin-bottom:var(--spacing-2)}.page-consult-detail .consult-content .consult-detail-card .case-description-section .description-content{color:var(--color-grey-600,#2a2e34);font-size:var(--typography-body-medium-font-size);line-height:var(--typography-body-medium-line-height);white-space:pre-wrap}.page-consult-detail .consult-content .consult-detail-card .case-description-section .description-content p{margin:0;margin-bottom:var(--spacing-1)}.page-consult-detail .consult-content .consult-detail-card .case-description-section .description-content p:last-child{margin-bottom:0}.page-consult-detail .consult-content .consult-detail-card .pond-data-section{margin-top:var(--spacing-4)}.page-consult-detail .consult-content .consult-detail-card .pond-data-section .pond-data-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2)}.page-consult-detail .consult-content .consult-detail-card .pond-data-section .pond-data-header .pond-data-title{color:var(--color-grey-400,#7b8493);font-size:var(--typography-title-1-font-size);font-weight:700;line-height:var(--typography-title-1-line-height)}.page-consult-detail .consult-content .consult-detail-card .pond-data-section .pond-data-header .pond-data-date{color:var(--color-grey-600,#2a2e34);font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height);white-space:nowrap}.page-consult-detail .consult-content .consult-detail-card .pond-data-section .pond-data-grid{background-color:var(--color-grey-100,#f3f4f5);border-radius:var(--radius-lg);padding:var(--spacing-4);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column-gap:var(--spacing-4);column-gap:var(--spacing-4);grid-row-gap:var(--spacing-2);row-gap:var(--spacing-2)}.page-consult-detail .consult-content .consult-detail-card .pond-data-section .pond-data-grid .water-quality-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) 0}.page-consult-detail .consult-content .consult-detail-card .pond-data-section .pond-data-grid .water-quality-item .quality-dot{flex-shrink:0;width:var(--spacing-4);height:var(--spacing-4);border-radius:50%;display:inline-block}.page-consult-detail .consult-content .consult-detail-card .pond-data-section .pond-data-grid .water-quality-item .quality-dot.good,.page-consult-detail .consult-content .consult-detail-card .pond-data-section .pond-data-grid .water-quality-item .quality-dot.normal{background-color:var(--normal)}.page-consult-detail .consult-content .consult-detail-card .pond-data-section .pond-data-grid .water-quality-item .quality-dot.ordinary,.page-consult-detail .consult-content .consult-detail-card .pond-data-section .pond-data-grid .water-quality-item .quality-dot.warn{background-color:var(--warning)}.page-consult-detail .consult-content .consult-detail-card .pond-data-section .pond-data-grid .water-quality-item .quality-dot.emergency{background-color:var(--danger-secondary)}.page-consult-detail .consult-content .consult-detail-card .pond-data-section .pond-data-grid .water-quality-item .quality-dot.noData{background-color:var(--grey-300)}.page-consult-detail .consult-content .consult-detail-card .pond-data-section .pond-data-grid .water-quality-item .quality-text{color:var(--color-grey-600,#2a2e34);font-size:var(--typography-title-1-font-size);font-weight:700;line-height:var(--typography-title-1-line-height)}.page-consult-detail .consult-content .consult-detail-card .pond-data-section .pond-data-grid .water-quality-item .quality-text.quality-na-text{color:var(--color-grey-300,#aeb3bc)}@media screen and (max-width:768px){.page-consult-detail .consult-content .consult-detail-card{padding:var(--spacing-4)}.page-consult-detail .consult-content .consult-detail-card .header-row-first{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.page-consult-detail .consult-content .consult-detail-card .header-row-first .header-right{align-items:flex-start}.page-consult-detail .consult-content .consult-detail-card .header-row-second{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.page-consult-detail .consult-content .consult-detail-card .header-row-second .priority-level-container{width:100%}.page-consult-detail .consult-content .consult-detail-card .pond-data-grid .water-quality-item{min-width:100%}}.page-consult-detail .consult-content .diagnosis-recipients-container{display:flex;flex-direction:column;gap:8px}.page-consult-detail .consult-content .diagnosis-recipients-container .reply-title{display:flex;gap:8px;align-items:center}.page-consult-detail .consult-content .diagnosis-recipients-container .expert-select{width:100%}.page-consult-detail .consult-content .consult-controls-container{background-color:var(--blue-100);padding:16px;display:flex;flex-direction:column;gap:16px}.page-consult-detail .consult-content .button-group{display:flex;gap:8px}.page-consult-detail .consult-content .button-group .reply-button{width:100%}.page-consult-detail .consult-content .select-controller{align-items:center;display:flex;justify-content:space-between;padding:16px 32px}.page-consult-detail .consult-content .select-controller .triangle{transform:rotate(180deg);transition:all .3s}.page-consult-detail .consult-content .select-controller .triangle.expand{transform:rotate(0deg)}.page-consult-detail .consult-content .select-controller .date-and-select{align-items:center;display:flex;gap:16px}.page-consult-detail .consult-content .select-controller .date-and-select .input-row{align-items:center;display:flex;gap:8px}.page-consult-detail .consult-content .diary-detail{padding:16px}.page-consult-detail .diary-tab-card{padding:16px;display:flex;flex-direction:column;gap:16px}.page-consult-detail .chat-room-container{flex:1 1;height:0;min-height:0;overflow:hidden;position:relative;z-index:1!important}.page-consult-detail .chat-room-container.open{height:85vh;min-height:85vh}@media screen and (max-width:1024px){.page-consult-detail .chat-room-container{bottom:10%;position:fixed;right:3%;transition:all .3s;min-width:400px;z-index:1!important}}.page-consult-detail .chat-room-container .chat-room{display:flex;flex-direction:column;height:100%;width:100%;border-radius:8px;overflow:hidden}.page-consult-detail .chat-room-container .chat-room .chat-room-title{align-items:center;background-color:var(--blue-100);display:flex;justify-content:space-between;padding:16px 32px;gap:8px}.page-consult-detail .chat-room-container .chat-room .chat-room-title .name{align-items:center;display:flex;gap:8px;white-space:nowrap;margin-left:-8px}.page-consult-detail .chat-room-container .chat-room .chat-room-title .importance-container{display:flex;gap:8px;align-items:center}.page-consult-detail .chat-room-container .chat-room .chat-room-content{background-color:var(--color-primary-50);flex-grow:1;height:0;padding:var(--spacing-4) var(--spacing-8)}.page-consult-detail .chat-room-container .chat-room .chat-room-content .load-more{text-align:center}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content{display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:var(--spacing-2);max-width:480px;width:100%;align-items:center;padding:0 var(--spacing-4)}@media screen and (min-width:1441px){.page-consult-detail .chat-room-container .chat-room .chat-room-content .content{padding:0;align-items:flex-start;max-width:100%}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message.message-mine{align-self:flex-end;padding-left:64px;padding-right:var(--spacing-2);width:auto;max-width:calc(100% - 72px)}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message:not(.message-mine){align-self:flex-start;padding-left:var(--spacing-2);padding-right:64px;width:auto;max-width:calc(100% - 72px)}}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message{display:flex;flex-direction:column;width:100%;min-width:392px;max-width:480px;gap:var(--spacing-2)}@media screen and (max-width:1440px){.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message{width:100%;max-width:480px}}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message .message-header{display:flex;align-items:baseline;gap:var(--spacing-2)}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message .message-header .creator-role-label{color:var(--color-blue-600,#007BB6);font-size:var(--typography-title2-font-size);line-height:var(--typography-title2-line-height);font-weight:var(--font-weight-bold);font-family:var(--typography-title2-font-family)}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message .message-header .message-time{color:var(--color-grey-500);font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height);font-weight:var(--font-weight-regular);font-family:var(--typography-caption-font-family)}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message .message-header.message-header-mine{justify-content:flex-end;width:100%}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message .message-bubble{position:relative;border-radius:var(--radius-lg);padding:var(--spacing-4) var(--spacing-8);word-wrap:break-word;width:100%;box-shadow:var(--shadow-base);display:flex;flex-direction:column;gap:var(--spacing-2)}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message .message-bubble .message-tag-container{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message .message-bubble .message-tag-container .message-tag{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-0-5) var(--spacing-2);border-radius:var(--radius-lg);font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height);font-weight:var(--font-weight-regular);text-align:center;font-family:var(--typography-caption-font-family);color:var(--color-primary-500);border:var(--spacing-px) solid var(--color-primary-500);background-color:var(--color-primary-50)}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message .message-bubble p{margin:0;font-size:var(--typography-title1-font-size);line-height:var(--typography-title1-line-height);font-weight:var(--font-weight-bold);font-family:Noto Sans TC,sans-serif;color:var(--color-grey-600)}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message .message-bubble:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message .message-footer{display:flex;justify-content:flex-end;align-items:center}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message .message-footer .message-time{color:var(--color-grey-500);font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height);font-weight:var(--font-weight-regular);font-family:var(--typography-caption-font-family)}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message.message-mine{align-items:flex-end;width:100%;align-self:center}@media screen and (min-width:1441px){.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message.message-mine{align-self:flex-end}}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message.message-mine .message-bubble{background-color:var(--color-white)}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message.message-mine .message-bubble:before,.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message.message-mine .message-footer{display:none}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message.message-other-expert .message-bubble{background-color:var(--color-blue-100)}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message.message-other-expert .message-bubble:before{background-color:var(--color-blue-600)}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message.message-farmer .message-bubble{background-color:var(--color-primary-100)}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message.message-farmer .message-bubble:before{background-color:var(--color-primary-500)}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message.message-farmer .message-header .creator-role-label{color:var(--color-primary-500)}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message .message-diary-container{margin-top:var(--spacing-2);background-color:#f3f4f5;border-radius:var(--radius-lg);padding:var(--spacing-4);width:100%;max-width:448px;display:flex;flex-direction:column;gap:var(--spacing-2)}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message .message-diary-container .component-diary-detail-table-state-and-chip-container{gap:var(--spacing-2)}.page-consult-detail .chat-room-container .chat-room .chat-room-content .content .message .message-diary-container .component-diary-detail-table-state-and-chip-container .quality-dot-container{display:flex;flex-direction:column;gap:var(--spacing-2)}.page-consult-detail .chat-room-container .chat-room .chat-reply{background-color:var(--blue-100);padding:8px 16px;width:100%;display:flex;flex-direction:column;gap:8px}.page-consult-detail .chat-room-container .chat-room .chat-reply .diagnosis-recipients-container{display:flex;flex-direction:column;gap:8px}.page-consult-detail .chat-room-container .chat-room .chat-reply .diagnosis-recipients-container .reply-title{display:flex;gap:8px;align-items:center}.page-consult-detail .chat-room-container .chat-room .chat-reply .diagnosis-recipients-container .expert-select{width:100%}.page-consult-detail .chat-room-container .chat-room .chat-reply .button-group{display:flex;gap:8px}.page-consult-detail .chat-room-container .chat-room .chat-reply .reply-button{width:100%}.page-consult-detail .chat-room-container .chat-room .chat-reply .chat-message-input{display:flex;flex-direction:column;gap:8px;width:100%}.page-consult-detail .chat-room-container .chat-room .chat-reply .chat-message-input .message-tags{display:flex;flex-wrap:wrap;gap:8px}.page-consult-detail .chat-room-container .chat-room .chat-reply .chat-message-input .message-tags .message-tag{display:flex;align-items:center;gap:4px;position:relative}.page-consult-detail .chat-room-container .chat-room .chat-reply .chat-message-input .message-tags .message-tag .tag-remove{background:none;border:none;color:var(--grey-400);cursor:pointer;font-size:18px;line-height:1;padding:0;margin-left:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.page-consult-detail .chat-room-container .chat-room .chat-reply .chat-message-input .message-tags .message-tag .tag-remove:hover{color:var(--grey-600)}.page-consult-detail .chat-room-container .chat-room .chat-reply .chat-message-input .message-input-container{display:flex;align-items:center;gap:8px;background-color:var(--white-reverse);border-radius:8px;padding:8px 12px}.page-consult-detail .chat-room-container .chat-room .chat-reply .chat-message-input .message-input-container .camera-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--grey-400)}.page-consult-detail .chat-room-container .chat-room .chat-reply .chat-message-input .message-input-container .camera-button:hover{color:var(--grey-600)}.page-consult-detail .chat-room-container .chat-room .chat-reply .chat-message-input .message-input-container .message-textarea{flex:1 1;border:none;outline:none;resize:none;font-family:inherit;font-size:14px;line-height:24px;min-height:24px;max-height:120px;padding:0;vertical-align:middle}.page-consult-detail .chat-room-container .chat-room .chat-reply .chat-message-input .message-input-container .message-textarea::placeholder{color:var(--grey-400)}.page-consult-detail .chat-room-container .chat-room .chat-reply .chat-message-input .message-input-container .send-button{min-width:80px;flex-shrink:0}.page-consult-detail .chat-room-button{background-color:var(--blue-500);display:none}@media screen and (max-width:1024px){.page-consult-detail .chat-room-button{align-items:center;bottom:3%;display:flex;justify-self:center;position:fixed;right:3%}}.page-dashboard{display:flex;flex-direction:column;height:100%;width:100%}.page-dashboard .consult-tabs{background-color:var(--white-reverse)}.page-dashboard .dashboard-scroll{flex-grow:1;height:0}.page-dashboard .card-content{padding:16px}.page-dashboard .card-content .search-container{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:16px}.page-dashboard .card-content .search-container .component-search-input{width:375px;height:40px;min-height:40px;padding:8px 16px}.page-dashboard .card-content .search-container .component-primary-select.farm-select{height:40px;max-height:40px;flex-shrink:0;align-self:stretch}.page-dashboard .card-content .search-container .component-primary-select.farm-select .MuiOutlinedInput-root{border-radius:8px}.page-dashboard .card-content .search-container .component-primary-select.farm-select .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:var(--grey-200)}.page-dashboard .card-content .search-container .component-primary-select.farm-select .MuiSelect-select{padding:8px 16px;display:flex;align-items:center;gap:10px}.page-dashboard .card-content .search-container .component-primary-select.importance-select{width:200px;max-width:200px;flex-shrink:0;height:40px;max-height:40px}.page-dashboard .card-content .search-container .component-primary-select.importance-select .MuiOutlinedInput-root{border-radius:8px}.page-dashboard .card-content .search-container .component-primary-select.importance-select .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:var(--grey-200)}.page-dashboard .card-content .search-container .component-primary-select.importance-select .MuiSelect-select{background-color:var(--white-reverse)}.page-dashboard .card-content .consult-table-card{padding:16px}.page-dashboard .card-content .scroll-content{padding:0;overflow-x:auto;width:100%}@media screen and (min-width:1440px)and (max-width:1920px){.page-dashboard .card-content .scroll-content{overflow-x:visible}}@media screen and (min-width:1920px){.page-dashboard .card-content .scroll-content{overflow-x:auto}}.page-dashboard .card-content .consult-pagination{display:flex;align-items:center;justify-content:center;margin-top:16px;margin-bottom:0}.page-dashboard .consult-button{position:fixed;bottom:16px;right:16px}.page-global-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:32px;padding:32px}.page-global-error .no-permission-card{display:flex;align-items:center;justify-content:center;width:100%;max-width:720px}.page-global-error .no-permission-content{display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;text-align:center;padding:24px;min-height:296px}.page-global-error .no-permission-content .text-block{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.page-global-error .no-permission-content .text-block .title{font-size:20px;font-weight:600;line-height:28px;color:var(--text-primary);margin:0}.page-global-error .no-permission-content .text-block .message{font-size:14px;font-weight:400;line-height:20px;color:var(--text-secondary);margin:0}.page-global-error .no-permission-content .button-group,.page-not-found{display:flex;align-items:center;justify-content:center}.page-not-found{flex-direction:column;height:100vh;gap:32px;padding:32px}.page-not-found .return-home-button{border:1px solid rgba(0,0,0,0);border-radius:8px;height:36px;min-height:36px;overflow:hidden;padding:8px 16px;text-overflow:ellipsis;white-space:nowrap;width:120px;background-color:var(--green-500);color:var(--white-reverse)}.page-not-found .return-home-button:hover{background-color:var(--green-600)}.page-pond-management{height:100%;width:100%;display:flex;flex-direction:column}.page-pond-management .pond-management-controller{display:flex;gap:16px;flex-wrap:wrap;padding:16px 32px}.page-pond-management .pond-list-scrollbar{padding:16px 32px;flex-grow:1;height:0}.page-pond-management .pond-list-scrollbar .pond-container{display:flex;flex-direction:column;gap:16px}.page-pond-management .pond-list-scrollbar .pond-card{padding:16px 32px}.page-pond-management .pond-list-scrollbar .pond-card .title-name{margin-bottom:8px}.page-pond-management .pond-list-scrollbar .pond-card .detail-container{display:flex;margin-bottom:16px;gap:8px}.page-pond-management .pond-list-scrollbar .pond-card .detail-container .detail-wrap{display:flex;flex-direction:column;gap:8px;width:33%}.page-pond-management .pond-list-scrollbar .pond-card .detail-container .detail-wrap .value-wrap{display:flex;gap:8px}.page-pond-management .pond-list-scrollbar .pond-card .detail-container .detail-wrap .name{flex-shrink:0;flex-grow:1}.page-pond-management .pond-list-scrollbar .pond-card .pond-table{padding-bottom:20px;width:100%}.page-pond-management .pond-list-scrollbar .pond-card .pond-table table{border-collapse:separate;width:100%;max-width:100%}.page-pond-management .pond-list-scrollbar .pond-card .pond-table thead{background-color:var(--grey-100)}.page-pond-management .pond-list-scrollbar .pond-card .pond-table thead th{border:1px solid var(--grey-200);padding:12px}.page-pond-management .pond-list-scrollbar .pond-card .pond-table thead th:first-child{width:200px}.page-pond-management .pond-list-scrollbar .pond-card .pond-table thead th:nth-child(2){width:256px}.page-pond-management .pond-list-scrollbar .pond-card .pond-table thead th:nth-child(3){width:320px}.page-pond-management .pond-list-scrollbar .pond-card .pond-table thead th:nth-child(4){width:auto;min-width:400px}.page-pond-management .pond-list-scrollbar .pond-card .pond-table tbody tr{cursor:pointer}.page-pond-management .pond-list-scrollbar .pond-card .pond-table tbody tr td{padding:12px;text-align:center;vertical-align:middle}.page-pond-management .pond-list-scrollbar .pond-card .pond-table tbody tr td:nth-child(2)>div{display:flex;align-items:center;justify-content:center;gap:8px}.page-pond-management .pond-list-scrollbar .pond-card .pond-table tbody tr td:nth-child(3){text-align:left;vertical-align:top}.page-pond-management .pond-list-scrollbar .pond-card .pond-table tbody tr td.flex-center{justify-content:center;display:flex}.page-pond-management .pond-list-scrollbar .pond-card .pond-table tbody tr td .go-to{align-items:flex-start;display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;word-break:break-word;white-space:normal;line-height:1.5}.page-pond-management .pond-list-scrollbar .pond-card .pond-table tbody tr td.pond-information{text-align:left;max-width:600px;word-wrap:break-word;overflow-wrap:break-word}.page-pond-management .pond-list-scrollbar .pond-card .pond-table tbody tr.tr-divider td{border:.5px solid var(--grey-200);padding:0}.page-pond-management .pond-list-scrollbar .pond-card .pond-table tbody tr:hover{background-color:var(--blue-50)}.page-pond-management .pond-list-scrollbar .pond-card-xs{align-items:center;display:flex;gap:8px;padding:16px}.page-pond-management .pond-list-scrollbar .pond-card-xs .detail-container{display:flex;flex-direction:column;flex-grow:1;gap:8px}.page-pond-management .pond-list-scrollbar .pond-card-xs .detail-container .detail-wrap{display:flex;flex-wrap:nowrap;gap:8px}.page-pond-management .consult-button{position:fixed;bottom:16px;right:16px}.page-pond-information-detail{display:flex;flex-direction:column;height:100%}.page-pond-information-detail .back-button{padding:8px 32px}.page-pond-information-detail .back-button svg{margin-left:-8px}.page-pond-information-detail .pond-info-header{background-color:var(--white-reverse);width:100%;display:flex;min-height:84px;padding:8px 64px;gap:32px;align-items:center;border-bottom:1px solid var(--grey-200)}.page-pond-information-detail .pond-info-header .item-block{display:flex;gap:8px;flex-direction:column;min-width:0;flex:0 1 300px}@media screen and (max-width:768px){.page-pond-information-detail .pond-info-header .item-block{flex:0 1 200px}}.page-pond-information-detail .pond-info-header .item-block.time{flex:0 1 100px}.page-pond-information-detail .pond-info-header .item-block .number-flex{display:flex;gap:32px}.page-pond-information-detail .pond-info-header .pond-info-block{display:flex;flex-direction:column;gap:8px}.page-pond-information-detail .pond-info-header .pond-info-block .row-value{display:flex;gap:8px;align-items:center}.page-pond-information-detail .pond-info-header .pond-info-block .row-value .name{flex-shrink:0}.page-pond-information-detail .pond-detail-content{flex-grow:1;height:0;padding:32px}.page-pond-information-detail .pond-detail-content .main-content{display:flex;flex-direction:column;gap:16px}.page-pond-information-detail .pond-detail-content .pond-select-controller{display:flex;flex-direction:column;gap:8px;width:100%;max-width:375px}.page-pond-information-detail .pond-detail-content .pond-select-controller .status-container{display:flex;align-items:center;gap:8px}.page-pond-information-detail .pond-detail-content .info-card{display:flex;flex-direction:column;gap:16px;padding:16px 32px}.page-pond-information-detail .pond-detail-content .info-card .first-container{display:flex;align-items:center;gap:8px}.page-pond-information-detail .pond-detail-content .info-card .title{justify-content:space-between;align-items:center;display:flex;gap:16px}.page-pond-information-detail .pond-detail-content .info-card .water-quality-content{min-height:100px;display:flex;gap:8px;flex-wrap:wrap}.page-pond-information-detail .pond-detail-content .info-card .water-quality-content .no-data{text-align:center}.page-pond-information-detail .pond-detail-content .info-card .today-diary-content{min-height:100px}.page-pond-information-detail .pond-detail-content .info-card .today-diary-content .no-data{text-align:center}.page-pond-information-detail .consult-button{position:fixed;bottom:16px;right:16px}.page-pond-detail-data-card{width:384px;height:235px;position:relative;overflow:hidden}.page-pond-detail-data-card.simple{height:105px}.page-pond-detail-data-card.normal{background-color:var(--normal)}.page-pond-detail-data-card.warn{background-color:var(--warning)}.page-pond-detail-data-card.emergency{background-color:var(--danger-secondary)}.page-pond-detail-data-card.noData{background-color:var(--grey-100)}.page-pond-detail-data-card .data-card-content{position:absolute;background-color:var(--white-reverse);padding:8px;top:8px;height:calc(100% - 8px);width:100%;display:flex;flex-direction:column;gap:8px}.page-pond-detail-data-card .data-card-content .card-value.normal{color:var(--normal)}.page-pond-detail-data-card .data-card-content .card-value.warn{color:var(--warning)}.page-pond-detail-data-card .data-card-content .card-value.emergency{color:var(--danger-secondary)}.page-pond-detail-data-card .data-card-content .card-value.noData{color:var(--grey-100)}.page-pond-detail-data-card .data-card-content .row-container{display:flex;justify-content:space-between;gap:8px;align-items:center}.page-pond-detail-data-card .data-card-content .row-container .icon-container{display:flex;gap:8px;align-items:center}.page-pond-detail-data-card .data-card-content .historical-container{display:flex;justify-content:flex-end;align-items:center}.page-pond-detail-data-card .data-card-content .data-content{flex-grow:1;height:0}.page-pond-detail-historical-dialog .content{display:flex;flex-direction:column;gap:16px}.page-pond-detail-historical-dialog .content .card-container{display:flex;gap:32px;align-items:stretch;flex-wrap:wrap}.page-pond-detail-historical-dialog .content .card-container .standard-col{padding:8px;display:flex;flex-direction:column;gap:8px;justify-content:space-between}.page-pond-detail-historical-dialog .content .card-container .standard-col .device-col{display:flex;flex-direction:column;gap:8px}.page-pond-detail-historical-dialog .content .card-container .standard-col .standard-row,.page-pond-detail-historical-dialog .content .picker-container{display:flex;gap:8px;align-items:center}.page-pond-detail-historical-dialog .content .chart-container{height:300px}.page-profile{padding:16px}.page-profile .profile-card{height:240px;padding:32px 24px;display:flex;gap:32px;align-items:center}.page-profile .profile-card .profile-avatar{width:100px;height:100px;border-radius:50%;background-color:var(--grey-100);display:flex;align-items:center;justify-content:center;position:relative}.page-profile .profile-card .profile-avatar .profile-avatar-image{width:100%;height:100%;border-radius:50%;overflow:hidden}.page-profile .profile-card .profile-avatar .add-button{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:50%;z-index:2;overflow:hidden;background-color:var(--grey-100)}.page-profile .profile-card .email{background-color:var(--grey-100);padding:8px;border-radius:4px;width:-moz-fit-content;width:fit-content}.page-profile .profile-card .data-column{display:flex;flex-direction:column;gap:8px;flex-grow:1}.page-profile .profile-card .data-column .data-row{display:flex;gap:8px;align-items:center}.page-profile-dialog .actions{display:flex;justify-content:flex-end;gap:16px}.page-profile-dialog .edit-form{display:flex;flex-direction:column;gap:12px}.page-profile-dialog .edit-form .global-input-group{gap:4px}.page-pond-safety-value{display:flex;flex-direction:column;gap:16px;padding:16px 32px}.page-pond-safety-value .collapse-container{width:100%;display:flex;flex-direction:column;gap:8px}.page-pond-safety-value .collapse-button{background-color:var(--grey-100);display:flex;justify-content:space-between;padding:16px;border-radius:8px;align-items:center;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.page-pond-safety-value .pond-collapse{padding:16px;display:flex;flex-direction:column;gap:4px}.page-pond-safety-value .pond-collapse .pond-row{display:flex;gap:16px;justify-content:space-between;align-items:center}.page-pond-safety-value .pond-collapse .pond-row .first-row{display:flex;gap:8px;align-items:center}.page-pond-safety-value .add-safety-value-button,.page-pond-safety-value .consult-button{position:fixed;bottom:16px;right:16px}.page-safety-value-dialog .MuiPaper-root{width:856px!important;height:758px!important;max-width:856px!important;max-height:758px!important;min-height:758px!important;border-radius:var(--radius-2xl);box-shadow:0 8px 24px rgba(0,0,0,.08)}.page-safety-value-dialog .component-primary-dialog-title{background-color:var(--color-primary-50)!important;border-bottom:1px solid var(--color-grey-200);padding:var(--spacing-4) var(--spacing-4)!important}.page-safety-value-dialog .component-primary-dialog-content{padding:var(--spacing-4) var(--spacing-4)!important;background-color:var(--color-white);overflow-y:auto}.page-safety-value-dialog .component-primary-dialog-action{background-color:var(--color-primary-50)!important;border-top:1px solid var(--color-grey-200);padding:var(--spacing-4) var(--spacing-4)!important}.page-safety-value-dialog .safety-value-form{flex-grow:1;display:flex;flex-direction:column;height:100%}.page-safety-value-dialog .safety-value-content{display:flex;flex-direction:column;gap:16px;flex:1 1;overflow-y:auto}.page-safety-value-dialog .safety-value-content .pond-select-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-grey-200)}.page-safety-value-dialog .safety-value-content .pond-select-container .pond-input-group{display:flex;align-items:center;gap:var(--spacing-3)}.page-safety-value-dialog .safety-value-content .pond-select-container .pond-input-group .pond-label{font-weight:var(--font-weight-bold);color:var(--color-grey-600)}.page-safety-value-dialog .safety-value-content .pond-select-container .pond-input-group .pond-input{width:240px}.page-safety-value-dialog .safety-value-content .pond-select-container .status-legend{display:flex;align-items:center;gap:var(--spacing-3)}.page-safety-value-dialog .safety-value-content .pond-select-container .status-legend .legend-item{display:flex;align-items:center;gap:var(--spacing-2)}.page-safety-value-dialog .safety-value-content .pond-select-container .status-legend .legend-item .legend-label{font-weight:var(--font-weight-medium);font-size:var(--typography-body-small-font-size);color:var(--color-grey-600)}.page-safety-value-dialog .safety-value-content .water-quality-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-4);gap:var(--spacing-4);align-items:flex-start}.page-safety-value-dialog .safety-value-content .water-quality-container .water-quality-card{display:flex;flex-direction:column;width:100%;border:1px solid var(--color-grey-200);border-radius:var(--radius-xl);overflow:hidden;background-color:var(--color-grey-100);box-shadow:0 1px 4px rgba(0,0,0,.06)}.page-safety-value-dialog .safety-value-content .water-quality-container .water-quality-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-white);border-bottom:1px solid var(--color-grey-200)}.page-safety-value-dialog .safety-value-content .water-quality-container .water-quality-card .card-header .card-title{font-weight:var(--font-weight-bold);font-size:var(--typography-body-small-font-size);color:var(--color-grey-600)}.page-safety-value-dialog .safety-value-content .water-quality-container .water-quality-card .card-header .component-text-button{color:var(--color-primary-500);font-size:var(--typography-body-small-font-size);padding:0}.page-safety-value-dialog .safety-value-content .water-quality-container .water-quality-card .card-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-grey-100);border:none;cursor:pointer;width:100%}.page-safety-value-dialog .safety-value-content .water-quality-container .water-quality-card .card-content .chip-container{display:flex;gap:var(--spacing-2);flex-wrap:nowrap;align-items:center}.page-safety-value-dialog .safety-value-content .water-quality-container .water-quality-card .card-content svg path{stroke:var(--color-primary-500)}.page-safety-value-dialog .safety-value-content .water-quality-container .water-quality-card .water-quality-toggle-icon{transition:transform .2s ease}.page-safety-value-dialog .safety-value-content .water-quality-container .water-quality-card .water-quality-toggle-icon.is-open{transform:rotate(180deg)}.page-safety-value-dialog .safety-value-content .water-quality-container .water-quality-card .safety-range-container{padding:var(--spacing-4);display:flex;justify-content:center;align-items:center;background-color:var(--color-white);border-top:1px solid var(--color-grey-200)}.page-safety-value-dialog .safety-value-content .water-quality-container .water-quality-card .error-message{padding:var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-1);background-color:var(--white-reverse)}.page-safety-value-dialog .safety-value-content .water-quality-container .water-quality-card .error-message .not-show{display:none}.page-safety-value-dialog .actions{display:flex;gap:16px;justify-content:space-between;width:100%;align-items:center}.page-safety-value-dialog .actions>.component-text-button:first-child{background-color:rgba(0,0,0,0)!important;border-radius:var(--radius-md)!important;padding:0!important;color:var(--color-primary-500)!important;font-weight:var(--font-weight-medium)!important}.page-safety-value-dialog .actions .button-group{display:flex;gap:16px}.page-safety-value-dialog .component-diary-chip{border-radius:var(--radius-full);padding:4px 10px;min-height:26px;font-size:var(--typography-caption-font-size);font-weight:var(--font-weight-medium)}.page-safety-value-sync-dialog .MuiPaper-root{width:672px!important;height:672px!important;max-width:672px!important;max-height:672px!important;min-height:672px!important;border-radius:var(--radius-2xl);box-shadow:0 8px 24px rgba(0,0,0,.08)}.page-safety-value-sync-dialog .component-primary-dialog-title{background-color:#e6f3fa!important;border-bottom:none;padding:16px 24px!important}.page-safety-value-sync-dialog .component-primary-dialog-title .title-name{font-weight:700;font-size:20px;line-height:30px;color:#2a2e34}.page-safety-value-sync-dialog .component-primary-dialog-content{padding:24px 32px!important;background-color:var(--color-white);overflow-y:auto}.page-safety-value-sync-dialog .component-primary-dialog-action{background-color:#e6f3fa!important;border-top:none;padding:16px 24px!important}.page-safety-value-sync-dialog .safety-value-sync-content{display:flex;flex-direction:column;gap:16px;width:100%}.page-safety-value-sync-dialog .sync-checkbox .component-primary-checkbox-container .check-mark{width:24px;height:24px;border-radius:8px;border:1px solid #8ac8e6;background-color:var(--color-white)}.page-safety-value-sync-dialog .sync-checkbox .component-primary-checkbox-container .check-mark:after{content:"";display:none;position:absolute;top:4px;left:4px;width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3L4.5 8.5L2 6' stroke='%23E6F3FA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:12px 12px;background-repeat:no-repeat;background-position:50%;border:none;transform:none}.page-safety-value-sync-dialog .sync-checkbox .component-primary-checkbox-container input:checked~.check-mark{background-color:#0087c8;border-color:#8ac8e6}.page-safety-value-sync-dialog .sync-checkbox .component-primary-checkbox-container input:checked~.check-mark:after{display:block}.page-safety-value-sync-dialog .sync-checkbox .component-primary-checkbox-container:hover input~.check-mark{border-color:#0087c8}.page-safety-value-sync-dialog .sync-checkbox .component-primary-checkbox-container .component-primary-checkbox-label{font-family:Helvetica Neue,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#2a2e34}.page-safety-value-sync-dialog .sync-checkbox .component-primary-checkbox-container.disabled .check-mark{border-color:#8ac8e6;background-color:var(--color-grey-100)}.page-safety-value-sync-dialog .sync-checkbox .component-primary-checkbox-container.disabled input:checked~.check-mark{background-color:#0087c8;border-color:#8ac8e6}.page-safety-value-sync-dialog .sync-select-all,.page-safety-value-sync-dialog .sync-tree-checkbox{align-items:center;min-height:24px}.page-safety-value-sync-dialog .tree-list{display:flex;flex-direction:column}.page-safety-value-sync-dialog .selector-header{display:flex;align-items:center;height:48px;padding:10px 8px;background-color:#f1f2f1;border-radius:8px;color:#25282d;font-family:Noto Sans TC,Helvetica Neue,sans-serif;font-size:16px;font-weight:400;line-height:24px}.page-safety-value-sync-dialog .tree-table.MuiTable-root{border-collapse:separate;border-spacing:0;width:100%}.page-safety-value-sync-dialog .tree-table .MuiTableCell-root{border:none;padding:0}.page-safety-value-sync-dialog .tree-table .MuiTableRow-root:hover{background-color:rgba(0,0,0,0)}.page-safety-value-sync-dialog .site-row{border-bottom:1px solid var(--color-grey-100)}.page-safety-value-sync-dialog .site-row .MuiTableCell-root{padding:0}.page-safety-value-sync-dialog .site-row.is-expanded{border-bottom:none}.page-safety-value-sync-dialog .site-row-cell-container{display:flex;align-items:center;gap:8px;height:48px;padding:10px 8px}.page-safety-value-sync-dialog .expand-button{width:20px;height:20px;min-width:20px;display:inline-flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;cursor:pointer;opacity:0;padding:0;flex-shrink:0;position:relative}.page-safety-value-sync-dialog .expand-button.show{opacity:1}.page-safety-value-sync-dialog .expand-button.is-expanded:after{content:"";position:absolute;left:10px;top:calc(100% + 2px);width:1px;height:16px;background-color:var(--color-grey-200)}.page-safety-value-sync-dialog .expand-button.is-expanded .icon-wrapper{transform:rotate(90deg)}.page-safety-value-sync-dialog .expand-button .icon-wrapper{width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.page-safety-value-sync-dialog .expand-button svg{width:auto;height:12px}.page-safety-value-sync-dialog .expand-button svg path{fill:#25282d}.page-safety-value-sync-dialog .pond-collapse{position:relative;display:flex;flex-direction:column}.page-safety-value-sync-dialog .pond-collapse .pond-row{position:relative;display:flex;align-items:center;gap:4px;height:48px;padding:10px 8px 10px 48px}.page-safety-value-sync-dialog .pond-collapse .pond-row:before{content:"";position:absolute;left:18px;top:0;width:1px;height:100%;background-color:var(--color-grey-200)}.page-safety-value-sync-dialog .pond-collapse .pond-row:after{content:"";position:absolute;left:18px;top:50%;width:20px;height:1px;background-color:var(--color-grey-200)}.page-safety-value-sync-dialog .pond-collapse .pond-row:last-child:before{height:50%}.page-safety-value-sync-dialog .pond-collapse .pond-row.is-current .component-primary-checkbox-container.disabled .check-mark{background-color:#0087c8;border-color:#8ac8e6}.page-safety-value-sync-dialog .expand-table-row .collapse-cell{padding:0;border-bottom:none}.page-safety-value-sync-dialog .actions{display:flex;gap:8px;justify-content:flex-end;width:100%}.page-safety-value-sync-dialog .actions .component-primary-button{min-width:160px;height:40px;border-radius:16px;font-family:Helvetica Neue,sans-serif;font-size:16px;font-weight:400;line-height:24px;padding:8px 16px}.page-safety-value-sync-dialog .actions .component-primary-button.cancel{background-color:var(--color-white);border:2px solid #aeb3bc;color:#4d545e}.page-safety-value-sync-dialog .actions .component-primary-button.cancel:hover{background-color:var(--color-grey-50)}.page-safety-value-sync-dialog .actions .component-primary-button.default{background-color:#0087c8;color:var(--color-white);border:none}.page-safety-value-sync-dialog .actions .component-primary-button.default:hover{background-color:#006da3}.page-safety-value-sync-dialog .actions .component-primary-button.disable{background-color:var(--color-grey-200);color:var(--color-grey-400);border:none;cursor:not-allowed}.component-safety-value{color:var(--text-color);width:100%}.component-safety-value .safety-value-label-container{display:flex;justify-content:space-between;margin-bottom:8px}.component-safety-value .safety-value-label{flex:1 1;text-align:center}.component-safety-value .safety-value-label.emergency{color:var(--color-action-danger)}.component-safety-value .safety-value-label.warn{color:var(--color-action-warning)}.component-safety-value .safety-value-label.normal{color:var(--color-primary-lightsea)}.component-safety-value .safety-value-line{display:flex;height:2px;border-radius:2px;overflow:hidden;position:relative;margin-bottom:12px}.component-safety-value .safety-value-line:after,.component-safety-value .safety-value-line:before{content:"";position:absolute;top:0;width:32px;height:100%;z-index:2}.component-safety-value .safety-value-line:before{left:0;background:linear-gradient(to right,var(--white-reverse),transparent)}.component-safety-value .safety-value-line:after{right:0;background:linear-gradient(to left,var(--white-reverse),transparent)}.component-safety-value .safety-value-segment{flex:1 1;height:100%;z-index:1}.component-safety-value .safety-value-segment.emergency{background-color:var(--color-action-danger)}.component-safety-value .safety-value-segment.warn{background-color:var(--color-action-warning)}.component-safety-value .safety-value-segment.normal{background-color:var(--color-primary-lightsea)}.component-safety-value .safety-value-input-container{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center}.component-safety-value .safety-value-input{text-align:center;padding:4px 12px;border-radius:6px;border:2px solid;background-color:var(--white-reverse);width:auto;min-width:44px;max-width:120px}.component-safety-value .safety-value-input.emergency{color:var(--color-action-danger);border-color:var(--color-action-danger)}.component-safety-value .safety-value-input.warn{color:var(--color-action-warning);border-color:var(--color-action-warning)}.component-safety-value .safety-value-input.normal{color:var(--color-primary-lightsea);border-color:var(--color-primary-lightsea)}.page-label-setting .label-setting-content{display:flex;flex-direction:column;gap:16px}.page-label-setting .label-setting-content .tag-action-card{display:flex;gap:8px;padding:16px 32px;align-items:flex-start}.page-label-setting .label-setting-content .tag-action-card .input-wrapper{display:flex;flex-direction:column;width:375px}.page-label-setting .label-setting-content .tag-action-card .input-wrapper .error-message{margin-top:4px}.page-label-setting .label-setting-content .tag-list-card{padding:16px}.page-label-setting .label-setting-content .tag-list-card .tag-item-card{padding:0 16px}.page-label-setting .label-setting-content .tag-list-card .tag-item-card .item{display:flex;gap:8px;padding:8px;align-items:center;justify-content:space-between}.page-add-tag-dialog .actions{display:flex;justify-content:flex-end;gap:16px}.page-setting{display:flex;flex-direction:column;height:100%}.page-setting .page-setting-content{flex-grow:1;height:0;padding:16px 120px 16px 16px}@media screen and (max-width:1440px){.page-setting .page-setting-content{padding:16px 64px 16px 16px}}.page-setting .page-setting-content .page-diary-related{display:flex;flex-direction:column;gap:16px}.page-setting .page-setting-content .page-diary-related .feed-information-card{display:flex;flex-direction:column;flex-grow:1;gap:16px;padding:16px 32px 40px}.page-setting .page-setting-content .page-device{display:flex;flex-direction:column;gap:16px}.page-setting .page-setting-content .page-device .device-information-card{display:flex;flex-direction:column;flex-grow:1;gap:16px;padding:16px 32px 40px}.page-setting .page-setting-content .page-account{display:flex;flex-direction:column;gap:16px}.page-setting .page-setting-content .page-account .account-information-card{display:flex;flex-direction:column;flex-grow:1;gap:16px;padding:16px 32px 40px}.page-setting .page-setting-content .page-account .account-information-card .generate-link-button{display:inline-block}.page-setting .page-setting-content .title-container{align-items:center;display:flex;justify-content:space-between}.page-setting .page-setting-content .total-available-container{align-items:center;display:flex;gap:32px}.page-setting .page-setting-content .total-available-container .total-available{padding:8px 16px;background-color:var(--green-50);border-radius:4px;flex-direction:column;display:flex;gap:8px;flex-grow:1;max-width:200px}.page-setting .page-setting-content .total-available-container .total-available .input-row{display:flex;gap:8px}.page-setting .page-setting-content .table-scrollbar{flex-grow:1}.page-setting .page-setting-content .table-scrollbar .information-table{min-width:1683px;width:100%}.page-setting .page-setting-content .table-scrollbar .information-table thead{background-color:var(--grey-100)}.page-setting .page-setting-content .table-scrollbar .information-table th{border:1px solid var(--grey-200);height:48px;padding:12px;text-align:center;vertical-align:middle}.page-setting .page-setting-content .table-scrollbar .information-table td{border-bottom:1px solid var(--grey-200);padding:28px 16px}.page-setting .page-setting-content .table-scrollbar .information-table td.center{text-align:center;vertical-align:middle}.page-setting .page-setting-content .pagination{display:flex;margin:auto}:root{--blue-50:#e6f3fa;--blue-100:#b0daee;--blue-200:#8ac8e6;--blue-300:#54afda;--blue-400:#339fd3;--blue-500:#0087c8;--blue-600:#007bb6;--blue-700:#00608e;--blue-800:#004a6e;--blue-900:#003954;--green-50:#e6f6f8;--green-100:#b0e4e9;--green-200:#8ad7de;--green-300:#55c5cf;--green-400:#34b9c6;--green-500:#01a8b8;--green-600:#0199a7;--green-700:#017783;--green-800:#015c65;--green-900:#00474d;--rgb-green-500:1,168,104;--white-reverse:#fff;--black-reverse:#000;--grey-100:#F3F4F5;--grey-200:#D0D4D9;--grey-300:#AEB3BC;--grey-400:#7B8493;--grey-500:#4D545E;--grey-600:#2A2E34;--danger:#F57E77;--danger-secondary:#F58E8E;--emergency:#FCBEB6;--warning:#FFE276;--normal:#7BDBAA}[data-theme=dark]{--blue-50:#e6f3fa;--blue-100:#b0daee;--blue-200:#8ac8e6;--blue-300:#54afda;--blue-400:#339fd3;--blue-500:#0087c8;--blue-600:#007bb6;--blue-700:#00608e;--blue-800:#004a6e;--blue-900:#003954;--green-50:#e6f6f8;--green-100:#b0e4e9;--green-200:#8ad7de;--green-300:#55c5cf;--green-400:#34b9c6;--green-500:#01a8b8;--green-600:#0199a7;--green-700:#017783;--green-800:#015c65;--green-900:#00474d;--white-reverse:#000;--black-reverse:#fff;--grey-100:#F3F4F5;--grey-200:#D0D4D9;--grey-300:#AEB3BC;--grey-400:#7B8493;--grey-500:#4D545E;--grey-600:#2A2E34;--danger:#F57E77;--danger-secondary:#F58E8E;--emergency:#FCBEB6;--warning:#FFE276;--normal:#7BDBAA}.h39{font-size:26px;line-height:39px}.h30,.h39{font-style:normal}.h30{font-size:20px;line-height:30px}.h27{font-size:18px;line-height:27px}.h24,.h27{font-style:normal}.h24{font-size:16px;line-height:24px}.h21{font-size:14px;line-height:21px}.h18,.h21{font-style:normal}.h18{font-size:12px;line-height:18px}.font-bold{font-weight:700}.font-regular{font-weight:400}.font-primary{color:var(--blue-500)}.font-grey{color:var(--grey-400)}.font-danger{color:var(--danger)}