body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;position:relative}html{scroll-behavior:smooth}button{transition:transform .2s ease,box-shadow .2s ease}button:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--sileo-spring-easing:linear(0,0.002 0.6%,0.007 1.2%,0.015 1.8%,0.026 2.4%,0.041 3.1%,0.06 3.8%,0.108 5.3%,0.157 6.6%,0.214 8%,0.467 13.7%,0.577 16.3%,0.631 17.7%,0.682 19.1%,0.73 20.5%,0.771 21.8%,0.808 23.1%,0.844 24.5%,0.874 25.8%,0.903 27.2%,0.928 28.6%,0.952 30.1%,0.972 31.6%,0.988 33.1%,1.01 35.7%,1.025 38.5%,1.034 41.6%,1.038 45%,1.035 50.1%,1.012 64.2%,1.003 73%,0.999 83.7%,1);--sileo-duration:600ms;--sileo-height:40px;--sileo-width:350px;--sileo-state-success:oklch(0.723 0.219 142.136);--sileo-state-loading:oklch(0.556 0 0);--sileo-state-error:oklch(0.637 0.237 25.331);--sileo-state-warning:oklch(0.795 0.184 86.047);--sileo-state-info:oklch(0.685 0.169 237.323);--sileo-state-action:oklch(0.623 0.214 259.815)}[data-sileo-toast]{background:#0000;border:0;contain:layout style;cursor:pointer;height:40px;height:var(--_h,var(--sileo-height));opacity:0;overflow:visible;padding:0;pointer-events:auto;position:relative;touch-action:none;transform:translateZ(0) scale(.95);transform-origin:center;width:350px;width:var(--sileo-width)}[data-sileo-toast][data-state=loading]{cursor:default}[data-sileo-toast][data-ready=true]{opacity:1;transform:translateZ(0) scale(1);transition:transform 396ms linear(0,.002 .6%,.007 1.2%,.015 1.8%,.026 2.4%,.041 3.1%,.06 3.8%,.108 5.3%,.157 6.6%,.214 8%,.467 13.7%,.577 16.3%,.631 17.7%,.682 19.1%,.73 20.5%,.771 21.8%,.808 23.1%,.844 24.5%,.874 25.8%,.903 27.2%,.928 28.6%,.952 30.1%,.972 31.6%,.988 33.1%,1.01 35.7%,1.025 38.5%,1.034 41.6%,1.038 45%,1.035 50.1%,1.012 64.2%,1.003 73%,.999 83.7%,1),opacity 396ms linear(0,.002 .6%,.007 1.2%,.015 1.8%,.026 2.4%,.041 3.1%,.06 3.8%,.108 5.3%,.157 6.6%,.214 8%,.467 13.7%,.577 16.3%,.631 17.7%,.682 19.1%,.73 20.5%,.771 21.8%,.808 23.1%,.844 24.5%,.874 25.8%,.903 27.2%,.928 28.6%,.952 30.1%,.972 31.6%,.988 33.1%,1.01 35.7%,1.025 38.5%,1.034 41.6%,1.038 45%,1.035 50.1%,1.012 64.2%,1.003 73%,.999 83.7%,1),margin-bottom 396ms linear(0,.002 .6%,.007 1.2%,.015 1.8%,.026 2.4%,.041 3.1%,.06 3.8%,.108 5.3%,.157 6.6%,.214 8%,.467 13.7%,.577 16.3%,.631 17.7%,.682 19.1%,.73 20.5%,.771 21.8%,.808 23.1%,.844 24.5%,.874 25.8%,.903 27.2%,.928 28.6%,.952 30.1%,.972 31.6%,.988 33.1%,1.01 35.7%,1.025 38.5%,1.034 41.6%,1.038 45%,1.035 50.1%,1.012 64.2%,1.003 73%,.999 83.7%,1),margin-top 396ms linear(0,.002 .6%,.007 1.2%,.015 1.8%,.026 2.4%,.041 3.1%,.06 3.8%,.108 5.3%,.157 6.6%,.214 8%,.467 13.7%,.577 16.3%,.631 17.7%,.682 19.1%,.73 20.5%,.771 21.8%,.808 23.1%,.844 24.5%,.874 25.8%,.903 27.2%,.928 28.6%,.952 30.1%,.972 31.6%,.988 33.1%,1.01 35.7%,1.025 38.5%,1.034 41.6%,1.038 45%,1.035 50.1%,1.012 64.2%,1.003 73%,.999 83.7%,1),height .6s linear(0,.002 .6%,.007 1.2%,.015 1.8%,.026 2.4%,.041 3.1%,.06 3.8%,.108 5.3%,.157 6.6%,.214 8%,.467 13.7%,.577 16.3%,.631 17.7%,.682 19.1%,.73 20.5%,.771 21.8%,.808 23.1%,.844 24.5%,.874 25.8%,.903 27.2%,.928 28.6%,.952 30.1%,.972 31.6%,.988 33.1%,1.01 35.7%,1.025 38.5%,1.034 41.6%,1.038 45%,1.035 50.1%,1.012 64.2%,1.003 73%,.999 83.7%,1);transition:transform calc(var(--sileo-duration)*.66) var(--sileo-spring-easing),opacity calc(var(--sileo-duration)*.66) var(--sileo-spring-easing),margin-bottom calc(var(--sileo-duration)*.66) var(--sileo-spring-easing),margin-top calc(var(--sileo-duration)*.66) var(--sileo-spring-easing),height var(--sileo-duration) var(--sileo-spring-easing)}[data-sileo-viewport][data-position^=top]
	[data-sileo-toast]:not([data-ready=true]){transform:translateY(-6px) scale(.95)}[data-sileo-viewport][data-position^=bottom]
	[data-sileo-toast]:not([data-ready=true]){transform:translateY(6px) scale(.95)}[data-sileo-toast][data-ready=true][data-exiting=true]{opacity:0;pointer-events:none}[data-sileo-viewport][data-position^=top]
	[data-sileo-toast][data-ready=true][data-exiting=true]{transform:translateY(-6px) scale(.95)}[data-sileo-viewport][data-position^=bottom]
	[data-sileo-toast][data-ready=true][data-exiting=true]{transform:translateY(6px) scale(.95)}[data-sileo-canvas]{contain:layout style;left:0;overflow:visible;pointer-events:none;position:absolute;right:0;transform:translateZ(0)}[data-sileo-canvas][data-edge=top]{bottom:0;transform:scaleY(-1) translateZ(0)}[data-sileo-canvas][data-edge=bottom]{top:0}[data-sileo-svg]{overflow:visible}[data-sileo-header]{align-items:center;display:flex;height:40px;height:var(--sileo-height);left:0;left:var(--_px,0);max-width:var(--_pw);overflow:hidden;padding:.5rem;position:absolute;transform:var(--_ht);z-index:20}[data-sileo-toast][data-ready=true] [data-sileo-header]{transition:transform .6s linear(0,.002 .6%,.007 1.2%,.015 1.8%,.026 2.4%,.041 3.1%,.06 3.8%,.108 5.3%,.157 6.6%,.214 8%,.467 13.7%,.577 16.3%,.631 17.7%,.682 19.1%,.73 20.5%,.771 21.8%,.808 23.1%,.844 24.5%,.874 25.8%,.903 27.2%,.928 28.6%,.952 30.1%,.972 31.6%,.988 33.1%,1.01 35.7%,1.025 38.5%,1.034 41.6%,1.038 45%,1.035 50.1%,1.012 64.2%,1.003 73%,.999 83.7%,1),left .6s linear(0,.002 .6%,.007 1.2%,.015 1.8%,.026 2.4%,.041 3.1%,.06 3.8%,.108 5.3%,.157 6.6%,.214 8%,.467 13.7%,.577 16.3%,.631 17.7%,.682 19.1%,.73 20.5%,.771 21.8%,.808 23.1%,.844 24.5%,.874 25.8%,.903 27.2%,.928 28.6%,.952 30.1%,.972 31.6%,.988 33.1%,1.01 35.7%,1.025 38.5%,1.034 41.6%,1.038 45%,1.035 50.1%,1.012 64.2%,1.003 73%,.999 83.7%,1),max-width .6s linear(0,.002 .6%,.007 1.2%,.015 1.8%,.026 2.4%,.041 3.1%,.06 3.8%,.108 5.3%,.157 6.6%,.214 8%,.467 13.7%,.577 16.3%,.631 17.7%,.682 19.1%,.73 20.5%,.771 21.8%,.808 23.1%,.844 24.5%,.874 25.8%,.903 27.2%,.928 28.6%,.952 30.1%,.972 31.6%,.988 33.1%,1.01 35.7%,1.025 38.5%,1.034 41.6%,1.038 45%,1.035 50.1%,1.012 64.2%,1.003 73%,.999 83.7%,1);transition:transform var(--sileo-duration) var(--sileo-spring-easing),left var(--sileo-duration) var(--sileo-spring-easing),max-width var(--sileo-duration) var(--sileo-spring-easing)}[data-sileo-header][data-edge=top]{bottom:0}[data-sileo-header][data-edge=bottom]{top:0}[data-sileo-header-stack]{align-items:center;display:inline-flex;height:100%;position:relative}[data-sileo-header-inner]{align-items:center;display:flex;filter:blur(0);gap:.5rem;opacity:1;transform:translateZ(0);white-space:nowrap}[data-sileo-header-inner][data-layer=current]{animation:sileo-header-enter .6s linear(0,.002 .6%,.007 1.2%,.015 1.8%,.026 2.4%,.041 3.1%,.06 3.8%,.108 5.3%,.157 6.6%,.214 8%,.467 13.7%,.577 16.3%,.631 17.7%,.682 19.1%,.73 20.5%,.771 21.8%,.808 23.1%,.844 24.5%,.874 25.8%,.903 27.2%,.928 28.6%,.952 30.1%,.972 31.6%,.988 33.1%,1.01 35.7%,1.025 38.5%,1.034 41.6%,1.038 45%,1.035 50.1%,1.012 64.2%,1.003 73%,.999 83.7%,1) both;animation:sileo-header-enter var(--sileo-duration) var(--sileo-spring-easing) both;position:relative;z-index:1}[data-sileo-header-inner][data-exiting=true],[data-sileo-header-inner][data-layer=current]:not(:only-child){will-change:opacity,filter}[data-sileo-header-inner][data-layer=prev]{left:0;pointer-events:none;position:absolute;top:0;z-index:0}[data-sileo-header-inner][data-exiting=true]{animation:sileo-header-exit .42s ease forwards;animation:sileo-header-exit calc(var(--sileo-duration)*.7) ease forwards}[data-sileo-badge]{align-items:center;background-color:initial;background-color:var(--sileo-tone-bg,#0000);border-radius:9999px;box-sizing:border-box;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:2px;width:24px}[data-sileo-badge],[data-sileo-title]{color:currentColor;color:var(--sileo-tone,currentColor)}[data-sileo-title]{font-size:.825rem;font-weight:500;line-height:1rem;text-transform:capitalize}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state]{--_c:var(--sileo-state-success)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=loading]{--_c:var(--sileo-state-loading)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=error]{--_c:var(--sileo-state-error)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=warning]{--_c:var(--sileo-state-warning)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=info]{--_c:var(--sileo-state-info)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=action]{--_c:var(--sileo-state-action)}:is([data-sileo-badge],[data-sileo-title])[data-state]{--sileo-tone:var(--_c);--sileo-tone-bg:color-mix(in oklch,var(--_c) 20%,#0000)}[data-sileo-content]{left:0;opacity:0;opacity:var(--_co,0);pointer-events:none;position:absolute;width:100%;z-index:10}[data-sileo-content]:not([data-visible=true]){content-visibility:hidden}[data-sileo-toast][data-ready=true] [data-sileo-content]{transition:opacity 48ms ease 24ms;transition:opacity calc(var(--sileo-duration)*.08) ease calc(var(--sileo-duration)*.04)}[data-sileo-content][data-edge=top]{top:0}[data-sileo-content][data-edge=bottom]{top:40px;top:var(--sileo-height)}[data-sileo-content][data-visible=true]{pointer-events:auto}[data-sileo-toast][data-ready=true]
	[data-sileo-content][data-visible=true]{transition:opacity .36s ease .18s;transition:opacity calc(var(--sileo-duration)*.6) ease calc(var(--sileo-duration)*.3)}[data-sileo-description]{contain:layout style paint;content-visibility:auto;font-size:.875rem;line-height:1.25rem;padding:1rem;text-align:left;width:100%}[data-sileo-button]{align-items:center;background-color:initial;background-color:var(--sileo-btn-bg,#0000);border:0;border-radius:9999px;color:currentColor;color:var(--sileo-btn-color,currentColor);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;height:1.75rem;justify-content:center;margin-top:.75rem;padding:0 .625rem;transition:background-color .15s ease}[data-sileo-button]:hover{background-color:initial;background-color:var(--sileo-btn-bg-hover,#0000)}[data-sileo-button][data-state]{--sileo-btn-color:var(--_c);--sileo-btn-bg:color-mix(in oklch,var(--_c) 15%,#0000);--sileo-btn-bg-hover:color-mix(in oklch,var(--_c) 25%,#0000)}[data-sileo-icon=spin]{animation:sileo-spin 1s linear infinite}@keyframes sileo-spin{to{transform:rotate(1turn)}}@keyframes sileo-header-enter{0%{filter:blur(6px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes sileo-header-exit{0%{filter:blur(0);opacity:1}to{filter:blur(6px);opacity:0}}[data-sileo-viewport]{contain:layout style;display:flex;gap:.75rem;max-width:calc(100vw - 1.5rem);padding:.75rem;pointer-events:none;position:fixed;z-index:50}[data-sileo-viewport][data-position^=top]
	[data-sileo-toast]:not([data-ready=true]){margin-bottom:calc(-40px + -.75rem);margin-bottom:calc((var(--sileo-height) + .75rem)*-1)}[data-sileo-viewport][data-position^=bottom]
	[data-sileo-toast]:not([data-ready=true]){margin-top:calc(-40px + -.75rem);margin-top:calc((var(--sileo-height) + .75rem)*-1)}[data-sileo-viewport][data-position^=top]{flex-direction:column-reverse;top:0}[data-sileo-viewport][data-position^=bottom]{bottom:0;flex-direction:column}[data-sileo-viewport][data-position$=left]{align-items:flex-start;left:0}[data-sileo-viewport][data-position$=right]{align-items:flex-end;right:0}[data-sileo-viewport][data-position$=center]{align-items:center;left:50%;transform:translateX(-50%)}@media (prefers-reduced-motion:no-preference){[data-sileo-toast][data-ready=true]:hover,[data-sileo-toast][data-ready=true][data-exiting=true]{will-change:transform,opacity,height}}@media (prefers-reduced-motion:reduce){[data-sileo-viewport],[data-sileo-viewport] *,[data-sileo-viewport] :after,[data-sileo-viewport] :before{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}[data-sileo-viewport][data-theme=dark] [data-sileo-description]{color:#00000080}[data-sileo-viewport][data-theme=light] [data-sileo-description]{color:#ffffff80}.sileo-toast-title{color:#16a34a;font-family:ReadexPro-Medium,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;font-weight:600;text-transform:none!important}.sileo-toast-description{color:#15803d;font-family:ReadexPro-Regular,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem}.sileo-toast-badge{background-color:#16a34a1f}[data-sileo-viewport][data-position=top-right]{right:12px!important;top:72px!important}.email-verification-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2c517db3;bottom:0;display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;padding:16px;position:fixed;right:0;top:0;width:100vw;z-index:9999}.email-verification-modal-content{animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:400px;overflow:visible;width:100%}.email-modal-header{align-items:center;background:linear-gradient(135deg,#2c517d,#3a68a1);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:center;padding:6px 10px;position:relative}.email-modal-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0;position:relative;text-align:center;z-index:1}.email-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:22px;height:28px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px}.email-modal-close:hover{background:#fff3}.email-modal-body{background:#fff;padding:8px 10px}.email-rounded-line{background-color:#2c517d;border-radius:9999px;height:5px;margin:8px auto 14px;width:88%}.verification-text{color:#2c3e50;line-height:1.4;text-align:center}.verification-text p{font-size:1.05rem;font-weight:400;margin:0 0 8px}.verification-text p:last-child{color:#6c757d;font-size:.95rem;font-style:italic;margin-bottom:0;opacity:.9}.verification-text strong{color:#2c517d;font-weight:600}.resend-message{animation:messageSlideIn .2s ease-out;border-radius:8px;font-size:.85rem;font-weight:500;margin-top:8px;padding:8px 12px;text-align:center}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.resend-message.success{background:#f0f9f0;border:1px solid #c8e6c9;color:#1e7221}.resend-message.error{background:#fdf2f2;border:1px solid #fed7d7;color:#c53030}.email-modal-actions{background:#fff;border-radius:0 0 12px 12px;display:flex;gap:6px;justify-content:center;padding:8px 10px 10px}.resend-button,.return-button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;min-width:130px;padding:12px 20px;transition:all .2s ease}.resend-button{background:#2c517d;color:#fff}.resend-button:hover{background:#3a68a1;transform:translateY(-1px)}.return-button{background:#f8f9fa;border:1px solid #dee2e6;color:#495057}.return-button:hover{background:#e9ecef;transform:translateY(-1px)}.resend-button:active,.return-button:active{transform:translateY(0)}.resend-button:disabled,.return-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.check-verified-button{background:#2c517d;border:none;border-radius:6px;box-shadow:0 4px 16px #2c517d17;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;letter-spacing:.02em;min-width:130px;padding:12px 22px;transition:background .2s,box-shadow .2s,transform .15s}.check-verified-button:hover{background:linear-gradient(90deg,#2c517d,#3a68a1);box-shadow:0 6px 20px #2c517d26;transform:translateY(-1px) scale(1.03)}.check-verified-button:active{background:#2c517d;transform:translateY(0) scale(1)}.check-message{border-radius:8px;font-size:.98rem;font-weight:600;margin:10px 0 5px;padding:8px 12px;text-align:center}.check-message.error,.check-message:not(.success){background:#fff0f0;border:1px solid #ffabab;color:#ca1f1f}.check-message.success{background:#e7ffea;border:1px solid #9be6a7;color:#20711c}@media (max-width:480px){.email-verification-modal-overlay{align-items:center;padding:12px}.email-verification-modal-content{max-width:320px}.modal-actions,.modal-body,.modal-header{padding:12px}.modal-actions{flex-direction:column}.resend-button,.return-button{min-width:auto;width:100%}}.otp-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2c517d99;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.otp-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:1rem;box-shadow:0 4px 10px #0003;max-width:500px;padding:0;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.otp-header{align-items:center;background:#2c517d;border-radius:1rem 1rem 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.otp-header h3{font-family:customfont2;font-size:1.5rem;font-weight:600;margin:0}.otp-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.otp-close:hover{background:#fff3}.otp-content{padding:30px}.otp-rounded-line{background-color:#2c517d;border-radius:9999px;height:5px;margin:10px auto 25px;width:89%}.otp-description{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:25px}.otp-description,.otp-error{font-family:customfont2;text-align:center}.otp-error{background-color:#fff5f5;border:1px solid #ffd6d6;border-radius:8px;box-shadow:0 2px 8px #ff00001a;color:red;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px}.otp-inputs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:25px;max-width:100%;padding:0 10px}.otp-input{background:#fff;border:.2rem solid #2c517d;border-radius:.8rem;color:#333;flex-shrink:0;font-family:customfont2;font-size:1.3rem;font-weight:600;height:50px;outline:none;text-align:center;transition:all .3s ease;width:50px}.otp-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;transform:translateY(-2px)}.otp-input::placeholder{color:#ccc;font-weight:400}.otp-send-btn{background:#2c517d;border:none;border-radius:9999px;color:#fff;cursor:pointer;display:block;font-family:customfont2;font-size:1rem;font-weight:600;letter-spacing:.1rem;margin:0 auto 20px;max-width:150px;padding:.75rem;transition:all .3s ease;width:100%}.otp-send-btn:hover:not(:disabled){background:#60a3e6;box-shadow:0 4px 15px #0003;transform:scale(1)}.otp-send-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.otp-verify-btn{background:#2c517d;border:none;border-radius:9999px;color:#fff;cursor:pointer;display:block;font-family:customfont2;font-size:1rem;font-weight:600;letter-spacing:.1rem;margin:0 auto 20px;max-width:150px;padding:.75rem;transition:all .3s ease;width:100%}.otp-verify-btn:hover:not(:disabled){background:#60a3e6;box-shadow:0 4px 15px #0003;transform:scale(1)}.otp-verify-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.otp-resend{color:#666;font-family:customfont2;font-size:.9rem;text-align:center}.otp-resend-btn{background:none;border:none;color:#1a4375;cursor:pointer;font-family:customfont2;font-weight:600;margin-left:5px;padding:0;text-decoration:underline;transition:color .3s ease}.otp-resend-btn:hover:not(:disabled){color:#2e6ba6}.otp-resend-btn:disabled{color:#ccc;cursor:not-allowed}#recaptcha-container{display:block!important;overflow:hidden}.grecaptcha-badge{visibility:hidden}.otp-spinner{aspect-ratio:1/1;border-radius:50%;box-sizing:initial;display:inline-block;line-height:0;margin-right:3px;vertical-align:middle}@keyframes otpSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.otp-modal{margin:20px;width:95%}.otp-content{padding:20px}.otp-inputs{gap:6px;padding:0 5px}.otp-input{font-size:1.1rem;height:45px;width:45px}.otp-header h3{font-size:1.3rem}}@media (max-width:360px){.otp-inputs{gap:4px;padding:0 2px}.otp-input{font-size:1rem;height:40px;width:40px}}.promo-modal-overlay{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0a14288c;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:9999}.promo-modal{background:#fff;border:1px solid #2c517d47;border-radius:18px;box-shadow:0 28px 70px #0712248c,0 0 0 6px #2c517d24;display:flex;flex-direction:column;font-family:customfont,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;height:min(740px,92vh);overflow:hidden;width:min(960px,96vw)}.promo-modal-header{background:#2c517d;border-bottom:1px solid #ffffff2e;padding:14px 18px 10px}.promo-brand{align-items:center;display:flex;gap:10px}.promo-logo{height:40px;object-fit:contain;width:40px}.promo-title{color:#fff;font-family:customfont3,customfont2,customfont,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:1.05rem;font-weight:800;line-height:1.1}.promo-subtitle{color:#ffffffd1;font-family:customfont,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.8rem}.promo-modal-body{background:#f4f8ff;display:flex;flex:1 1;flex-direction:column;min-height:0}.promo-slide-shell{background:#fff;border:1px solid #2c517d2e;border-radius:16px;flex:1 1;margin:12px 12px 0;min-height:0;overflow:hidden;position:relative}.promo-track{height:100%;position:relative}.promo-slide{box-sizing:border-box;display:block;height:100%;inset:0;opacity:0;overflow:hidden;padding:16px;pointer-events:none;position:absolute;transition:opacity .42s ease-in-out}.promo-slide.is-active{opacity:1;pointer-events:auto}.promo-slide-grid{grid-gap:14px;align-items:center;box-sizing:border-box;display:grid;gap:14px;grid-template-columns:minmax(0,320px) minmax(0,1fr);height:100%;width:100%}.promo-image-wrap{align-items:center;display:flex;justify-content:center;min-height:220px}.promo-image{background:#fff;border-radius:14px;height:auto;max-height:420px;object-fit:contain;width:min(260px,100%)}.promo-copy{min-width:0;padding:6px 6px 6px 2px}.promo-copy-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.promo-copy-top h2{flex:1 1}.promo-copy h2{color:#1f3f63;font-family:customfont3,customfont2,customfont,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:1.25rem;font-weight:900;letter-spacing:-.02em;line-height:1.15;margin:0 0 10px;padding-bottom:8px;position:relative}.promo-copy h2:after{background:#2c517d;border-radius:999px;content:"";display:block;height:3px;margin-top:8px;opacity:.9;width:54px}.promo-copy p{color:#4b5563;font-family:customfont,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.92rem;line-height:1.35;margin:0;overflow-wrap:anywhere}.promo-lead{background:#fff;border:1px solid #2c517d24;border-radius:12px;box-shadow:0 10px 18px #2c517d12;color:#24486f;font-family:customfont2,customfont,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:1.02rem;font-weight:700;line-height:1.45;margin:0 0 12px!important;padding:10px 12px}.promo-highlights{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.promo-pill{align-items:center;background:#eef4ff;border:1px solid #2c517d29;border-radius:999px;box-shadow:0 6px 14px #2c517d14;color:#24486f;display:inline-flex;font-family:customfont2,customfont,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.82rem;font-weight:700;height:28px;padding:0 10px}.promo-pill--primary{background:#2c517d;border:1px solid #fff3;color:#fff}.promo-longtext{background:#fff;border:1px solid #2c517d1f;border-radius:12px;box-shadow:0 12px 22px #2c517d14;color:#334155;font-family:customfont,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.97rem;line-height:1.6;margin-top:10px;max-height:220px;overflow:auto;padding:12px 12px 12px 16px;position:relative}.promo-longtext:before{background:#2c517dbf;border-radius:999px;bottom:10px;content:"";left:0;position:absolute;top:10px;width:4px}.promo-longtext strong{color:#1f3f63;font-family:customfont2,customfont,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.promo-longtext ul{margin:10px 0 0;padding-left:18px}.promo-longtext li{margin:6px 0}.promo-longtext::-webkit-scrollbar{width:8px}.promo-longtext::-webkit-scrollbar-thumb{background:#2c517d4d;border-radius:999px}.promo-longtext::-webkit-scrollbar-track{background:#2c517d14;border-radius:999px}.promo-controls{align-items:center;background:#eef4ff;border-top:1px solid #2c517d1f;flex-direction:column;flex-shrink:0;padding:12px 16px 14px}.promo-controls,.promo-dots{display:flex;gap:8px}.promo-dot{background:#2c517d38;border:none;border-radius:50%;cursor:pointer;height:9px;transition:all .2s ease;width:9px}.promo-dot.active{background:#2c517d;border-radius:999px;width:24px}.promo-next{background:#2c517d;border:none;border-radius:999px;box-shadow:0 6px 16px #2c517d3d;color:#fff;cursor:pointer;font-family:customfont2,customfont,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.85rem;font-weight:700;padding:8px 16px}.promo-next:hover{background:#24486f}.promo-proceed{align-items:center;background:#0000;border:none;color:#4f6f99;cursor:pointer;display:flex;font-family:customfont,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.78rem;gap:6px;padding:2px 8px}.promo-arrow{animation:promoArrowBounce 1.4s ease-in-out infinite;color:#2c517d;font-size:1.15rem;line-height:1}@keyframes promoArrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.promo-login-link{background:#0000;border:none;color:#2c517d;cursor:pointer;font-family:customfont3,customfont2,customfont,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:800;padding:4px 8px;text-decoration:underline}.promo-download-center{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;margin-top:14px;text-align:center;width:100%}.promo-qr-btn{background:#fff;border:1px solid #2c517d2e;border-radius:12px;box-shadow:0 10px 18px #2c517d14;cursor:pointer;padding:6px;transform-origin:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.promo-qr{display:block;height:92px;object-fit:contain;transition:transform .18s ease;width:92px}.promo-qr-btn:focus-visible,.promo-qr-btn:hover{border-color:#2c517d52;box-shadow:0 16px 26px #2c517d29;transform:scale(1.5)}.promo-apk-link{align-self:center;background:#fff;border:1px solid #2c517d2e;border-radius:999px;box-shadow:0 10px 18px #2c517d14;color:#2c517d;cursor:pointer;font-family:customfont2,customfont,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:800;padding:10px 14px;text-align:center}.promo-apk-link:hover,.promo-qr-btn:hover{border-color:#2c517d47}@media (max-width:640px){.promo-modal{border-radius:0;height:100dvh;width:100%}.promo-modal-overlay{padding:0}.promo-modal-header{padding:10px 12px 8px}.promo-title{font-size:.98rem}.promo-subtitle{font-size:.76rem}.promo-slide-shell{margin:8px 8px 0}.promo-slide{overflow-y:auto;padding:12px}.promo-slide-grid{align-content:start;align-items:start;gap:12px;grid-template-columns:1fr;height:auto;min-height:100%}.promo-image-wrap{min-height:0;padding:0}.promo-image{max-height:320px;width:min(220px,78vw)}.promo-copy{padding:0}.promo-copy h2{font-size:1.08rem;margin-bottom:8px}.promo-copy h2:after{margin-top:6px;width:44px}.promo-lead{font-size:.96rem;margin-bottom:10px!important;padding:8px 10px}.promo-highlights{gap:6px;margin-bottom:10px}.promo-pill{font-size:.76rem;height:26px;padding:0 8px}.promo-longtext{font-size:.92rem;line-height:1.5;max-height:none;padding:10px 12px 10px 14px}.promo-copy-top{align-items:stretch;flex-direction:column}.promo-download-center{gap:12px}.promo-qr{height:104px;width:104px}.promo-qr-btn{padding:8px}.promo-controls{gap:6px;padding:10px 10px 12px}.promo-next{font-size:.82rem;padding:7px 14px}.promo-proceed{font-size:.74rem}}.login-container,.login-container *,.login-container :after,.login-container :before{box-sizing:initial}.login-container{background-color:#2c517d;color:#000;height:100vh;position:relative}.login-container,.login-wrapper{align-items:center;display:flex;justify-content:center}.login-wrapper{flex-wrap:nowrap;gap:2rem;max-width:80rem;padding:1rem;width:100%}.logo-section{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-bottom:10%;margin-left:5%}.logo,.logo-section{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.logo{height:auto;margin-bottom:.1rem;margin-left:8%;max-width:19rem;pointer-events:none;width:30%}.title{color:#fff;font-size:5vw;font-weight:700;margin:0 5rem 0 0}.bottom-text,.title{cursor:default;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bottom-text{bottom:5%;color:#93fffe;font-family:customfont3;font-size:clamp(.8rem,1.8vw,1rem);font-weight:500;left:50%;margin:0;position:absolute;text-align:center;transform:translateX(-50%)}.form-section{background-color:#fff;border-radius:1rem;box-shadow:0 4px 10px #0003;flex:0 0 auto;height:35rem;padding:3rem;width:20rem}.icon-row{display:flex;justify-content:center;margin-bottom:3rem}.mail-icon{color:#000;height:3rem;margin:2rem 1.35rem 0;position:relative;width:3.5rem}.rounded-line{background-color:#cfd9e8;border-radius:9999px;height:2px;margin:1rem auto 3rem;width:89%}.input-with-icon{margin-bottom:15px;position:relative;width:100%}.input-icon{color:#777;font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.input-field:focus+.input-icon{color:#4a90e2}.input-field{background-color:#f8fbff;border:.2rem solid #2c517d;border-radius:1rem;box-shadow:0 2px 8px #1a43751a;display:block;margin:-4.5rem auto 1rem;max-width:300px;outline:none;padding:15px 20px 15px 40px;transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease;width:80%}.input-field:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.input-field::placeholder{color:#565656;font-size:1rem;font-style:"customfont"}.login-btn-container{display:flex;justify-content:center}.login-btn{background:#2c517d;border:none;border-radius:9999px;color:#fff;cursor:pointer;font-family:customfont2;font-weight:600;letter-spacing:.1rem;max-width:150px;padding:.75rem;transition:all .3s ease;width:100%}.login-btn:hover{background:#60a3e6;box-shadow:0 4px 15px #0003;transform:scale(1)}.login-admin-note{color:#667085;font-size:.82rem;font-weight:500;letter-spacing:.01em;margin:.75rem auto .35rem}.login-admin-note,.login-text{font-family:customfont2;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.login-text{color:#4b5563;cursor:default;font-size:.9rem;line-height:1.25;margin-top:7rem}.login-text-welcome{color:#5b6473;display:block;font-size:.92rem;font-weight:500;letter-spacing:.01em}.login-text-action{color:#1f3f63;display:block;font-size:1.08rem;font-weight:800;letter-spacing:.005em;margin-top:4px}.belowlogin-text{color:#666;cursor:default;display:flex;font-size:.9rem;font-weight:500;justify-content:center;margin:1rem 0;text-align:center}.belowlogin-text,.register-link{font-family:customfont2;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.register-link{color:#1a4375;cursor:pointer;margin-left:.3rem;text-decoration:none;transition:color .3s ease}.register-link:hover{color:#2e6ba6;text-decoration:underline}.mobile-app-text{color:#666;display:flex;font-family:customfont2;font-size:.9rem;font-weight:500;justify-content:center;margin:3.5rem 0 .5rem;text-align:center}.mobile-app-link{color:#1a4375;cursor:pointer;font-family:customfont2;text-decoration:none;transition:color .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.mobile-app-link:hover{color:#2e6ba6;text-decoration:underline}.login-error-message{background-color:#fff5f5;border:1px solid #ffd6d6;border-radius:8px;box-shadow:0 2px 8px #ff00001a;color:red;font-size:14px;font-weight:500;margin-bottom:5rem;margin-top:-4rem;opacity:0;padding:12px 16px;text-align:center;transform:translateY(-10px);transition:opacity .3s ease-out,transform .3s ease-out}.login-error-message.visible{opacity:1;transform:translateY(0)}.login-error-message:before{content:"⚠️";margin-right:8px}.login-error-message.fade-out{opacity:0;transform:translateY(-10px)}.contact-error-message{background-color:#fff5f5;border:1px solid #ffd6d6;border-radius:6px;box-shadow:0 2px 6px #ff00001a;color:red;font-family:customfont2;font-size:13px;font-weight:500;margin-bottom:1rem;margin-top:.5rem;padding:8px 12px;text-align:center}.login-password-wrapper{margin:0 auto 1.2rem;max-width:320px;position:relative;width:100%}.login-password-input{background-color:#f8fbff;border:.2rem solid #1a4375;border-radius:1rem;box-shadow:0 2px 8px #1a43751a;display:block;margin:0 auto .75rem;max-width:300px;outline:none;padding:15px 20px 15px 40px;transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease;width:80%}.login-password-input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.login-password-input::placeholder{color:#565656;font-size:1rem;font-style:"customfont"}.login-password-toggle{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;height:2rem;justify-content:center;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .2s ease;width:2rem;z-index:10}.login-password-toggle:hover{color:#1a4375;transform:translateY(-50%)}.login-eye-icon{display:block;height:1.25rem;width:1.25rem}.login-lock-icon{color:#777;font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.social-login-section{margin:1rem 0;text-align:center}.social-login-buttons{display:flex;flex-direction:column;gap:.1rem;margin-bottom:1.5rem}.social-login-button{align-items:center;background:#fff;border:2px solid #1a4375;border-radius:10px;color:#111;cursor:pointer;display:flex;font-family:customfont2;font-size:1.05rem;margin-bottom:.7rem;max-width:350px;overflow:hidden;padding:.5rem 1.5rem;position:relative;transition:box-shadow .2s,border-color .2s;width:100%}.social-login-button:hover:not(:disabled){border-color:#1565c0;box-shadow:0 2px 8px #1976d21a}.social-login-button:disabled{background-color:#f5f5f5;border-color:#e0e0e0;cursor:not-allowed;opacity:.6}.social-login-button:disabled .social-icon{opacity:.5}.social-login-button-text{color:#111;flex:1 1;font-weight:500;letter-spacing:.01em;text-align:center}.social-icon{font-size:1.3rem;margin-right:.5rem}.social-login-button.google .social-icon{color:#ea4335}.social-login-button.facebook .social-icon{color:#1877f3}.login-or-divider{align-items:center;display:flex;justify-content:center;margin:-.4rem 0;position:relative}.login-or-divider:after,.login-or-divider:before{background-color:#e5e7eb;content:"";flex:1 1;height:1px;margin:0 1rem}.login-or-text{background-color:#fff;color:#000;font-weight:500;letter-spacing:.05em;padding:0 1rem;text-transform:uppercase}.login-divider,.login-or-text{font-family:customfont2;font-size:.9rem}.login-divider{align-items:center;color:#666;display:flex;margin:1.5rem 0}.login-divider:after,.login-divider:before{border-bottom:1px solid #ddd;content:"";flex:1 1}.forgot-password-container{margin:10px 0;text-align:center}.forgot-password-text{color:#7b8698;display:flex;font-family:customfont2;font-size:.82rem;font-weight:450;justify-content:center;margin:1rem 0;text-align:center}.forgot-password-link{color:#48678b;cursor:pointer;font-family:customfont2;margin-left:.3rem;text-decoration:none;transition:color .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.forgot-password-link:hover{color:#2e6ba6;text-decoration:underline}.login-fields-container{animation:fadeIn .5s ease forwards}.learn-more-text{font-size:.85rem;margin:16px 0 12px;text-align:center}.learn-more-link{align-items:center;background:#2c517d0d;border-radius:20px;color:#2c517d;cursor:pointer;display:inline-flex;font-weight:500;gap:6px;padding:6px 12px;text-decoration:none;transition:all .3s ease}.learn-more-link:hover{background:#2c517d1a;color:#4a7a9e;text-decoration:none;transform:translateX(2px)}.login-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000040;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.login-spinner{animation:login-spin .9s linear infinite;border:3px solid #fff6;border-radius:50%;border-top-color:#fff;height:36px;width:36px}.login-loading-text{color:#fff;font-family:customfont2;letter-spacing:.03em}@keyframes login-spin{to{transform:rotate(1turn)}}@media (max-width:480px){.login-password-input{font-size:.95rem;max-width:100%;padding:.8rem 2.8rem .8rem 1rem}.login-password-toggle{right:.8rem}}@media (max-width:360px){body,html{height:auto;overflow-y:auto;padding:0;width:100%}.login-container,body,html{background-color:#2c517d;margin:0}.login-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;padding-bottom:0;position:relative}.logo-section{align-items:center;margin-bottom:1.5rem;margin-left:0}.logo{margin-left:0;width:50%}.title{font-size:7.2vw;margin-right:0;text-align:center}.form-section{height:auto;padding:1.25rem;width:88vw}.rounded-line{margin-bottom:1.5rem;width:100%}.input-field{margin:0 2rem 1rem auto;max-width:none;padding-left:2.25rem;width:85%}.login-password-wrapper{margin-left:.1rem;max-width:80%}.login-password-input{margin:.75rem auto 1rem;max-width:none;padding:.85rem 2.5rem .85rem 2.25rem;width:100%}.login-text{margin-top:1rem!important}.social-login-button{max-width:100%}.login-btn{max-width:none;width:100%}.login-password-toggle{height:1.75rem;right:.75rem!important;width:1.75rem}.login-eye-icon{height:1.35rem;width:1.35rem}.login-error-message{font-size:13px;margin-bottom:1rem;margin-top:0;padding:10px 12px}.reset-success-message{background-color:#d1e7dd;border:1px solid #badbcc;border-radius:8px;box-shadow:0 2px 8px #10b9811a;color:#0f5132;font-size:13px;font-weight:500;margin:.75rem auto 1rem;padding:10px 12px;text-align:center}.login-wrapper{display:flex;flex-direction:column;padding-bottom:0;width:100%}.bottom-text{bottom:auto;left:auto;margin:0 0 0 1rem;order:99;position:static;right:auto;text-align:left;transform:none;width:100%;z-index:2}}@media (min-width:361px) and (max-width:480px){body{height:100vh;height:100dvh;overflow-x:hidden}.login-container,body{margin:0;overflow-y:auto;padding:0}.login-container{background-color:#2c517d;display:flex;flex-direction:column;gap:0;height:auto;min-height:100vh;min-height:100dvh;position:relative;scroll-behavior:smooth}.login-container,.login-wrapper{align-items:center;justify-content:flex-start}.login-wrapper{max-width:100%;overflow-x:hidden;padding:1rem}.form-section{flex-shrink:0;margin-bottom:2rem;margin-top:2rem;position:relative;z-index:10}.input-field:focus,.login-password-input:focus{scroll-margin-bottom:20vh;scroll-margin-top:20vh;transform:translateZ(0)}.login-wrapper{min-height:100vh;min-height:100dvh;padding-bottom:2rem}body.mobile-input-focused .form-section{margin-bottom:10vh;margin-top:10vh}body.mobile-input-focused .input-field:focus,body.mobile-input-focused .login-password-input:focus{position:relative;scroll-margin-bottom:30vh;scroll-margin-top:30vh;z-index:1000}.logo-section{flex-shrink:0;margin:1rem 0 .75rem}*,:after,:before{box-sizing:border-box}html{overflow-x:hidden}.login-container,.login-wrapper{max-width:100%;overflow-x:hidden;width:100%}.form-section{max-width:340px;padding:1.25rem;width:92vw}.rounded-line{width:100%}.logo-section{margin:.5rem 0 .75rem;max-width:340px;width:92vw}.logo{height:auto;max-width:160px;width:44%}.title{font-size:clamp(1.4rem,6vw,2rem);margin:0}.bottom-text{margin:1rem 0 0;order:99;padding:0 1rem;position:static;text-align:center;width:100%;z-index:2}.logo-section{align-items:center;margin-bottom:1.5rem;margin-left:0}.logo{margin-left:0;width:50%}.title{font-size:7.2vw;margin-right:0;text-align:center}.form-section{height:auto;max-width:340px!important;padding:1.25rem!important;width:92vw!important}.rounded-line{margin-bottom:1.2rem;width:100%!important}.input-field{margin:.5rem 0 1rem!important;padding-left:2.25rem!important;padding-right:1rem!important}.input-field,.login-password-wrapper{max-width:none!important;width:100%!important}.login-password-wrapper{margin-left:0!important}.login-password-input{margin:.5rem 0 1rem!important;max-width:none!important;padding:.85rem 2.5rem .85rem 2.25rem!important;width:100%!important}.login-text{margin-top:1rem!important}.social-login-button{max-width:100%}.login-btn{max-width:none;width:100%}.login-password-toggle{height:1.75rem;right:.75rem!important;width:1.75rem}.login-eye-icon{height:1.35rem;width:1.35rem}.login-error-message{font-size:13px;margin-bottom:1rem;margin-top:0;padding:10px 12px}.reset-success-message{background-color:#d1e7dd;border:1px solid #badbcc;border-radius:8px;box-shadow:0 2px 8px #10b9811a;color:#0f5132;font-size:13px;font-weight:500;margin:.75rem auto 1rem;padding:10px 12px;text-align:center}.login-wrapper{display:flex;flex-direction:column;padding-bottom:0;width:100%}}@media (min-width:481px) and (max-width:575px){.logo-section{align-items:center;margin-left:0}.logo{margin-left:0;width:45%}.title{font-size:6.5vw;margin-right:0;text-align:center}.form-section{box-sizing:border-box;height:auto;max-width:320px;padding:1.5rem;width:84vw}.rounded-line{width:100%}.input-field{margin:.75rem auto 1rem;max-width:none;padding-left:2.25rem;width:100%}.login-password-wrapper{max-width:100%}.login-password-input{margin:.75rem auto 1rem;max-width:none;width:100%}.social-login-button{max-width:100%}.login-btn{max-width:none;width:100%}.login-container{align-items:center;justify-content:flex-start;min-height:auto;padding-bottom:0}.login-wrapper{min-height:auto}.bottom-text{bottom:auto;left:auto;margin:1rem 0 0 1rem;position:static;right:auto;text-align:left;transform:none;width:100%;z-index:1}}@media (min-width:576px) and (max-width:767px){.logo-section{align-items:center;margin-left:0}.logo{margin-left:0;max-width:20rem;width:50%}.title{font-size:clamp(1.6rem,6.8vw,2.6rem);margin-right:0;text-align:center}.form-section{box-sizing:border-box;height:auto!important;max-width:340px!important;padding:1.75rem!important;width:92vw!important}.rounded-line{width:100%}.input-field{box-sizing:border-box;margin:.75rem 0 1rem!important;padding-left:2.25rem!important;padding-right:1rem!important}.input-field,.login-password-input,.login-password-wrapper{max-width:none!important;width:100%!important}.login-password-input{box-sizing:border-box;margin:.75rem 0 1rem!important;padding:.85rem 2.75rem .85rem 2.25rem!important}.login-password-toggle{right:.75rem!important;top:50%;transform:translateY(-50%)}.social-login-button{max-width:100%}.login-btn{max-width:none;width:100%}.login-wrapper{display:flex;flex-direction:column;min-height:auto;padding-bottom:0}.bottom-text{align-self:center;bottom:auto;left:auto;margin:auto 0 0;position:static;right:auto;text-align:center;transform:none;width:100%;z-index:10}}@media (min-width:768px) and (max-width:899px){.logo-section{align-items:center;margin-left:0}.logo{margin-left:0;max-width:22rem;width:50%}.title{font-size:clamp(1.8rem,6vw,3rem);margin-right:0;text-align:center}.form-section{box-sizing:border-box;height:auto!important;max-width:340px!important;padding:1.75rem!important;width:92vw!important}.rounded-line{width:100%}.input-field{box-sizing:border-box;margin:.75rem 0 1rem!important;padding-left:2.25rem!important;padding-right:1rem!important}.input-field,.login-password-input,.login-password-wrapper{max-width:none!important;width:100%!important}.login-password-input{box-sizing:border-box;margin:.75rem 0 1rem!important;padding:.85rem 2.75rem .85rem 2.25rem!important}.login-password-toggle{right:.75rem!important;top:50%;transform:translateY(-50%)}.social-login-button{max-width:100%}.login-btn{max-width:none;width:100%}.login-wrapper{display:flex;flex-direction:column;min-height:auto;padding-bottom:0}.bottom-text{align-self:center;bottom:auto;left:auto;margin:auto 0 0;position:static;right:auto;text-align:center;transform:none;width:100%;z-index:10}}@media (max-width:898px){body,html{height:auto;overflow-y:auto}.login-container{-webkit-overflow-scrolling:touch;align-items:center!important;display:flex;flex-direction:column;justify-content:space-between!important;min-height:100dvh!important;overflow-y:auto;padding-top:0}.login-wrapper{margin-top:0!important;min-height:auto;padding-top:0!important;width:100%}.logo-section{margin-bottom:.75rem!important;margin-left:0!important}.form-section{box-sizing:border-box;height:auto!important;margin-top:0;max-width:340px!important;overflow:visible;padding:1.75rem!important;width:92vw!important}.input-field{box-sizing:border-box;margin:.75rem 0 1rem!important;padding-left:2.25rem!important;padding-right:1rem!important}.input-field,.login-password-wrapper{max-width:none!important;width:100%!important}.login-password-wrapper{margin:.5rem 0 1rem!important}.login-password-input{box-sizing:border-box;margin:.75rem 0 1rem!important;max-width:none!important;padding:.85rem 2.75rem .85rem 2.25rem!important;width:100%!important}.login-password-toggle{right:.75rem!important;top:50%;transform:translateY(-50%)}}@media (max-width:575px){.login-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh!important;padding-bottom:0!important}.bottom-text{align-self:center!important;bottom:auto!important;left:auto!important;margin:0!important;max-width:100%!important;position:static!important;right:auto!important;text-align:center!important;transform:none!important;width:100%!important;z-index:10!important}}@media (min-width:360px) and (max-width:480px){.login-password-toggle{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;align-items:center!important;background:none!important;border:none!important;color:#64748b!important;cursor:pointer!important;display:flex!important;height:1.75rem!important;justify-content:center!important;opacity:1!important;outline:none!important;padding:.25rem!important;position:absolute!important;right:.75rem!important;top:50%!important;transform:translateY(-50%)!important;-webkit-user-select:none!important;user-select:none!important;visibility:visible!important;width:1.75rem!important;z-index:1000!important}.login-eye-icon{height:1.35rem!important;width:1.35rem!important;z-index:1001!important}.login-eye-icon,.login-lock-icon{display:block!important;opacity:1!important;visibility:visible!important}.login-lock-icon{color:#777!important;font-size:1rem!important;height:1rem!important;left:.75rem!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:1rem!important;z-index:1000!important}.login-password-wrapper{align-items:center!important;display:flex!important;position:relative!important;width:100%!important;z-index:1!important}.login-password-input{box-sizing:border-box!important;padding-left:2.5rem!important;padding-right:2.5rem!important;width:100%!important}.login-password-wrapper:focus-within .login-lock-icon,.login-password-wrapper:focus-within .login-password-toggle{display:block!important;opacity:1!important;visibility:visible!important;z-index:1000!important}.login-password-wrapper:focus-within .login-password-toggle{display:flex!important}.login-password-wrapper:focus-within .login-password-toggle .login-eye-icon{display:block!important;opacity:1!important;visibility:visible!important;z-index:1001!important}.login-password-input:focus{padding-left:2.5rem!important;padding-right:2.5rem!important}.login-password-input:focus+.login-password-toggle{display:flex!important;opacity:1!important;visibility:visible!important;z-index:1000!important}.login-password-toggle:hover{color:#1a4375!important;transform:translateY(-50%)!important}}@font-face{font-family:ReadexPro-Light;font-style:normal;font-weight:400;src:url(/static/media/ReadexPro-Light.15d7573e3f1e03eff037.ttf) format("truetype")}.homepage-container{background-color:#f6f5f5;box-sizing:border-box;min-height:100vh;overflow-x:hidden;padding:0;width:100%}.error-message{color:#721c24;margin:20px;max-width:400px;min-width:300px;padding:15px;top:120px}.error-message,.tto-floating-banner{left:50%;position:fixed;transform:translateX(-50%);z-index:9999}.tto-floating-banner{animation:slideDownFloating .5s ease-out,autoHide 8s ease-in-out forwards;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff9800;border-radius:10px;box-shadow:0 6px 18px #ff98004d;max-width:85vw;top:60px;width:500px}.tto-floating-content{align-items:flex-start;display:flex;gap:12px;padding:15px;position:relative}.tto-floating-icon{flex-shrink:0;font-size:1.6rem;margin-top:2px}.tto-floating-text{color:#e65100;flex:1 1}.tto-floating-title{color:#bf360c;font-family:ReadexPro-Regular;font-size:1.1rem;font-weight:600;margin-bottom:6px}.tto-floating-message{font-family:ReadexPro-Light;font-size:.95rem;line-height:1.3;margin-bottom:4px}.tto-floating-subtitle{color:#d84315;font-family:ReadexPro-Light;font-size:.85rem;font-style:italic}.tto-floating-close{align-items:center;background:none;border:none;border-radius:50%;color:#bf360c;cursor:pointer;display:flex;font-size:1.4rem;height:24px;justify-content:center;line-height:1;padding:4px;position:absolute;right:12px;top:8px;transition:all .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:24px}.tto-floating-close:hover{background-color:#bf360c1a;color:#d84315;transform:scale(1.1)}@keyframes slideDownFloating{0%{opacity:0;transform:translateX(-50%) translateY(-30px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes autoHide{0%,80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-20px)}}.monitoring-mode-banner{animation:slideDownFloating .5s ease-out;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:8px;box-shadow:0 4px 12px #2196f333;margin:10px 20px}.monitoring-mode-content{align-items:flex-start;display:flex;gap:12px;padding:15px}.monitoring-mode-icon{flex-shrink:0;font-size:1.6rem;margin-top:2px}.monitoring-mode-text{display:flex;flex:1 1;flex-direction:column;gap:4px}.monitoring-mode-title{color:#1976d2;font-size:1.1rem;font-weight:700}.monitoring-mode-message{color:#424242;font-size:.95rem}.monitoring-expiration{color:#666;font-size:.85rem;font-style:italic}@media (max-width:768px){.tto-floating-banner{left:10px;max-width:none;right:10px;top:50px;transform:none;width:auto}.monitoring-mode-banner{margin:10px}.monitoring-mode-content{gap:10px;padding:12px}.monitoring-mode-title{font-size:1rem}.monitoring-mode-message{font-size:.9rem}.monitoring-expiration{font-size:.8rem}.tto-floating-content{gap:10px;padding:12px}.tto-floating-title{font-size:1rem}.tto-floating-message{font-size:.9rem}.tto-floating-subtitle{font-size:.8rem}.error-message{top:100px}.error-message,.error-popup{left:10px;max-width:none;right:10px;transform:none;width:auto}.error-popup{top:180px}}.sidebar-wrapper{box-sizing:border-box;height:calc(100vh - 60px);position:fixed;z-index:999}.sidebar-wrapper.sidebarOpen{left:0}.sidebar{height:100%}.main-content,.sidebar{overflow-x:hidden;overflow-y:auto}.main-content{box-sizing:border-box;display:flex;gap:1rem;height:calc(100vh - 120px);margin-left:18%;padding:0 1rem;position:relative;transition:margin-left .3s ease;z-index:0}.main-content.sidebar-collapsed{margin-left:80px}.homepage-header-bar{align-items:center;background:#2c517d;display:flex;height:60px;justify-content:space-between;margin:0 0 2rem;overflow:visible;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2147483000}.header-logo-container,.homepage-header-bar{box-sizing:border-box}.header-hamburger-icon{display:flex;font-size:.8rem!important;min-height:44px;min-width:44px;transition:color .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.header-hamburger-icon:hover{color:#c5cdcd!important}.homepage-menu{cursor:pointer;padding:10px;position:relative;z-index:1000}.homepage-menu button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.user-menu{z-index:2147483500}.user-menu button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.header-dropdown-menu{box-shadow:0 8px 24px #0000002e;position:fixed;right:10px;top:70px;z-index:2147483647}@media (min-width:768px) and (max-width:1023px){.header-dropdown-menu{top:60px}}@media (min-width:480px) and (max-width:767px){.header-dropdown-menu{top:55px}}@media (max-width:479px){.header-dropdown-menu{max-width:280px;right:8px;top:50px;width:calc(100vw - 16px);z-index:2147483647}}@media (max-width:360px){.header-dropdown-menu{max-width:260px;right:6px;top:45px;width:calc(100vw - 12px);z-index:2147483647}}@media (min-width:361px) and (max-width:480px){.header-dropdown-menu{max-width:280px;right:8px;top:50px;width:calc(100vw - 16px);z-index:2147483647}}.header-dropdown-menu button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.sidebar-main-nav{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.sidebar-nav-item{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.sidebar-bottom-options{z-index:10}.sidebar-bottom-options .sidebar-nav-item{font-size:.85rem;padding:.6rem 1rem}.sidebar-bottom-options .sidebar-nav-item:hover{background-color:#f0f0f0}.sidebar-export-container{margin-bottom:120px;padding-bottom:1rem}.sidebar-download-options .sidebar-download-option{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.sidebar-download-options .sidebar-download-option span{color:#000;font-family:ReadexPro-Regular;font-size:.9rem;font-weight:500}.username{color:#000;font-family:ReadexPro-Light;font-size:.9rem;line-height:1.2;opacity:.9}.dashboard{flex-direction:column;height:100%;width:100%}.dashboard,.dashboard-top-row{box-sizing:border-box;display:flex;gap:1rem}.dashboard-top-row{height:auto;min-height:580px}.right-sidebar{box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;min-width:250px;width:30%}.calendar-box,.pie-chart-box{align-items:center;background-color:#2c517d;border-radius:15px;box-shadow:0 4px 6px #0000004d;display:flex;flex-direction:column;justify-content:center;padding:1rem}.calendar-box,.pie-chart-box{flex:1 1}.calendar-box h3,.pie-chart-box h3{color:#fff;font-family:customfont1;font-size:1.2rem;margin:0 0 1rem;text-align:center}.chart-placeholder{align-items:center;color:#fffc;display:flex;flex-direction:column;gap:.5rem;justify-content:center;text-align:center}.chart-icon{color:#ffffffb3;font-size:2.5rem}.chart-placeholder span{font-family:ReadexPro-Light;font-size:.9rem}.main-box{align-items:center;background-color:#2c517d;border-radius:15px;box-shadow:0 4px 6px #0000004d;box-sizing:border-box;display:flex;flex:1 1;gap:1.5rem;justify-content:center;min-height:480px;min-width:400px;position:relative;z-index:0}.icon{color:#fff;font-size:2.5rem}.bottom-boxes{gap:1rem;height:35%;justify-content:space-between;min-height:200px}.bottom-boxes,.box{box-sizing:border-box;display:flex}.box{align-items:center;background-color:#2c517d;border-radius:15px;box-shadow:0 4px 6px #0000004d;cursor:pointer;flex:1 1;flex-direction:column;gap:.8rem;justify-content:center;min-width:200px;padding:1rem;position:relative;transition:all .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.box:hover{box-shadow:0 6px 12px #0003;transform:translateY(-5px)}.box-icon{color:#fff;font-size:2.2rem}.box-title{color:#fff;font-family:customfont1;font-size:1.3rem;font-weight:700;text-align:center;text-shadow:0 1px 1px #0000001a;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.modal-overlay{background-color:#00000080;bottom:0;left:0;right:0;top:0}.modal-container{background-color:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 4px 20px #1a437526;margin:7rem auto auto 30rem;overflow-y:auto;padding:1.5rem;width:100%}.modal-close-btn{background-color:#1a4375;border-radius:5px;color:#fff;font-size:1rem;padding:.5rem 1rem;right:1rem;top:1rem;transition:background-color .3s}.modal-content{animation:modalSlideIn .3s ease;background:#fff;border:2px solid #2c517d;border-radius:15px;box-shadow:0 20px 40px #0000004d;color:#1a4375;font-family:customfont1;font-size:1.1rem;line-height:1.5;margin-top:3rem;max-width:94%;padding:2rem;position:relative;text-align:center;white-space:pre-line;width:100%;z-index:10002}.modal-title-icon{color:#1a4375;font-size:2.5rem;margin-bottom:.5rem;opacity:.9}.modal-header h2{color:#1a4375;display:inline-block;font-size:2rem;font-weight:600;position:relative;text-align:center}.modal-text-content p{color:#333;line-height:1.6;margin:.7rem 0;padding-left:1.5rem;position:relative}.modal-text-content p:before{color:#51c2d9;content:"•";font-size:1.4rem;left:0;position:absolute;top:-.2rem}.image-placeholder{align-items:center;background-color:#ffffff4d;border:2px dashed #004a6f;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:1.5rem 0;min-height:180px;padding:1.5rem;transition:all .3s ease}.image-placeholder:hover{background-color:#fff6}.placeholder-icon{color:#004a6f;font-size:3.5rem;margin-bottom:1rem;opacity:.7}.image-placeholder span{color:#004a6f;font-family:customfont1;font-size:1rem}.header-right{box-sizing:border-box}.header-search-container,.header-search-input-wrapper{box-sizing:border-box;position:relative;z-index:1000}.header-search-input-wrapper{align-items:center;display:flex}.header-search-input{background:#dde9ff;border:2px solid #d9d9d9;border-radius:100px;box-sizing:border-box;flex-grow:1;font-family:customfont1;outline:none;padding:11px 40px 11px 15px;transition:border-color .3s ease;width:200px}.header-search-input:focus{background-color:#fff;border-color:#1a4375;box-shadow:0 0 0 3px #1a437533}.header-search-input::placeholder{color:#49454f;font-family:ReadexPro-Regular;font-size:14px;font-weight:500;opacity:.8}.header-search-icon{color:#000000b3;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.dropdown-menu{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;min-width:150px;padding:8px 0}.dropdown-menu button{color:#333;padding:8px 15px;transition:background-color .2s ease}.dropdown-menu button:hover{background-color:#f8f9fa;color:#007bff}.error-popup{animation:fadeInOut 5s ease-in-out;background-color:#f44;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;left:50%;max-width:400px;min-width:300px;padding:15px 30px;position:fixed;top:200px;transform:translateX(-50%);z-index:9999}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-20px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.chart-nav-arrows{display:flex;flex-direction:column;gap:8px;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);z-index:15}.chart-nav-arrows.loading{opacity:.45;pointer-events:none}.chart-nav-btn{align-items:center;background:#112744d9;border:1px solid #7ffcff8c;border-radius:50%;color:#7ffcff;cursor:pointer;display:flex;font-size:1.1rem;height:34px;justify-content:center;line-height:1;padding:0;transition:background .2s ease,transform .2s ease;width:34px}.chart-nav-btn:hover:not(:disabled){background:#7ffcff1f;transform:scale(1.06)}.chart-nav-btn:disabled{cursor:not-allowed;opacity:.45}@media (max-width:480px){.chart-nav-arrows{gap:6px;right:.5rem}.chart-nav-btn{font-size:1rem;height:30px;width:30px}}.harvest-label{color:#7ffcff}.custom-tooltip{border:1px solid #7ffcff}.coming-soon-content{color:#666;padding:1rem;text-align:center}.coming-soon-content.modal-view{padding:2rem}.coming-soon-badge{background-color:#1a4375;border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:500;margin-bottom:1rem;padding:.5rem 1rem}.coming-soon-content p{line-height:1.5;margin:.5rem 0}.sidebar-wrapper.collapsed .sidebar-top{overflow:hidden;padding:1rem .5rem}.sidebar-wrapper.collapsed .sidebar-top .user-info{flex-direction:column;justify-content:center;padding:10px 5px;text-align:center;width:100%}.sidebar-backdrop{bottom:0;display:none;right:0;z-index:997}@media (min-width:360px) and (max-width:480px){.sidebar-backdrop.active{display:block;opacity:1;pointer-events:auto}}@media (min-width:1920px){.homepage-header-bar{height:80px;padding:1rem 4rem}.header-logo{height:50px}.header-title{font-size:2rem}.sidebar-wrapper{height:calc(100vh - 80px);top:80px;width:16%}.main-content{height:calc(100vh - 140px);margin-left:16%}.main-content.sidebar-collapsed{margin-left:10rem;margin-right:5rem}.dashboard-top-row{height:700px;min-height:600px}.right-sidebar{min-width:300px;width:25%}.box{min-width:250px}.box-title{font-size:1.5rem}.box-icon{font-size:2.5rem}}@media (min-width:1200px) and (max-width:1919px){.homepage-header-bar{height:60px;padding:1rem 2rem}.calendar-box{max-height:350px;overflow:hidden}.sidebar-wrapper{height:calc(100vh - 60px);top:60px;width:18%}.main-content{height:calc(100vh - 120px);margin-left:18%}.main-content.sidebar-collapsed{margin-left:80px}.dashboard-top-row{height:600px;min-height:500px}.right-sidebar{min-width:250px;width:30%}}@media (min-width:1024px) and (max-width:1199px){.homepage-header-bar{height:60px;padding:1rem 1.5rem}.sidebar-wrapper{height:calc(100vh - 60px);top:60px;width:24%!important}.sidebar-wrapper.collapsed{width:80px!important}.calendar-box{max-height:280px;overflow:hidden}.main-content{height:calc(100vh - 120px);margin-left:24%!important}.main-content.sidebar-collapsed{margin-left:90px!important}.dashboard-top-row{height:520px;min-height:500px}.right-sidebar{height:100%;max-height:100%;min-width:220px;overflow-y:auto;width:32%}.modal-overlay{justify-content:flex-start;padding-left:calc(24% + 1rem);padding-right:1rem}.main-content.sidebar-collapsed~.modal-overlay,.sidebar-wrapper.collapsed~.modal-overlay{padding-left:calc(80px + 1rem)}.modal-container{box-sizing:border-box;margin:3.5rem 1rem 1rem 0;max-width:880px;width:calc(76% - 2rem)}.box{min-width:180px}.box-title{font-size:1.2rem}.box-icon{font-size:2rem}.main-box{align-items:stretch!important;display:flex!important;flex-direction:column!important;height:auto!important;min-height:400px!important;overflow:visible!important;padding:.5rem!important}.bar-chart-container{display:flex!important;flex:1 1!important;flex-direction:column!important;min-height:0!important;padding:0 .5rem .5rem!important}.bar-chart-container h3.chart-title{align-items:center!important;background:#0000!important;border:none!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-family:customfont1!important;font-size:14px!important;font-weight:700!important;gap:4px!important;height:auto!important;justify-content:center!important;line-height:1.2!important;margin:40px 0 4px!important;min-height:24px!important;opacity:1!important;padding:4px 0!important;position:static!important;visibility:visible!important;white-space:normal!important;width:100%!important;z-index:auto!important}.bar-chart-container p.chart-subtitle{color:#ffffffe8!important;flex-shrink:0!important;font-size:11px!important;line-height:1.3!important;margin:2px 0 4px!important;max-width:100%!important;opacity:1!important;text-align:center!important;visibility:visible!important}.chart-controls{flex-wrap:wrap;gap:4px;margin:4px 0!important}.toggle-segment{min-width:auto!important;padding:2px 6px!important}.time-filter,.toggle-segment{font-size:10px!important;height:22px!important}.time-filter{padding:2px 4px!important}.recharts-legend-wrapper{padding-top:2rem!important}.bar-chart-container .recharts-legend-wrapper{margin-bottom:-.5rem!important;margin-top:1rem!important;padding-top:2rem!important}.recharts-legend-item{margin-top:.5rem!important}.recharts-legend{margin-top:1rem!important;padding-top:2rem!important}.main-box{min-width:350px}.recharts-text{font-size:12px!important}.recharts-legend-item-text{font-size:11px!important}.recharts-tooltip-label{font-size:12px!important}.recharts-tooltip-item{font-size:11px!important}.bar-chart-container{padding:1rem 1rem 2rem!important}.bar-chart-container,.recharts-wrapper{overflow:visible!important}.recharts-cartesian-axis-tick-value{font-size:11px!important;font-weight:600!important}.recharts-legend-wrapper{margin-bottom:.5rem!important;padding-top:1rem!important}}@media (min-width:1280px) and (max-width:1365px){.homepage-header-bar{height:60px;padding:1rem 2rem}.sidebar-wrapper{height:calc(100vh - 60px)!important;top:60px!important;width:22%!important}.sidebar-wrapper.collapsed{width:80px!important}.main-content{height:calc(100vh - 120px);margin-left:22%!important;overflow-y:auto}.main-content.sidebar-collapsed{margin-left:90px!important}.dashboard-top-row{height:600px;min-height:500px}.right-sidebar{min-width:250px;width:30%}}@media (min-width:1200px) and (max-width:1279px){.sidebar-wrapper{height:calc(100vh - 60px)!important;top:60px!important;width:26%!important}.sidebar-wrapper.collapsed{width:80px!important}.main-content{height:calc(100vh - 120px);margin-left:26%!important}.main-content.sidebar-collapsed{margin-left:90px!important}.main-box{align-items:stretch!important;display:flex!important;flex-direction:column!important;height:auto!important;min-height:420px!important;overflow:visible!important;padding:.5rem!important}.bar-chart-container{display:flex!important;flex:1 1!important;flex-direction:column!important;min-height:0!important;padding:0 .5rem .5rem!important}.bar-chart-container h3.chart-title{align-items:center!important;background:#0000!important;border:none!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-family:customfont1!important;font-size:15px!important;font-weight:700!important;gap:4px!important;height:auto!important;justify-content:center!important;line-height:1.2!important;margin:12px 0 4px!important;min-height:24px!important;opacity:1!important;padding:4px 0!important;position:static!important;visibility:visible!important;white-space:normal!important;width:100%!important;z-index:auto!important}.bar-chart-container p.chart-subtitle{color:#ffffffe8!important;flex-shrink:0!important;font-size:12px!important;line-height:1.3!important;margin:2px 0 4px!important;max-width:100%!important;opacity:1!important;text-align:center!important;visibility:visible!important}.chart-controls{flex-wrap:wrap;gap:4px;margin:4px 0!important}.toggle-segment{min-width:auto!important;padding:2px 6px!important}.time-filter,.toggle-segment{font-size:10px!important;height:22px!important}.time-filter{padding:2px 4px!important}.recharts-legend-wrapper{padding-top:2rem!important}.bar-chart-container .recharts-legend-wrapper{margin-bottom:.5rem!important;margin-top:1rem!important;padding-top:2rem!important}.recharts-legend-item{margin-top:.5rem!important}.recharts-legend{margin-top:1rem!important;padding-top:2rem!important}.main-box{min-width:380px}.recharts-text{font-size:13px!important}.recharts-legend-item-text{font-size:12px!important}.recharts-tooltip-label{font-size:13px!important}.recharts-tooltip-item{font-size:12px!important}.bar-chart-container{padding:1rem 1rem 2rem!important}.bar-chart-container,.recharts-wrapper{overflow:visible!important}.recharts-cartesian-axis-tick-value{font-size:12px!important;font-weight:600!important}.recharts-legend-wrapper{margin-bottom:.5rem!important;padding-top:1rem!important}}@media (min-width:1366px) and (max-width:1533px){.sidebar-wrapper{height:calc(100vh - 60px)!important;top:60px!important;width:20%!important}.main-content{height:calc(100vh - 120px);margin-left:20%!important}.main-content.sidebar-collapsed{margin-left:80px!important}}@media (min-width:1536px){.modal-overlay{justify-content:flex-start;padding-left:calc(18% + 1rem)}.modal-container{margin:5rem 2rem 1rem 0;max-height:80vh;max-width:1150px;padding:2rem 2.5rem;width:80%}.modal-content{border:3px solid #2c517d;border-radius:18px;box-shadow:0 25px 50px #00000040;margin-top:2.5rem;max-width:93%;padding:2.5rem;width:100%}.modal-title-icon{font-size:2.8rem;margin-bottom:.7rem}.modal-header h2{font-size:2.2rem;margin-bottom:.5rem}.modal-text-content p{font-size:1.2rem;line-height:1.7;margin:.8rem 0;padding-left:1.8rem}.modal-text-content p:before{font-size:1.6rem;top:-.3rem}.main-content.sidebar-collapsed~.modal-overlay,.sidebar-wrapper.collapsed~.modal-overlay{padding-left:calc(80px + 1rem)}}@media (min-width:1366px) and (max-width:1535px){.modal-overlay{justify-content:flex-start;padding-left:calc(18% + 1rem)}.modal-container{margin:5rem -15rem 1rem 0;max-height:80vh;max-width:1150px;padding:2rem 2.5rem;width:80%}.modal-content{border:3px solid #2c517d;border-radius:18px;box-shadow:0 25px 50px #00000040;margin-top:2.5rem;max-width:93%;padding:2.5rem;width:100%}.modal-title-icon{font-size:2.8rem;margin-bottom:.7rem}.modal-header h2{font-size:2.2rem;margin-bottom:.5rem}.modal-text-content p{font-size:1.2rem;line-height:1.7;margin:.8rem 0;padding-left:1.8rem}.modal-text-content p:before{font-size:1.6rem;top:-.3rem}.main-content.sidebar-collapsed~.modal-overlay,.sidebar-wrapper.collapsed~.modal-overlay{padding-left:calc(80px + 1rem)}}@media (min-width:1366px) and (max-width:1919px){.homepage-header-bar{height:60px;padding:1rem 2rem}.calendar-box{max-height:320px;overflow:hidden}.sidebar-wrapper{height:calc(100vh - 60px)!important;top:60px!important;width:17%!important}.sidebar-wrapper.collapsed{width:80px!important}.main-content{height:calc(100vh - 120px);margin-left:17%!important;overflow-y:auto}.main-content.sidebar-collapsed{margin-left:90px!important}.dashboard-top-row{height:560px;min-height:560px}.right-sidebar{height:100%;max-height:100%;min-width:240px;overflow-y:auto;width:28%}}@media (min-width:768px) and (max-width:1023px){.homepage-header-bar{box-sizing:border-box;height:60px;margin-bottom:0;padding:.8rem 1rem}.header-logo{height:35px}.header-title{font-size:1.3rem}.sidebar-wrapper{height:100vh;left:-100%!important;position:fixed;top:0;transition:left .3s ease;width:250px;z-index:998}.sidebar-wrapper.sidebarOpen{left:0!important}@media (min-width:760px) and (max-width:890px){.sidebar-wrapper,.sidebar-wrapper.sidebarOpen{width:300px}.sidebar-nav-item{font-size:1.1rem}}@media (min-width:980px) and (max-width:1023px){.sidebar-wrapper,.sidebar-wrapper.sidebarOpen{width:300px}.modal-container{margin:5rem auto 1rem;max-height:85vh;max-width:960px;padding:1.5rem 2rem;width:80%}.modal-content{border-radius:16px;max-width:96%;padding:2rem;width:100%}}@media (min-width:768px) and (max-width:899px){.sidebar-wrapper,.sidebar-wrapper.sidebarOpen{width:340px}}.sidebar-backdrop{display:block}.main-content{height:calc(100vh - 100px);margin-left:0;width:100%}.main-content.sidebar-collapsed{margin-left:0}.header-dropdown-menu{position:fixed;right:10px;top:60px;width:220px;z-index:3000}.dashboard{margin:0 auto;width:95%}.dashboard-top-row{flex-direction:column;gap:1rem;height:auto;min-height:auto}.main-box{min-height:350px}.main-box,.right-sidebar{min-width:auto;width:100%}.right-sidebar{flex-direction:row}.calendar-box,.pie-chart-box{flex:1 1;min-height:200px}.bottom-boxes{flex-wrap:wrap;gap:.8rem;height:auto;min-height:auto}.box{flex-basis:calc(50% - 0.4rem);flex-grow:1;flex-shrink:1;min-height:150px;min-width:180px}.user-info{flex-direction:column;gap:.8rem;padding:.3rem;text-align:center}.welcome-text{align-items:center;text-align:center}.profile-picture,.user-icon{height:3.5rem;width:3.5rem}.welcome-text h2{font-size:1.1rem}.username{font-size:.8rem}.header-search-input{width:150px}}@media (min-width:480px) and (max-width:767px){.homepage-header-bar{box-sizing:border-box;height:55px;margin-bottom:0;padding:.6rem .8rem}.header-logo{height:30px}.header-title{font-size:1.1rem}.sidebar-wrapper{height:100vh;left:-100%;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:998}.sidebar{padding-top:calc(55px + 1rem)}.sidebar-wrapper.sidebarOpen{left:0}.sidebar-backdrop{display:block}.main-content{height:calc(100vh - 90px);margin-left:0;width:100%}.main-content.sidebar-collapsed{margin-left:0}.header-dropdown-menu{position:fixed;right:10px;top:55px;width:220px;z-index:20000}.dashboard{margin:0 auto;width:95%}.dashboard-top-row{flex-direction:column;gap:1rem;height:auto;min-height:auto}.main-box{min-height:300px}.main-box,.right-sidebar{min-width:auto;width:100%}.right-sidebar{flex-direction:row}.calendar-box,.pie-chart-box{flex:1 1;min-height:180px}.bottom-boxes{flex-direction:column;gap:.8rem;height:auto;min-height:auto}.box{flex:1 1;min-height:120px;min-width:auto}.box-title{font-size:1.1rem}.box-icon{font-size:1.8rem}.user-info{flex-direction:column;gap:.6rem;padding:.2rem;text-align:center}.profile-picture,.user-icon{height:3rem;width:3rem}.welcome-text h2{font-size:1rem}.username{font-size:.75rem}.header-search-input{padding:8px 35px 8px 12px;width:120px}.header-search-icon{right:12px}.modal-container{max-height:90vh;padding:1rem;width:95%}}@media (min-width:700px) and (max-width:767px){.sidebar-wrapper,.sidebar-wrapper.sidebarOpen{width:340px}}@media (max-width:479px){.homepage-header-bar{box-sizing:border-box;height:50px;margin-bottom:0;padding:.5rem}.header-logo{height:25px}.header-title{font-size:1rem}.sidebar-wrapper{height:calc(100vh - 50px);left:-100%;position:fixed;top:50px;transition:left .3s ease;width:100%;z-index:998}.sidebar-wrapper.sidebarOpen{left:0}.sidebar-backdrop{display:block}.main-content{height:calc(100vh - 80px);margin-left:0;width:100%}.main-content.sidebar-collapsed{margin-left:0}.header-dropdown-menu{position:fixed;right:10px;top:50px;width:220px;z-index:3000}.dashboard{margin:0 auto;width:98%}.dashboard-top-row{flex-direction:column;gap:.8rem;height:auto;min-height:auto}.main-box{min-height:250px}.main-box,.right-sidebar{min-width:auto;width:100%}.right-sidebar{flex-direction:column}.calendar-box,.pie-chart-box{min-height:150px}.bottom-boxes{flex-direction:column;gap:.6rem;height:auto;min-height:auto}.box{min-height:100px}.box-title{font-size:1rem}.box-icon{font-size:1.6rem}.user-info{flex-direction:column;gap:.5rem;padding:.1rem;text-align:center}.profile-picture,.user-icon{height:2.5rem;width:2.5rem}.welcome-text h2{font-size:.9rem}.username{font-size:.7rem}.header-search-input{font-size:12px;padding:6px 30px 6px 10px;width:100px}.header-search-icon{font-size:12px;right:10px}.modal-container{max-height:95vh;padding:.8rem;width:98%}.sidebar-nav-item{font-size:1.1rem;padding:.6rem .8rem}}@media (max-height:500px) and (orientation:landscape){.homepage-header-bar{height:45px;margin-bottom:.5rem}.sidebar-wrapper{height:calc(100vh - 45px);top:45px}.main-content{height:calc(100vh - 70px)}.dashboard-top-row{height:auto;min-height:200px}.main-box{min-height:200px}.right-sidebar{flex-direction:row}.bottom-boxes,.calendar-box,.pie-chart-box{min-height:120px}.bottom-boxes{height:auto;padding-right:12px}.box{min-height:80px}}@media print{.header-right,.homepage-header-bar,.sidebar-wrapper{display:none}.main-content{margin-left:0;width:100%}.dashboard{width:100%}}@media (min-width:1920px){.header-title{font-size:2rem}.box-title{font-size:1.5rem}.sidebar-nav-item,.welcome-text h2{font-size:1.4rem}}@media (min-width:1200px) and (max-width:1919px){.header-title{font-size:1.5rem}.box-title,.sidebar-nav-item{font-size:1.3rem}.welcome-text h2{font-size:1.2rem}}@media (min-width:1024px) and (max-width:1199px){.header-title{font-size:1.3rem}.box-title,.sidebar-nav-item{font-size:1.2rem}.welcome-text h2{font-size:1.1rem}}@media (max-width:360px){.homepage-header-bar{box-sizing:border-box;height:45px;margin-bottom:0;padding:.5rem 1rem}.header-logo{height:20px}.header-title{font-size:.9rem}.dashboard{padding:0 .5rem;width:99%}.box{min-height:80px;padding:.8rem}.box-title{font-size:.9rem}.box-icon{font-size:1.4rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}::-webkit-scrollbar-thumb:active{background:#888}*{scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.sidebar::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#adb5bd}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.main-content::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#adb5bd}.dashboard::-webkit-scrollbar{width:6px}.dashboard::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.dashboard::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.dashboard::-webkit-scrollbar-thumb:hover{background:#adb5bd}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.modal-container::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:4px}.modal-container::-webkit-scrollbar-thumb:hover{background:#adb5bd}.sidebar-main-nav::-webkit-scrollbar{width:6px}.sidebar-main-nav::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.sidebar-main-nav::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.sidebar-main-nav::-webkit-scrollbar-thumb:hover{background:#adb5bd}@media (min-width:1920px){.main-content{height:calc(100vh - 120px);margin-left:18%;overflow-y:hidden}.main-content.sidebar-collapsed{margin-left:10rem;margin-right:5rem}}@media (min-width:1200px) and (max-width:1919px){.main-content{height:calc(100vh - 120px);margin-left:18%;overflow-y:auto}.main-content.sidebar-collapsed{margin-left:80px}}@media (min-width:1024px) and (max-width:1199px){.main-content{height:calc(100vh - 120px);margin-left:20%;overflow-y:auto}.main-content.sidebar-collapsed{margin-left:80px}}@media (max-width:1023px){.main-content{height:calc(100vh - 100px);margin-left:0;overflow-y:auto}.main-content.sidebar-collapsed{margin-left:0}}@media (max-width:767px){body,html{height:100%;overflow-x:hidden;width:100%}.homepage-container{min-height:100vh;overflow-x:hidden;width:100%}.homepage-header-bar{box-sizing:border-box;height:55px;margin-bottom:1rem;padding:.5rem 1rem;width:100%}.header-dropdown-menu{max-width:280px;right:10px;top:55px;width:auto;z-index:2147483647}.homepage-container{overflow:hidden}.header-logo{height:30px}.header-title{font-size:1.1rem}.sidebar-wrapper{box-sizing:border-box;height:calc(100vh - 55px);left:-100%;position:fixed;top:55px;transition:left .3s ease;width:280px;z-index:998}.sidebar-wrapper.sidebarOpen{left:0}.sidebar-backdrop{display:block}.main-content{box-sizing:border-box;height:calc(100vh - 90px);margin-left:0;overflow-x:hidden;width:100%}.main-content.sidebar-collapsed{margin-left:0}.dashboard{margin:0 auto;overflow-x:hidden;width:95%}.dashboard-top-row{flex-direction:column;gap:1rem;height:auto;min-height:auto}.main-box{min-height:300px}.main-box,.right-sidebar{min-width:auto;width:100%}.right-sidebar{flex-direction:row}.calendar-box,.pie-chart-box{flex:1 1;min-height:180px}.bottom-boxes{flex-direction:column;gap:.8rem;height:auto;min-height:auto}.box{min-height:120px;width:100%}.box-title{font-size:1.1rem}.box-icon{font-size:1.8rem}.sidebar-top{padding:1.5rem}.user-info{align-items:center;flex-direction:column;gap:.8rem;padding:.5rem;text-align:center}.profile-picture,.user-icon{height:3.5rem;width:3.5rem}.welcome-text h2{font-size:1rem}.username{font-size:.8rem}.header-search-input{padding:8px 35px 8px 12px;width:120px}.header-search-icon{right:12px}.modal-container{margin:5rem auto 1rem;max-height:90vh;padding:1rem;width:95%}}@media (max-width:480px){.homepage-header-bar{height:50px;margin-bottom:.8rem;padding:.5rem 1rem}.header-logo{height:25px}.header-title{font-size:1rem}.header-dropdown-menu{max-width:280px;right:8px;top:50px;width:calc(100vw - 16px);z-index:2147483647}.sidebar-wrapper{height:calc(100vh - 50px);top:50px;width:100%}.main-content{height:calc(100vh - 80px)}.dashboard{padding:0 .5rem;width:98%}.main-box{min-height:250px}.right-sidebar{flex-direction:column}.calendar-box,.pie-chart-box{min-height:150px}.box{min-height:100px}.box-title{font-size:1rem}.box-icon{font-size:1.6rem}.user-info{gap:.6rem;padding:.3rem}.profile-picture,.user-icon{height:3rem;width:3rem}.welcome-text h2{font-size:.9rem}.username{font-size:.75rem}.header-search-input{font-size:12px;padding:6px 30px 6px 10px;width:100px}.header-search-icon{font-size:12px;right:10px}.modal-container{max-height:95vh;padding:.8rem;width:98%}.sidebar-nav-item{font-size:1.1rem;padding:.6rem .8rem}}@media (min-width:360px) and (max-width:480px){.homepage-header-bar{height:59px;padding:.5rem 1rem}}@media (max-width:360px){.homepage-header-bar{height:57.59px;padding:.5rem 1rem}.header-logo{height:20px}.header-title{font-size:.9rem}.header-dropdown-menu{max-width:260px;right:6px;top:45px;width:calc(100vw - 12px);z-index:2147483647}.sidebar-wrapper{height:calc(100vh - 45px);top:45px}.main-content{height:calc(100vh - 70px)}.dashboard{padding:0 .3rem;width:99%}.main-box{min-height:200px}.calendar-box,.pie-chart-box{min-height:120px}.box{min-height:80px;padding:.8rem}.box-title{font-size:.9rem}.box-icon{font-size:1.4rem}.user-info{gap:.5rem;padding:.2rem}.profile-picture,.user-icon{height:2.5rem;width:2.5rem}.welcome-text h2{font-size:.85rem}.username{font-size:.7rem}.header-search-input{font-size:11px;padding:5px 25px 5px 8px;width:80px}.header-search-icon{font-size:11px;right:8px}.sidebar-nav-item{font-size:1rem;padding:.5rem .7rem}}@media (max-width:767px) and (orientation:landscape){.homepage-header-bar{height:45px;margin-bottom:.5rem}.sidebar-wrapper{height:calc(100vh - 45px);top:45px}.main-content{height:calc(100vh - 70px)}.dashboard-top-row{height:auto;min-height:200px}.main-box{min-height:200px}.right-sidebar{flex-direction:row}.bottom-boxes,.calendar-box,.pie-chart-box{min-height:120px}.bottom-boxes{height:auto}.box{min-height:80px}}@media (min-width:768px) and (max-width:1023px){.homepage-header-bar{box-sizing:border-box;height:60px;margin-bottom:0;padding:.8rem 1rem}.header-logo{height:35px}.header-title{font-size:1.3rem}.sidebar-wrapper{height:100vh;left:-100%!important;position:fixed;top:0;transition:left .3s ease;width:250px;z-index:998}.sidebar-wrapper.sidebarOpen{left:0!important}.sidebar-backdrop{display:block}.main-content{height:calc(100vh - 100px);margin-left:0;width:100%}.main-content.sidebar-collapsed{margin-left:0}.header-dropdown-menu{position:fixed;right:8px;top:45px;width:210px;z-index:3000}.dashboard{margin:0 auto;width:95%}.dashboard-top-row{flex-direction:column;gap:1rem;height:auto;min-height:auto}.main-box{min-height:350px}.main-box,.right-sidebar{min-width:auto;width:100%}.right-sidebar{flex-direction:row}.calendar-box,.pie-chart-box{flex:1 1;min-height:200px}.bottom-boxes{flex-wrap:wrap;gap:.8rem;height:auto;min-height:auto}.box{flex-basis:calc(50% - 0.4rem);flex-grow:1;flex-shrink:1;min-height:150px;min-width:180px}.user-info{flex-direction:column;gap:.8rem;padding:.3rem;text-align:center}.welcome-text{align-items:center;text-align:center}.profile-picture,.user-icon{height:3.5rem;width:3.5rem}.welcome-text h2{font-size:1.1rem}.username{font-size:.8rem}.header-search-input{width:150px}.modal-container{margin:5rem auto 1rem;max-height:85vh;max-width:960px;padding:1.5rem 2rem;width:80%}.modal-content{border-radius:16px;max-width:96%;padding:2rem;width:100%}}@media (max-width:1023px){.sidebar-nav-item{min-height:44px;padding:.8rem 1rem}.box{min-height:120px}.header-hamburger-icon{align-items:center;display:flex;justify-content:center;min-height:44px;min-width:44px}.dashboard,.sidebar{-webkit-overflow-scrolling:touch;overflow-y:auto}}@media (max-width:767px){.box-title,.header-title{text-shadow:0 1px 2px #0000004d}}.modal-overlay{align-items:center;animation:modal-fade-in .25s ease-out;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);background:radial-gradient(circle at center,#0206178c 0,#020617bf 100%);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-overlay.left-shift{justify-content:flex-start;padding-left:250px}.modal-overlay.align-left{justify-content:flex-start;padding-left:8px}.modal-container{animation:modal-scale-in .28s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);background:#fffffff5;border:1px solid #e6e9f0cc;border-radius:20px;box-shadow:0 20px 48px #0f172a59,0 2px 8px #0f172a26;display:flex;flex-direction:column;max-height:80vh;max-width:1100px;overflow:hidden;position:relative;width:min(96vw,1100px)}.modal-container.small-modal{max-height:none;max-width:420px;width:min(92vw,420px)}.modal-container.small-modal.left-shift{transform:translateX(88px)}.modal-container.small-modal .modal-body{height:auto;max-height:none;overflow:visible;padding:12px 16px 16px}.modal-container.center-modal{margin:0 auto}.modal-container.align-left{margin-left:0;margin-right:auto;transform:translateX(-96px)}@media (min-width:1366px) and (max-width:1535px){.modal-overlay{justify-content:center;padding-left:0}.modal-overlay.left-shift{justify-content:flex-start;padding-left:250px}.modal-overlay.align-left{justify-content:flex-start;padding-left:8px}.modal-container{max-width:1100px;transform:translateX(-32px);width:min(96vw,1100px)}.modal-container.small-modal{max-width:420px;width:min(92vw,420px)}.modal-container.align-left{margin-left:0;margin-right:auto;transform:translateX(-96px)}.modal-container.small-modal.left-shift{transform:translateX(88px)}}@media (max-width:480px){.modal-container.align-left{margin-left:0;transform:translateX(-28px)}}.modal-container:before{background:linear-gradient(135deg,#1a437540,#dc262626);border-radius:inherit;box-shadow:0 0 12px #1a437514;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.modal-close-btn{align-items:center;background:#ffffffe6;border:1px solid #e5e7ebcc;border-radius:12px;box-shadow:0 2px 6px #0f172a1f;color:#0f172a;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:12px;top:12px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease;width:40px}.modal-close-btn:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 6px 14px #0f172a29;transform:translateY(-1px) scale(1.03)}.modal-close-btn:active{transform:translateY(0) scale(.98)}.modal-close-btn svg{color:#0f172a;height:18px;opacity:.9;width:18px}.modal-close-btn:hover svg{opacity:1}.modal-close-btn:focus-visible{box-shadow:0 0 0 3px #1a437540,inset 0 0 0 1px #1a4375;outline:none}.modal-body{-webkit-overflow-scrolling:touch;flex:1 1 auto;height:calc(86vh - 64px);min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px 22px 22px;scroll-behavior:smooth}.modal-body.hide-scrollbar::-webkit-scrollbar{height:0;width:0}.modal-body.hide-scrollbar{scrollbar-width:none}.modal-header{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,#fffffff5,#ffffffd9 80%,#fff0);display:flex;gap:10px;margin:0;padding:16px 22px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.modal-header:after{background:linear-gradient(90deg,#e2e8f000,#e2e8f0cc,#e2e8f000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.modal-title-icon{color:#1a4375!important;font-size:22px}.modal-header h2{color:#0f172a;font-size:19px;font-weight:700;margin:0}.modal-content::-webkit-scrollbar-thumb{background:#e5e7ebcc;border:2px solid #fffc;border-radius:999px}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.modal-container{border-radius:14px;max-height:88vh;width:96vw}.modal-body{max-height:calc(88vh - 60px);padding:12px 14px 16px}.modal-header h2{font-size:16px}}.stock-feed-logs-container{background:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100%;padding:0}.stock-logs-header{align-items:center;background:#fff;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:0;padding:24px 32px}.header-main{align-items:center;display:flex;gap:16px}.header-icon{color:#1a4375;font-size:2rem}.header-main h1{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0}.header-subtitle{background:#eef4ff;border:1px solid #dbeafe;border-radius:9999px;color:#1a4375;display:inline-block;font-weight:700;line-height:1.25;margin:4px 0 0;max-width:100%;padding:6px 12px;white-space:normal;word-break:break-word}.header-stats{display:flex;gap:32px}.stat-item{align-items:flex-end;flex-direction:column}.stat-number{color:#1a4375;font-size:1.75rem;font-weight:700;line-height:1.2}.stat-text{color:#64748b;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.stock-date-selector{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 32px}.date-icon{color:#64748b;font-size:1.1rem}.stock-date-selector label{color:#374151;font-size:.95rem;font-weight:600}.stock-date-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;cursor:pointer;font-size:.95rem;font-weight:500;min-width:250px;padding:8px 16px;transition:all .2s ease}.stock-date-select:focus{border-color:#1a4375;box-shadow:0 0 0 3px #1a43751a;outline:none}.stock-logs-list{display:flex;flex-direction:column}.log-entry{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 10px #00000008;margin:14px 32px;overflow:hidden;transition:box-shadow .2s ease,transform .15s ease}.log-entry:hover{box-shadow:0 6px 22px #0000000f;transform:translateY(-1px)}.log-entry:last-child{margin-bottom:24px}.log-entry-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 32px}.log-entry-title{align-items:center;display:flex;gap:12px}.log-icon{color:#1a4375;font-size:1.5rem}.log-entry-title h2{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.log-entry-date{color:#64748b;display:block;font-size:.875rem;font-weight:400;margin-top:4px}.log-entry-number{background:#eef2f7;border-radius:12px;color:#64748b;font-size:.875rem;font-weight:600;padding:4px 12px}.log-entry-content{gap:24px;padding:24px 32px}.data-section,.log-entry-content{display:flex;flex-direction:column}.data-section-header{align-items:center;border-left:4px solid #1a4375;display:flex;gap:10px;margin-bottom:16px;padding:12px 0 12px 16px}.section-icon{color:#64748b;font-size:1.1rem}.section-title{color:#1e293b;font-size:1rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.data-section-content{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding-left:20px}.data-row{align-items:center;border-bottom:1px solid #f3f4f6;display:grid;grid-template-columns:180px 1fr;padding:12px 16px;transition:background-color .15s ease}.data-row:last-child{border-bottom:none}.data-row:hover{background:#f9fafb}.data-row.highlight{background:#eff6ff;border-left:3px solid #3b82f6;padding-left:13px}.data-label{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.data-value{color:#1e293b;font-size:.95rem;font-weight:500;word-break:break-word}.data-row.highlight .data-value{color:#1e40af;font-weight:600}.stock-logs-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.stock-logs-loading .loading-spinner{animation:pond-loading-spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#1a4375;height:40px;margin-bottom:20px;width:40px}.stock-logs-loading h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 10px}.stock-logs-loading p{color:#64748b;font-size:1rem;margin:0}.stock-logs-error{align-items:center;background:#fef2f2;border:2px solid #fecaca;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:20px;padding:80px 20px;text-align:center}.error-icon{font-size:3rem;margin-bottom:20px}.stock-logs-error h3{color:#dc2626;font-size:1.5rem;font-weight:600;margin:0 0 10px}.stock-logs-error p{color:#991b1b;font-size:1rem;margin:0}.stock-logs-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{color:#cbd5e1;font-size:4rem;margin-bottom:20px}.stock-logs-empty h3{color:#64748b;font-size:1.5rem;font-weight:600;margin:0 0 10px}.stock-logs-empty p{color:#94a3b8;font-size:1rem;margin:0}@media (max-width:1024px){.data-section-content{grid-template-columns:1fr}}@media (max-width:768px){.stock-logs-header{align-items:flex-start;flex-direction:column;gap:20px;padding:20px 24px}.header-stats{justify-content:space-between;width:100%}.stock-date-selector{flex-wrap:wrap;padding:16px 24px}.stock-date-select{min-width:100%;width:100%}.log-entry-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 24px}.log-entry{margin:12px 20px}.log-entry-content{padding:20px 24px}.data-section-content{padding-left:0}.data-row{gap:4px;grid-template-columns:1fr}.data-label{font-size:.8rem}.header-main h1{font-size:1.5rem}}@media (max-width:480px){.stock-logs-header{padding:16px 20px}.log-entry-header,.stock-date-selector{padding:12px 20px}.log-entry{margin:10px 16px}.log-entry-content{gap:20px;padding:16px 20px}.data-section-header{margin-bottom:12px;padding:10px 0 10px 12px}.section-title{font-size:.9rem}}.refresh-status-message{border-radius:6px;font-size:.85rem;font-weight:600;line-height:1.4;margin:4px 0 0;padding:6px 10px;text-align:center}.refresh-status-message--default.refresh-status-message--loading{background:#eff6ff;color:#1d4ed8}.refresh-status-message--default.refresh-status-message--success{background:#f0fdf4;color:#166534}.refresh-status-message--default.refresh-status-message--error{background:#fef2f2;color:#991b1b}.refresh-status-message--onDark.refresh-status-message--loading{background:#0e749059;color:#e0f2fe}.refresh-status-message--onDark.refresh-status-message--success{background:#16653466;color:#bbf7d0}.refresh-status-message--onDark.refresh-status-message--error{background:#991b1b73;color:#fecaca}.refresh-status-message--onHeader.refresh-status-message--loading{background:#ffffff1f;color:#dbeafe}.refresh-status-message--onHeader.refresh-status-message--success{background:#ffffff26;color:#dcfce7}.refresh-status-message--onHeader.refresh-status-message--error{background:#7f1d1d8c;color:#fee2e2}.refresh-status-message--inline{background:#0000!important;font-size:.8rem;margin:0;padding:0;text-align:left}.refresh-status-message--inline.refresh-status-message--loading{color:#1d4ed8}.refresh-status-message--inline.refresh-status-message--success{color:#15803d}.refresh-status-message--inline.refresh-status-message--error{color:#b91c1c}.form-error{background:#fdecea;border:1px solid #f5c2c0;border-radius:6px;color:#b3261e;font-family:ReadexPro-Regular;font-size:.85rem;margin-top:6px;padding:6px 10px}.pond-condition-container{background-color:#f8fafc;border-radius:12px;box-shadow:0 4px 12px #0000000f;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:24px}.pond-condition-container.modal-view{animation:fadeInScale .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:18px;box-shadow:0 8px 30px #0000001f;padding:32px;transition:all .3s ease}.pond-logs-inline-close{align-items:center;background:#1f3f631a;border:none;border-radius:9999px;box-shadow:0 2px 10px #0000000f;color:#1f3f63;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;line-height:1;position:absolute;right:18px;top:14px;width:36px;z-index:2}.pond-logs-inline-close:hover{background:#1f3f6329}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.loading-state .loading-spinner{animation:pond-loading-spin 1s linear infinite}@keyframes pond-loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pond-refresh-spin{animation:pond-loading-spin 1s linear infinite}.pond-report-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.header-content h2{font-size:1.8rem;font-weight:700;gap:12px;margin:0 0 10px}.pond-report-header .header-icon{color:#1a4375;font-size:1.8rem}.header-subtitle{font-size:1rem}.report-summary{display:flex;gap:20px;margin-left:30px}.summary-icon{color:#1a4375}.filter-section{flex-wrap:wrap}.pond-filter-container{align-items:center;display:flex;gap:8px}.pond-filter-container .filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#1f2937;flex:1 1;font-size:.95rem;line-height:1.3;min-width:160px;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease;vertical-align:middle}.pond-filter-container .filter-select:focus{border-color:#1a4375;box-shadow:0 0 0 3px #1a43751f;outline:none}.add-fishpond-btn-small{align-items:center;background:#1a4375;border:none;border-radius:8px;box-shadow:0 2px 6px #1a437533;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;height:40px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.add-fishpond-btn-small:hover{background:#153a66;box-shadow:0 3px 8px #1a43754d;transform:translateY(-1px)}.add-fishpond-btn-small:active{box-shadow:0 2px 6px #1a437533;transform:translateY(0)}.add-fishpond-btn-small .btn-icon{font-size:.8rem}.deactivate-pond-btn{align-items:center;background:#ef4444;border:none;border-radius:8px;box-shadow:0 2px 6px #ef444433;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;height:40px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.deactivate-pond-btn:hover{background:#dc2626;box-shadow:0 3px 8px #dc26264d;transform:translateY(-1px)}.deactivate-pond-btn:active{box-shadow:0 2px 6px #dc262633;transform:translateY(0)}.add-fishpond-dropdown{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #cbd5e1;border-radius:12px;box-shadow:0 4px 12px #00000014;margin:20px 0;padding:0}.dropdown-content{padding:24px}.dropdown-content h4{align-items:center;color:#1e293b;display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin:0 0 20px}.dropdown-content h4:before{content:"🐟";font-size:1.1rem}.form-row{grid-gap:20px;align-items:end;display:grid;grid-template-columns:1fr auto}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#374151;font-size:.9rem;font-weight:500}.pond-input{background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;min-width:200px;padding:12px 16px;transition:all .2s ease}.pond-input:focus{border-color:#1a4375;box-shadow:0 0 0 3px #1a43751a;outline:none}.form-hint{color:#64748b;font-size:.8rem;font-style:italic;margin-top:4px}.form-actions{gap:12px}.btn,.form-actions{align-items:center;display:flex}.btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;gap:6px;justify-content:center;min-width:100px;padding:10px 20px;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background-color:#f8fafc;border:2px solid #e2e8f0;color:#64748b}.btn-cancel:hover:not(:disabled){background-color:#f1f5f9;border-color:#cbd5e1}.btn-add{background-color:#1a4375;color:#fff}.btn-add:hover:not(:disabled){background-color:#153a66;box-shadow:0 4px 12px #1a43754d;transform:translateY(-1px)}@media (max-width:768px){.form-row{gap:15px;grid-template-columns:1fr}.form-actions{justify-content:stretch}.btn{flex:1 1}.pond-input{min-width:auto}}.filter-select{border:1px solid #e5e7eb;border-radius:999px;font-size:.95rem;padding:10px 14px;transition:all .2s ease-in-out}.filter-select:hover{background:#f1f5f9;border-color:#3b82f6}.assigned-farm-display{align-items:center;background:linear-gradient(135deg,#1a4375,#2c517d);border-radius:8px;color:#fff;display:flex;font-weight:500;gap:10px;min-width:200px;padding:8px 12px}.assigned-farm-text{flex:1 1;font-size:.95rem}.assigned-farm-badge{background:#fff3;border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.farm-cards-list{display:flex;flex-direction:column;gap:20px}.farm-report-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:hidden;transition:all .3s ease}.farm-report-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.farm-summary-view{background:#f8fafc;border-bottom:1px solid #e2e8f0;cursor:pointer;padding:20px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.farm-summary-view:hover{background:#f1f5f9}.farm-summary-view.expanded{background:#eef2ff;border-bottom-color:#c7d2fe}.summary-title .farm-title{color:#1e293b;font-family:customfont1;font-size:1.3rem;font-weight:600;margin:0 0 12px}.farm-location{color:#64748b;font-size:1rem;font-weight:500}.report-count{background:#e5e7eb;border-radius:999px;color:#111827;font-size:.75rem;font-weight:600;padding:4px 10px}.logs-link-btn{background:#fff;border:1px solid #cbd5e1;border-radius:999px;color:#1a4375;cursor:pointer;font-size:.8rem;line-height:1;padding:4px 8px;transition:background .15s ease,color .15s ease,border-color .15s ease}.logs-link-btn:hover{background:#eef2ff;border-color:#93c5fd}.farm-summary-view:hover .expand-icon{background:#1a4375;color:#fff;transform:scale(1.1)}.farm-detail-view{animation:slideDown .3s ease-out;background:#fff;border-top:1px solid #e2e8f0;max-height:560px;overflow:auto}.farm-detail-view::-webkit-scrollbar{width:8px}.farm-detail-view::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.farm-detail-view::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:999px}.farm-detail-view::-webkit-scrollbar-thumb:hover{background:#a5b4fc}.report-detail-card{border-bottom:1px solid #e2e8f0;padding:20px;transition:background .2s ease}.report-detail-card:last-child{border-bottom:none}.report-detail-card:hover{background:#f9fafb}.report-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.report-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pond-badge{background:#1f2937;border-radius:999px;color:#fff;font-size:.85rem;font-weight:700;padding:6px 10px}.status-badge{background:#e5e7eb;border-radius:999px;color:#111827}.status-badge.approved,.status-badge.done,.status-badge.success{background:#dcfce7;color:#065f46}.status-badge.pending,.status-badge.review{background:#fef3c7;color:#92400e}.status-badge.error,.status-badge.failed,.status-badge.rejected{background:#fee2e2;color:#991b1b}.mark-reviewed-btn{background:#22c55e;border:1px solid #22c55e;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;line-height:1;margin-left:8px;padding:6px 10px;transition:background .15s ease,box-shadow .15s ease,transform .05s ease}.mark-reviewed-btn:hover{background:#16a34a;box-shadow:0 2px 6px #22c55e4d}.mark-reviewed-btn:active{transform:translateY(1px)}.harvest-badge{border-radius:999px;font-size:.75rem;font-weight:700;padding:4px 8px}.harvest-badge.ready{background:#d1fae5;color:#065f46}.harvest-badge.not-ready{background:#fee2e2;color:#991b1b}.report-header h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.report-date{color:#64748b;font-size:.9rem}.report-content{display:flex;flex-direction:column;gap:16px}.condition-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.condition-item{display:flex;flex-direction:column;gap:4px}.condition-label{color:#64748b;font-size:.85rem;font-weight:600}.condition-value{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;display:flex;font-weight:500;gap:8px;padding:6px 10px}.condition-icon{font-size:1.2rem;font-weight:700}.condition-icon.healthy{color:#059669}.condition-icon.moderate{color:#d97706}.condition-icon.poor{color:#dc2626}.weather-icon{color:#0369a1}.report-meta{flex-direction:column}.meta-item,.report-meta{display:flex;gap:8px}.meta-label{color:#64748b;font-size:.9rem;font-weight:600;min-width:100px}.meta-value{color:#1e293b;font-size:.9rem}.report-notes{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.notes-label{color:#64748b;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.notes-content{color:#374151;font-size:.95rem;line-height:1.5;margin:0}.no-reports{color:#64748b;padding:60px 20px;text-align:center}.no-reports-icon{color:#9ca3af;font-size:3rem;margin-bottom:20px}.no-reports h3{color:#374151;font-size:1.3rem;font-weight:600;margin:0 0 10px}.no-reports p{font-size:1rem;line-height:1.5;margin:0}@media (max-width:768px){.pond-report-header{flex-direction:column;gap:20px}.report-summary{justify-content:center;margin-left:0}.filter-section,.summary-content{flex-direction:column;gap:15px}.summary-meta{align-items:flex-start;flex-direction:column;gap:10px}.condition-grid{grid-template-columns:1fr}.report-header{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:480px){.pond-condition-container{padding:16px}.pond-condition-container.modal-view{padding:20px}.header-content h2{font-size:1.5rem}.report-summary{flex-direction:column;gap:15px}.summary-item{min-width:auto;width:100%}}.weather-dashboard{background:#f8fafc;border-radius:16px;color:#333;font-family:customfont,sans-serif;margin:0 auto;max-width:100%;padding:1rem}.weather-header{align-items:center;border-bottom:1px solid #e1e5eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.8rem}.weather-title{color:#1a4375;font-family:customfont3,sans-serif;font-size:1.8rem;margin:0}.weather-time{align-items:center;color:#666;display:flex;font-size:1rem;gap:.5rem;position:relative}.weather-export-wrapper{align-items:center;display:inline-flex;position:relative}.weather-export-text-btn{background:#0000;border:none;color:#1a4375;cursor:pointer;font-size:.9rem;font-weight:600;padding:0;text-decoration:underline;text-underline-offset:2px}.weather-export-text-btn:hover{color:#0f2f55}.weather-export-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 20px #00000014;min-width:150px;overflow:hidden;position:absolute;right:0;top:1.5rem;z-index:20}.weather-export-option{background:#0000;border:none;color:#1f2937;cursor:pointer;padding:10px 12px;text-align:left;width:100%}.weather-export-option:hover{background:#f3f4f6}.weather-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.weather-card{background:#fff;border:1px solid #e1e5eb;border-radius:12px;box-shadow:0 4px 8px #00000014;display:flex;flex-direction:column;padding:1.2rem}.weather-card-header{border-bottom:1px solid #e1e5eb;color:#1a4375;font-family:customfont2,sans-serif;font-size:1.1rem;margin-bottom:.8rem;padding-bottom:.4rem}.temperature-card{background:linear-gradient(135deg,#1d4e89,#4fbed6);color:#fff;grid-column:span 2}.temperature-card .weather-card-header{border-bottom:1px solid #fff3;color:#93fffe}.temperature-display{align-items:baseline;display:flex;margin-bottom:.5rem}.temperature-value{font-family:customfont3,sans-serif;font-size:3.5rem;font-weight:700;line-height:1;margin-right:.5rem}.temperature-unit{font-size:1.5rem;vertical-align:super}.temperature-status{background:#fff3;border-radius:20px;display:inline-block;font-size:.9rem;margin-left:1rem;padding:.3rem .8rem}.detail-label{color:#666;font-size:.85rem;margin-bottom:.2rem}.detail-value{color:#1a4375;font-family:customfont2,sans-serif;font-size:1.5rem;margin:.3rem 0}.detail-secondary{color:#666;font-size:.9rem;margin-top:.2rem}.detail-description{color:#444;font-size:.9rem;line-height:1.4;margin-top:.8rem}.wind-display{align-items:center;display:flex;margin:.5rem 0}.humidity-level{background:#e1e5eb;border-radius:3px;height:6px;margin-top:.8rem;overflow:hidden}.humidity-level-fill{background:linear-gradient(90deg,#4fbed6,#1d4e89);height:100%}.time-row{align-items:center;display:flex;font-size:.9rem;margin-bottom:.5rem}.time-icon{font-size:1rem;margin-right:.5rem}.time-label{color:#555;font-weight:500;margin-right:.5rem}.time-value{font-family:customfont2;margin-left:auto}.refresh-btn{align-items:center;background:#1a43751a;border:1px solid #1a437533;border-radius:50%;box-shadow:0 2px 4px #0000000d;color:#1a4375;cursor:pointer;display:flex;font-size:1rem;height:2rem;justify-content:center;margin-left:.5rem;transition:all .3s ease;width:2rem}.refresh-btn:hover{background:#51c2d933;border-color:#51c2d9;box-shadow:0 3px 6px #0000001a;color:#1a4375;transform:rotate(180deg) scale(1.1)}.last-updated{align-items:center;color:#666;display:flex;font-size:.85rem;font-style:italic;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}.update-icon{font-size:.9rem}@media (max-width:768px){.weather-grid{grid-template-columns:1fr}.temperature-card{grid-column:span 1}.temperature-value{font-size:2.8rem}.weather-title{font-size:1.5rem}}.weather-display-container{background:#f0f0f0;border-radius:10px;box-shadow:0 4px 8px #0000001a;height:20rem;margin-bottom:15px;margin-left:1rem;overflow:hidden;position:relative;width:90%}.weather-display-background{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;opacity:.9;position:absolute;top:0;transform:translateZ(0);transition:all .3s ease-in-out;width:100%;will-change:background-image;z-index:1}.weather-display-content{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;position:relative;text-align:center;text-shadow:1px 1px 3px #000c;z-index:2}.weather-time-info{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:#0003;border-radius:1.25rem;color:#fff;display:inline-block;font-size:2.5rem;font-weight:700;line-height:1.1;padding:.75rem 1rem;position:absolute;right:1.25rem;text-align:right;top:1.25rem;white-space:pre-line}.current-date,.current-date-time,.current-temp,.current-time,.location-name{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border-radius:0;color:inherit;display:block;font-size:inherit;font-weight:inherit;margin:0;padding:0;text-shadow:none}.weather-time-info .current-date-time,.weather-time-info .location-name{margin-bottom:0}.current-date{color:#fff;font-size:1.5rem;font-weight:500;margin-bottom:2px;text-shadow:0 1px 2px #0000004d}.current-time{color:#fff;font-size:1.5rem;font-weight:600;text-shadow:0 1px 3px #0006}.current-temp{color:#fff;font-size:1.8rem;font-weight:700;text-shadow:0 2px 4px #0006}.weather-condition-text{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border-radius:1.25rem;font-size:2rem;font-weight:700;margin-top:1.25rem;padding:.5rem 1rem;text-transform:capitalize}.weather-condition-icon{filter:drop-shadow(0 0 10px rgba(255,255,255,.6));height:130px;margin:.5rem 0;transition:all .3s ease;width:140px}.weather-condition-icon.sunny{filter:drop-shadow(0 0 12px rgba(255,215,0,.7))}.weather-condition-icon.moon{filter:drop-shadow(0 0 10px rgba(230,230,250,.6))}.weather-condition-icon.cloudy-moon{filter:drop-shadow(0 0 8px rgba(200,200,255,.5))}.weather-condition-icon.sunny-with-clouds{filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.weather-condition-text.morning{color:gold;text-shadow:0 0 8px #ffd70080}.weather-condition-text.afternoon{color:#ff8c00;text-shadow:0 0 8px #ff8c0080}.weather-condition-text.evening{color:tomato;text-shadow:0 0 8px #ff634780}.weather-condition-text.night{color:#e6e6fa;text-shadow:0 0 8px #e6e6fa80}.weather-display-container.morning .weather-display-background{filter:brightness(1.1) contrast(1.1) saturate(1.1)}.weather-display-container.afternoon .weather-display-background{filter:brightness(1.05) contrast(1.05)}.weather-display-container.evening .weather-display-background{filter:brightness(.9) hue-rotate(-10deg)}.weather-display-container.night .weather-display-background{filter:brightness(.7) contrast(1.2) hue-rotate(5deg)}.weather-main-modal{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.location-name{border-radius:1.25rem;color:#fff;font-size:1.5rem;font-weight:700;margin:0 -2rem;padding:.5rem 1.5rem}@media (max-width:360px){.weather-display-content{justify-content:flex-start;padding-top:7rem}.weather-condition-text{margin-top:6rem}.weather-condition-icon{display:none}}@media (min-width:361px) and (max-width:480px){.weather-display-content{justify-content:flex-start;padding-top:6.5rem}.weather-condition-text{margin-top:5.5rem}.weather-condition-icon{display:none}}@font-face{font-family:customfont4;font-style:normal;font-weight:400;src:url(/static/media/Alexandria-Regular.e2177b454b2e0497eea6.ttf) format("truetype")}.notification-container{margin-right:0;position:relative}.notification-icon{color:#fff;cursor:pointer;font-size:1.9rem;margin-top:5px;padding:8px;position:relative;transition:color .3s ease}.notification-icon:hover{color:#007bff}.notification-badge{background-color:#f44;border-radius:50%;color:#fff;font-size:.7rem;min-width:18px;padding:2px 6px;position:absolute;right:0;text-align:center;top:0}.notification-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 8px 24px #0000002e;max-height:400px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:350px;z-index:2000}@media (max-width:1023px){.notification-dropdown{left:auto;right:0;width:92vw}}@media (max-width:480px){.notification-dropdown{left:2vw;max-height:70vh;position:fixed;right:2vw;top:68px;width:auto}}@media (max-width:380px){.notification-dropdown{left:3vw;right:3vw;top:64px}}.notification-header{align-items:center;background-color:#2c517d;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px}.notification-header h3{color:#fff;font-family:customfont3;font-size:1.1rem;margin:0}.notification-header-actions{align-items:center;display:flex;gap:8px}.refresh-notifications{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;padding:4px}.refresh-notifications:disabled{cursor:wait;opacity:.6}.notification-refresh-spin{animation:notification-refresh-spin 1s linear infinite}@keyframes notification-refresh-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.clear-notifications{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:all .2s ease}.clear-notifications:hover{background-color:#0f4b95;color:#fff}.notification-list{max-height:350px;overflow-y:auto}.notification-item{align-items:flex-start;border-bottom:2px solid #d3d3d3;display:flex;gap:12px;padding:12px 15px 12px 30px;position:relative;transition:all .2s ease}.notification-item:last-child{border-bottom:none}.unread-indicator{left:12px;position:absolute;top:50%;transform:translateY(-50%)}.unread-dot{color:#007bff;font-size:.6rem}.notification-item.unread{background-color:#f8fbff}.notification-item.unread:before{background-color:#007bff;border-radius:50%;content:"";height:10px;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:10px}.unread-dot{animation:pulse 1.5s infinite;background-color:#007bff;border-radius:50%;display:inline-block;height:8px;margin-right:8px;vertical-align:middle;width:8px}.notification-item:hover{background-color:#f8f9fa}.notification-item.unread:hover{background-color:#e6f3ff}.notification-icon-wrapper{align-items:center;background-color:#f8f9fa;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.notification-fishpond .notification-icon-wrapper{background-color:#000;border:3px solid #696969;margin-top:.5rem}.notification-feedback .notification-icon-wrapper{background-color:#000;border:3px solid #696969}.notification-content{display:flex;flex-direction:column;flex-grow:1;gap:5px}.notification-message{color:#000;font-family:customfont4;font-size:.8rem;font-weight:500;line-height:1.4;margin:0;position:relative}.notification-meta{align-items:center;color:#666;display:flex;font-size:.8rem;justify-content:space-between;margin-top:.1rem}.notification-user{align-items:center;color:#1a4375;display:flex;font-weight:500;gap:6px}.notification-time{color:#888}.no-notifications{color:#666;font-style:italic;padding:20px;text-align:center}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1}.notification-list::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#555}.notification-item.notification-fishpond{border-left:4px solid #4caf50}.notification-item.notification-feedback{border-left:4px solid #2196f3}.notification-feedback .notification-type-icon,.notification-fishpond .notification-type-icon{color:#b4b4b5;font-size:2.2rem}.notification-item.notification-stock-feed{border-left:4px solid #8bc34a}.notification-stock-feed .notification-icon-wrapper{background-color:#000;border:3px solid #696969}.notification-stock-feed .notification-type-icon{color:#b4b4b5;font-size:2.2rem}.bar-chart-container{align-items:center;animation:fadeIn .8s cubic-bezier(.4,0,.2,1);background:#244a73;border-radius:24px;box-shadow:0 4px 16px #0000002e;display:flex;flex-direction:column;height:75%;justify-content:center;margin:1.5rem auto;max-width:95%;overflow:visible;padding:24px;width:100%}.chart-title{color:#fff;font-family:customfont1;font-size:1.25rem;margin:0 0 .5rem}.bar-chart-container .recharts-wrapper{height:85%!important;margin-top:1rem;width:100%!important}@media (min-width:1536px){.bar-chart-container{height:78%;max-width:90%}.bar-chart-container .recharts-wrapper{height:88%!important}.chart-title{font-size:1.35rem}}@media (min-width:1280px) and (max-width:1535px){.bar-chart-container{height:76%;max-width:92%}.bar-chart-container .recharts-wrapper{height:86%!important}}@media (max-width:360px){.bar-chart-container{height:65%;max-width:100%;overflow:visible;padding:16px 16px 56px}.bar-chart-container .recharts-wrapper{height:78%!important}.bar-chart-container .custom-legend{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:8px 10px!important;justify-content:center!important;margin-top:-60px!important}.bar-chart-container .custom-legend *{font-size:11px!important;line-height:1.2!important}.chart-title{font-size:1rem;margin-bottom:.5rem;text-align:center}.chart-controls{align-items:stretch;flex-wrap:wrap;gap:8px}.time-filter{font-size:.85rem;padding:.3rem .6rem}.toggle-group{justify-content:center;margin-left:0;width:100%}.chart-controls{position:relative}.chart-controls>div:last-child{margin-left:auto;margin-right:-6px}}@media (min-width:360px) and (max-width:480px){.bar-chart-container{height:55%;max-width:100%;overflow:visible;padding:16px 16px 56px}.chart-controls{position:relative}.chart-controls>div:last-child{margin-left:auto;margin-right:-4px}.bar-chart-container .recharts-wrapper{height:70%!important;margin-top:.5rem}.bar-chart-container .custom-legend{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:8px 12px!important;justify-content:center!important;margin-top:-80px!important}.bar-chart-container .custom-legend *{font-size:14px!important;line-height:1.25!important}.chart-title{font-size:1.05rem;margin:0 0 .5rem;text-align:center}.chart-controls{align-items:stretch;flex-wrap:wrap;gap:8px}.time-filter{font-size:.9rem;padding:.35rem .75rem}.toggle-group{justify-content:center;margin-left:0;width:100%}}@media (min-width:481px) and (max-width:575px){.bar-chart-container{height:68%}.bar-chart-container .recharts-wrapper{height:82%!important}}@media (min-width:576px) and (max-width:767px){.bar-chart-container{height:70%}.bar-chart-container .recharts-wrapper{height:84%!important}}.bar-chart-container .recharts-cartesian-grid-horizontal line,.bar-chart-container .recharts-cartesian-grid-vertical line{stroke:#ffffff1f}.bar-chart-container .recharts-reference-line.month-divider line{stroke:#ffffff40!important;stroke-width:1.5px!important;opacity:.5!important;transform:translateX(-52.5%)}.bar-chart-container .recharts-cartesian-axis-tick tspan{fill:#fff;background:#1a4375e6;border:1px solid #ffffffb3;border-radius:4px;font-family:customfont1;font-size:12px;padding:2px 6px}.bar-chart-container .recharts-xAxis .recharts-cartesian-axis-tick-line,.bar-chart-container .recharts-yAxis .recharts-cartesian-axis-tick-line{stroke:#7ffcff}.bar-chart-container .recharts-cartesian-axis-line{stroke:#7ffcffb3}.bar-chart-container .recharts-yAxis .recharts-label{fill:#fff;text-anchor:middle;font-family:customfont1;font-size:1rem;font-weight:700;transform:translate(-120px,150px) rotate(-90deg)}.bar-chart-container .recharts-bar-rectangle{rx:4;ry:4;animation:barGrow 2s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes barGrow{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.bar-chart-container .recharts-bar-rectangle:hover{filter:brightness(1.2);opacity:.8;transform:scaleY(1.05);transform-origin:bottom;transition:all .4s cubic-bezier(.4,0,.2,1)}.chart-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;width:100%}.time-filter{background:#0000;border:1px solid #ffffffb3;border-radius:20px;color:#fff;cursor:pointer;font-family:customfont1;padding:.5rem 1rem;transition:all .3s ease}.time-filter:hover{background:#ffffff1f}.time-filter option{background:#1a4375e6;color:#fff;font-family:customfont1;padding:8px}.time-filter:focus{border-color:#ffffffe6;box-shadow:0 0 0 2px #fff3;outline:none}.toggle-group{background:#ffffff0f;border:1px solid #fff9;border-radius:999px;display:inline-flex;gap:2px;margin-left:8px;padding:2px}.toggle-segment{background:#0000;border:none;border-radius:999px;color:#fff;cursor:pointer;font-family:customfont1;font-size:.9rem;padding:6px 12px;transition:all .2s ease}.toggle-segment:hover{background:#ffffff1f}.toggle-segment.active{background:#ffffff2e;border:1px solid #fff9;color:#fff}.loading-reports{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:customfont1;font-size:1.1rem;gap:.75rem;justify-content:center;min-height:180px;text-align:center}.loading-reports .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f366;border-radius:50%;border-top-color:#7ffcff;height:40px;width:40px}.harvest-label{font-size:1.2rem;margin-bottom:1rem;text-align:center}.custom-tooltip,.harvest-label{color:#fff;font-family:customfont1}.custom-tooltip{background:#1a4375e6;border:1px solid #ffffffb3;border-radius:4px;box-shadow:0 2px 4px #0003;font-size:.9rem;padding:10px}.chart-last-updated-wrap{align-items:center;bottom:5px;display:flex;flex-direction:column;gap:4px;left:50%;max-width:100%;padding:0 1rem;position:absolute;transform:translateX(-50%);width:100%;z-index:2}.chart-last-updated-row{align-items:center;display:flex;gap:8px;justify-content:center}.chart-refresh-btn{align-items:center;background:#0000;border:none;color:#7ffcff;cursor:pointer;display:inline-flex;justify-content:center;line-height:1;padding:4px}.chart-refresh-btn:disabled{cursor:wait;opacity:.5}.chart-refresh-spin{animation:chart-refresh-spin 1s linear infinite}@keyframes chart-refresh-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.reports-last-updated{bottom:auto;color:#fff;font-family:customfont1;font-size:.8rem;left:auto;padding:0;position:static;text-align:center;transform:none;width:auto}@media (min-width:360px) and (max-width:480px){.chart-title button{border-radius:4px;transition:all .2s ease}.chart-title button:hover{background:#7ffcff1a!important;transform:scale(1.1)}.chart-last-updated-wrap{bottom:10px!important}.chart-last-updated-wrap.risk-view{bottom:10px!important;margin-bottom:60px!important}.recharts-tooltip-wrapper{left:-95px!important;right:auto!important}.bar-chart-container .recharts-tooltip-wrapper{left:-66px!important;right:auto!important}}.recharts-default-tooltip{background-color:#1a4375e6!important;border:1px solid #ffffffb3!important;border-radius:4px!important;padding:10px!important}.recharts-tooltip-item,.recharts-tooltip-label{color:#fff!important;font-family:customfont1!important;font-size:.9rem!important}.recharts-tooltip-cursor{fill:#7ffcff1a!important}.recharts-tooltip-wrapper{pointer-events:none;z-index:2}.health-gauge-container{align-items:center;background:#0000;border-radius:24px;box-shadow:none;display:inline-flex;flex-direction:column;flex-wrap:wrap;height:auto;justify-content:center;margin:0 auto;max-width:100%;min-height:clamp(140px,20vw,200px);overflow:hidden;position:relative;width:100%}.gauge-header{align-items:center;display:flex;gap:8px;justify-content:space-between;width:100%}.gauge-actions{align-items:center;display:inline-flex;gap:8px}.gauge-controls{align-items:center;display:flex;justify-content:center;margin-bottom:.4rem;width:100%}.gauge-controls .time-filter{font-size:12px;height:28px;margin:0 auto;padding:4px 8px}.gauge-area{height:clamp(140px,18vw,240px);margin-top:.5rem;position:relative;width:100%}.gauge-area .recharts-responsive-container{height:100%!important;width:100%!important}.health-gauge-container .chart-title{color:#fff;font-family:customfont1;font-size:clamp(1rem,1.5vw,1.25rem);margin:0 0 .4rem;text-align:center}.center-overlay{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;pointer-events:none;position:absolute}.gauge-percent{color:#fff;font-family:customfont1;font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.gauge-status{font-family:customfont1;font-size:1.15rem;font-weight:600;letter-spacing:.5px;margin-top:4px;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}@media (min-width:1200px){.health-gauge-container{max-width:560px}.gauge-area{height:260px}.health-gauge-container .chart-title{font-size:1.35rem}}@media (min-width:992px) and (max-width:1199px){.health-gauge-container{max-width:520px}.gauge-area{height:240px}}@media (max-width:991px){.health-gauge-container{max-width:100%;padding:16px}.gauge-area{height:220px}.health-gauge-container .chart-title{font-size:1rem}.gauge-percent{font-size:1.6rem}.gauge-status{font-size:1rem}}@media (max-width:768px){.health-gauge-container{max-width:100%}.gauge-area{height:200px}}@media (max-width:576px){.health-gauge-container{max-width:100%}.gauge-area{height:190px}}@media (max-width:480px){.health-gauge-container{max-width:100%}.gauge-area{height:180px}}.health-legend{align-items:center;display:flex;flex-wrap:wrap;gap:1.2%;justify-content:center;margin-top:-10%}.health-legend-item{align-items:center;display:inline-flex;gap:6px}.health-legend-dot{border-radius:2px;display:inline-block;height:10px;width:10px}.legend-good .health-legend-dot{background:#2ecc71}.legend-caution .health-legend-dot{background:#f1c40f}.legend-critical .health-legend-dot{background:#e74c3c}.health-legend-text{color:#fff;font-family:customfont1;font-size:11px}@media (min-width:1536px) and (max-width:1919px){.health-gauge-container{height:100%;max-width:100%}.health-gauge-container .chart-title{font-size:1.2rem;margin-top:0}.gauge-controls{margin:0 0 .4rem}.health-gauge-container .gauge-area{height:clamp(110px,16vw,180px);height:clamp(140px,18vw,240px);margin-top:.5rem}.gauge-percent{font-size:1.5rem}.gauge-status{font-size:15px}.health-legend{margin-top:0}}@media (min-width:1920px){.health-gauge-container{height:100%}.health-gauge-container .chart-title{font-size:1.25rem;margin-top:0}.gauge-controls{margin:0 0 .4rem}.health-gauge-container .gauge-area{height:clamp(120px,14vw,200px);height:clamp(150px,16vw,260px)}.gauge-percent{font-size:1.6rem}.gauge-status{font-size:16px}.health-legend{margin-top:0}}@media (min-width:1280px) and (max-width:1535px){.health-gauge-container{height:100%;max-width:100%}.health-gauge-container .chart-title{font-size:1.15rem;margin-top:0}.gauge-controls{margin:0 0 .4rem}.health-gauge-container .gauge-area{height:clamp(110px,16vw,180px);height:clamp(140px,18vw,240px)}.gauge-percent{font-size:1.4rem}.gauge-status{font-size:14px}.health-legend{margin-top:0}}@media (max-width:360px){.health-gauge-container{height:100%;padding:56px 12px 12px}.gauge-header{align-items:flex-start}.health-gauge-container .chart-title{font-size:1rem;margin-top:0;text-align:center;top:6px;width:90%}.gauge-controls,.health-gauge-container .chart-title{left:50%;position:absolute;transform:translateX(-50%)}.gauge-controls{margin:0;top:34px}.gauge-controls .time-filter{border-radius:16px;font-size:12px;height:30px;max-width:75%;padding:0 10px}.health-gauge-container .gauge-area{height:190px;height:210px}.center-overlay,.gauge-area .recharts-wrapper{transform:translateX(-10%)}.gauge-percent{font-size:1.2rem}.gauge-status{font-size:12px}.health-legend{margin-top:0}}@media (min-width:360px) and (max-width:480px){.health-gauge-container{height:100%;min-height:340px;padding:56px 12px 12px}.gauge-header{align-items:flex-start}.health-gauge-container .chart-title{font-size:1.05rem;margin-top:0;text-align:center;top:6px;width:90%}.gauge-controls,.health-gauge-container .chart-title{left:50%;position:absolute;transform:translateX(-50%)}.gauge-controls{margin:0;top:34px}.gauge-controls .time-filter{border-radius:16px;font-size:12px;height:32px;max-width:75%;padding:0 12px}.health-gauge-container .gauge-area{height:280px!important;margin-top:.5rem;overflow:visible;position:relative}.center-overlay{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;padding:0 8px;pointer-events:none;position:absolute;top:0}.gauge-percent{font-size:1.3rem;margin-bottom:.25rem}.gauge-status{font-size:13px;margin-top:2px}.center-overlay>div:not(.gauge-percent):not(.gauge-status):not(.gauge-note){color:#ffffffd9!important;font-size:.7rem!important;margin-top:4px!important;max-width:90%!important}.center-overlay>div:not(.gauge-percent):not(.gauge-status):not(.gauge-note),.gauge-note{line-height:1.2!important;margin-bottom:0!important;padding:0 4px!important;text-align:center!important}.gauge-note{color:#fff9!important;font-size:.6rem!important;margin-top:2px!important}.health-gauge-container>div:last-child{color:#ffffff80!important;font-size:.6rem!important;margin-top:40px!important;padding:0 4px!important;text-align:center!important}.health-legend{gap:6px!important;margin-top:2px!important}.health-legend-text{font-size:8px!important}.health-legend-dot{height:6px!important;width:6px!important}.chart-last-updated-row{font-size:9px!important;margin-top:2px!important}.chart-refresh-btn{font-size:10px!important;padding:2px!important}}@media (min-width:481px) and (max-width:575px){.health-gauge-container{height:100%}.health-gauge-container .chart-title{font-size:1.1rem;margin-top:0}.gauge-controls{margin:0 0 .4rem}.health-gauge-container .gauge-area{height:160px;height:180px}.gauge-percent{font-size:1.35rem}.gauge-status{font-size:13px}.health-legend{margin-top:0}}@media (min-width:576px) and (max-width:767px){.health-gauge-container{height:100%}.health-gauge-container .chart-title{font-size:1.1rem;margin-top:0}.gauge-controls{margin:0 0 .4rem}.health-gauge-container .gauge-area{height:170px}.gauge-percent{font-size:1.4rem}.gauge-status{font-size:14px}.health-legend{margin-top:0}}.health-gauge-container .loading-reports{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:customfont1;font-size:.95rem;gap:.5rem;height:100%;justify-content:center;text-align:center;width:100%}.health-gauge-container .loading-reports .loading-spinner{animation:farmHealthSpin 1s linear infinite;border:4px solid #f3f3f366;border-radius:50%;border-top-color:#7ffcff;height:32px;width:32px}@keyframes farmHealthSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.weekly-trend-chart-container{align-items:center;background:#0000;border-radius:24px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-width:95%;min-height:460px;padding:16px 20px 12px;position:relative;width:100%}.weekly-trend-chart-container .chart-title{color:#fff;font-family:customfont1,sans-serif;font-size:1.2rem;margin:0 0 6px;text-align:center}.weekly-trend-chart-container .chart-subtitle{color:#ffffffe6;font-size:13px;line-height:1.4;margin:0 0 12px;max-width:680px;text-align:center}.weekly-trend-controls{display:flex;justify-content:center;margin-bottom:10px;width:100%}.weekly-trend-farm-select{background:#ffffff14;border:1px solid #ffffff40;border-radius:8px;color:#fff;font-size:14px;max-width:100%;min-width:220px;padding:8px 12px}.weekly-trend-farm-select option{color:#111827}.weekly-trend-legend-row{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:center;margin-bottom:8px;width:100%}.weekly-trend-legend-group{align-items:center;color:#ffffffeb;display:flex;font-size:12px;gap:8px}.legend-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.legend-dot.high{background:#f44}.legend-dot.medium{background:#f80}.legend-dot.low{background:#0a0}.legend-line{border-top:2px solid #fff;display:inline-block;height:0;width:22px}.legend-line.dashed{border-top-style:dashed}.weekly-trend-normal-note{color:#ffffffb3;font-size:10px;font-style:italic}.weekly-trend-chart-plot{overflow:visible;position:relative;width:100%;z-index:2}.weekly-trend-tooltip-floating{-webkit-overflow-scrolling:touch;max-height:min(280px,58vh);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;position:absolute;scrollbar-color:#ffffff73 #0000;scrollbar-width:thin;transform:translate(-50%,calc(-100% - 12px));z-index:40}.weekly-trend-tooltip-floating::-webkit-scrollbar{width:6px}.weekly-trend-tooltip-floating::-webkit-scrollbar-thumb{background:#ffffff73;border-radius:999px}.weekly-trend-tooltip-floating--below{transform:translate(-50%,12px)}.weekly-trend-tooltip-floating--above{transform:translate(-50%,calc(-100% - 12px))}.weekly-trend-tooltip-floating .weekly-trend-tooltip{margin:0}.weekly-trend-tooltip{background:#111827f2;border:1px solid #ffffff26;border-radius:8px;box-shadow:0 8px 24px #00000059;color:#f9fafb;font-size:12px;max-width:min(340px,92vw);padding:10px 12px}.weekly-trend-tooltip-title{font-weight:700;margin-bottom:4px}.weekly-trend-tooltip-sub{color:#d1d5db;margin-bottom:6px}.weekly-trend-tooltip-collided{color:#fde68a;font-size:11px;margin-bottom:8px}.weekly-trend-tooltip-entry{border-bottom:1px solid #ffffff1f;margin-bottom:8px;padding-bottom:8px}.weekly-trend-tooltip-entry:last-child{border-bottom:none;margin-bottom:4px;padding-bottom:0}.weekly-trend-tooltip-entry .weekly-trend-tooltip-sub{margin-bottom:4px}.weekly-trend-tooltip-ponds{color:#e5e7eb;font-size:11px;line-height:1.45;margin-top:6px}.weekly-trend-tooltip-ponds.empty,.weekly-trend-tooltip-ponds.forecast-only{color:#9ca3af;font-style:italic}.weekly-trend-tooltip-ponds.forecast-only{color:#bfdbfe;font-size:11px;line-height:1.45;margin-top:6px}.weekly-trend-tooltip-ponds-label{color:#f3f4f6;display:block;font-weight:700;margin-bottom:2px}.weekly-trend-tooltip-ponds-list{display:flex;flex-direction:column;gap:2px}.weekly-trend-tooltip-ponds-row{display:flex;flex-wrap:wrap;gap:4px 10px}.weekly-trend-tooltip-pond-chip{white-space:nowrap}.weekly-trend-tooltip-forecast-note{color:#bfdbfe;font-size:10px;font-style:italic;margin-top:4px}.weekly-trend-tooltip-context{border-top:1px solid #ffffff1f;margin-top:8px;padding-top:8px}.weekly-trend-tooltip-series{font-size:12px;font-weight:700;margin-bottom:4px}.weekly-trend-tooltip-context{color:#e5e7eb;font-size:11px;line-height:1.45;margin-bottom:8px}.weekly-trend-tooltip-value{font-weight:600;margin-bottom:2px}.weekly-trend-tooltip-drivers{border-top:1px solid #ffffff1f;margin-top:8px;padding-top:8px}.weekly-trend-tooltip-drivers-title{color:#f3f4f6;font-weight:700;margin-bottom:4px}.weekly-trend-tooltip-driver{color:#d1d5db;font-size:11px;line-height:1.4;margin-bottom:2px}.weekly-trend-hint{color:#ffffffb8;font-size:11px;font-style:italic;margin:0 0 6px;text-align:center}.weekly-trend-checklist-note{color:#ffffffd9;font-size:12px;margin:8px 0 0;max-width:680px;text-align:center}.weekly-trend-footer{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:8px;width:100%}.weekly-trend-refresh-btn{align-items:center;background:#0000;border:none;color:#7ffcff;cursor:pointer;display:flex;padding:4px}.weekly-trend-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.weekly-trend-as-of{color:#ffffffd9;font-size:12px}.weekly-trend-chart-container .chart-refresh-spin{animation:weeklyTrendSpin .8s linear infinite}@keyframes weeklyTrendSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.weekly-trend-chart-container{min-height:420px;padding:12px 8px 10px}.weekly-trend-chart-container .chart-title{font-size:1rem}.weekly-trend-legend-row{gap:8px 12px}.weekly-trend-legend-group{font-size:11px}}.sidebar-wrapper{-ms-overflow-style:none!important;overflow:auto;scrollbar-width:none!important}@media (min-width:1024px){:root{--sidebar-width:240px;--sidebar-collapsed-width:80px}.sidebar-wrapper{left:0;position:fixed;top:78px;width:var(--sidebar-width);z-index:1000}.sidebar-wrapper.collapsed{width:var(--sidebar-collapsed-width)}}.sidebar-wrapper::-webkit-scrollbar,.sidebar-wrapper::-webkit-scrollbar-track{display:none!important}.sidebar-wrapper::-webkit-scrollbar-thumb{display:none!important}@media (max-width:1023px){.sidebar-wrapper{background:#fff;box-shadow:2px 0 10px #0000004d;height:100vh;left:-280px;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1001}.sidebar-wrapper.sidebarOpen{left:0!important}.sidebar{-ms-overflow-style:none!important;height:100%;overflow-y:auto;scrollbar-width:none!important}.sidebar::-webkit-scrollbar,.sidebar::-webkit-scrollbar-track{display:none!important}.sidebar::-webkit-scrollbar-thumb{display:none!important}}.sidebar-wrapper.collapsed .sidebar-bottom-options .sidebar-nav-item span,.sidebar-wrapper.collapsed .sidebar-nav-item span,.sidebar-wrapper.collapsed .welcome-text{display:none}.sidebar-wrapper.collapsed .sidebar-bottom-options .sidebar-nav-item,.sidebar-wrapper.collapsed .sidebar-nav-item{justify-content:center;padding:.8rem .5rem}.sidebar-wrapper.collapsed .user-info{flex-direction:column;justify-content:center;padding:10px 5px;text-align:center;width:100%}.sidebar-wrapper.collapsed .profile-picture,.sidebar-wrapper.collapsed .user-icon{box-sizing:border-box;height:4rem;margin:0 auto;max-height:100%;max-width:100%;width:4rem}.sidebar-wrapper.collapsed .user-icon{font-size:3rem;max-width:100%;overflow:hidden}.sidebar-wrapper.collapsed .welcome-text{align-items:center;text-align:center}.sidebar-top{align-items:center;background-color:#fff;box-shadow:0 4px 6px #0000004d;box-sizing:border-box;color:#000;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;overflow:hidden;padding:2rem;width:100%}.user-info{flex-direction:row;gap:1rem;padding:.5rem;text-align:left;width:100%}.profile-picture,.user-icon{border:3px solid #bbb;border-radius:50%;box-shadow:0 2px 10px #0000004d;flex-shrink:0;height:4rem;object-fit:cover;width:4rem}.user-icon{color:#000;font-size:4rem}.welcome-text{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:.2rem}.welcome-text h2{color:#000;font-family:customfont1;font-size:1.2rem;line-height:1.2;margin:0}.sidebar-username{color:#000;font-family:ReadexPro-Light;font-size:.9rem;line-height:1.2;opacity:.9}.sidebar-username[data-role=Admin]{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #2196f3;border-radius:12px;box-shadow:0 2px 4px #2196f333;color:#1a4375;font-family:ReadexPro-Regular;font-weight:600;padding:.3rem .8rem}.sidebar-username[data-role="Farm Admin"]{background:linear-gradient(135deg,#e8f0fe,#c5d9ff);border:1px solid #1e88e5;border-radius:12px;box-shadow:0 2px 4px #1e88e533;color:#0d47a1;font-family:ReadexPro-Regular;font-weight:600;padding:.3rem .8rem}.sidebar-username[data-role="Tech Officer"]{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border:1px solid #4caf50;border-radius:12px;box-shadow:0 2px 4px #4caf5033;color:#2e7d32;font-family:ReadexPro-Regular;font-weight:600;padding:.3rem .8rem}.sidebar-username[data-role="Fish Farmer"]{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ff9800;border-radius:12px;box-shadow:0 2px 4px #ff980033;color:#f57c00;font-family:ReadexPro-Regular;font-weight:600;padding:.3rem .8rem}.sidebar-username[data-role="Temporary Tech Officer"]{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:1px solid #9c27b0;border-radius:12px;box-shadow:0 2px 4px #9c27b033;color:#7b1fa2;font-family:ReadexPro-Regular;font-weight:600;padding:.3rem .8rem;position:relative}.sidebar-username[data-role="Temporary Tech Officer"]:before{content:"⏰";font-size:.9rem;margin-right:.3rem}.sidebar{-ms-overflow-style:none!important;background-color:#fff;box-shadow:0 6px 10px #0000004d;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-height:0;padding:1rem 1rem 5rem;position:relative;scrollbar-width:none!important}.sidebar::-webkit-scrollbar,.sidebar::-webkit-scrollbar-track{display:none!important}.sidebar::-webkit-scrollbar-thumb{display:none!important}.sidebar-buttons{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:1rem 0}.sidebar-nav-item{align-items:center;border-radius:8px;color:#000;cursor:pointer;display:flex;font-family:ReadexPro-Regular;font-size:1.3rem;gap:.8rem;padding:.8rem 1rem;transition:all .3s ease;width:85%}.sidebar-nav-item:hover{background-color:#f5f5f5;transform:translateX(5px)}.sidebar-nav-item.active{background-color:#f7f3f3;box-shadow:inset 0 0 0 1px #f8f7f7}.sidebar-nav-item.active:hover{transform:translateX(0)}.sidebar-nav-icon{color:#000;flex-shrink:0;font-size:1.5rem}.sidebar-nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-bottom-options{background-color:#fff;border-top:1px solid #e0e0e0;bottom:20px;box-shadow:0 -2px 10px #0000001a;left:0;padding:1rem;position:absolute;right:0}.sidebar-export-container{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.sidebar-download-options{background:#fff;border-radius:4px;bottom:100%;box-shadow:0 2px 10px #0000001a;left:0;margin-bottom:5px;overflow:hidden;position:absolute;width:100%;z-index:100}.sidebar-download-options .sidebar-download-option{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px;text-align:left;transition:background-color .2s ease;width:100%}.sidebar-download-options .sidebar-download-option:hover{background:#f5f5f5}.sidebar-wrapper.collapsed .sidebar-export-container{position:relative}.sidebar-wrapper.collapsed .sidebar-download-options{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;left:100%;min-width:200px;position:absolute;top:0;z-index:1000}.homeDLpdf-icon{color:#ff2727;font-size:1.5rem}.homeDLcsv-icon{color:#27ae60;font-size:1.5rem}.sidebar-wrapper *{-ms-overflow-style:none!important;scrollbar-width:none!important}.sidebar-wrapper ::-webkit-scrollbar,.sidebar-wrapper ::-webkit-scrollbar-track{display:none!important}.sidebar-wrapper ::-webkit-scrollbar-thumb{display:none!important}.sidebar-nav-item.export-nav-item.disabled{color:#6c757d;cursor:not-allowed;opacity:.5}.sidebar-nav-item.export-nav-item.disabled:hover{background-color:initial;color:#6c757d}.sidebar-nav-icon-container{display:inline-block;position:relative}.sidebar-notification-badge{align-items:center;animation:pulse 2s infinite;background:#ef4444;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;line-height:1;min-width:18px;padding:2px 4px;position:absolute;right:-13px;top:-15px}.confidence-meta{color:#6b7280;font-size:.8em;margin-top:2px;white-space:nowrap}@media (min-width:360px) and (max-width:480px){.feedback-detail-placeholder{min-height:320px}.feedback-tabs{display:none!important}.mobile-tab-row{display:flex;gap:.5rem;margin:.5rem 0 0 .5rem}.mobile-tab{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 6px #0000000f;color:#1a4375;font-size:.85rem;padding:.45rem .7rem;position:relative}.mobile-tab .mobile-badge{background:#1a4375;border-radius:999px;box-shadow:0 2px 6px #1a437540;color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;position:absolute;right:-6px;top:-8px}.mobile-tab.active{background:#1a4375;border-color:#1a4375;color:#fff}.feedback-wrapper{margin-top:1.5rem}.feedback-tabs{align-items:center;background:#fff;display:flex;flex-direction:row;gap:.5rem;margin:1rem auto 0 0;overflow:visible;padding-bottom:0;position:-webkit-sticky;position:sticky;top:60px;width:95%;z-index:1100}.feedback-detail.mobile-open{background:#fff;border-radius:0;bottom:0;height:calc(100vh - 60px);left:0;overflow-y:auto;padding:12px;position:fixed!important;right:0;top:160px;width:100vw;z-index:1300}.inbox-container.closed,.inbox-container.open{background:#fff;border-right:1px solid #e5e7eb;bottom:auto!important;box-shadow:0 8px 20px #0000002e;height:calc(100vh - 140px)!important;left:0;margin:0 auto;max-height:none!important;position:fixed!important;right:0;top:120px;width:100vw;z-index:1200}.inbox-container.closed{display:none!important}.inbox-container.open{display:block!important}.inbox-container .unread-badge{display:none!important}.feedback .inbox-backdrop{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);background:#00000040}.inbox-container .inbox-close-btn{align-items:center;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#6b7280;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:32px;z-index:10}.inbox-container .inbox-close-btn:hover{background:#e5e7eb;color:#374151;transform:scale(1.05)}.feedback-detail .detail-close-btn{align-items:center;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 4px 8px #00000026;color:#6b7280;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;position:fixed;right:16px;top:80px;transition:all .2s ease;width:36px;z-index:1400}.feedback-detail .detail-close-btn:hover{background:#e5e7eb;color:#374151;transform:scale(1.05)}.inbox-container.open .inbox-close-btn{display:flex!important}.feedback .feedback-detail.mobile-open~.inbox-container .inbox-close-btn,.feedback-detail.mobile-open~.inbox-container .inbox-close-btn,.feedback.detail-open .inbox-container .inbox-close-btn{display:none!important}.feedback-detail.mobile-open .detail-close-btn{display:flex!important}.feedback-detail:not(.mobile-open) .detail-close-btn{display:none!important}}.pond-divider-row{background:#f8fafc}.pond-divider-row td{border-top:3px solid #d1d5db;padding:15px 0;text-align:center}.pond-divider-row div{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px}.historical-reports-cards{display:flex;flex-direction:column;gap:12px}.pond-group-cards{display:flex;flex-direction:column;gap:8px}.historical-report-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:16px;transition:all .2s ease}.historical-report-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.pond-divider{color:#6b7280;font-size:.875rem;font-weight:600;margin:20px 0;text-align:center}.tab-navigation{background:#f8fafc;border-bottom:2px solid #e5e7eb;display:flex;margin-bottom:20px;padding:0 4px}.tab-button{background:#0000;border:none;border-radius:6px 6px 0 0;flex:1 1;margin:4px 2px 0;padding:12px 16px;position:relative}.tab-button:hover{background:#f1f5f9}.tab-button.active{background:#1a4375;color:#fff;font-weight:600}.tab-button.active:after{background:#1a4375;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.pond-selection-section{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.pond-select-label{color:#374151;font-size:14px;font-weight:600;white-space:nowrap}.pond-select-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;min-width:200px;padding:8px 12px;transition:border-color .2s ease}.pond-select-dropdown:focus{border-color:#1a4375;box-shadow:0 0 0 3px #1a43751a;outline:none}.pond-select-dropdown option{font-weight:500;padding:8px}.no-pond-selected{align-items:center;display:flex;justify-content:center;min-height:300px;padding:40px 20px}.no-pond-message{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;max-width:400px;padding:40px;text-align:center}.no-pond-message h4{color:#374151;font-size:18px;font-weight:600;margin:0 0 12px}.no-pond-message p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.pond-selected-indicator{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:20px;padding:12px 16px}.indicator-icon{font-size:16px}.indicator-text{flex:1 1}.tab-content{min-height:400px}.overview-info-section{margin-bottom:20px}.info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;padding:16px}.info-text{color:#374151;font-size:14px;line-height:1.5;margin:0}.tab-panel{animation:fadeIn .3s ease-in-out}.placeholder-content{display:flex;flex-direction:column;gap:16px;margin-top:20px}.placeholder-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;text-align:center}.placeholder-card h5{color:#374151;font-size:16px;font-weight:600;margin:0 0 8px}.placeholder-card p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.checklist-completion-section h4{margin:0 0 12px}.checklist-completion-section p{color:#6b7280;font-size:14px;margin:0 0 20px}.ai-insights-section h4{margin:0 0 12px}.ai-insights-section p{color:#6b7280;font-size:14px;margin:0 0 20px}.no-checklist-data{color:#6b7280;padding:40px 20px;text-align:center}.no-checklist-data h4{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.checklist-completion-section h4{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:8px}.checklist-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px}.farm-info{color:#374151;font-size:14px;line-height:1.6}.farm-info,.progress-section{margin-bottom:16px}.progress-header{align-items:center;color:#374151;display:flex;font-weight:600;justify-content:space-between;margin-bottom:8px}.completion-rate{color:#1a4375;font-size:18px;font-weight:700}.progress-bar{background:#e5e7eb;border-radius:6px;height:12px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:6px;height:100%;transition:width .6s ease}.progress-status{color:#059669;font-size:14px;font-weight:600}.task-summary{display:flex;flex-direction:column;gap:4px}.summary-item{color:#6b7280;font-size:14px}.summary-label{font-weight:500}.breakdown-section{margin-bottom:24px;margin-top:0;padding-top:0}.breakdown-section h5{color:#374151;font-size:16px;font-weight:600;margin:0}.risk-level-filter{margin-bottom:16px;margin-top:12px}.risk-level-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.risk-level-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;width:100%}.risk-level-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.pond-search-container{position:relative}.pond-search-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.pond-search-wrapper{align-items:center;display:flex;position:relative}.pond-search-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;padding:8px 40px 8px 12px;width:100%}.pond-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.pond-dropdown-toggle{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:4px;position:absolute;right:8px}.pond-dropdown-toggle:hover{color:#374151}.pond-dropdown-list{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.pond-dropdown-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:background-color .2s ease}.pond-dropdown-item:last-child{border-bottom:none}.pond-dropdown-item:hover{background-color:#f9fafb}.pond-dropdown-item.selected{background-color:#eff6ff;color:#1d4ed8}.pond-dropdown-item.no-results{color:#6b7280;cursor:default;font-style:italic}.pond-dropdown-item.no-results:hover{background-color:initial}.pond-name{color:#374151;font-weight:500}.pond-dropdown-item.selected .pond-name{color:#1d4ed8}.pond-risk{border-radius:12px;font-size:12px;font-weight:600;padding:2px 8px;text-transform:uppercase}.pond-risk.high{background-color:#fef2f2;color:#dc2626}.pond-risk.medium{background-color:#fffbeb;color:#d97706}.pond-risk.low{background-color:#fef3c7;color:#d97706}.pond-risk.normal{background-color:#f0fdf4;color:#16a34a}.view-history-section{align-items:center;display:flex;gap:12px;margin-top:30px;text-align:left}.view-history-button{background:#1a4375;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.view-history-button:hover{background:#0f2a4a}.back-to-latest-button{background:#059669;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.back-to-latest-button:hover{background:#047857}.breakdown-table{background:#fff;border-radius:12px;margin-top:-60px;overflow:hidden}.table-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #cbd5e1;display:grid;grid-template-columns:1fr 2fr 1fr 1fr;margin-top:0;padding-top:0}.header-cell{border-right:1px solid #cbd5e1;color:#1e293b;font-size:14px;font-weight:700;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.header-cell:last-child{border-right:none}.table-row{border-bottom:1px solid #f1f5f9;display:grid;grid-template-columns:1fr 2fr 1fr 1fr;transition:all .2s ease}.table-row:hover{background:#f8fafc;transform:scale(1.01)}.table-row:last-child{border-bottom:none}.table-row.completed-row{background:linear-gradient(135deg,#f0fdf4,#fff);border-left:4px solid #10b981}.table-row.pending-row{background:linear-gradient(135deg,#fffbeb,#fff);border-left:4px solid #f59e0b}.table-cell{align-items:center;border-right:1px solid #f1f5f9;color:#374151;display:flex;font-size:14px;font-weight:500;padding:14px 16px}.table-cell:last-child{border-right:none}.category-cell{color:#1f2937;font-weight:600;text-transform:capitalize}.task-cell{font-weight:500;line-height:1.4}.priority-cell,.status-cell{display:flex;justify-content:center}.status-cell{font-weight:600}.priority-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.priority-badge.high{background:#fee2e2;color:#dc2626}.priority-badge.medium{background:#fef3c7;color:#d97706}.priority-badge.low{background:#f0fdf4;color:#059669}.status-cell{font-weight:500}.metrics-section{margin-bottom:24px}.metrics-section h5{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:16px}.metric-label{color:#6b7280;font-size:14px;font-weight:500}.metric-value{color:#1a4375;font-size:18px;font-weight:700}.recommendations-section h5{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.recommendations-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.recommendation-item{align-items:flex-start;color:#374151;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.recommendation-item:last-child{margin-bottom:0}.recommendation-arrow{color:#1a4375;font-weight:600;margin-top:2px}.recommendation-text{flex:1 1;line-height:1.5}.urgent-recommendations-section{background:#fef2f2;border:2px solid #dc2626;border-radius:8px;margin-bottom:24px;overflow:hidden}.urgent-recommendations-header{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s ease}.urgent-recommendations-header:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)}.urgent-recommendations-header h5{color:#fff;font-size:16px;font-weight:700;margin:0}.urgent-recommendations-subtitle{color:#fecaca;font-size:12px;margin-top:2px;opacity:.9}.urgent-toggle-icon{font-size:14px;font-weight:700;transition:transform .2s ease}.urgent-recommendations-list{background:#fef2f2;border-top:1px solid #fecaca;padding:20px}.urgent-recommendation-item{align-items:flex-start;color:#374151;display:flex;font-size:14px;gap:12px;line-height:1.5;margin-bottom:12px}.urgent-recommendation-item:last-child{margin-bottom:0}.urgent-recommendation-bullet{color:#dc2626;flex-shrink:0;font-size:16px;font-weight:700;margin-top:2px}.urgent-recommendation-text{flex:1 1;font-weight:500}.urgent-recommendations-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e}.urgent-recommendations-source,.urgent-recommendations-warning{font-size:12px;font-weight:600;margin-bottom:12px;padding:8px 12px}.urgent-recommendations-source{background:#d1fae5;border:1px solid #10b981;border-radius:6px;color:#065f46}.urgent-recommendations-info{background:#dbeafe;border:1px solid #3b82f6;border-radius:6px;color:#1e40af;font-size:12px;font-weight:600;margin-bottom:12px;padding:8px 12px}.no-insights-data{color:#6b7280;padding:40px 20px;text-align:center}.no-insights-data h4{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.ai-insights-section h4{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:8px}.insights-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px}.assessment-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.assessment-item{display:flex;flex-direction:column;gap:4px}.assessment-label{color:#6b7280;font-size:14px;font-weight:500}.assessment-value{border-radius:4px;font-size:16px;font-weight:700;padding:4px 8px;text-align:center}.assessment-value.excellent{background:#f0fdf4;color:#059669}.assessment-value.good{background:#f0f9ff;color:#0284c7}.assessment-value.fair{background:#fef3c7;color:#d97706}.assessment-value.poor{background:#fef2f2;color:#dc2626}.urgency-value{border-radius:4px;font-size:16px;font-weight:700;padding:4px 8px;text-align:center}.urgency-value.high{background:#fef2f2;color:#dc2626}.urgency-value.medium{background:#fef3c7;color:#d97706}.urgency-value.low{background:#f0fdf4;color:#059669}.confidence-value{color:#1a4375;font-size:16px;font-weight:700;text-align:center}.benefits-section,.next-recommendations-section,.panel-defense-section,.recommended-focus-section,.risk-reduction-section,.system-stability-section,.timeline-section{margin-bottom:24px}.benefits-section h5,.next-recommendations-section h5,.panel-defense-section h5,.recommended-focus-section h5,.risk-reduction-section h5,.system-stability-section h5,.timeline-section h5{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.forecast-grid,.risk-metrics-grid,.timeline-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px}.stability-grid{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px}.forecast-item,.risk-metric-item,.stability-item,.timeline-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.forecast-item:last-child,.risk-metric-item:last-child,.stability-item:last-child,.timeline-item:last-child{border-bottom:none}.forecast-label,.risk-metric-label,.stability-label,.timeline-label{color:#374151;font-size:14px;font-weight:500}.forecast-value,.risk-metric-value,.stability-value,.timeline-value{color:#1a4375;font-size:14px;font-weight:600}.benefits-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.benefit-item{color:#374151;font-size:14px;line-height:1.5;margin-bottom:8px}.benefit-item:last-child{margin-bottom:0}.benefit-text{display:block}.focus-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.focus-item{color:#374151;font-size:14px;line-height:1.5;margin-bottom:8px}.focus-item:last-child{margin-bottom:0}.focus-text{display:block}.defense-tips{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.tip-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:16px;padding:12px}.tip-item:last-child{margin-bottom:0}.tip-comment{color:#dc2626;font-size:14px;font-style:italic;font-weight:600;margin-bottom:8px}.tip-response{color:#374151;font-size:14px;line-height:1.5}.prd-confidence-card{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px;box-shadow:none!important;max-width:400px;position:relative}.prd-confidence-title{color:#1f2937!important;font-family:customfont1;font-size:1.25rem;font-weight:600;margin:0 0 6px}.prd-confidence-subtitle{color:#6b7280!important;line-height:1.4}.prd-confidence-number{color:#1f2937!important;font-family:customfont1;font-size:2.5rem;font-weight:700}.prd-confidence-bar{background:#f3f4f6;border-radius:4px;height:8px;position:relative}.prd-confidence-fill{border-radius:4px;position:relative;transition:width .6s ease}.prd-confidence-description{color:#6b7280!important;font-size:.85rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.risk-report-container{background-color:#f8fafc;border-radius:8px;box-shadow:0 1px 3px #0000001a;font-family:ReadexPro-Regular;margin:0 auto;max-width:1200px;padding:20px}.risk-report-container.modal-view{background-color:#fff;border-radius:15px;box-shadow:0 6px 20px #00000014;padding:30px;position:relative}.loading-state{color:#64748b;padding:60px 20px;text-align:center}.loading-state .loading-spinner{animation:risk-loading-spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#1a4375;height:40px;margin:0 auto 20px;width:40px}@keyframes risk-loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-state h3{color:#374151;font-size:1.3rem;font-weight:600;margin:0 0 10px}.loading-state p{font-size:1rem;line-height:1.5;margin:0}.risk-report-header{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.header-content h2{align-items:center;color:#1e293b;display:flex;font-family:customfont1;font-size:1.5rem;font-weight:600;gap:10px;margin:0 0 8px}.header-icon{color:#dc2626;font-size:1.2rem}.header-subtitle{color:#64748b;font-size:.9rem;font-weight:400;line-height:1.5;margin:0}.risk-summary{display:flex;gap:20px;margin-left:30px}.summary-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;min-width:80px;padding:16px}.summary-icon{font-size:1.5rem;margin-bottom:8px}.summary-icon.high{color:#dc2626}.summary-icon.medium{color:#d97706}.summary-icon.low{color:#059669}.summary-count{color:#1e293b;font-size:1.8rem;font-weight:700;margin-bottom:4px}.summary-label{color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0000000a;display:flex;gap:20px;margin-bottom:25px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#374151;font-family:customfont1;font-size:.9rem;font-weight:600}.filter-select{color:#374151;font-size:.9rem;min-width:150px;transition:all .2s ease}.filter-select:focus{border-color:#1a4375;box-shadow:0 0 0 2px #1a43751a}.risk-reports-list{display:flex;flex-direction:column;gap:20px}.risk-report-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:hidden;transition:all .3s ease}.risk-report-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.risk-report-card.high{border-left:4px solid #dc2626}.risk-report-card.medium{border-left:4px solid #d97706}.risk-report-card.low{border-left:4px solid #059669}.risk-summary-view{background:#f8fafc;border-bottom:1px solid #e2e8f0;cursor:pointer;padding:20px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.risk-summary-view:hover{background:#f1f5f9}.summary-content{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.summary-title{flex:1 1}.summary-title .risk-title{align-items:center;color:#1e293b;display:flex;font-family:customfont1;font-size:1.3rem;font-weight:600;gap:8px;margin:0 0 12px}.summary-title .risk-title svg{color:#1a4375;font-size:1.1rem}.summary-meta{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:20px}.user-badge{background:#e5e7eb;border-radius:999px;color:#111827;font-size:.75rem;font-weight:600;padding:4px 10px}.confidence-badge{background:#1a4375;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px}.timestamp{align-items:center;display:flex;gap:6px}.time-icon{font-size:.8rem}.reported-conditions{color:#374151;font-size:.9rem;margin-top:8px}.summary-indicators{align-items:flex-end;display:flex;flex-direction:column;gap:12px;min-width:120px}.risk-level-badge{border-radius:20px;white-space:nowrap}.expand-icon{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;display:flex;font-size:1rem;height:24px;justify-content:center;transition:all .2s ease;width:24px}.risk-summary-view:hover .expand-icon{background:#1a4375;color:#fff;transform:scale(1.1)}.risk-detail-view{animation:slideDown .3s ease-out;background:#fff;border-top:1px solid #e2e8f0}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:1000px;opacity:1;transform:translateY(0)}}.risk-content{padding:20px}.grid-two-cols{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.ml-section h4,.report-section h4{color:#1e293b;font-family:customfont1;font-size:1rem;font-weight:600;margin:0 0 10px}.kv{align-items:center;display:flex;gap:8px;margin:6px 0}.kv>span{color:#64748b;min-width:140px}.kv>strong{color:#1e293b}.kv.wrap{align-items:flex-start}.kv.wrap p{color:#1f2937;line-height:1.5;margin:0}.report-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}@media (max-width:768px){.grid-two-cols{grid-template-columns:1fr}}.risk-content h4{color:#1e293b;font-family:customfont1;font-size:1rem;font-weight:600;margin:0 0 8px}.risk-content p{color:#374151;font-size:.95rem;line-height:1.6;margin:0 0 16px}.conditions-grid,.prediction-description{margin-bottom:20px}.conditions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.condition-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;text-align:center}.condition-item h4{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.condition-value{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;display:block;font-size:1rem;font-weight:600;padding:8px 12px}.condition-value.weather{background:#f0f9ff;border-color:#bae6fd;color:#0369a1}.condition-value.fish.healthy{background:#f0fdf4;border-color:#bbf7d0;color:#059669}.condition-value.fish.unhealthy{background:#fef2f2;border-color:#fecaca;color:#dc2626}.condition-value.water.clear{background:#f0f9ff;border-color:#bae6fd;color:#0369a1}.condition-value.water.muddy{background:#fffbeb;border-color:#fde68a;color:#d97706}.prediction-actions{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:0;padding:15px}.prediction-actions h4{color:#1e293b;font-family:customfont1;font-size:1rem;font-weight:600;margin:0 0 12px}.actions-list li{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#374151;font-size:.9rem;line-height:1.5;padding:10px 12px;transition:background-color .2s ease}.actions-list li:hover{background:#f9fafb}.actions-list li:nth-child(8):before{background:#10b981}.no-risks{color:#64748b;padding:60px 20px;text-align:center}.no-risks-icon{color:#059669;font-size:3rem;margin-bottom:20px}.no-risks h3{color:#374151;font-size:1.3rem;font-weight:600;margin:0 0 10px}.no-risks p{font-size:1rem;line-height:1.5;margin:0}@media (max-width:768px){.risk-report-header{flex-direction:column;gap:20px}.risk-summary{justify-content:center;margin-left:0}.filter-section,.risk-header{flex-direction:column;gap:15px}.risk-indicators,.risk-meta{align-items:flex-start}.risk-meta{flex-direction:column;gap:10px}.conditions-grid{gap:15px;grid-template-columns:1fr}}@media (max-width:480px){.risk-report-container{padding:16px}.risk-report-container.modal-view{padding:20px}.header-content h2{font-size:1.5rem}.risk-summary{flex-direction:column;gap:15px}.summary-item{min-width:auto;width:100%}.conditions-grid{grid-template-columns:1fr}}@media (min-width:360px) and (max-width:480px){.farm-details-header{padding:14px}.farm-details-header h3{font-size:1rem;line-height:1.25rem;white-space:normal}.last-updated-info{font-size:.8rem;margin-top:4px}.close-modal-btn{padding:6px}.summary-content{flex-direction:column;gap:12px}.farm-risk-summary{align-items:stretch;flex-direction:column;gap:10px}.farm-actions{flex-direction:column;gap:8px}.farm-card-header{flex-wrap:wrap}.farm-info .farm-name{font-size:1rem}.confidence-info,.meta-chip,.risk-level-badge{font-size:.75rem}.farm-info .farm-location{display:flex;flex-direction:column;gap:6px}.farm-info .farm-location .avg-conf{display:block;margin:0}.farm-risk-card{padding:14px}.farm-details-content{padding:12px}.pond-table td,.pond-table th{font-size:.8rem}.confidence-info,.meta-chip{white-space:normal;word-break:break-word}.pond-selection-section{align-items:stretch;flex-direction:column;gap:16px;margin-bottom:16px;padding:12px}.risk-level-filter{margin-bottom:0;width:100%}.risk-level-label{color:#1f2937;font-size:13px;font-weight:600;margin-bottom:6px}.risk-level-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.pond-search-container{width:100%}.pond-search-label{color:#1f2937;font-size:13px;font-weight:600;margin-bottom:6px}.pond-search-wrapper{position:relative;width:100%}.pond-search-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.pond-dropdown-toggle{background:none;border:none;color:#6b7280;cursor:pointer;font-size:12px;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.pond-dropdown-list{background:#fff;border:1px solid #d1d5db;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 6px -1px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.pond-dropdown-item{border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;font-size:14px;padding:10px 12px}.pond-dropdown-item:hover{background:#f9fafb}.pond-dropdown-item:last-child{border-bottom:none}.breakdown-table{-webkit-overflow-scrolling:touch;margin-top:0;overflow-x:auto}.breakdown-table .table-header,.breakdown-table .table-row{min-width:640px}.breakdown-table .header-cell,.breakdown-table .table-cell{font-size:12px;line-height:1.25;padding:8px 10px;white-space:normal;word-break:break-word}.breakdown-table .category-cell{font-weight:700}.farm-cards-grid{gap:12px}.farm-risk-card .risk-counts{gap:6px;width:100%}.farm-risk-card .risk-counts>div{align-items:flex-start;display:flex;flex-direction:column!important;gap:6px;width:100%}.farm-risk-card .risk-counts>div .risk-counts{flex-wrap:wrap;gap:6px;justify-content:flex-start!important;margin-left:0!important;width:100%}.farm-risk-card .risk-counts .confidence-info{width:100%}.farm-risk-card .risk-counts .risk-badge{margin-right:6px}}.aggregate-correction-banner{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;display:flex;gap:12px;margin-top:16px;padding:12px 20px}.aggregate-correction-banner .correction-icon{color:#d1fae5;font-size:20px}.aggregate-correction-banner .correction-text{font-size:14px;font-weight:500}.aggregate-correction-banner .correction-text strong{color:#fff;font-weight:700}.aggregate-correction-banner .aggregate-note{font-size:12px;font-weight:400;opacity:.9}.risk-refresh-spin{animation:risk-refresh-spin 1s linear infinite}@keyframes risk-refresh-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.farm-overview-section{margin-bottom:25px}.farm-cards-grid{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.farm-risk-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:15px;padding:20px;transition:box-shadow .2s ease}.farm-risk-card.high-risk{border-left:4px solid #ef4444}.farm-risk-card.medium-risk{border-left:4px solid #f59e0b}.farm-risk-card.low-risk{border-left:4px solid #10b981}.farm-risk-card:hover{box-shadow:0 4px 12px #00000026}.farm-card-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.farm-card-header .farm-info{flex:1 1}.farm-info .farm-name{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 8px}.farm-info .farm-location{margin:2px 0 0}.farm-risk-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;gap:15px;justify-content:space-between;margin-bottom:15px;padding:15px}.farm-meta-row,.farm-risk-summary{align-items:center;display:flex;flex-wrap:wrap}.farm-meta-row{gap:10px;margin-top:8px}.confidence-info,.meta-chip{border:1px solid #e5e7eb;border-radius:999px;font-size:.8rem;font-weight:600;padding:6px 10px}.meta-chip.alert{background:#fff7ed;border-color:#fde68a}.meta-chip.ready{background:#f0fdf4;border-color:#bbf7d0}.risk-counts{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.risk-badge{background:#fff;border:1px solid #e5e7eb}.risk-badge,.risk-level-badge{font-size:.8rem;padding:6px 12px}.risk-level-badge{border-radius:4px;color:#fff;letter-spacing:.5px;text-transform:uppercase}.confidence-info{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#374151;font-size:.9rem;font-weight:600;padding:8px 12px}.farm-risk-card .farm-info .farm-location{margin-top:2px}.farm-risk-card.no-reports{opacity:.95}.farm-stats{margin-bottom:12px}.stat-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:3px;display:flex;justify-content:space-between;margin-bottom:6px;padding:8px 10px}.stat-label{color:#6b7280;font-size:.8rem;font-weight:500}.stat-value{color:#111827;font-size:.8rem;font-weight:600}.risk-breakdown{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:10px}.risk-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;display:flex;flex-direction:column;padding:10px 8px;text-align:center}.risk-item.high{background:#fef2f2;border-color:#fecaca}.risk-item.medium{background:#fffbeb;border-color:#fde68a}.risk-item.low{background:#f0fdf4;border-color:#bbf7d0}.risk-count{color:#111827;font-size:1.25rem;font-weight:700;line-height:1;margin-bottom:2px}.risk-label{color:#6b7280;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.farm-actions{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;margin-top:15px;padding:15px}.view-details-btn{align-items:center;background:#1e293b;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;transition:background-color .2s ease}.view-details-btn:hover{background:#374151}.view-details-btn .btn-icon{font-size:.8rem}.suggested-actions-btn{align-items:center;background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;transition:background-color .2s ease}.suggested-actions-btn:hover{background:#2563eb}.suggested-actions-btn .btn-icon{font-size:.8rem}.corrected-indicator{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:3px;color:#059669;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.pond-details-table{margin-top:20px}.pond-table{border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.pond-table thead{background:#f8fafc;border-bottom:2px solid #e5e7eb}.pond-table th{color:#374151;font-size:.9rem;font-weight:600;letter-spacing:.05em;padding:16px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.pond-table td{border-bottom:1px solid #f3f4f6;padding:16px 20px;vertical-align:top}.pond-table-row{background:#fff}.pond-table-row:hover{background:#f8fafc}@media (max-width:768px){.pond-table td,.pond-table th{padding:12px 16px}.pond-details-cell{padding:0!important}.pond-reason-details{gap:12px;padding:16px}.reason-summary{font-size:.9rem;padding:10px}.recommended-actions{font-size:.85rem;padding:10px 12px}.timestamps-info{font-size:.8rem;padding:10px}.timestamp-item{align-items:flex-start;flex-direction:column;gap:4px}.timestamp-item strong{font-size:.75rem;min-width:auto}}.pond-name{color:#111827;font-weight:600}.fish-condition{color:#374151}.risk-confidence{display:flex;flex-direction:column;gap:4px}.risk-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.risk-badge.high-risk{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.risk-badge.medium-risk{background:#fffbeb;border:1px solid #fed7aa;color:#d97706}.risk-badge.low-risk{background:#f0fdf4;border:1px solid #bbf7d0;color:#059669}.risk-badge.normal{background:#f0f9ff;border:1px solid #bae6fd;color:#0284c7}.confidence-value{color:#6b7280;font-size:.75rem;font-weight:500}.corrected-badge{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:3px;color:#059669;font-size:.7rem;letter-spacing:.05em;padding:2px 6px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.water-condition,.weather{color:#374151;font-size:.875rem}.status-badge{border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.status-badge.pending{background:#fef3c7;border:1px solid #fed7aa;color:#d97706}.status-badge.processed{background:#d1fae5;border:1px solid #a7f3d0;color:#059669}.actions{display:flex;flex-wrap:wrap;gap:8px}.action-btn{border:none;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 8px;transition:all .2s ease}.review-btn{background:#3b82f6;color:#fff}.review-btn:hover{background:#2563eb}.acknowledge-btn{background:#10b981;color:#fff}.acknowledge-btn:hover{background:#059669}.no-farm-data{color:#64748b;padding:60px 20px;text-align:center}.no-farm-data .no-data-icon{color:#059669;font-size:3rem;margin-bottom:20px}.no-farm-data h3{color:#374151;font-size:1.3rem;font-weight:600;margin:0 0 10px}.no-farm-data p{font-size:1rem;line-height:1.5;margin:0}.farm-details-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.farm-details-modal-overlay-inplace{background:#fff;bottom:auto;display:block;left:auto;padding:0;position:relative;right:auto;top:auto;z-index:auto}.farm-details-modal-overlay-inplace .farm-details-modal{border:none;border-radius:0;box-shadow:none;height:auto;max-height:none;overflow:visible;width:100%}.farm-details-modal-overlay-inplace .farm-details-content{flex:0 0 auto!important;min-height:auto!important;overflow-y:visible!important}.farm-details-modal-overlay-inplace .farm-details-content::-webkit-scrollbar{display:none}.farm-details-modal{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.farm-details-header{align-items:flex-start;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.header-content{flex:1 1;min-width:0}.farm-details-header h3{color:#1e293b;font-size:1.2rem;font-weight:600;line-height:1.3;margin:0 0 8px}.last-updated-info{align-items:center;color:#6b7280;display:flex;font-size:.85rem;font-weight:500;gap:6px;margin:0}.last-updated-info:before{content:"🕒";font-size:.8rem;opacity:.7}.pond-details-row{background:#f8fafc;border-top:1px solid #e5e7eb}.pond-details-cell{background:#f8fafc;border-top:none;padding:0!important}.pond-reason-details{display:flex;flex-direction:column;gap:16px;line-height:1.6;margin:0;padding:20px}.reason-summary{background:#f9fafb;border-left:4px solid #ef4444;border-radius:8px;color:#374151;font-size:.95rem;margin-bottom:0;padding:12px}.reason-summary strong{color:#1f2937;display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}.recommended-actions{background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:8px;color:#6b7280;font-size:.9rem;margin:0;padding:12px 16px}.recommended-actions strong{color:#1e40af;display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}.timestamps-info{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;display:flex;flex-direction:column;font-size:.85rem;gap:8px;margin-top:0;padding:12px}.timestamp-item{align-items:center;display:flex;gap:8px;padding:4px 0}.timestamp-item strong{color:#4b5563;font-size:.8rem;font-weight:500;min-width:140px}.close-modal-btn{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#1f2937!important;flex-shrink:0;font-size:1.5rem;padding:8px;transition:background-color .2s ease,color .2s ease,border-color .2s ease;z-index:1}.close-modal-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#111827!important}.close-modal-btn svg{fill:currentColor;color:inherit}.farm-details-content{flex:1 1;min-height:0;overflow-y:auto;padding:20px}.farm-details-content .farm-risk-summary{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px}.pond-details-table{margin-top:0;overflow-x:auto}.pond-table{background:#fff;border-collapse:collapse;min-width:800px;table-layout:fixed;width:100%}.pond-table td:first-child,.pond-table th:first-child{width:25%}.pond-table td:nth-child(2),.pond-table th:nth-child(2){width:30%}.pond-table td:nth-child(3),.pond-table th:nth-child(3){width:45%}.pond-table thead th{background:#f8fafc;border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.pond-table tbody td{border-bottom:1px solid #e5e7eb;color:#111827;font-size:.875rem;padding:12px 16px}.pond-table tbody tr:hover{background:#f9fafb}@media (max-width:768px){.farm-details-modal{max-width:100%}.farm-details-content{padding:12px 14px 16px}.pond-table tbody td,.pond-table thead th{padding:10px 12px}}.farm-info .farm-name,.header-content h2,.ml-section h4,.report-section h4{font-family:ReadexPro-Regular2,ReadexPro-Regular,Arial,sans-serif;font-weight:600}.confidence-info,.farm-info .farm-location,.farm-risk-summary,.fish-condition,.meta-chip,.no-reports-message p,.no-reports-note,.pond-name,.pond-table td,.pond-table th,.risk-badge,.risk-counts span,.risk-label,.suggested-actions-btn,.view-details-btn,.water-condition,.weather{font-family:ReadexPro-Regular,Arial,sans-serif;font-weight:400}.risk-badge{font-weight:500}.risk-level-badge{font-weight:600}.farm-risk-card.high-risk,.farm-risk-card.low-risk,.farm-risk-card.medium-risk{border-left:1px solid #e5e7eb}.confidence-info,.farm-risk-summary,.meta-chip{background:#fff;border-color:#e5e7eb}.confidence-info,.meta-chip{color:#111827}.meta-chip.alert,.meta-chip.ready{background:#fff;border-color:#e5e7eb}.pond-table .risk-badge,.risk-counts .risk-badge{background:#fff;border:1px solid #e5e7eb;color:#111827}.risk-counts .risk-badge.high-risk,.risk-counts .risk-badge.low-risk,.risk-counts .risk-badge.medium-risk,.risk-counts .risk-badge.normal{background:#fff;border-color:#e5e7eb;color:#111827}.risk-level-badge.high-risk{background:#ef4444}.risk-level-badge.medium-risk{background:#f59e0b}.risk-level-badge.low-risk{background:#10b981}.risk-level-badge.normal{background:#6b7280;color:#fff}.suggested-actions-btn,.view-details-btn{background:#fff;border:1px solid #e5e7eb;color:#111827}.suggested-actions-btn:hover,.view-details-btn:hover{background:#f9fafb}.farm-risk-summary .confidence-info:has([class*=alert]){background:#fef2f2;border-color:#fecaca;color:#dc2626}.recommended-actions{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:15px}.recommended-actions h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 12px}.actions-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.action-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s ease}.action-item:hover{background:#f9fafb}.action-icon{color:#6b7280;font-size:.8rem}.action-item span:last-child{color:#374151;font-size:.875rem;font-weight:400}.action-item.high-priority,.action-item.medium-priority{background:#fff;border-color:#e5e7eb}.no-risks-icon{color:#6b7280}.pond-table .risk-badge.high-risk,.pond-table .risk-badge.low-risk,.pond-table .risk-badge.medium-risk,.pond-table .risk-badge.normal{background:#fff;border-color:#e5e7eb;color:#111827}.confidence-info,.farm-info .farm-location,.farm-risk-summary,.fish-condition,.meta-chip,.no-reports-message p,.no-reports-note,.pond-name,.pond-table td,.pond-table th,.risk-badge,.risk-counts span,.risk-label,.risk-report-container,.suggested-actions-btn,.view-details-btn,.water-condition,.weather{font-weight:400}.farm-info .farm-name,.risk-level-badge{font-weight:700}.risk-counts .risk-badge{font-weight:400}.prd-container{background:#0000;border-radius:12px;padding:8px}.prd-export-bar{align-items:center;display:flex;gap:8px;justify-content:space-between;margin:6px 0 10px}.prd-export-label{color:#6b7280;font-size:.9rem}.prd-export-btn{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;cursor:pointer;padding:6px 12px}.prd-refresh-spin{animation:prd-refresh-spin 1s linear infinite}@keyframes prd-refresh-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.prd-export-menu{display:inline-block;position:relative}.prd-export-menu-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 20px #00000014;left:0;min-width:160px;overflow:hidden;position:absolute;top:100%;z-index:10}.prd-export-menu-item{background:#0000;border:none;cursor:pointer;display:block;padding:10px 12px;text-align:left;width:100%}.prd-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:220px;text-align:center}.prd-loading:before{animation:prd-spin .9s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;content:"";height:32px;width:32px}@keyframes prd-spin{to{transform:rotate(1turn)}}.prd-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr}.prd-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 14px #0000000f;overflow:hidden}.prd-section-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:4px;padding:12px 16px}.prd-section-title{color:#111827;font-size:1.05rem;font-weight:700;margin:0}.prd-section-desc{color:#64748b;font-size:.85rem}.prd-section-body{padding:14px 16px}.prd-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.prd-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;transition:box-shadow .2s ease,transform .2s ease}.prd-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-1px)}.prd-card-header{margin-bottom:8px}.prd-card-title{color:#0f172a;font-weight:700}.prd-card-sub{color:#9ca3af;font-size:.8rem}.prd-row{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:8px 0}.prd-row>span:first-child{color:#6b7280}.prd-row>span:last-child,.prd-row>strong{color:#111827}.prd-pill{border-radius:999px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-right:6px;padding:2px 10px}.prd-table{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.prd-rowline,.prd-thead{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr 1.5fr}.prd-thead{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#0f172a;font-weight:700;padding:10px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.prd-tbody .prd-rowline{border-bottom:1px solid #f1f5f9;padding:10px 14px}.prd-tbody .prd-rowline:nth-child(odd){background:#fcfcfd}.prd-tbody .prd-rowline:hover{background:#f8fafc}.prd-pagination{align-items:center;display:flex;gap:10px;justify-content:center;padding:10px 12px}.prd-pagination button{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;cursor:pointer;padding:6px 12px;transition:background .15s ease,box-shadow .15s ease}.prd-pagination button:hover{background:#eef2ff;box-shadow:0 2px 8px #0000000f}.prd-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.prd-summary-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:12px 14px}.prd-summary-item span{color:#64748b;font-size:.85rem}.prd-summary-item strong{color:#1f2937}.prd-weather{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.prd-aggregates{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width:640px){.prd-rowline,.prd-thead{grid-template-columns:1.5fr 1fr 1fr 1.8fr}}.prd-confidence-indicator{display:flex;justify-content:center;margin:20px 0}.prd-confidence-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 25px #0000001a;color:#fff;max-width:500px;min-width:300px;padding:24px;text-align:center;width:100%}.prd-confidence-header{margin-bottom:20px}.prd-confidence-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 8px}.prd-confidence-subtitle{font-size:.9rem;margin:0;opacity:.9}.prd-confidence-value{margin-bottom:16px}.prd-confidence-number{display:block;font-size:3rem;font-weight:800;margin-bottom:12px;text-shadow:0 2px 4px #0003}.prd-confidence-bar{background:#fff3;border-radius:6px;height:12px;margin-bottom:8px;overflow:hidden;width:100%}.prd-confidence-fill{border-radius:6px;box-shadow:0 2px 4px #0003;height:100%;transition:width .3s ease}.prd-confidence-description{font-size:1rem;font-weight:600;opacity:.95}.prd-confidence-no-data{padding:20px 0;text-align:center}.prd-confidence-no-data-icon{font-size:3rem;margin-bottom:12px;opacity:.7}.prd-confidence-no-data-text{font-size:1rem;font-style:italic;opacity:.8}@media (max-width:640px){.prd-confidence-card{min-width:280px;padding:20px}.prd-confidence-title{font-size:1.3rem}.prd-confidence-number{font-size:2.5rem}}@media (min-width:360px) and (max-width:480px){.prd-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.prd-pagination,.prd-tbody,.prd-thead{min-width:560px}.farms-overview-list{-webkit-overflow-scrolling:touch;display:flex!important;gap:12px;overflow-x:auto;padding-bottom:6px}.farms-overview-list .prd-card{flex:0 0 280px}}.condition-insights{display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:12px}.ci-header{justify-content:space-between;padding:2px 4px}.ci-header,.ci-header-left{align-items:center;display:flex}.ci-header-left{color:#fff;font-weight:700;gap:8px}.ci-icon{color:#f59e0b;font-size:16px}.ci-title{font-size:14px;letter-spacing:.5px;text-transform:uppercase}.ci-farm-filter{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:12px;outline:none;padding:6px 8px;transition:all .15s ease}.ci-farm-filter:hover{border-color:#d1d5db;box-shadow:0 0 0 2px #e5e7eb4d}.ci-card{background:#fff;border:1px solid #0000000f;border-radius:14px;box-shadow:0 2px 8px #10182814;padding:14px 16px;transition:transform .15s ease,box-shadow .15s ease}.ci-card:hover{box-shadow:0 4px 12px #1018281f;transform:translateY(-2px)}.ci-critical{background:#fef2f2;border-left:5px solid #dc2626}.ci-elevated{background:#fff7ed;border-left:5px solid #f59e0b}.ci-normal{background:#ecfdf5;border-left:5px solid #10b981}.ci-severity{align-items:center;display:flex;gap:8px;margin-bottom:8px}.ci-sev-emoji{font-size:20px}.ci-sev-chip{background:#0000000f;border-radius:999px;color:#111827;font-size:12px;font-weight:700;padding:2px 10px;text-transform:uppercase}.ci-meta{color:#6b7280;font-size:12px;margin-bottom:4px}.ci-message{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#111827;display:-webkit-box;font-size:13px;line-height:1.4;overflow:hidden}.ci-pagination{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.ci-index{color:#6b7280;font-size:12px}.ci-nav{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#1f2937;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .15s ease}.ci-nav:hover{background:#f3f4f6;box-shadow:0 1px 3px #0000000f}.ci-nav:disabled{cursor:not-allowed;opacity:.5}.ci-empty{background:#fafafa;border:1px dashed #e5e7eb;border-radius:10px;color:#6b7280;font-size:13px;font-style:italic;padding:14px;text-align:center}.ci-clickable{cursor:pointer}.ci-clickable:hover{box-shadow:0 4px 12px #1018281f;transform:translateY(-2px)}.ci-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ci-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:500px;overflow-y:auto;width:100%}.ci-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.ci-modal-header h3{color:#111827;font-size:18px;font-weight:700;margin:0}.ci-modal-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:20px;padding:4px;transition:all .15s ease}.ci-modal-close:hover{background:#f3f4f6;color:#374151}.ci-modal-content{-ms-overflow-style:none;padding:20px;scrollbar-width:none}.ci-modal-content::-webkit-scrollbar{display:none}.ci-modal-severity{align-items:center;display:flex;gap:10px;margin-bottom:16px}.ci-modal-emoji{font-size:24px}.ci-modal-chip{background:#0000000f;border-radius:999px;color:#111827;font-size:14px;font-weight:700;padding:4px 12px;text-transform:uppercase}.ci-modal-meta{margin-bottom:16px}.ci-modal-meta div{color:#374151;font-size:14px;margin-bottom:8px}.ci-modal-meta strong{color:#111827;font-weight:600}.ci-modal-message{margin-bottom:16px}.ci-modal-message strong{color:#111827;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.ci-modal-summary{word-wrap:break-word;color:#374151;font-size:14px;line-height:1.5;white-space:pre-wrap}.ci-history-filters{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 20px}.ci-filter-row{align-items:end;display:flex;gap:16px;margin-bottom:12px}.ci-filter-row:last-child{margin-bottom:0}.ci-filter-group{display:flex;flex-direction:column;gap:4px;min-width:120px}.ci-filter-group label{color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ci-filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:13px;outline:none;padding:6px 8px;transition:all .15s ease}.ci-filter-select:hover{border-color:#9ca3af}.ci-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.ci-search-group{flex:1 1;min-width:200px}.ci-filter-search{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:13px;outline:none;padding:6px 8px;transition:all .15s ease}.ci-filter-search:hover{border-color:#9ca3af}.ci-filter-search:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.ci-clear-filters{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .15s ease}.ci-clear-filters:hover{background:#4b5563;transform:translateY(-1px)}.ci-clear-filters:active{transform:translateY(0)}.ci-card.ci-compact{background:#f0f9ff!important;border:2px solid #0ea5e9!important;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;max-height:140px;min-height:80px;padding:14px 18px;width:100%}.ci-card.ci-compact .ci-severity{align-items:center;display:flex;gap:8px;margin-bottom:6px;width:100%}.ci-card.ci-compact .ci-sev-emoji{flex-shrink:0;font-size:20px}.ci-card.ci-compact .ci-sev-chip{flex-shrink:0;font-size:12px;padding:3px 10px;white-space:nowrap}.ci-card.ci-compact .ci-meta{font-size:13px;font-weight:600;margin-bottom:6px;width:100%}.ci-time-meta{color:#6b7280;font-size:11px;font-style:italic;margin-bottom:8px;width:100%}.ci-card.ci-compact .ci-pagination{align-items:center;display:flex;justify-content:space-between;margin-top:8px;width:100%}.ci-card.ci-compact .ci-nav{font-size:11px;min-width:60px;padding:5px 10px}.ci-card.ci-compact .ci-index{font-size:11px;font-weight:600}.ci-card.ci-compact{position:relative}.ci-card.ci-compact:after{bottom:10px;color:#0ea5e9;content:"Click for details";font-size:10px;font-style:italic;font-weight:600;opacity:.8;position:absolute;right:16px}@media screen and (max-width:360px){.ci-card.ci-compact{min-height:120px;padding-bottom:56px}.ci-card.ci-compact:after{bottom:0;font-size:9px;right:8px}}@media screen and (min-width:361px) and (max-width:480px){.ci-card.ci-compact{min-height:126px;padding-bottom:60px}.ci-card.ci-compact:after{bottom:0;font-size:9px;right:8px}}@media screen and (min-width:360px) and (max-width:480px){.ci-card{padding:12px}.ci-severity{flex-wrap:wrap;gap:6px}.ci-sev-chip{line-height:1.2;white-space:normal}.ci-meta{font-size:11px;white-space:normal;word-break:break-word}.ci-message{-webkit-line-clamp:4;line-clamp:4;font-size:12px}.ci-pagination{flex-wrap:wrap;gap:8px}.ci-nav{padding:5px 10px}.ci-index,.ci-nav{font-size:11px}.ci-modal-header{padding:12px 14px}.ci-modal-header h3{font-size:16px;line-height:1.25;white-space:normal}.ci-modal-content{padding:14px}.ci-modal-chip{font-size:12px;padding:3px 10px}.ci-modal-meta div,.ci-modal-summary{font-size:13px}.ci-history-filters{padding:12px 14px}.ci-filter-row{flex-wrap:wrap;gap:10px}.ci-filter-group{min-width:140px}.ci-search-group{flex:1 1;min-width:140px}.ci-filter-search,.ci-filter-select{font-size:12px}.ci-clear-filters{font-size:11px;padding:6px 10px}}@media screen and (min-width:1024px) and (max-width:1366px){.condition-insights{max-height:300px;overflow:hidden}.ci-card{-ms-overflow-style:none;max-height:200px;overflow-y:auto;scrollbar-width:none}.ci-card::-webkit-scrollbar{display:none}.ci-card.ci-compact{max-height:120px;min-height:100px;width:100%}.ci-message{-webkit-line-clamp:2;line-clamp:2;max-height:2.8em}}@media screen and (min-width:1367px) and (max-width:1440px){.condition-insights{max-height:350px;overflow:hidden}.ci-card{-ms-overflow-style:none;max-height:250px;overflow-y:auto;scrollbar-width:none}.ci-card::-webkit-scrollbar{display:none}.ci-card.ci-compact{max-height:140px;min-height:120px;overflow:hidden;width:100%}}@media screen and (min-width:1441px){.condition-insights{max-height:400px;overflow:hidden}.ci-card{-ms-overflow-style:none;max-height:300px;overflow-y:auto;scrollbar-width:none}.ci-card::-webkit-scrollbar{display:none}}.condition-insights.compact .ci-card{border-radius:10px;padding:10px}.condition-insights.compact .ci-title{font-size:13px}.condition-insights.compact .ci-message{-webkit-line-clamp:2;line-clamp:2}.body{height:100vh}.profile-container{box-sizing:border-box;font-family:customfont1;height:100vh;min-height:100%;overflow:hidden;padding:20px}.profile-header-bar{align-items:center;background:#2c517d;box-sizing:border-box;display:flex;height:60px;justify-content:space-between;margin:0 0 2rem;padding:1rem 2rem;position:relative;width:100%;z-index:1000}.profile-menu{cursor:pointer;padding:10px;position:relative;z-index:1000}.header-right{gap:15px}.user-menu{position:relative}.user-menu button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.user-dropdown-profile-pic{border:2px solid #fff;border-radius:50%;height:40px;object-fit:cover;width:40px}.user-dropdown-icon{color:#fff;font-size:2rem}.header-dropdown-menu{background-color:#efefef;border:3px solid #ddd;border-radius:4px;box-shadow:0 2px 5px #0000001a;margin-top:.5rem;min-width:180px;padding:.3rem 0;position:absolute;right:0;top:100%;z-index:1001}.header-dropdown-menu button{align-items:center;background:#efefef;border:none;color:#000;cursor:pointer;display:flex;font-family:customfont1;font-size:1rem;gap:.8rem;padding:.5rem 1rem;text-align:left;transition:background-color .2s;width:100%}.header-dropdown-menu button:hover{background-color:#b0b1b1!important}.dropdown-icon{color:#666;flex-shrink:0;font-size:1rem}@media (max-width:768px){.profile-header-bar{padding:.5rem 1rem}}.sidebar-wrapper{display:flex;flex-direction:column;height:calc(100vh - 50px);left:0;overflow:hidden;position:absolute;top:60px;transition:all .3s ease;width:18%}.sidebar-wrapper.collapsed{overflow:hidden;width:80px}.account-wrapper{background:#e6e4e4;border-radius:1rem 1rem 0 0;margin-left:25rem;margin-top:6.3rem;max-width:72.8%;padding:1rem;transition:none}.accounts-title{color:#000;font-family:customfont1;font-size:20px;margin:0;text-align:left;text-transform:uppercase}.profile-settings-box{background-color:#fff;border-radius:0 0 20px 20px;box-shadow:0 6px 8px #0003;margin:0 auto 0 25rem;max-width:69.5%;min-height:29rem;padding:3rem;transition:none}.profile-layout{display:flex;gap:3rem;height:35rem}.profile-identity-section{align-items:center;background-color:initial;border-right:2px solid #888;display:flex;flex:0 0 30%;flex-direction:column;padding:2rem}.profile-avatar-container{margin-bottom:1.5rem}.profile-avatar{align-items:center;background-color:#f0f0f0;border:4px solid #606162;border-radius:50%;cursor:pointer;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;width:120px}.profile-avatar:hover{transform:scale(1.05);transition:transform .3s ease}.avatar-placeholder{align-items:center;background-color:#e9ecef;display:flex;height:100%;justify-content:center;width:100%}.avatar-icon{color:#6c757d;font-size:80px;height:100%;width:100%}.user-info-display{text-align:center}.display-username{color:#000;font-family:customfont1;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.display-email{color:#6c757d;font-family:customfont1;font-size:1rem;margin:0}.profile-fields-section{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;padding:1rem 0}.fields-row{align-items:flex-start;display:flex;gap:2rem}.email-password-row .email-field,.email-password-row .password-field{flex:0 0 50%!important}.email-password-row .field-input-container{width:100%!important}.profile-field{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.email-field,.password-field{flex:1 1}.email-field .field-input-container{align-items:flex-start;display:flex;gap:1rem}.email-field .field-input{flex:1 1 auto;max-width:none}@media (min-width:1024px) and (max-width:1535px){.email-password-row{align-items:flex-start}.email-password-row .email-field{flex-basis:calc(58% - 1rem);flex-grow:0;flex-shrink:0}.email-password-row .password-field{flex-basis:calc(42% - 1rem);flex-grow:0;flex-shrink:0}.email-password-row .email-field .field-input-container{width:100%!important}.email-password-row .email-field .field-input{flex:1 1 auto;max-width:none!important;width:100%!important}.email-password-row .verification-notice{margin-top:8px;max-width:none}}@media (min-width:1536px) and (max-width:1919px){.email-password-row{align-items:flex-start}.email-password-row .email-field{flex-basis:calc(58% - 1rem);flex-grow:0;flex-shrink:0}.email-password-row .password-field{flex-basis:calc(42% - 1rem);flex-grow:0;flex-shrink:0}.email-password-row .email-field .field-input-container{width:100%!important}.email-password-row .email-field .field-input{flex:1 1 auto;max-width:none!important;width:100%!important}.email-password-row .verification-notice{margin-top:8px;max-width:none}}@media (min-width:1366px) and (max-width:1535px){.account-wrapper{max-width:72%!important}.sidebar-wrapper.collapsed~.account-wrapper{max-width:85%!important}.profile-settings-box{margin-left:10rem;max-width:70%;min-height:27rem;padding-bottom:1rem}.profile-layout{height:auto}.profile-fields-section{gap:.75rem}.fields-row{flex-wrap:wrap;gap:1rem}.field-input{margin-bottom:.5rem}.change-password-btn{min-width:220px;width:260px}.save-changes-row{display:flex;justify-content:center;margin-left:0;margin-top:.5rem}.save-changes-row .profile-field{flex:0 0 100%;max-width:40%}.email-password-row{grid-column-gap:1.25rem;align-items:flex-start;column-gap:1.25rem;display:grid;grid-template-columns:310px 310px;justify-content:start}.email-password-row .email-field,.email-password-row .field-input-container,.email-password-row .password-field{width:100%}.sidebar-wrapper.collapsed~.account-wrapper{margin-left:9rem!important;margin-top:2rem}.sidebar-wrapper.collapsed~.profile-settings-box{margin-left:9rem!important;max-width:78%;min-height:27rem;padding-bottom:1rem}.sidebar-wrapper:not(.collapsed)~.account-wrapper{margin-left:20rem;margin-top:2rem}.sidebar-wrapper:not(.collapsed)~.profile-settings-box{margin-left:20rem;max-width:68.8%}}.verification-notice{background:#fff8e1;border:1px solid #f59e0b;border-radius:8px;color:#92400e;flex:1 1 auto;font-size:.9rem;line-height:1.3;padding:10px 12px}.verification-notice .send-verification-btn{margin-top:6px}.profile-field label{color:#030303;font-family:customfont1;font-size:1rem;font-weight:700}.field-input-container{align-items:center;display:flex;position:relative}.field-input{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;flex:1 1;font-family:customfont1;font-size:1rem;padding:.75rem 2.5rem .75rem .75rem;pointer-events:none;transition:border-color .3s ease;-webkit-user-select:none;user-select:none}.field-input.editing{background-color:#fff;border-color:#1a4375;box-shadow:0 0 0 3px #1a43751a;cursor:text;pointer-events:auto;-webkit-user-select:text;user-select:text}.field-input.editing:focus{background-color:#fff;border-color:#1a4375;outline:none}.edit-icon-inside{color:#6c757d;height:1.2rem;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:color .3s ease;width:1.2rem}.clickable-edit-icon{cursor:pointer;pointer-events:auto}.clickable-edit-icon:hover{color:#1a4375;transform:translateY(-50%) scale(1.1)}.field-input:focus .edit-icon-inside:not(.clickable-edit-icon),.field-input:hover .edit-icon-inside:not(.clickable-edit-icon){color:#1a4375}.save-changes-btn{border-radius:8px;box-shadow:0 2px 4px #0000001a;font-size:1rem;padding:.75rem 1.5rem}.change-password-btn{background-color:#e8edf4;border:none;border-radius:25px;box-shadow:0 2px 4px #0000004d;color:#5d5d5d;cursor:pointer;font-family:customfont1;font-size:.9rem;min-width:220px;padding:.75rem .5rem;transition:all .3s ease;width:240px}.change-password-btn:hover{background-color:#cbcbcb!important;transform:translateY(-2px)}.save-changes-btn{background-color:#e8edf4;border:none;border-radius:25px;box-shadow:0 2px 4px #0000004d;color:#5d5d5d;cursor:pointer;font-family:customfont1;font-size:1.1rem;padding:.75rem .5rem;transition:all .3s ease;width:100%}.save-changes-btn:hover{background-color:#cbcbcb;transform:translateY(-2px)}.save-changes-row{justify-content:center;margin-top:1rem}.save-changes-row .profile-field{flex:0 0 auto;max-width:200px}.username-change-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.username-change-content{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:400px;padding:2rem;text-align:center;width:90%}.username-change-content h3{color:#000;font-family:customfont1;margin-bottom:1.5rem}.error-message,.success-message{border-radius:8px;box-shadow:0 4px 12px #00000026;font-family:customfont1;font-size:1rem;font-weight:500;left:50%!important;max-width:400px;min-width:300px;padding:1rem 2rem;position:fixed!important;text-align:center;top:120px!important;transform:translateX(-50%)!important;transition:all .3s ease;z-index:9999!important}.error-message{border:2px solid #dc2626;color:#dc2626}.success-message{border:2px solid #16a34a;color:#16a34a}.error-message.visible,.success-message.visible{transform:translateX(-50%) translateY(0)}.error-message,.success-message{opacity:0;transform:translateX(-50%) translateY(-20px)}.sidebar-wrapper:not(.collapsed)~.profile-settings-box{margin-left:25rem}.profile-icon{margin-bottom:.5rem;margin-top:-3.5rem}.profile-icon,.profile-icon-container{align-items:center;display:flex;flex-direction:column}.profile-icon-container{margin-bottom:20px;position:relative;width:100%}.profile-icon{cursor:pointer;height:100px;margin-bottom:10px;position:relative;width:100px}.profile-icon:hover{transform:scale(1.05)}.profile-image{border:3px solid #1a4375;border-radius:50%;height:100%;object-fit:cover;width:100%}.icon-user{color:#004a6f;font-size:40px}.remove-image-btn{align-items:center;background:#f44;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .2s ease;width:30px;z-index:10}remove-image-btn:hover{background:#c00;transform:scale(1.1)}.image-options-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-options-content{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:400px;padding:2rem;text-align:center;width:90%}.image-options-content h3{color:#000;font-family:customfont1;margin-bottom:1.5rem}.option-btn{align-items:center;background:#1a4375;border:none;border-radius:25px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;font-family:customfont1;font-size:16px;gap:10px;justify-content:center;margin-bottom:10px;padding:12px;width:100%}.option-btn:hover{background:#005f8a;transform:translateY(-2px)}.option-btn.remove-btn{background:#dc3545}.option-btn.remove-btn:hover{background:#c82333}.cancel-btn{background:#f0f0f0;border:none;border-radius:25px;color:#1a4375;cursor:pointer;font-family:customfont1;font-size:16px;margin-top:10px;padding:12px;width:100%}.cancel-btn:hover{background:#e0e0e0}.camera-loading{align-items:center;background-color:#000;border-radius:5px;color:#fff;display:flex;font-size:1.2rem;height:200px;justify-content:center;margin-bottom:15px}.camera-preview{margin-bottom:20px;position:relative;width:100%}.video-preview{background:#000;border-radius:5px;margin-bottom:15px;max-height:300px;object-fit:cover;width:100%}.capture-btn{background:linear-gradient(90deg,#4caf50,#45a049);border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:customfont1;font-size:16px;margin-bottom:10px;padding:12px;width:100%}.capture-btn:hover{background:linear-gradient(90deg,#45a049,#3d8b40)}.image-preview-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-preview-content{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:400px;padding:2rem;text-align:center;width:90%}.image-preview-content h3{color:#000;font-family:customfont1;margin-bottom:1.5rem}.preview-circle{border:3px solid #1a4375;border-radius:50%;height:200px;margin:0 auto 1.5rem;overflow:hidden;width:200px}.preview-image{height:100%;object-fit:cover;width:100%}.preview-actions{display:flex;gap:1rem;justify-content:center}.preview-actions .confirm-btn{background:linear-gradient(90deg,#4caf50,#45a049);padding:.8rem 1.5rem}.preview-actions .cancel-btn{background:linear-gradient(90deg,#f44336,#d32f2f);padding:.8rem 1.5rem}.preview-actions button{align-items:center;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-family:customfont1;gap:.5rem;transition:all .3s ease}.preview-actions button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.circle-icon{background-color:#f0f0f0;border:3px solid #1a4375;border-radius:50%;height:100%;justify-content:center;overflow:hidden;width:100%}.circle-icon,.username-label{align-items:center;display:flex}.username-label{gap:10px;margin-top:10px;position:relative}.username-text{background:#1a4375;border-radius:10px;box-shadow:0 0 20px #0000006e;color:#fff;font-family:customfont1;font-size:20px;margin-top:.5rem;padding:6px 50px;transition:all .3s ease}.username-text:hover{background:#2e6ba6;transform:scale(1.02)}.username-options{background:#fff;border:2px solid #1a4375;border-radius:8px;box-shadow:0 4px 15px #0003;left:50%;margin-top:10px;min-width:200px;padding:10px;position:absolute;top:100%;transform:translateX(-50%);z-index:100}.username-option-btn{background:#1a4375;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:customfont1;font-size:14px;padding:10px;transition:all .3s ease;width:100%}.username-option-btn:hover{background:#2e6ba6;transform:translateY(-2px)}.username-change-form{background:#fff;border:2px solid #1a4375;border-radius:8px;box-shadow:0 4px 15px #0003;left:50%;margin-top:10px;padding:15px;position:absolute;top:100%;transform:translateX(-50%);width:280px;z-index:100}.username-change-form input{background-color:#ede6e6;border:2px solid #1a4375;border-radius:4px;font-size:.9rem;margin-bottom:10px;padding:8px 12px;width:90%}.username-error{color:#dc3545;font-size:.8rem;margin-bottom:8px}.usernamecancel-btn,.usernamesubmit-btn{border:none;border-radius:4px;cursor:pointer;font-family:customfont1;font-size:.9em;padding:8px 16px;transition:all .3s ease}.usernamecancel-btn{background-color:#6c757d;color:#fff}.usernamesubmit-btn{background-color:#28a745;color:#fff}.usernamecancel-btn:hover,.usernamesubmit-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.usernamecancel-btn:hover{background-color:#5a6268}.usernamesubmit-btn:hover{background-color:#218838}.email-section{margin:-1rem 0;position:relative}.email-info{align-items:center;gap:10px}.email-change-form{background-color:#fff;border:.2rem solid #1a4375;border-radius:8px;box-shadow:0 2px 10px #00000026;margin-top:5px;padding:15px;position:absolute;right:20rem;top:100%;width:280px;z-index:10}.email-change-form input[type=email]{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:8px;width:90%}.password-verification{margin-bottom:10px;position:relative;width:100%}.password-verification input{border:1px solid #ddd;border-radius:4px;padding:8px 40px 8px 8px;width:80%}.password-verification .password-toggle{background:none;border:none;color:#666;cursor:pointer;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.password-verification .password-toggle:hover{color:#333}.email-error{color:#dc3545;font-size:.9em;margin-bottom:10px}.form-buttons{gap:10px}.emailcancel-btn,.emailsubmit-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9em;padding:8px 16px;transition:background-color .3s}.emailcancel-btn{background-color:#6c757d;color:#fff}.emailcancel-btn:hover{background-color:#5a6268}.emailsubmit-btn{background-color:#1a4375;color:#fff}.emailsubmit-btn:hover{background-color:#15335c}.emailsubmit-btn:disabled{background-color:#ccc;cursor:not-allowed}.email-section h4{font-size:20px;margin-bottom:.5rem;text-decoration:underline}.email-section h4,.email-section p{color:#000;font-family:customfont1}.email-text{color:#123056;font-family:customfont1;font-size:18px;font-weight:700}.verification-status{align-items:center;color:#ff6b6b;display:inline-flex;font-size:.9em;gap:8px;margin-left:10px}.change-btn{background:#1a4375;border:none;border-radius:25px;box-shadow:0 0 20px #0000006e;color:#fff;cursor:pointer;font-family:customfont1;font-size:15px;margin-left:2rem;padding:8px 20px;white-space:nowrap}.change-btn:hover{background:#2e6ba6;box-shadow:0 4px 15px #0003;transform:scale(1);transition:all .3s ease}.divider{border:none;border-radius:5px;border-top:7px solid #1a4375;margin:3rem auto -1rem;width:35rem}.password-section h4{color:#000;font-family:customfont1,sans-serif;font-size:20px;letter-spacing:.5px;margin-bottom:1rem;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.password-fields{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{color:#1b1b1d;font-family:customfont1,sans-serif;font-size:14px;font-weight:600}.input-group input{background-color:#fff;border:.2rem solid #1a4375;border-radius:1rem;display:block;margin:0 2rem 0 auto;max-width:300px;outline:none;padding:.8rem;transition:border-color .3s ease;width:80%}.input-group input:focus{background-color:#fff;border-color:#1a4375;box-shadow:0 0 0 3px #1a43751a;outline:none}.error-message{background-color:#fee2e2;border-left:4px solid #dc2626;color:#b91c1c}.error-message,.success-message{border-radius:8px;font-size:14px;grid-column:3/-1;margin-bottom:-6rem;margin-left:5rem;margin-top:2rem;padding:.75rem 1rem}.success-message{background-color:#dcfce7;border-left:4px solid #16a34a;color:#166534}.error-message.visible,.success-message.visible{margin-bottom:-6.5rem;opacity:1;transform:translateY(0)}.error-message.fade-out,.success-message.fade-out{margin-bottom:-6rem;opacity:0;transform:translateY(-10px)}.passconfirm-btn{background:#1a4375;border:none;border-radius:25px;box-shadow:0 0 20px #0000006e;color:#fff;cursor:pointer;font-family:customfont1;font-size:15px;grid-column:2/-1;justify-self:start;margin-left:16rem;margin-top:-4rem;padding:1rem 1.5rem}.passconfirm-btn:hover{background:#2e6ba6;box-shadow:0 4px 15px #0003;transform:scale(1);transition:all .3s ease}.passconfirm-btn:active{box-shadow:inset 2px 2px 5px #0003;transform:scale(.98);transition:all .2s ease}.forgot-password{color:#1a4375;display:inline-block;font-size:14px;font-weight:500;margin-bottom:2rem;text-decoration:none;transition:color .2s ease}.forgot-password:hover{color:#15325e;text-decoration:underline}.currentpassword-input-wrapper,.newpassword-input-wrapper{margin:0 9rem 0 auto;max-width:300px;position:relative;width:50%}.password-toggle{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:-3rem;top:30%;transition:color .2s ease}.password-toggle:hover{color:#1a4375}.eye-icon{height:1.3rem;transition:all .2s ease;width:1.3rem}.input-group input{padding-right:3.5rem;width:100%}.verify-btn{background:#1a4375;border:none;border-radius:25px;box-shadow:0 0 20px #0000006e;color:#fff;cursor:pointer;font-family:customfont1;font-size:15px;margin-right:15px;padding:8px 20px;white-space:nowrap}.verify-btn:hover{background:#2e6ba6;box-shadow:0 4px 15px #0003;transform:scale(1);transition:all .3s ease}.verify-btn:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.check-verification-btn,.send-verification-btn{background:#1a4375;border:none;border-radius:20px;box-shadow:0 2px 6px #00000026;color:#fff;cursor:pointer;font-family:customfont1;font-size:14px;padding:8px 16px}.check-verification-btn{background:#4b5563}.check-verification-btn:hover,.send-verification-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.check-verification-btn:disabled,.send-verification-btn:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}@media (min-width:1920px){.profile-header-bar{height:80px;padding:1rem 4rem}.sidebar-wrapper{top:80px!important}.account-wrapper{margin-left:25rem;max-width:76.2%}.profile-settings-box{margin-left:26rem;max-width:72%;padding:3.5rem}.save-changes-btn{width:300px}.save-changes-row{margin-top:3.5rem}.email-password-row{grid-column-gap:2rem;align-items:flex-start;column-gap:2rem;display:grid;grid-template-columns:410px 410px;justify-content:start}.email-password-row .email-field,.email-password-row .field-input-container,.email-password-row .password-field{width:100%}.sidebar-wrapper.collapsed~.account-wrapper{margin-left:15rem;max-width:84.2%}.sidebar-wrapper.collapsed~.profile-settings-box{margin-left:15rem;max-width:80%;min-height:32rem}.sidebar-wrapper:not(.collapsed)~.account-wrapper,.sidebar-wrapper:not(.collapsed)~.profile-settings-box{margin-left:26rem}.profile-layout{gap:3.5rem}.profile-avatar{height:140px;width:140px}.display-username{font-size:1.75rem}}@media (min-width:1536px) and (max-width:1919px){.account-wrapper{margin-left:20rem;max-width:73%}.profile-settings-box{margin-left:10rem;max-width:70%;min-height:27rem;padding-bottom:1rem}.profile-layout{height:auto}.profile-fields-section{gap:.75rem}.fields-row{flex-wrap:wrap;gap:1rem}.field-input{margin-bottom:.5rem}.change-password-btn{min-width:220px;width:260px}.save-changes-row{display:flex;justify-content:center;margin-left:0;margin-top:.5rem}.save-changes-row .profile-field{flex:0 0 100%;max-width:40%}.email-password-row{grid-column-gap:1.25rem;align-items:flex-start;column-gap:1.25rem;display:grid;grid-template-columns:310px 310px;justify-content:start}.email-password-row .email-field,.email-password-row .field-input-container,.email-password-row .password-field{width:100%}.sidebar-wrapper.collapsed~.account-wrapper{margin-left:10rem;margin-top:2rem;max-width:82.2%}.sidebar-wrapper.collapsed~.profile-settings-box{margin-left:10rem;max-width:78%;min-height:27rem;padding-bottom:1rem}.sidebar-wrapper:not(.collapsed)~.account-wrapper{margin-left:20rem;margin-top:2rem}.sidebar-wrapper:not(.collapsed)~.profile-settings-box{margin-left:20rem;max-width:68.8%}}@media (min-width:1280px) and (max-width:1535px){.account-wrapper{margin-left:20rem;max-width:78%}.profile-settings-box{margin-left:20rem;max-width:76%;padding:2.5rem}.sidebar-wrapper.collapsed~.account-wrapper{margin-left:calc(80px + 1rem);max-width:84%}.sidebar-wrapper.collapsed~.profile-settings-box{margin-left:calc(80px + 1rem);max-width:82%;min-height:30rem}.sidebar-wrapper:not(.collapsed)~.account-wrapper,.sidebar-wrapper:not(.collapsed)~.profile-settings-box{margin-left:20rem}.profile-layout{gap:2rem}.profile-identity-section{flex:0 0 32%}.change-password-btn{width:260px}.email-password-row{grid-column-gap:1.25rem;align-items:flex-start;column-gap:1.25rem;display:grid;grid-template-columns:310px 310px;justify-content:start}.email-password-row .email-field,.email-password-row .field-input-container,.email-password-row .password-field{width:100%}}@media (min-width:1024px) and (max-width:1279px){.account-wrapper{margin-left:16rem;max-width:88%}.profile-settings-box{margin-left:16rem;max-width:86%;padding:2rem}.sidebar-wrapper.collapsed~.account-wrapper{margin-left:calc(80px + .75rem);max-width:92%}.sidebar-wrapper.collapsed~.profile-settings-box{margin-left:calc(80px + .75rem);max-width:90%;min-height:28rem}.sidebar-wrapper:not(.collapsed)~.account-wrapper,.sidebar-wrapper:not(.collapsed)~.profile-settings-box{margin-left:16rem}.profile-layout{gap:1.5rem}.profile-avatar{height:110px;width:110px}.change-password-btn{width:240px}}@media (min-width:768px) and (max-width:1023px){.profile-header-bar{padding:.5rem 1rem}.account-wrapper,.profile-settings-box{margin-left:auto;margin-right:auto;max-width:94%}.profile-settings-box{padding:1.5rem}.sidebar-wrapper.collapsed~.account-wrapper,.sidebar-wrapper.collapsed~.profile-settings-box,.sidebar-wrapper:not(.collapsed)~.profile-settings-box,.sidebar-wrapper~.profile-settings-box{margin-left:auto}.profile-layout{flex-direction:column;gap:1.5rem;height:auto}.profile-identity-section{border-bottom:2px solid #888;border-right:none}.fields-row{flex-direction:column;gap:1rem}.email-password-row{grid-column-gap:1rem;align-items:flex-start;column-gap:1rem;display:grid;grid-template-columns:320px 320px;justify-content:start}.email-field .field-input-container{align-items:stretch;flex-direction:column}.email-field .field-input{flex:1 1 auto;max-width:100%}.verification-notice{font-size:.8rem;padding:8px 10px}.verification-notice .send-verification-btn{font-size:.8rem;padding:6px 10px}.change-password-btn,.save-changes-btn{width:100%}.passconfirm-btn{margin-left:0;width:100%}.currentpassword-input-wrapper,.input-group input,.newpassword-input-wrapper{margin:0;max-width:none;width:100%}.password-toggle{right:.75rem;top:50%;transform:translateY(-50%)}}@media (max-width:767px){.profile-header-bar{padding:.5rem .75rem}.account-wrapper{margin-top:5.5rem}.account-wrapper,.profile-settings-box{margin-left:auto;margin-right:auto;max-width:95%;padding:1rem}.sidebar-wrapper.collapsed~.account-wrapper,.sidebar-wrapper.collapsed~.profile-settings-box,.sidebar-wrapper:not(.collapsed)~.profile-settings-box,.sidebar-wrapper~.profile-settings-box{margin-left:auto}.profile-layout{flex-direction:column;gap:1rem;height:auto}.profile-identity-section{border-bottom:2px solid #888;border-right:none;padding:1rem 0 1.5rem}.profile-avatar{height:100px;width:100px}.display-username{font-size:1.25rem}.email-password-row,.fields-row{flex-direction:column;gap:.75rem}.email-password-row{align-items:stretch}.email-password-row .email-field,.email-password-row .password-field{flex:1 1 100%;width:100%}.email-password-row .field-input{width:100%}.email-field .field-input-container{align-items:stretch;flex-direction:column}.email-field .field-input{flex:1 1 auto;max-width:100%}.verification-notice{font-size:.75rem;margin-top:6px;padding:6px 8px}.verification-notice .send-verification-btn{font-size:.8rem;padding:6px 10px}.field-input{font-size:.95rem}.change-password-btn,.save-changes-btn{font-size:1rem;width:100%}.passconfirm-btn{margin-left:0;width:100%}.currentpassword-input-wrapper,.input-group input,.newpassword-input-wrapper{margin:0;max-width:none;width:100%}.password-toggle{right:.75rem;top:50%;transform:translateY(-50%)}.divider{width:100%}.error-message,.success-message{left:0;max-width:320px;min-width:auto;right:auto;text-align:center;top:100px!important;transform:translateX(-100%);width:80%}.email-change-form{margin-top:10px;position:static;right:auto;width:100%}}.field-input.disabled-field{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.7}.field-input.disabled-field:focus{border-color:#e9ecef;box-shadow:none;outline:none}.email-confirm-modal-overlay{align-items:center;animation:overlayFadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.email-confirm-modal{animation:modalSlideIn .3s ease-out;background:#f6f5f5;border:1px solid #d2d9e2;border-radius:12px;box-shadow:0 10px 30px #2c517d33,0 0 0 1px #d2d9e2;max-height:80vh;max-width:420px;overflow:hidden;width:90%}.email-confirm-header{align-items:center;background:#2c517d;border-bottom:1px solid #d2d9e2;display:flex;justify-content:space-between;padding:20px 24px;position:relative}.email-confirm-header h3{font-weight:600;gap:10px;margin:0}.email-close-modal-btn,.email-confirm-header h3{align-items:center;color:#f6f5f5;display:flex;font-size:18px}.email-close-modal-btn{background:#f6f5f533;border:1px solid #f6f5f54d;border-radius:6px;cursor:pointer;height:32px;justify-content:center;padding:6px;transition:all .2s ease;width:32px}.email-close-modal-btn:hover{background:#f6f5f54d;border-color:#f6f5f580;color:#fff;transform:scale(1.05)}.email-confirm-body{background:#f6f5f5;padding:24px;text-align:center}.email-logout-modal-overlay{align-items:center;animation:overlayFadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.email-logout-modal{animation:modalSlideIn .3s ease-out;background:#f6f5f5;border:1px solid #d2d9e2;border-radius:12px;box-shadow:0 10px 30px #2c517d33,0 0 0 1px #d2d9e2;max-height:80vh;max-width:450px;overflow:hidden;width:90%}.email-logout-header{align-items:center;background:#2c517d;border-bottom:1px solid #d2d9e2;display:flex;justify-content:space-between;padding:20px 24px;position:relative}.email-logout-header h3{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.email-logout-body{background:#f6f5f5;padding:24px;text-align:center}.email-logout-body p{color:#1b1b1d;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.6;margin:0}.email-logout-actions{background:#f6f5f5;display:flex;flex-direction:column;gap:12px;padding:0 24px 24px}.email-logout-actions .send-verification-btn{align-items:center;border-radius:10px;box-shadow:0 2px 6px #00000026;display:inline-flex;font-family:customfont1,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:600;justify-content:center;padding:12px 20px;transition:all .2s ease;width:100%}.email-logout-actions .send-verification-btn:hover:not(:disabled){box-shadow:0 4px 8px #0003;filter:brightness(1.05);transform:translateY(-1px)}.logout-anyway-btn{align-items:center;background:#0000;border:2px solid #ef4444;border-radius:10px;color:#ef4444;cursor:pointer;display:inline-flex;font-family:customfont1,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:600;justify-content:center;padding:12px 20px;transition:all .2s ease}.logout-anyway-btn:hover{background:#ef4444;box-shadow:0 4px 8px #ef44444d;color:#fff;transform:translateY(-1px)}.email-logout-actions .cancel-btn{align-items:center;background:#e5e7eb;border:1px solid #d1d5db;border-radius:10px;color:#374151;display:inline-flex;font-family:customfont1,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:600;justify-content:center;padding:12px 20px;transition:all .2s ease;width:100%}.email-logout-actions .cancel-btn:hover{background:#d1d5db;border-color:#9ca3af;transform:translateY(-1px)}.email-confirm-body p{color:#1b1b1d;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:400;margin:0 0 8px}.email-confirm-password{align-items:flex-start;display:flex;flex-direction:column;gap:6px;margin-top:12px}.email-confirm-password label{color:#1b1b1d;font-weight:400;margin-bottom:2px}.email-confirm-password input,.email-confirm-password label{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.95rem}.email-confirm-password input{background:#fff;border:1px solid #ccd5e0;border-radius:10px;height:36px;line-height:18px;padding:8px 10px;width:100%}.email-confirm-password input::-ms-clear,.email-confirm-password input::-ms-reveal{display:none}.email-confirm-password-input-wrapper{display:inline-block;max-width:320px;position:relative;width:100%}.email-confirm-password-input-wrapper input{padding-right:8px;width:100%}.email-password-toggle{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:1.05rem;height:24px;justify-content:center;padding:0;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:color .2s ease;width:24px}.email-password-toggle:hover{color:#374151;transform:translateY(-50%)}.email-confirm-password input:focus{border-color:#1a4375;box-shadow:0 0 0 3px #1a43751f;outline:none}.email-confirm-error{color:#dc3545;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:.9rem;font-weight:400}.email-confirm-actions{align-items:center;background:#f6f5f5;display:flex;gap:12px;justify-content:center;padding:16px 24px 24px}.email-confirm-actions .cancel-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#1f2937;cursor:pointer;display:inline-flex;font-family:customfont1;font-size:1rem;font-weight:600;height:42px;justify-content:center;line-height:1;margin:0;min-width:180px;padding:10px 20px;vertical-align:top}.email-confirm-actions .cancel-btn:hover{background:#e5e7eb}.confirm-email-btn{align-items:center;background:#1a4375;border:1px solid #0000;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:customfont1;font-size:1rem;font-weight:600;height:42px;justify-content:center;line-height:1;margin:0;min-width:180px;padding:10px 20px;vertical-align:top}.confirm-email-btn:hover{filter:brightness(1.05)}.confirm-email-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.bulk-activate-button{align-items:center;background:#10b981;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-family:ReadexPro-Regular;font-size:14px;gap:.5rem;margin:0 1rem 0 0;padding:10px 16px;transition:all .3s ease}.bulk-activate-button:hover{background:#0ea373;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.bulk-activate-button:active{box-shadow:0 2px 3px #0000001a;transform:translateY(0)}@media (min-width:360px) and (max-width:480px) and (max-width:885px){.manage-wrapper .add-user-button-container{position:relative!important}.manage-wrapper .add-user-button-container .filter-dropdown{left:auto!important;margin:0!important;max-height:70vh!important;max-width:90vw!important;min-width:260px!important;overflow-y:auto!important;position:absolute!important;right:0!important;top:calc(100% - 8px)!important;transform:none!important;transition:none!important;z-index:10002!important}}.account-header-bar{align-items:center;background:#2c517d;box-sizing:border-box;display:flex;height:50%;justify-content:space-between;margin:0 0 2rem;padding:.5rem 5rem;position:relative;width:100%;z-index:1102}@media (min-width:1024px){.account-management .sidebar-wrapper{width:240px}}@media (min-width:360px) and (max-width:480px) and (max-width:885px){.account-header-bar.blurred{backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%)}.sidebar-backdrop{background:#00000080;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:1000}.sidebar-backdrop.active{opacity:1;pointer-events:auto}}.filter-button{align-items:center;background:#d2d9e2;border:none;border-radius:9px;color:#3f3f3f;cursor:pointer;display:flex;font-family:ReadexPro-Regular;font-size:15px;gap:8px;margin-bottom:.5rem;padding:17px 50px;position:relative;transition:all .3s ease}.filter-button:hover{background:#b8c4d1;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.filter-dropdown{left:70%;min-width:280px}.filter-section{margin-bottom:15px}.filter-section label{color:#495057;display:block;font-family:ReadexPro-Regular;font-size:14px;font-weight:600;margin-bottom:8px}.filter-section input,.filter-section select{background-color:#fff;border:1px solid #ced4da;border-radius:6px;font-family:ReadexPro-Regular;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.filter-section input:focus,.filter-section select:focus{border-color:#2c517d;box-shadow:0 0 0 2px #2c517d1a;outline:none}.filter-actions{border-top:1px solid #e9ecef;display:flex;gap:10px;margin-top:20px;padding-top:15px}.apply-filter-btn,.clear-filter-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-family:ReadexPro-Regular;font-size:14px;padding:10px 16px;transition:all .2s ease}.apply-filter-btn{background:#2c517d;color:#fff}.apply-filter-btn:hover{background:#2e6ba6;transform:translateY(-1px)}.clear-filter-btn{background:#6c757d;color:#fff}.clear-filter-btn:hover{background:#5a6268;transform:translateY(-1px)}.account-search-input-wrapper{margin-right:75px;position:relative;width:200px}.search-input{background-color:#dde9ff;border:1px solid #ddd;border-radius:20px;color:#2a2a2a;font-family:ReadexPro-Regular;font-size:1rem;padding:10px 15px 10px 50px;transition:all .3s ease}.search-input::placeholder{color:#49454f;opacity:1}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.account-search-icon{color:#666;font-size:1rem;left:120%;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.account-menu{cursor:pointer;padding:10px;position:relative;z-index:1000}.manage-wrapper{background:#e6e4e4;box-shadow:0 8px 15px #0000004d;margin:9rem 0 -5rem 25rem;max-width:75.6%}.manage-header{align-items:center;display:flex;justify-content:flex-end}.add-user-button{align-items:center;background:#2c517d;border-radius:18px;display:flex;font-family:ReadexPro-Regular;gap:.5rem;margin:0 4rem -7rem 0;transition:all .3s ease}.add-user-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.bulk-delete-button{align-items:center;background:#dc3545;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-family:ReadexPro-Regular;font-size:14px;gap:.5rem;margin:0 4rem 0 0;padding:10px 16px;transition:all .3s ease}.bulk-delete-button:hover{background:#c82333;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.bulk-delete-button:active{box-shadow:0 2px 3px #0000001a;transform:translateY(0)}.button-icon{font-size:1.2rem}.table-header{background:#f8f9fa;border-bottom:2px solid #e9ecef;border-radius:8px 8px 0 0;margin-top:5rem;padding:1rem}.header-row{grid-gap:1rem;align-items:center;color:#495057;display:grid;font-family:ReadexPro-Regular;font-weight:600;gap:1rem;grid-template-columns:50px 2fr 1fr 1fr 1fr 1fr 1fr 1fr 20px}.header-cell{justify-content:flex-start}.header-cell,.header-cell span{color:#1f1f1f;font-family:ReadexPro-Regular}.checkbox-cell{justify-content:center}.select-all-checkbox{accent-color:#1a4375;cursor:pointer;height:18px;width:18px}.select-all-checkbox:indeterminate{background-color:#6c757d;border-color:#6c757d;position:relative}.select-all-checkbox:indeterminate:after{background-color:#fff;border-radius:1px;content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.farm-cell,.role-cell,.status-cell{cursor:pointer;-webkit-user-select:none;user-select:none}.farm-cell{color:#495057;font-family:ReadexPro-Regular;text-align:center}.dropdown-arrow{color:#6c757d;cursor:pointer;font-size:1.2rem;transition:transform .2s ease}.dropdown-arrow:hover{color:#1a4375;transform:scale(1.1)}.dropdown-menu-name,.dropdown-menu-role,.dropdown-menu-status{animation:dropdownFadeIn .2s ease;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:.25rem;min-width:150px;position:absolute;top:100%;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{border-bottom:1px solid #f8f9fa;color:#495057;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;transition:background-color .2s ease;white-space:nowrap}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#f8f9fa;color:#1a4375}.dropdown-item:active{background-color:#e9ecef}.header-cell.farm-cell,.header-cell.role-cell,.header-cell.status-cell{min-width:120px}.header-cell.actions-cell,.header-cell.contact-cell,.header-cell.joined-cell{justify-content:flex-start}.header-cell.name-cell{min-width:200px}.account-container{background:#fff;border:.2rem solid #fff;box-shadow:0 8px 15px #0000004d;height:35rem;margin:5rem 1rem auto;padding:2rem;width:90%}@media (max-height:650px){.account-container{margin-left:1rem;max-height:40vh;overflow:auto;width:59.3rem}.table-header{background:#f8f9fa;border-bottom:2px solid #e9ecef;border-radius:8px 8px 0 0;margin-left:.4rem;margin-top:5rem;padding:1rem}.manage-wrapper{background:#e6e4e4;box-shadow:0 8px 15px #0000004d;margin-bottom:-5rem;margin-left:1rem}}.account-header h2{background:#1a4375;border-radius:10px 10px 0 0;color:#fff;font-family:customfont1;font-size:1.5rem;font-weight:700;margin:0;padding:1rem;text-align:left;text-decoration:underline}.account-tabs{display:flex;gap:2rem;justify-content:center;margin:1.5rem 0}.account-tabs:hover{filter:brightness(1.1)}.account-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.account-popup-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 32px #1a437526,0 0 0 1px #1a43750d;color:#1a4375;max-height:90vh;max-width:90%;overflow-y:auto;padding:24px;width:400px}.account-popup-header{align-items:center;border-bottom:5px solid #000;display:flex;margin-bottom:20px;padding-bottom:10px;position:relative}.account-popup-user-image{border:2px solid #007bff;border-radius:50%;height:80px;margin-right:15px;object-fit:cover;width:80px}.account-popup-user-icon{color:#007bff;font-size:80px;margin-right:15px}.account-popup-header h2{flex-grow:1;font-size:22px;margin:0}.account-close-button{cursor:pointer;position:absolute;right:0;top:0}.account-close-icon{color:#777;font-size:24px;font-weight:700}.account-close-icon:hover{color:#333}.account-user-details{font-family:customfont1;margin-bottom:30px}.account-detail-item{align-items:center;display:flex;font-size:15px;justify-content:center;margin-bottom:10px}.account-detail-label{color:#555;font-weight:600;width:120px}.account-detail-value{background-color:#f5f5f5;border-radius:4px;color:#333;display:inline-block;flex-grow:1;min-width:200px;padding:8px}.popup-actions{border-top:2px solid #e0e0e0;display:flex;flex-direction:row;gap:15px;margin-top:25px;padding-top:20px;width:100%}.action-button{align-items:center;border-radius:6px;box-shadow:0 2px 5px #0000001a;display:flex;flex:1 1;font-size:14px;font-weight:600;justify-content:center;padding:10px 20px}.button-icon{font-size:14px;margin-right:8px}.edit-button{background-color:#3498db;color:#fff}.edit-button:hover{background-color:#2980b9;transform:translateY(-1px)}.edit-button:active{transform:translateY(0)}.save-button{background-color:#2ecc71;color:#fff}.save-button:hover{background-color:#27ae60;transform:translateY(-1px)}.save-button:active{transform:translateY(0)}.cancel-button{background-color:#95a5a6}.cancel-button:hover{background-color:#7f8c8d;transform:translateY(-1px)}.delete-button{background-color:#e74c3c;color:#fff}.delete-button:hover{background-color:#c0392b;transform:translateY(-1px)}.delete-button:active{transform:translateY(0)}.action-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}@media (max-width:480px){.popup-actions{flex-direction:column;gap:10px}.action-button{width:100%}}.edit-input{background-color:#fff;border:.2rem solid #1a4375;border-radius:1rem;box-sizing:border-box;color:#333;flex-grow:1;font-size:14px;height:36px;padding:8px 12px;transition:all .2s ease}.edit-input:focus{border-color:#0064c9;box-shadow:0 0 0 2px #0064c91a;outline:none}.edit-select{-webkit-appearance:none;appearance:none;background-color:#fff;border:.2rem solid #1a4375;border-radius:1rem;color:#333;cursor:pointer;flex-grow:1;font-size:14px;height:36px;padding:8px 12px}.edit-select:focus{border-color:#0064c9;box-shadow:0 0 0 2px #0064c91a;outline:none}.account-detail-item.readonly{opacity:.8}@media (max-width:768px){.account-detail-item{align-items:flex-start;flex-direction:column;gap:5px}.account-detail-label{padding-right:0;text-align:left;width:100%}.edit-input,.edit-select{width:100%}}.add-user-button{background:#1b4577;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:customfont1;font-size:15px;margin-bottom:20px;margin-top:10px;padding:15px 20px;transition:background-color .3s}.add-user-button:hover{background:#2e6ba6;box-shadow:0 4px 15px #0003;transform:scale(1);transition:all .3s ease}.add-user-button:active{box-shadow:0 2px 3px #0000001a;transform:translateY(0)}.add-user-form-container{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;display:flex;height:100%;isolation:isolate;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:20000}.add-user-form{background:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;font-family:customfont1;margin:0 auto;max-width:650px;padding:25px 30px;position:relative;width:90%;z-index:20001}.add-user-form .form-group input,.add-user-form .form-group select{border:1.5px solid #1a4375;height:42px;max-width:100%;width:100%}.add-user-form .form-group input:focus,.add-user-form .form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.add-user-form .form-role-notice{background:#f1f5ff;border:1px solid #dbe6ff;border-left:4px solid #2563eb}.add-user-form .role-notice-icon{line-height:1}.add-user-form .role-notice-content p{font-family:ReadexPro-Regular}.add-user-form .add-button{background:linear-gradient(135deg,#10b981,#059669)}.add-user-form .add-button:hover{filter:brightness(.98)}.add-user-form .add-button:disabled{background:#9ca3af;transform:none}.add-user-form .cancel-button{background:#e5e7eb;border:1px solid #d1d5db;color:#111827}.add-user-form .cancel-button:hover{background:#dfe3e8}.add-user-form .tech-officer-status-display .status-display-inactive{background:#fef7e0;border:1px solid #feefc3}.add-user-form .message{margin:10px 0 8px}.form-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px;position:relative}.form-header h3{color:#2d3748;font-size:1.4rem;font-weight:600;margin:0}.close-form-button{background:none;border:none;color:#718096;cursor:pointer;font-size:24px;line-height:1;padding:5px;position:absolute;right:-10px;top:-10px;transition:all .2s ease}.close-form-button:hover{color:#e53e3e}.form-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.form-group{flex:1 1;margin-bottom:0;min-width:calc(50% - 20px)}.form-group label{color:#4a5568;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{background-color:#fff;border:.2rem solid #1a4375;border-radius:5px;color:#333;font-size:16px;padding:10px;position:relative;transition:border-color .3s;width:80%;z-index:10002}.form-group input:focus,.form-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #4299e133;outline:none}.form-group-full{flex:0 0 100%}.form-buttons{border-top:1px solid #e2e8f0;display:flex;gap:15px;justify-content:flex-end;margin-top:25px;padding-top:15px}.add-button{background-color:#4caf50;border:none;border-radius:6px;box-shadow:0 2px 5px #0000001a;color:#fff;cursor:pointer;font-family:customfont1;padding:10px 20px;transition:all .3s ease}.add-button:hover{background-color:#388e3c;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.cancel-button{background-color:#f44336;border-radius:6px;box-shadow:0 2px 5px #0000001a;font-family:customfont1;padding:10px 20px}.cancel-button:hover{background-color:#d32f2f;box-shadow:0 4px 8px #00000026}.message{animation:messageFadeIn .3s ease-out;border-radius:4px;margin-bottom:10px;opacity:1;padding:10px;text-align:center;transition:opacity .5s ease-out}.message.hide{height:0;margin:0;opacity:0;overflow:hidden;padding:0;transition:opacity .5s ease-out,height .5s .5s,padding .5s .5s,margin .5s .5s}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message.error{background-color:#ffebee;border:1px solid #ef9a9a;color:#d32f2f}.message.success{background-color:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.message.info{background-color:#e8f0fe;border:1px solid #c6dafc;color:#174ea6}.add-user-form .form-header h3{font-family:ReadexPro-Regular;font-weight:600;letter-spacing:.2px}.add-user-form .form-group label{color:#334155;font-family:ReadexPro-Regular;font-weight:500}.add-user-form .form-group input,.add-user-form .form-group select{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#111827;font-size:14px;height:44px;max-width:80%;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:80%}.add-user-form .form-group input::placeholder{color:#9aa6b2}.add-user-form .form-group input:focus,.add-user-form .form-group select:focus{border-color:#2c517d;box-shadow:0 0 0 3px #2c517d26;outline:none}.add-user-form .input-error{border-color:#e11d48!important;box-shadow:0 0 0 3px #e11d481f}.add-user-form .form-role-notice{background:#f5f8ff;border:1px solid #e3ebff;border-left:4px solid #2c517d;border-radius:8px;display:flex;gap:10px;margin:10px 0 6px;padding:12px 14px}.add-user-form .role-notice-icon{font-size:18px}.add-user-form .role-notice-content p{color:#334155;margin:4px 0 0}.add-user-form .add-button{background:#2c517d;border:none;border-radius:8px;color:#fff;font-weight:600;letter-spacing:.2px;padding:10px 18px}.add-user-form .add-button:hover{background:#244565;transform:translateY(-1px)}.add-user-form .add-button:active{transform:translateY(0)}.add-user-form .add-button:disabled{background:#94a3b8;cursor:not-allowed}.add-user-form .cancel-button{background:#0000;border:1px solid #cbd5e1;border-radius:8px;color:#1f2937;font-weight:600;padding:10px 18px}.add-user-form .cancel-button:hover{background:#f3f4f6}.add-user-form .tech-officer-status-display .status-display-inactive{background:#fff7ed;border:1px solid #ffedd5;border-radius:8px;padding:10px 12px}.add-user-form .status-indicator .status-dot.inactive{background:#f59e0b}.add-user-form .message{border-radius:8px;margin:12px 0 8px}.add-user-form input[type=date],.add-user-form input[type=email],.add-user-form input[type=password],.add-user-form input[type=text]{font-size:14px;height:30px;padding:8px 10px}.message.warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.error-message{background-color:#ffebee;border:1px solid #ef9a9a;color:#d32f2f}@media (max-width:768px){.add-user-form{max-width:95%;padding:20px}.form-group{min-width:100%}.form-buttons{flex-direction:column}.add-button,.cancel-button{width:100%}}@media (min-width:360px) and (max-width:480px) and (max-width:885px){.add-user-form-container{align-items:flex-start;padding:2rem .5rem .5rem}.add-user-form{display:flex;flex-direction:column;margin:0;max-height:90vh;max-width:100%;overflow-y:auto;padding:1rem 1rem 0;width:100%}.form-header{background:#fff;margin-bottom:1rem;padding-bottom:.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.form-header h3{font-size:1.2rem;margin-right:2rem}.close-form-button{align-items:center;background:#f8f9fa;border-radius:50%;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:.25rem;position:absolute;right:0;top:0;width:2rem}.form-buttons{background:#fff;border-top:1px solid #e2e8f0;bottom:0;box-shadow:0 -2px 8px #0000001a;flex-direction:row;flex-shrink:0;gap:.5rem;margin-top:auto;padding:1rem;position:-webkit-sticky;position:sticky;z-index:10}.add-button,.cancel-button{flex:1 1;font-size:.9rem;min-height:44px;padding:.75rem}}@media (max-width:360px) and (max-width:885px){.add-user-form-container{align-items:flex-start;padding:1rem .25rem .25rem}.add-user-form{display:flex;flex-direction:column;margin:0;max-height:95vh;max-width:100%;overflow-y:auto;padding:.75rem .75rem 0;width:100%}.form-header h3{font-size:1.1rem}.close-form-button{font-size:1.25rem;height:1.75rem;width:1.75rem}.form-buttons{background:#fff;border-top:1px solid #e2e8f0;bottom:0;box-shadow:0 -2px 8px #0000001a;flex-direction:column;flex-shrink:0;gap:.5rem;margin-top:auto;padding:1rem;position:-webkit-sticky;position:sticky;z-index:10}.add-button,.cancel-button{font-size:.85rem;min-height:40px;padding:.75rem;width:100%}}@media (max-width:500px){.popup-actions{flex-direction:column;gap:10px}}.three-dot-menu{cursor:pointer;left:77rem;padding:10px;position:absolute;z-index:1000}.three-dot-icon{color:#333;font-size:24px}.dropdown-menu{background-color:#00bfe9;border:1px solid #ccc;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:5px;padding:10px;top:40px;z-index:1000}.dropdown-menu button{border-radius:4px;text-align:center;white-space:nowrap}.dropdown-menu .csv-link,.dropdown-menu button{background-color:#1b4577;display:block;font-size:15px;padding:10px 30px;text-decoration:none}.dropdown-menu .csv-link{border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:customfont1;text-align:left}.dropdown-menu .csv-link:hover,.dropdown-menu button:hover{background-color:#0056b3}.account-main-content{display:flex;flex-direction:column;gap:1rem;margin-left:20%;transition:margin-left .3s ease}.user-table{border-collapse:collapse;margin-top:-1.5rem;width:100%}.user-row{grid-gap:.5rem;align-items:center;border-bottom:1px solid #e9ecef;display:grid;gap:.5rem;grid-template-columns:50px 2fr 1fr 1fr 1fr 1fr 1fr 1fr 80px;margin-left:-1.5rem;margin-right:2rem;padding:1rem .5rem;transition:background-color .2s ease}.user-row:hover{background-color:#f8f9fa}.user-cell{align-items:center;color:#495057;display:flex;font-size:.9rem;padding:.5rem}.user-cell.checkbox-cell{justify-content:center;margin-left:-.5rem;min-width:50px;width:50px}.user-cell.name-cell{justify-content:flex-start;margin-left:-1rem;min-width:200px}.user-cell.role-cell,.user-cell.status-cell{font-size:15px;justify-content:center;margin-left:-1rem;min-width:120px}.user-cell.contact-cell{background-color:initial;border:none;font-family:ReadexPro-Regular2;font-size:15px;justify-content:center;margin-left:-.5rem;min-width:120px;text-align:center}.user-cell.contact-cell:empty:before,.user-cell.contact-cell:has(:only-child:empty):before{color:#6c757d;content:"No contact";font-size:.85rem;font-style:italic}.user-cell.actions-cell{align-items:center;flex-direction:column;gap:6px;justify-content:center;margin-left:-.5rem;min-width:150px;padding:.5rem}.user-cell.delete-cell{justify-content:center;min-width:70px;padding:.5rem;width:70px}.user-checkbox{accent-color:#1a4375;cursor:pointer;height:18px;width:18px}.user-info{align-items:center;display:flex;gap:.75rem}.user-avatar,.user-avatar-icon{border:2px solid #e9ecef;border-radius:50%;box-sizing:border-box;display:block;flex-shrink:0;height:40px;overflow:hidden;width:40px}.user-avatar{display:block;object-fit:cover}.user-avatar-icon{align-items:center;background-color:#f8f9fa;color:#6c757d;display:flex;font-size:22px;justify-content:center;line-height:1}.user-details{display:flex;flex-direction:column;gap:0}.account-management-username{color:#212529;font-family:ReadexPro-Regular2;font-size:.95rem;font-weight:600;line-height:1;margin-top:0;padding:0}.account-management-user-email{color:#6c757d;font-size:.9rem;line-height:1;margin:0;padding:0}.role-admin{margin-left:20px}.role-temporary-tech-officer{background-color:#7fb2fe;color:#000;font-family:ReadexPro-Regular2;font-size:13px}.status-indicator{align-items:center;display:flex;gap:.5rem}.status-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.status-dot.active{background-color:#0eea27;margin-left:1rem}.status-dot.inactive{background-color:#f8504a;margin-left:2rem}.status-text.inactive{color:#f8504a;font-family:ReadexPro-Regular2;font-size:14px;font-weight:600}.status-text.active{color:#10bf24;font-family:ReadexPro-Regular2;font-size:15px}.activate-tech-officer-btn,.delete-user-btn,.reset-password-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-family:ReadexPro-Regular2;font-size:.9rem;font-size:15px;gap:.5rem;transition:all .2s ease}.reset-password-btn{color:#7b7b7b}.reset-password-btn:hover{transform:translateY(-1px)}.delete-user-btn{color:#7b7b7b;margin-right:2rem}.delete-user-btn:hover{transform:translateY(-1px)}.activate-tech-officer-btn{color:#28a745;font-weight:600}.activate-tech-officer-btn:hover{color:#218838;transform:translateY(-1px)}.user-cell.joined-cell{background-color:initial;border:none;font-family:ReadexPro-Regular2;font-size:15px;justify-content:center;margin-left:-.5rem;min-width:120px;text-align:center}.user-cell.joined-cell:empty:before,.user-cell.joined-cell:has(:only-child:empty):before{color:#6c757d;content:"Unknown";font-size:.85rem;font-style:italic}.action-icon{color:#000;font-size:1.5rem}.user-cell.actions-cell,.user-cell.contact-cell,.user-cell.delete-cell,.user-cell.farm-cell,.user-cell.joined-cell,.user-cell.role-cell,.user-cell.status-cell{justify-content:center}@media (max-width:1600px){.manage-wrapper{margin:9rem 0 -5rem 18.3rem;max-width:78.4%}.header-row{gap:1rem;grid-template-columns:20px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 70px;padding:.5rem}.user-row{gap:1rem;grid-template-columns:50px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 70px;margin-left:-1.5rem;margin-right:2rem;margin-top:-2.4rem;padding:.75rem .5rem}.user-cell{font-size:.85rem;padding:1.3rem}.delete-user-btn,.reset-password-btn,.role-badge{font-size:.8rem;padding:.5rem 1rem}.account-main-content{margin-left:18%}.user-table{margin-top:-.5rem}.pagination-bar{margin-top:1.5rem;padding:.75rem 0}.pagination-btn{margin-top:.5rem;padding:.75rem 0}.export-button,.filter-button{font-size:14px;padding:15px 40px}.add-user-button-container{gap:.8rem}}@media (max-width:1300px){.manage-wrapper{margin:9rem 0 -5rem 15rem;max-width:80%}.header-row{gap:.5rem;grid-template-columns:20px 2fr 1fr 1fr 1fr 1fr 1.2fr 1fr 50px;padding:-2rem}.user-row{gap:.5rem;grid-template-columns:50px 2fr 1fr 1fr 1fr 1.2fr 1fr 70px;margin-left:-2.5rem;margin-right:2rem;padding:.7rem .5rem}.user-cell{font-size:.8rem;padding:.5rem}.role-badge{font-size:.8rem;padding:.5rem 1rem}.delete-user-btn,.reset-password-btn{font-size:.8rem;padding:.3rem .5rem}.account-main-content{margin-left:18%}.user-table{margin-top:-2rem}.pagination-bar{margin-top:.5rem;padding:.75rem 0}.export-button,.filter-button{font-size:13px;padding:12px 35px}.add-user-button-container{gap:.6rem}}@media (max-width:768px){.manage-wrapper{margin:9rem 0 0 10rem;max-width:95%}.header-row,.user-row{gap:.4rem;grid-template-columns:30px 1.2fr .7fr .7fr .7fr .7fr .8fr .7fr 45px}.user-row{margin-left:-.5rem;margin-right:1rem}.user-cell{font-size:.75rem;padding:.25rem}.username{font-size:.85rem}.user-email{font-size:.7rem}.delete-user-btn,.reset-password-btn,.role-badge{font-size:.65rem;padding:.25rem .5rem}.account-main-content{margin-left:12%}.add-user-button{font-size:13px;margin:1.5rem 1.5rem -7rem;padding:8px 14px}.bulk-delete-button{font-size:13px;margin:0;padding:8px 14px}.pagination-bar{gap:.5rem;padding:.75rem 0}.pagination-btn{font-size:14px;padding:.4rem .7rem}.pagination-page{font-size:13px;padding:.3rem .6rem}}@media (max-width:576px){.manage-wrapper{margin:9rem 0 0 5rem;max-width:98%}.header-row,.user-row{gap:.3rem;grid-template-columns:25px 1fr .6fr .6fr .6fr .6fr .7fr .6fr 40px}.user-row{margin-left:0;margin-right:.5rem}.user-cell{font-size:.7rem;padding:.2rem}.username{font-size:.8rem}.user-email{font-size:.65rem}.delete-user-btn,.reset-password-btn,.role-badge{font-size:.6rem;padding:.2rem .4rem}.account-main-content{margin-left:8%}.add-user-button{font-size:12px;margin:1rem 1rem -7rem;padding:6px 12px}.bulk-delete-button{font-size:12px;margin:0;padding:6px 12px}.pagination-bar{gap:.4rem;padding:.5rem 0}.pagination-btn{font-size:13px;padding:.3rem .6rem}.pagination-page{font-size:12px;padding:.25rem .5rem}}@media (max-width:480px){.manage-wrapper{margin:9rem 0 0 2rem;max-width:100%}.header-row,.user-row{gap:.25rem;grid-template-columns:20px .8fr .5fr .5fr .5fr .5fr .6fr .5fr 35px}.user-row{margin-left:0;margin-right:.25rem}.user-cell{font-size:.65rem;padding:.15rem}.username{font-size:.75rem}.user-email{font-size:.6rem}.delete-user-btn,.reset-password-btn,.role-badge{font-size:.55rem;padding:.15rem .3rem}.account-main-content{margin-left:5%}.add-user-button{font-size:11px;margin:.75rem .75rem -7rem;padding:5px 10px}.bulk-delete-button{font-size:11px;margin:0;padding:5px 10px}.pagination-bar{gap:.3rem;padding:.4rem 0}.pagination-btn{font-size:12px;padding:.25rem .5rem}.pagination-page{font-size:11px;padding:.2rem .4rem}}.pagination-bar{align-items:center;display:flex;gap:.75rem;justify-content:center;padding:1rem 0}.pagination-btn{background:#2c517d;border:none;border-radius:6px;color:#fff;font-family:customfont1;padding:.5rem .9rem;transition:background .2s ease,transform .1s ease}.pagination-btn:disabled{background:#a0aec0}.pagination-btn:hover:not(:disabled){background:#2e6ba6;transform:translateY(-1px)}.pagination-pages{align-items:center;gap:.4rem}.pagination-page{background:#e6e4e4;border:1px solid #cbd5e0;border-radius:6px;color:#1a4375;font-family:ReadexPro-Regular;padding:.4rem .7rem}.pagination-page.active{background:#2c517d;border-color:#2c517d}.pagination-page:hover{background:#dbe7ff}.account-container,.user-grid-container{display:flex;flex-direction:column}.user-grid-container,.user-table{flex:1 1}.pagination-bar{background:#0000;bottom:0;margin-top:auto;position:-webkit-sticky;position:sticky}.loading-users-message{align-items:center;color:#666;display:flex;flex-direction:column;font-size:1.05rem;gap:.5rem;justify-content:center;padding:2rem;text-align:center}.loading-users-message .loading-spinner{animation:accounts-loading-spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#1a4375;height:32px;width:32px}@keyframes accounts-loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.filter-button{font-size:13px;padding:8px 16px}.filter-dropdown{min-width:250px}}@media (max-width:576px){.filter-button{font-size:12px;padding:6px 12px}.filter-dropdown{min-width:220px}.filter-actions{flex-direction:column;gap:8px}}@media (max-width:480px){.filter-button{font-size:11px;padding:5px 10px}.filter-dropdown{min-width:200px}}.user-info-display{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:8px;padding:15px}.user-info-display p{color:#495057;font-size:14px;margin:5px 0}.user-info-display strong{color:#2c517d;font-weight:600}.password-options{display:flex;flex-direction:column;gap:12px;margin-top:8px}.radio-option{align-items:center;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:all .2s ease}.radio-option:hover{background-color:#f8f9fa;border-color:#2c517d}.radio-option input[type=radio]{accent-color:#2c517d;cursor:pointer;margin:0}.radio-option span{color:#495057}.custom-password-input,.radio-option span{font-family:ReadexPro-Regular;font-size:14px}.custom-password-input{background-color:#fff;border:1px solid #ced4da;border-radius:6px;padding:10px 12px;transition:border-color .2s ease;width:100%}.custom-password-input:focus{border-color:#2c517d;box-shadow:0 0 0 2px #2c517d1a;outline:none}.custom-password-container{align-items:center;display:flex;gap:10px}.custom-password-container .custom-password-input{flex:1 1}.generate-password-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:ReadexPro-Regular;font-size:12px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.generate-password-btn:hover{background:#5a6268;transform:translateY(-1px)}.generate-random-password-btn{background:#2c517d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:ReadexPro-Regular;font-size:14px;margin:10px 0;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.generate-random-password-btn:hover{background:#2e6ba6;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.no-password-message{background-color:#f8f9fa;border:1px dashed #dee2e6;border-radius:6px;color:#6c757d;font-style:italic;margin:10px 0;padding:20px;text-align:center}.generated-password-display{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:15px;padding:15px}.generated-password-display label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.password-preview{display:flex;flex-direction:column;gap:8px}.generated-password-input{background-color:#fff;border:1px solid #ced4da;border-radius:6px;color:#6c757d;cursor:not-allowed;font-family:ReadexPro-Regular;font-size:14px;padding:10px 12px;width:100%}.generated-password-input:focus{border-color:#6c757d;box-shadow:none;outline:none}.password-preview small{color:#6c757d;font-size:11px;font-style:italic}.password-requirements{color:#6c757d;display:block;font-size:12px;font-style:italic;line-height:1.4;margin-top:8px}.password-strength-indicator{align-items:center;display:flex;gap:10px;margin-top:10px}.strength-bar{background-color:#e9ecef;border-radius:4px;height:8px;min-width:0;transition:all .3s ease}.strength-label{font-size:12px;font-weight:600;min-width:40px;text-align:center}.password-reset-pending{margin-top:5px;text-align:center}.pending-indicator{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;display:inline-block;font-size:11px;font-weight:600;line-height:1.25;max-width:220px;padding:4px 8px;white-space:normal}.user-row .password-reset-pending{width:100%}@media (max-width:1600px){.pending-indicator{max-width:200px}}@media (max-width:1300px){.pending-indicator{max-width:180px}}.add-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.add-button:disabled:hover{background-color:#6c757d;box-shadow:none;transform:none}.admin-password-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;display:flex;height:100%;isolation:isolate;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10001}.modal-content h2{border-bottom:2px solid #e9ecef;color:#2c517d;font-family:customfont1;font-size:1.5rem;margin:0 0 1rem;padding-bottom:1rem;text-align:center}.modal-content p{color:#495057;font-family:ReadexPro-Regular;font-size:1rem;line-height:1.5;margin:0 0 1.5rem;text-align:center}.modal-content .form-group{margin-bottom:1.5rem;position:relative;z-index:10003}.modal-content .form-group label{color:#2c517d;display:block;font-weight:600;margin-bottom:.5rem}.admin-password-input,.modal-content .form-group label{font-family:ReadexPro-Regular;font-size:1rem;position:relative;z-index:10003}.admin-password-input{background-color:#fff;border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;color:#495057;padding:12px 16px;transition:all .3s ease;width:100%}.admin-password-input:focus{border-color:#2c517d;box-shadow:0 0 0 3px #2c517d1a;outline:none;transform:translateY(-1px)}.admin-password-input:focus-visible{outline:2px solid #2c517d;outline-offset:2px}.admin-password-input:active{transform:none}.admin-password-input::placeholder{color:#adb5bd;font-style:italic}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;font-family:ReadexPro-Regular;font-size:.9rem;margin:.5rem 0 0;padding:.5rem;text-align:center}.modal-actions{border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:1.5rem}.confirm-button{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:ReadexPro-Regular;font-size:1rem;font-weight:600;min-width:150px;padding:12px 24px;transition:all .3s ease}.confirm-button:hover{background:#218838;box-shadow:0 8px 16px #28a7454d;transform:translateY(-2px)}.confirm-button:active{transform:translateY(0)}.confirm-button:disabled{cursor:not-allowed;opacity:.6}.confirm-button:disabled,.confirm-button:disabled:hover{background:#6c757d;box-shadow:none;transform:none}.cancel-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:ReadexPro-Regular;font-size:1rem;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease}.cancel-button:hover{background:#5a6268;box-shadow:0 8px 16px #6c757d4d;transform:translateY(-2px)}.cancel-button:active{transform:translateY(0)}@media (max-width:768px){.modal-content{margin:1rem;max-width:90%;padding:1.5rem}.modal-content h2{font-size:1.3rem;margin-bottom:.8rem}.modal-content p{font-size:.9rem;margin-bottom:1.2rem}.admin-password-input{font-size:.9rem;padding:10px 14px}.modal-actions{flex-direction:column;gap:.8rem;margin-top:1.5rem}.cancel-button,.confirm-button{font-size:.9rem;min-width:auto;padding:10px 20px;width:100%}}@media (max-width:576px){.modal-content{margin:.5rem;max-width:95%;padding:1.2rem}.modal-content h2{font-size:1.2rem;margin-bottom:.6rem}.modal-content p{font-size:.85rem;margin-bottom:1rem}.admin-password-input{font-size:.85rem;padding:8px 12px}.modal-actions{margin-top:1.2rem;padding-top:1rem}.cancel-button,.confirm-button{font-size:.85rem;padding:8px 16px}.error-message{font-size:.8rem;padding:.4rem}}@media (max-width:480px){.modal-content{margin:.25rem;max-width:98%;padding:1rem}.modal-content h2{font-size:1.1rem;margin-bottom:.5rem}.modal-content p{font-size:.8rem;margin-bottom:.8rem}.admin-password-input{font-size:.8rem;padding:6px 10px}.modal-actions{margin-top:1rem;padding-top:.8rem}.cancel-button,.confirm-button{font-size:.8rem;padding:6px 12px}}@media (prefers-contrast:high){.admin-password-modal{background-color:#000000e6}.modal-content{border:3px solid #000;box-shadow:0 20px 40px #000c}.admin-password-input{border:2px solid #000}.admin-password-input:focus{border-color:#000;box-shadow:0 0 0 3px #0000004d}}@media (prefers-reduced-motion:reduce){.modal-content{animation:none}.admin-password-input:focus,.cancel-button:hover,.confirm-button:hover{transform:none}}.tech-officer-status-display{display:flex;flex-direction:column;gap:8px}.status-display-inactive{align-items:center;background-color:#fff;border:.2rem solid #1a4375;border-radius:5px;box-sizing:border-box;display:flex;min-height:42px;padding:10px 12px;width:80%}.status-display-inactive .status-indicator{align-items:center;display:flex;gap:8px}.status-display-inactive .status-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.status-display-inactive .status-dot.inactive{background-color:#f8504a}.status-display-inactive .status-text.inactive{color:#f8504a;font-family:ReadexPro-Regular2;font-size:14px;font-weight:600}@media (max-width:768px){.status-display-inactive{min-height:38px;padding:8px 10px}.status-display-inactive .status-text.inactive{font-size:13px}}@media (max-width:576px){.status-display-inactive{min-height:36px;padding:6px 8px}.status-display-inactive .status-text.inactive{font-size:12px}}.form-role-notice{align-items:flex-start;background-color:#e3f2fd;border:1px solid #2196f3;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;margin-top:10px;padding:15px}.role-notice-icon{color:#2196f3;flex-shrink:0;font-size:20px;margin-top:2px}.role-notice-content{flex:1 1}.role-notice-content strong{color:#1976d2;display:block;font-family:customfont1;font-size:14px;margin-bottom:5px}.role-notice-content p{color:#1565c0;font-family:ReadexPro-Regular;font-size:13px;line-height:1.4;margin:0}@media (max-width:768px){.form-role-notice{gap:10px;padding:12px}.role-notice-icon{font-size:18px}.role-notice-content strong{font-size:13px}.role-notice-content p{font-size:12px}}@media (max-width:576px){.form-role-notice{align-items:flex-start;flex-direction:column;gap:8px;padding:10px}.role-notice-icon{font-size:16px;margin-top:0}.role-notice-content strong{font-size:12px}.role-notice-content p{font-size:11px}}@media (min-width:1920px){.account-header-bar{height:81px;padding:1rem 4rem}.header-logo{height:50px}.header-title{font-size:2rem}.account-management .main-content-wrapper,.account-management .main-content-wrapper.sidebar-collapsed{margin-left:240px!important;margin-left:var(--sidebar-width,240px)!important}.account-container{height:35.6rem;padding:2.5rem}.add-user-button,.bulk-delete-button{font-size:16px;padding:18px 25px}.filter-dropdown{background:linear-gradient(135deg,#fff,#f8fafc)!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 8px 25px #00000026!important;left:75%!important;min-width:220px!important;padding:25px!important;top:100%!important}.add-user-form-container{align-items:flex-start;padding-bottom:2rem;padding-top:2rem}.add-user-form{max-height:80vh;overflow-y:auto}.filter-section input,.filter-section select{border:2px solid #e2e8f0!important;border-radius:8px!important;font-size:15px!important;padding:12px 2px!important;transition:all .3s ease!important}.filter-button{font-size:16px;padding:20px 55px}.sidebar-wrapper{top:80px!important}.header-cell.checkbox-cell{justify-content:center!important;width:60px!important}.header-cell.checkbox-cell,.header-cell.name-cell{margin-left:-2rem!important;padding:.75rem!important}.header-cell.name-cell{justify-content:flex-start!important;width:250px!important}.header-cell.role-cell,.header-cell.status-cell{margin-left:-6rem!important}.header-cell.contact-cell,.header-cell.role-cell,.header-cell.status-cell{justify-content:center!important;padding:.75rem!important;width:140px!important}.header-cell.contact-cell{margin-left:-8rem!important}.header-cell.actions-cell{margin-left:-10rem!important;width:180px!important}.header-cell.actions-cell,.header-cell.joined-cell{justify-content:center!important;padding:.75rem!important}.header-cell.joined-cell{margin-left:-9rem!important;width:140px!important}.header-cell.delete-cell{margin-left:0!important;width:100px!important}.header-cell.delete-cell,.user-cell.checkbox-cell{justify-content:center!important;padding:.75rem!important}.user-cell.checkbox-cell{margin-left:-2.5rem!important;width:60px!important}.user-cell.name-cell{justify-content:flex-start!important;margin-left:-3rem!important;padding:.75rem!important;width:250px!important}.user-cell.role-cell{margin-left:-5rem!important}.user-cell.role-cell,.user-cell.status-cell{justify-content:center!important;padding:.75rem!important;width:140px!important}.user-cell.status-cell{margin-left:-4rem!important}.user-cell.contact-cell{width:140px!important}.user-cell.actions-cell,.user-cell.contact-cell{justify-content:center!important;margin-left:-4rem!important;padding:.75rem!important}.user-cell.actions-cell{width:180px!important}.user-cell.joined-cell{margin-left:-2rem!important;width:140px!important}.user-cell.delete-cell,.user-cell.joined-cell{justify-content:center!important;padding:.75rem!important}.user-cell.delete-cell{margin-right:2.5rem!important;width:100px!important}.user-row{border-bottom:1px solid #e2e8f0!important;transition:all .3s ease!important}.user-row:hover{background-color:#f8fafc!important;border-bottom:1px solid #cbd5e1!important;box-shadow:0 2px 8px #00000014!important;transform:translateY(-1px)!important}}@media (min-width:1536px) and (max-width:1919px) and (orientation:landscape){.account-header-bar{height:60px;padding:1rem 2rem}.add-user-form-container{padding-left:3rem;padding-right:3rem}.add-user-form{margin-left:auto;margin-right:auto;max-height:80vh;max-width:720px;overflow-y:auto;width:100%}.user-row{border-bottom:1px solid #e2e8f0!important;margin-top:-1rem!important;padding:1rem!important;transition:all .3s ease!important;width:115%!important}.user-row:hover{background-color:#f8fafc!important;border-bottom:1px solid #cbd5e1!important;box-shadow:0 2px 8px #00000014!important;transform:translateY(-1px)!important}.manage-wrapper.sidebar-collapsed .user-row{border-bottom:1px solid #e2e8f0!important;margin-top:-1rem!important;padding:1rem!important;transition:all .3s ease!important;width:100%!important}.manage-wrapper{margin:9rem 0 -5rem 17%;margin-left:18rem!important;max-width:77%!important;transition:all .3s ease!important}.account-main-content{margin-left:17rem!important;max-width:80.5%!important;transition:all .3s ease!important}.manage-wrapper.sidebar-collapsed{margin-left:8rem!important;max-width:88%!important;transition:all .3s ease!important}.account-main-content.sidebar-collapsed{margin-left:7rem!important;max-width:94%!important;transition:all .3s ease!important}.account-container{height:21.6rem!important;overflow:auto!important;padding:2rem;padding-bottom:5rem!important;position:relative!important}.pagination-bar{align-items:center!important;bottom:-13rem!important;gap:1rem!important;justify-content:center!important;left:2rem!important;margin:0!important;padding:1rem 0!important;position:absolute!important;right:2rem!important;z-index:100!important}.pagination-btn{border-radius:8px!important;font-family:customfont1!important;font-size:13px!important;min-width:50px!important;padding:.5rem!important;transition:all .3s ease!important}.filter-dropdown{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;box-shadow:0 6px 20px #0000001f!important;left:70%!important;min-width:200px!important;padding:20px!important;top:100%!important}.filter-section input,.filter-section select{border:1px solid #d1d5db!important;border-radius:6px!important;font-size:14px!important;padding:10px 2px!important;transition:all .2s ease!important}.sidebar-wrapper{top:60px!important;transition:all .3s ease!important}.header-title{font-size:1.5rem}.add-user-button,.bulk-delete-button,.filter-button{font-size:13px}.header-cell.checkbox-cell,.user-cell.checkbox-cell{margin-left:-1.5rem!important;padding:.5rem!important;width:50px!important}.user-cell.checkbox-cell{justify-content:center!important}.header-cell.name-cell{margin-left:1.5rem!important;padding:0!important;width:10px!important}.user-cell.name-cell{margin-left:-3rem!important;padding:1rem!important;width:200px!important}.header-cell.role-cell{margin-left:2rem!important}.header-cell.role-cell,.user-cell.role-cell{padding:.5rem!important;width:120px!important}.user-cell.role-cell{margin-left:1rem!important}.header-cell.status-cell{justify-content:center!important;padding:.5rem!important;width:120px!important}.header-cell.farm-cell,.user-cell.status-cell{margin-left:-1rem!important}.header-cell.farm-cell,.user-cell.farm-cell,.user-cell.status-cell{justify-content:center!important;padding:.5rem!important;width:120px!important}.user-cell.farm-cell{color:#495057!important;font-family:ReadexPro-Regular!important;font-size:14px!important;margin-left:2rem!important}.header-cell.contact-cell{margin-left:1.5rem!important;padding:.5rem!important;width:120px!important}.user-cell.contact-cell{justify-content:center!important;margin-left:-.5rem!important;padding:.5rem!important;width:120px!important}.header-cell.actions-cell{margin-left:.5em!important;padding:.5rem!important;width:50px!important}.user-cell.actions-cell{margin-left:-.5rem!important;padding:.5rem!important;width:150px!important}.header-cell.joined-cell{margin-left:.5rem!important;padding:.5rem!important;width:60px!important}.user-cell.joined-cell{margin-left:-.5rem!important;width:120px!important}.header-cell.delete-cell,.user-cell.joined-cell{justify-content:center!important;padding:.5rem!important}.header-cell.delete-cell{width:80px!important}.user-cell.delete-cell{justify-content:center!important;margin-right:2rem!important;padding:.5rem!important;width:80px!important}}@media (min-width:1366px) and (max-width:1535px){.account-header-bar{height:60px;padding:1rem 2rem}.add-user-form-container{padding-left:3rem;padding-right:3rem}.add-user-form{margin-left:auto;margin-right:auto;max-height:80vh;max-width:720px;overflow-y:auto;width:100%}.user-row{border-bottom:1px solid #e2e8f0!important;margin-top:-1rem!important;padding:1rem!important;transition:all .3s ease!important;width:115%!important}.user-row:hover{background-color:#f8fafc!important;border-bottom:1px solid #cbd5e1!important;box-shadow:0 2px 8px #00000014!important;transform:translateY(-1px)!important}.manage-wrapper.sidebar-collapsed .user-row{border-bottom:1px solid #e2e8f0!important;margin-top:-1rem!important;padding:1rem!important;transition:all .3s ease!important;width:100%!important}.manage-wrapper{margin:9rem 0 -5rem 17%;margin-left:18rem!important;max-width:77%!important;transition:all .3s ease!important}.account-main-content{margin-left:17rem!important;max-width:80.5%!important;transition:all .3s ease!important}.manage-wrapper.sidebar-collapsed{margin-left:8rem!important;max-width:88%!important;transition:all .3s ease!important}.account-main-content.sidebar-collapsed{margin-left:7rem!important;max-width:94%!important;transition:all .3s ease!important}.account-container{height:21.6rem!important;overflow:auto!important;padding:2rem;padding-bottom:5rem!important;position:relative!important}.pagination-bar{align-items:center!important;bottom:-13rem!important;gap:1rem!important;justify-content:center!important;left:2rem!important;margin:0!important;padding:1rem 0!important;position:absolute!important;right:2rem!important;z-index:100!important}.pagination-btn{border-radius:8px!important;font-family:customfont1!important;font-size:13px!important;min-width:50px!important;padding:.5rem!important;transition:all .3s ease!important}.filter-dropdown{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;box-shadow:0 6px 20px #0000001f!important;left:70%!important;min-width:200px!important;padding:20px!important;top:100%!important}.filter-section input,.filter-section select{border:1px solid #d1d5db!important;border-radius:6px!important;font-size:14px!important;padding:10px 2px!important;transition:all .2s ease!important}.sidebar-wrapper{top:60px!important;transition:all .3s ease!important}.header-title{font-size:1.5rem}.add-user-button,.bulk-delete-button,.filter-button{font-size:13px}.header-cell.checkbox-cell,.user-cell.checkbox-cell{margin-left:-1.5rem!important;padding:.5rem!important;width:50px!important}.user-cell.checkbox-cell{justify-content:center!important}.header-cell.name-cell{margin-left:-.5rem!important;padding:.5rem!important;width:200px!important}.user-cell.name-cell{margin-left:-3rem!important;padding:1rem!important;width:200px!important}.header-cell.role-cell{margin-left:2rem!important}.header-cell.role-cell,.user-cell.role-cell{padding:.5rem!important;width:120px!important}.user-cell.role-cell{margin-left:1rem!important}.header-cell.status-cell{justify-content:center!important;padding:.5rem!important;width:120px!important}.header-cell.farm-cell,.user-cell.status-cell{margin-left:-1rem!important}.header-cell.farm-cell,.user-cell.farm-cell,.user-cell.status-cell{justify-content:center!important;padding:.5rem!important;width:120px!important}.user-cell.farm-cell{color:#495057!important;font-family:ReadexPro-Regular!important;font-size:14px!important;margin-left:2rem!important}.header-cell.contact-cell{margin-left:-1.5rem!important;padding:.5rem!important;width:120px!important}.user-cell.contact-cell{justify-content:center!important;margin-left:-.5rem!important;padding:.5rem!important;width:120px!important}.header-cell.actions-cell{margin-left:-2.5rem!important;padding:.5rem!important;width:150px!important}.user-cell.actions-cell{margin-left:-.5rem!important;padding:.5rem!important;width:150px!important}.header-cell.joined-cell{margin-left:-2.5rem!important;padding:.5rem!important;width:120px!important}.user-cell.joined-cell{justify-content:center!important;margin-left:-.5rem!important;padding:.5rem!important;width:120px!important}.header-cell.delete-cell,.user-cell.delete-cell{justify-content:center!important;padding:.5rem!important;width:80px!important}.user-cell.delete-cell{margin-right:2rem!important}}@media (min-width:1280px) and (max-width:1365px){.account-header-bar{height:60px;padding:1rem 2rem}.manage-wrapper{margin:9rem 0 -5rem 18rem;max-width:76%}.manage-wrapper.sidebar-collapsed{margin-left:6rem}.account-main-content{margin-left:18rem}.account-main-content.sidebar-collapsed,.manage-wrapper.sidebar-collapsed{margin-left:6rem}.account-container{height:35rem;padding:2rem}.sidebar-wrapper{top:65px!important}}@media (min-width:1024px) and (max-width:1279px){.account-header-bar{height:60px;padding:1rem 1.5rem}.manage-wrapper{margin:9rem 0 -5rem 20rem;max-width:78%}.manage-wrapper.sidebar-collapsed{margin-left:6rem}.account-main-content{margin-left:20rem;overflow-x:auto}.account-main-content.sidebar-collapsed{margin-left:6rem;overflow-x:auto}.account-main-content.sidebar-collapsed,.manage-wrapper.sidebar-collapsed{margin-left:6rem}.account-container{box-sizing:border-box;display:flex;flex-direction:column;height:32rem;max-height:32rem;min-width:1200px;overflow:hidden;padding:1.8rem;width:1200px}.user-grid-container{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}.table-header{position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-row,.user-row{min-width:1200px}}@media (min-width:768px) and (max-width:1023px){.account-header-bar{height:60px;margin-bottom:1rem;padding:.8rem 1rem}.header-logo{height:35px}.header-title{font-size:1.3rem}.manage-wrapper{margin:9rem 0 -5rem 15rem;max-width:85%}.manage-wrapper.sidebar-collapsed{margin-left:5rem}.account-main-content{margin-left:15rem}.account-main-content.sidebar-collapsed,.manage-wrapper.sidebar-collapsed{margin-left:5rem}.account-container{height:30rem;padding:1.5rem;width:95%}.add-user-button{font-size:13px;margin:0 2rem -7rem 0;padding:12px 16px}.bulk-delete-button{font-size:13px;margin:0;padding:12px 16px}.filter-button{font-size:13px;padding:14px 40px}.header-row,.user-row{gap:.4rem;grid-template-columns:30px 1.2fr .7fr .7fr .7fr .7fr .8fr .7fr 45px}.user-row{margin-left:-.5rem;margin-right:1rem}.user-cell{font-size:.75rem;padding:.25rem}.username{font-size:.85rem}.user-email{font-size:.7rem}.delete-user-btn,.reset-password-btn,.role-badge{font-size:.65rem;padding:.25rem .5rem}}@media (min-width:480px) and (max-width:767px){.account-header-bar{height:55px;margin-bottom:1rem;padding:.5rem 1rem}.header-logo{height:30px}.header-title{font-size:1.1rem}.manage-wrapper{margin:9rem 0 -5rem 10rem;max-width:90%}.manage-wrapper.sidebar-collapsed{margin-left:4rem}.account-main-content{margin-left:10rem}.account-main-content.sidebar-collapsed,.manage-wrapper.sidebar-collapsed{margin-left:4rem}.account-container{height:28rem;padding:1.2rem;width:95%}.add-user-button{font-size:12px;margin:0 1.5rem -7rem 0;padding:10px 14px}.bulk-delete-button{font-size:12px;margin:0;padding:10px 14px}.filter-button{font-size:12px;padding:12px 35px}.header-row,.user-row{gap:.3rem;grid-template-columns:25px 1fr .6fr .6fr .6fr .6fr .7fr .6fr 40px}.user-row{margin-left:0;margin-right:.5rem}.user-cell{font-size:.7rem;padding:.2rem}.username{font-size:.8rem}.user-email{font-size:.65rem}.delete-user-btn,.reset-password-btn,.role-badge{font-size:.6rem;padding:.2rem .4rem}}@media (max-width:479px){.account-header-bar{height:50px;margin-bottom:.8rem;padding:.5rem 1rem}.header-logo{height:25px}.header-title{font-size:1rem}.manage-wrapper{margin:9rem 0 -5rem 5rem;max-width:95%}.manage-wrapper.sidebar-collapsed{margin-left:3rem}.account-main-content{margin-left:5rem}.account-main-content.sidebar-collapsed,.manage-wrapper.sidebar-collapsed{margin-left:3rem}.account-container{height:25rem;padding:1rem;width:98%}.add-user-button{font-size:11px;margin:0 1rem -7rem 0;padding:8px 12px}.bulk-delete-button{font-size:11px;margin:0;padding:8px 12px}.filter-button{font-size:11px;padding:10px 30px}.header-row,.user-row{gap:.25rem;grid-template-columns:20px .8fr .5fr .5fr .5fr .5fr .6fr .5fr 35px}.user-row{margin-left:0;margin-right:.25rem}.user-cell{font-size:.65rem;padding:.15rem}.username{font-size:.75rem}.user-email{font-size:.6rem}.delete-user-btn,.reset-password-btn,.role-badge{font-size:.55rem;padding:.15rem .3rem}}@media (max-height:500px) and (orientation:landscape){.account-header-bar{height:45px;margin-bottom:.5rem}.manage-wrapper{margin-top:7rem}.account-container{height:20rem;padding:1rem}.add-user-button-container{margin-bottom:-5rem;margin-top:1rem}}@media print{.account-header-bar,.add-user-button-container,.manage-wrapper{display:none}.account-main-content{margin-left:0;width:100%}.account-container{border:1px solid #000;box-shadow:none;width:100%}}@media (min-width:1920px){.header-title{font-size:2rem}.add-user-button,.bulk-delete-button,.filter-button{font-size:16px}}@media (min-width:1024px) and (max-width:1365px){.header-title{font-size:1.3rem}.add-user-button,.bulk-delete-button,.filter-button{font-size:14px}}@media (max-width:1023px){.add-user-button,.bulk-delete-button,.filter-button{min-height:44px;min-width:44px}.user-cell{min-height:44px}.account-container,.user-table{-webkit-overflow-scrolling:touch;overflow-y:auto}}@media (max-width:767px){.header-title,.role-badge{text-shadow:0 1px 2px #0000004d}}@media (max-width:360px) and (max-width:885px){body,html{height:100%;overflow-x:hidden;width:100%}.account-header-bar{height:57.59px;padding:.5rem 1rem}.sidebar-wrapper{box-sizing:border-box;height:calc(100vh - 45px);left:-100%;position:fixed;top:45px;transition:left .3s ease;width:100vw;z-index:1100}.sidebar-wrapper.sidebarOpen{left:0!important}.sidebar{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto}.sidebar-backdrop{display:block}.account-main-content{margin-left:0!important;width:100%}.account-main-content,.manage-wrapper{box-sizing:border-box;padding:0 .25rem}.manage-wrapper{margin:6rem 0 1rem;max-width:100%}.account-container{height:auto;margin:1rem 0}.account-container,.table-header{box-sizing:border-box;padding:.5rem;width:100%}.table-header{background:#f8f9fa;border-bottom:2px solid #e9ecef;border-radius:8px 8px 0 0;margin-top:1.5rem}.header-row{display:none}.user-table{border-collapse:collapse;margin-top:0;width:100%}.user-row{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:block;margin-bottom:.5rem;padding:.75rem;width:100%}.user-cell{grid-column-gap:.5rem;align-items:start;border-bottom:1px solid #f0f0f0;column-gap:.5rem;display:grid;font-size:.85rem;grid-template-columns:90px 1fr;margin-bottom:.5rem;padding:.25rem 0}.user-cell:last-child{border-bottom:none;margin-bottom:0}.user-cell:before{color:#495057;content:attr(data-label) ": ";display:block;font-size:.8rem;font-weight:700;grid-column:1;margin:0;width:90px}.user-cell>*{grid-column:2}.user-cell.actions-cell,.user-cell.contact-cell,.user-cell.farm-cell,.user-cell.joined-cell{column-gap:.25rem;grid-template-columns:75px 1fr;text-align:left!important}.user-cell:first-child{display:none}.username{color:#2c517d;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.user-email{color:#6c757d;font-size:.8rem;word-break:break-all}.role-badge{border-radius:10px;display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .4rem;text-transform:uppercase}.user-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.action-button{border-radius:4px;font-size:.7rem;padding:.2rem .4rem}.reset-password-btn{align-items:center;display:inline-flex;font-size:11px!important;gap:.25rem;line-height:1;min-height:32px;padding:6px 8px!important}.close-form-button{position:absolute;right:14px!important;top:8px!important}.add-user-button-container{align-items:stretch;flex-direction:column;gap:.6rem;justify-content:center;margin:1rem auto;padding:0 .5rem}.add-user-button,.bulk-delete-button,.filter-button{border-radius:8px!important;font-size:11px!important;margin:0!important;padding:6px 8px!important;width:auto!important}.add-user-button,.filter-button{width:min(200px,90%)!important}.filter-dropdown{left:50%!important;right:auto!important;transform:translateX(-50%)}}@media (min-width:360px) and (max-width:480px) and (max-width:885px){body,html{height:100%;overflow-x:hidden;width:100%}.account-header-bar{box-sizing:border-box;height:57.59px;margin-bottom:0;padding:.5rem 1rem;width:100%}.header-right .header-search-container{display:none!important}body:has(.add-user-form-container) .header-right{pointer-events:none}body:has(.add-user-form-container) .header-right .user-menu{pointer-events:none}body:has(.add-user-form-container) .header-right .header-dropdown-menu{pointer-events:none}.sidebar-wrapper{box-sizing:border-box;height:calc(100vh - 51px)!important;left:-100%;position:fixed;top:51px!important;transition:left .3s ease;width:100vw;z-index:1100}.sidebar-wrapper.sidebarOpen{left:0!important}.sidebar{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto}.sidebar-backdrop{display:block}.account-main-content{box-sizing:border-box;margin-left:0!important;padding:0 .5rem;width:100%}.manage-wrapper{box-sizing:border-box;margin:3.25rem 0 1rem;max-width:100%;padding:0 .5rem}.account-container{box-sizing:border-box;height:auto;margin:0;padding:.4rem .5rem .5rem;width:100%}.table-header{border:0!important;display:none!important;margin:0!important;padding:0!important}.header-row{display:none}.user-table{border-collapse:collapse;margin-top:0;width:100%}.user-row{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;padding:1rem;padding-bottom:2.5rem;padding-top:4rem;width:100%}.user-cell,.user-row{display:block;margin-bottom:.5rem}.user-cell{border-bottom:1px solid #f0f0f0;font-size:.9rem;overflow:hidden;padding:.25rem 0}.user-cell:last-child{border-bottom:none;margin-bottom:0}.user-row{--mobile-label-width:110px}.user-cell{grid-column-gap:.5rem;align-items:start;column-gap:.5rem;display:grid;grid-template-columns:var(--mobile-label-width) 1fr}.user-cell:before{color:#495057;content:attr(data-label) ": ";display:block;font-weight:700;grid-column:1;margin:0;width:var(--mobile-label-width)}.user-cell.contact-cell,.user-cell.farm-cell,.user-cell.joined-cell{grid-template-columns:50px 1fr!important;margin-left:-1rem!important}.user-cell.contact-cell:before,.user-cell.farm-cell:before,.user-cell.joined-cell:before{display:block!important;font-weight:800!important;width:0!important}.user-cell.actions-cell{grid-template-columns:110px 1fr!important;margin-left:-1.3rem!important}.user-cell.actions-cell:before{width:0!important}.user-cell>*{grid-column:2}.user-info{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;max-width:100%;overflow:hidden}.user-details{flex:1 1;min-width:0}.user-cell.delete-cell{grid-column-gap:.5rem;align-items:center;column-gap:.5rem;display:grid;grid-template-columns:var(--mobile-label-width) 1fr;justify-items:start;overflow:visible!important}.user-cell.delete-cell>*{grid-column:2;justify-self:start!important}.user-cell.delete-cell .delete-user-btn{align-items:center;display:inline-flex!important;font-size:.9rem;gap:.4rem;margin-left:11.35rem!important;max-width:none!important;overflow:visible!important;white-space:nowrap!important;width:auto!important}.user-cell.delete-cell .delete-user-btn .action-icon{display:inline-block;margin-right:.35rem}.account-management-user-email,.account-management-username{overflow-wrap:break-word;white-space:normal;word-break:break-word}.user-cell:first-child{display:none}.username{color:#2c517d;font-size:1rem;font-weight:600;margin-bottom:.25rem}.user-email{color:#6c757d;font-size:.85rem;word-break:break-all}.role-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.user-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.action-button{border:none;border-radius:4px;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .2s ease}.reset-password-btn{align-items:center;display:inline-flex;font-size:12px!important;gap:.4rem;line-height:1;min-height:36px;padding:8px 12px!important}.add-user-button-container{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;padding:0}.add-user-button,.bulk-delete-button,.filter-button{border-radius:8px;box-shadow:0 2px 4px #0000001a;font-size:12px!important;margin:0;padding:8px 12px!important;transition:all .2s ease;width:auto!important}.add-user-button,.filter-button{width:min(240px,80%)!important}.add-user-button:hover,.bulk-delete-button:hover,.filter-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.filter-dropdown{left:auto!important;max-height:80vh;max-width:400px;min-width:90vw;overflow-y:auto;position:static!important;right:auto!important;top:auto!important;transform:none!important;transition:none;z-index:10002}.pagination-bar{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin-top:1rem}.pagination-btn{font-size:.8rem;height:40px;min-width:40px;padding:.5rem}.search-container{margin-bottom:1rem;width:100%}.search-input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;width:100%}}@media (min-width:481px) and (max-width:575px){.account-header-bar{height:57.59px;margin-bottom:1rem;padding:.5rem 1rem}.sidebar-wrapper{box-sizing:border-box;height:calc(100vh - 53px)!important;left:-100%;position:fixed;top:53px!important;transition:left .3s ease;width:100vw;z-index:1100}.sidebar-wrapper.sidebarOpen{left:0!important}.sidebar{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto}.sidebar-backdrop{display:block}.account-main-content{margin-left:0!important;width:100%}.manage-wrapper{margin:7rem auto 1rem;max-width:92%}.account-container{height:auto;margin:1rem auto;padding:1.2rem;width:92%}body,html{overflow-x:auto}.account-main-content{overflow-x:auto!important}.account-container,.header-row,.manage-wrapper,.user-row{min-width:1200px!important}.account-container{width:1200px!important}}@media (min-width:576px) and (max-width:767px){.account-header-bar{height:55px;margin-bottom:1rem;padding:.6rem .8rem}.sidebar-wrapper{box-sizing:border-box;height:calc(100vh - 53px)!important;left:-100%;position:fixed;top:53px!important;transition:left .3s ease;width:100vw;z-index:1100}.sidebar-wrapper.sidebarOpen{left:0!important}.sidebar{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto}.sidebar-backdrop{display:block}.account-main-content{margin-left:0!important;width:100%}.manage-wrapper{margin:7rem auto 1rem;max-width:90%}.account-container{height:auto;margin:1rem auto;padding:1.5rem;width:90%}body,html{overflow-x:auto}.account-main-content{overflow-x:auto!important}.account-container,.header-row,.manage-wrapper,.user-row{min-width:1200px!important}.account-container{width:1200px!important}}@media (min-width:700px) and (max-width:899px){.account-header-bar{box-sizing:border-box;height:60px;margin-bottom:.5rem;padding:.8rem 1rem}.table-header{display:block!important}.header-row{display:grid!important}.account-main-content{margin-left:0!important;overflow-x:auto!important;width:100%}.add-user-button-container{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin:.25rem auto .8rem;padding:0 1rem}.add-user-button-container .add-user-button{margin-top:-7.4rem!important}body,html{overflow-x:auto}.manage-wrapper{margin:9.5rem auto 1.5rem;max-width:92%}.account-container{height:auto;min-height:82vh;width:92%}.header-row,.manage-wrapper,.user-row{min-width:1200px!important}.account-container{margin-left:auto;margin-right:auto;margin-top:-1rem;max-width:1100px;min-height:50vh;width:88%!important}.table-header{-webkit-overflow-scrolling:touch;margin:-8.5rem auto 0!important;max-width:1100px!important;overflow-x:auto;overflow-y:hidden;padding-right:12%!important;position:relative;right:3%!important;scrollbar-gutter:stable both-edges;touch-action:pan-x;width:88%!important}.table-header .header-row{min-width:1500px!important;width:-webkit-max-content;width:max-content}.table-header{-ms-overflow-style:auto;scrollbar-width:auto}.user-grid-container{margin-top:0!important;padding-top:2.4rem!important}.header-row{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:70px 1.3fr .9fr .9fr 1.4fr .8fr .5fr 2fr 100px}.user-row{align-items:center;gap:.6rem;grid-template-columns:50px 1.3fr .7fr .8fr .7fr .8fr 2fr 1.1fr 40px;min-height:112px;padding:.8rem 0}.table-header .header-cell.actions-cell{justify-content:flex-end}.table-header .header-cell.actions-cell span,.table-header .header-cell.contact-cell span{white-space:nowrap}.table-header .header-cell{min-width:0}.table-header .header-cell span{display:block;font-size:.9rem;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.table-header .header-row{min-height:56px}.table-header .header-cell.actions-cell span,.table-header .header-cell.contact-cell span{font-size:.95rem}.user-cell{padding:.8rem .6rem}.header-row{align-items:center;min-height:64px}.account-container{display:flex;flex-direction:column}.user-grid-container{flex:1 1;overflow:auto}.pagination-bar{background:#fff;border-top:1px solid #e5e7eb;bottom:0;margin-top:0;position:-webkit-sticky;position:sticky;z-index:100}.add-user-form-container{position:fixed!important;z-index:20000!important}.add-user-form{position:relative;z-index:20001!important}.user-cell.actions-cell,.user-cell.checkbox-cell,.user-cell.contact-cell,.user-cell.joined-cell,.user-cell.name-cell,.user-cell.role-cell,.user-cell.status-cell{margin-left:0!important}.user-cell.contact-cell{overflow-wrap:anywhere;white-space:normal;word-break:break-word}.user-cell.actions-cell{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.user-cell.delete-cell{grid-column-gap:.5rem;align-items:center;column-gap:.5rem;display:grid;grid-template-columns:var(--mobile-label-width) 1fr;min-width:0!important;padding-right:.25rem;width:100%!important}.user-cell.delete-cell>*{grid-column:2;justify-self:end!important}.user-cell.delete-cell .delete-user-btn{align-items:center;color:inherit!important;display:inline-flex!important;gap:.4rem;justify-self:end!important;margin-left:auto!important;margin-right:0!important;max-width:none!important;overflow:visible!important;text-indent:0!important;white-space:nowrap!important;width:auto!important}.user-cell.actions-cell .activate-tech-officer-btn,.user-cell.actions-cell .delete-user-btn,.user-cell.actions-cell .reset-password-btn{max-width:100%;min-width:140px}.table-header .header-cell.role-cell{margin-left:1rem}.user-cell.role-cell{margin-left:.4rem!important}.table-header .header-cell.farm-cell{margin-left:3rem}.table-header .header-cell.status-cell{margin-left:4rem}.table-header .header-cell.contact-cell{margin-left:2rem}.table-header .header-cell.actions-cell,.table-header .header-cell.delete-cell,.table-header .header-cell.joined-cell{margin-left:3rem}.manage-wrapper{background:#0000!important;box-shadow:none!important}.add-user-form-container{align-items:flex-start!important;bottom:0!important;height:100%!important;left:0!important;max-height:none!important;overflow:hidden!important;padding:1rem!important;right:0!important;top:0!important;width:100%!important}.add-user-form{-webkit-overflow-scrolling:touch;height:auto!important;max-height:85vh!important;max-width:600px!important;overflow-y:auto!important;width:85%!important}.add-user-form .add-button,.add-user-form .cancel-button{align-self:flex-start!important;font-size:12px!important;min-width:100px!important;padding:10px 12px!important;width:auto!important}.add-user-form .form-buttons{flex-direction:row!important;gap:10px!important;justify-content:center!important}.add-user-form .add-button,.add-user-form .cancel-button{display:inline-flex!important;flex:0 0 auto!important}}@media (max-width:360px) and (max-width:885px){.add-user-button-container{align-items:stretch;flex-direction:column;gap:.6rem;justify-content:center;margin:1rem auto;padding:0 1rem}.add-user-button,.bulk-delete-button,.filter-button{border-radius:10px!important;font-size:12px!important;margin:0!important;padding:8px 10px!important;width:auto!important}.add-user-button,.filter-button{width:min(220px,90%)!important}.filter-dropdown{left:50%!important;min-width:90vw!important;right:auto!important;top:100%!important;transform:translateX(-50%)}}@media (min-width:481px) and (max-width:575px){.add-user-button-container{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin:1rem auto;padding:0 1rem}.add-user-button,.bulk-delete-button,.filter-button{border-radius:12px!important;flex-basis:calc(50% - 0.8rem);flex-grow:1;flex-shrink:1;font-size:14px!important;margin:0!important;min-width:210px;padding:14px 18px!important;text-align:center}.filter-dropdown{left:50%!important;min-width:85vw!important;right:auto!important;top:100%!important;transform:translateX(-50%)}}@media (min-width:576px) and (max-width:767px){.add-user-button-container{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin:1rem auto;padding:0 1rem}.add-user-button,.bulk-delete-button,.filter-button{border-radius:12px!important;flex-basis:calc(50% - 0.8rem);flex-grow:1;flex-shrink:1;font-size:14px!important;margin:0!important;min-width:230px;padding:14px 18px!important;text-align:center}.filter-dropdown{left:50%!important;min-width:80vw!important;right:auto!important;top:100%!important;transform:translateX(-50%)}}@media (min-width:481px) and (max-width:575px){.manage-wrapper{padding:0 .6rem}.account-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:auto}.table-header{background:#f8f9fa;box-shadow:0 2px 6px #0000000f;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-row{border-bottom:1px solid #e5e7eb;gap:.8rem;padding:.6rem .9rem}.header-cell{padding:.3rem .6rem}.header-cell span{font-size:13px;letter-spacing:.5px}.user-row{background:#fff;border-bottom:1px solid #e5e7eb;gap:.8rem;padding:.6rem .9rem}.user-row:nth-child(2n){background:#fafafa}.user-cell{font-size:13.5px;overflow:hidden;padding:.45rem;text-overflow:ellipsis;white-space:nowrap}.role-badge{border-radius:12px;font-size:.75rem;padding:.35rem .7rem}}@media (min-width:576px) and (max-width:767px){.manage-wrapper{padding:0 .8rem}.account-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:auto}.table-header{background:#f8f9fa;box-shadow:0 2px 6px #0000000f;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-row{border-bottom:1px solid #e5e7eb;gap:.9rem;padding:.7rem 1rem}.header-cell{padding:.35rem .7rem}.header-cell span{font-size:14px;letter-spacing:.4px}.user-row{background:#fff;border-bottom:1px solid #e5e7eb;gap:.9rem;padding:.7rem 1rem}.user-row:nth-child(2n){background:#fafafa}.user-cell{font-size:14px;overflow:hidden;padding:.5rem;text-overflow:ellipsis;white-space:nowrap}.role-badge{border-radius:12px;font-size:.8rem;padding:.4rem .8rem}}@media (min-width:481px) and (max-width:575px){.account-container{overflow-x:auto}.header-row,.table-header{min-width:1200px}.user-grid-container{-webkit-overflow-scrolling:touch;max-height:68vh;overflow-y:auto;overscroll-behavior:contain}}@media (min-width:576px) and (max-width:767px){.account-container{overflow-x:auto}.header-row,.table-header{min-width:1200px}.user-grid-container{-webkit-overflow-scrolling:touch;max-height:70vh;overflow-y:auto;overscroll-behavior:contain}}.delete-confirm-modal-overlay{align-items:center;animation:overlayFadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.delete-confirm-modal{animation:modalSlideIn .3s ease-out;background:#f6f5f5;border:1px solid #d2d9e2;border-radius:12px;box-shadow:0 10px 30px #2c517d33,0 0 0 1px #d2d9e2;max-height:80vh;max-width:420px;overflow:hidden;width:90%}.delete-confirm-header{align-items:center;background:#2c517d;border-bottom:1px solid #d2d9e2;display:flex;justify-content:space-between;padding:20px 24px;position:relative}.delete-confirm-header h3{align-items:center;color:#f6f5f5;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.delete-confirm-header h3:before{animation:pulse 1s ease-in-out infinite;content:"⚠️";font-size:20px}.close-modal-btn{align-items:center;background:#f6f5f533;border:1px solid #f6f5f54d;border-radius:6px;color:#f6f5f5;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;padding:6px;transition:all .2s ease;width:32px}.delete-confirm-header .close-modal-btn{position:static;right:auto;top:auto}.close-modal-btn:hover{background:#f6f5f54d;border-color:#f6f5f580;color:#fff;transform:scale(1.05)}.delete-confirm-body{background:#f6f5f5;padding:24px;text-align:center}.delete-confirm-body p{color:#3f3f3f;font-size:15px;font-weight:400;line-height:1.5;margin:0}.delete-confirm-actions{grid-gap:12px;align-items:center;background:#f6f5f5;border-top:1px solid #d2d9e2;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 24px 24px}.delete-confirm-actions .cancel-btn{align-items:center;background:#f6f5f5;border:1px solid #d2d9e2;border-radius:8px;box-sizing:border-box;color:#3f3f3f;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:44px;justify-content:center;line-height:1;margin:0;min-width:120px;padding:10px 20px;transition:all .2s ease;white-space:nowrap;width:100%}.delete-confirm-actions .cancel-btn:hover{background:#d2d9e2;border-color:#2c517d;color:#2c517d;transform:translateY(-1px)}.delete-confirm-actions .cancel-btn:active{transform:translateY(0)}.delete-confirm-actions .confirm-delete-btn{align-items:center;background:#dc3545;border:1px solid #dc3545;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;height:44px;justify-content:center;line-height:1;margin:0;min-width:120px;padding:10px 20px;position:relative;transition:all .2s ease;white-space:nowrap;width:100%}.delete-confirm-actions .confirm-delete-btn:hover{background:#c82333;border-color:#bd2130;box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.delete-confirm-actions .confirm-delete-btn:active{box-shadow:0 2px 6px #dc35454d;transform:translateY(0)}@media (max-width:768px){.delete-confirm-modal{margin:20px;width:95%}.delete-confirm-actions,.delete-confirm-body,.delete-confirm-header{padding:16px}.delete-confirm-actions .cancel-btn,.delete-confirm-actions .confirm-delete-btn{min-width:0;width:100%}}@media (max-width:480px){.delete-confirm-actions{grid-template-columns:1fr}}@media (min-width:360px) and (max-width:480px) and (max-width:885px){.add-user-form{max-height:90vh;overflow-y:auto}.form-buttons,.form-header{position:static}.form-buttons{box-shadow:none;margin-top:1rem}}.main-content-wrapper{margin-left:240px;transition:margin-left .3s ease}.main-content-wrapper.sidebar-collapsed{margin-left:80px}@media (min-width:1024px){.main-content-wrapper,.main-content-wrapper.sidebar-collapsed{margin-left:240px!important}}.tab-navigation{background:#0000;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;margin:0 2rem;padding:0}.tab-container{display:flex;gap:0;padding:0 2rem}.tab-button{background:#f8f9fa;border:solid #d1d5db;border-bottom:none;border-radius:12px 12px 0 0;border-width:2px 1px medium;color:#6b7280;cursor:pointer;font-family:ReadexPro-Regular,sans-serif;font-size:14px;font-weight:500;padding:.55rem .65rem;transition:all .2s ease}.tab-button:hover{background:#f9fafb;border-left-color:#9ca3af;border-right-color:#9ca3af;border-top-color:#9ca3af;color:#374151}.tab-button.active{background:#f8fafc;border-left-color:#2563eb;border-right-color:#2563eb;border-top-color:#2563eb;color:#2563eb}.control-bar{background:#fff;justify-content:flex-end;padding:1rem 2rem}.control-bar,.search-filter-bar{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem}.search-filter-bar{background:#f8f9fa;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000001a;flex-wrap:wrap;margin:0 2rem;padding:.3rem 1.5rem}.button-group-right{align-items:center;display:flex;gap:.5rem;margin-left:auto}.add-user-button-inline{align-items:center;background:#1b4577;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:ReadexPro-Regular,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s ease}.add-user-button-inline:hover{background:#1d4ed8}.add-user-button-inline .button-icon{font-size:14px}.export-users-inline-wrapper{align-items:center;display:inline-flex;position:relative}.export-users-button-inline{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1b4577;cursor:pointer;display:flex;font-family:ReadexPro-Regular,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s ease,border-color .2s ease}.export-users-button-inline:hover{background:#f3f4f6;border-color:#9ca3af}.export-users-dropdown{background:#fff;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:180px;padding:6px 0;position:absolute;right:0;top:110%;z-index:20}.export-users-option{background:#0000;border:none;cursor:pointer;font-family:ReadexPro-Regular,sans-serif;font-size:13px;padding:8px 14px;text-align:left;transition:background-color .15s ease;width:100%}.export-users-option:hover{background:#f3f4f6}.bulk-delete-button-inline{align-items:center;background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:ReadexPro-Regular,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s ease}.bulk-delete-button-inline:hover{background:#b91c1c}.bulk-delete-button-inline .button-icon,.search-icon{font-size:14px}.search-icon{color:#9ca3af;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-family:ReadexPro-Regular,sans-serif;font-size:14px;padding:8px 12px 8px 36px;transition:border-color .2s ease}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.filter-container{min-width:150px}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-family:ReadexPro-Regular,sans-serif;font-size:14px;padding:8px 12px;width:100%}.filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.crm-table-container{background:#fff;border-radius:0 0 8px 8px;box-shadow:0 1px 3px #0000001a;margin:0 2rem;overflow:hidden}.crm-table{width:100%}.crm-table-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;display:grid;font-size:12px;font-weight:600;grid-template-columns:40px minmax(260px,2.2fr) minmax(120px,1fr) minmax(160px,1.2fr) minmax(140px,1fr) minmax(140px,1fr) minmax(140px,1fr) minmax(120px,.9fr);letter-spacing:.05em;text-transform:uppercase}.crm-header-cell,.crm-table-header{font-family:ReadexPro-Regular,sans-serif!important}.crm-header-cell{align-items:center;border-right:1px solid #e5e7eb;display:flex;padding:6px 16px}.crm-header-cell:last-child{border-right:none}.crm-header-cell.status-cell{font-family:ReadexPro-Regular,sans-serif!important;font-size:12px;font-weight:600}.crm-table-body{height:440px;overflow-x:hidden;overflow-y:auto}@media (min-width:1920px){.crm-table-body{height:600px}}.crm-table-row{border-bottom:1px solid #f3f4f6;display:grid;grid-template-columns:40px minmax(260px,2.2fr) minmax(120px,1fr) minmax(160px,1.2fr) minmax(140px,1fr) minmax(140px,1fr) minmax(140px,1fr) minmax(120px,.9fr);transition:background-color .2s ease}.crm-table-row:hover{background:#f9fafb}.crm-table-row:nth-child(2n){background:#fafbfc}.crm-table-row:nth-child(2n):hover{background:#f1f5f9}.crm-cell{align-items:center;border-right:1px solid #f3f4f6;color:#374151;display:flex;font-family:ReadexPro-Regular,sans-serif;font-size:16px;padding:6px 16px}.crm-cell:last-child{border-right:none}.crm-cell.checkbox-cell{justify-content:center}.crm-cell.checkbox-cell .user-checkbox{accent-color:#1a4375;cursor:pointer;height:20px;width:20px}.crm-cell.name-cell .user-info{align-items:center;display:flex;gap:12px}.crm-cell.name-cell .user-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.crm-cell.name-cell .user-avatar-icon{color:#9ca3af;height:32px;width:32px}.crm-cell.name-cell .user-details{display:flex;flex-direction:column;gap:2px}.crm-cell.name-cell .username{color:#111827;font-family:ReadexPro-Regular,sans-serif;font-size:16px;font-weight:500}.crm-cell.name-cell .user-email{color:#6b7280;font-family:ReadexPro-Regular,sans-serif;font-size:14px}.crm-cell.role-cell{justify-content:center}.crm-cell.role-cell .role-badge{border-radius:20px;box-sizing:border-box;display:inline-block;font-family:ReadexPro-Regular,sans-serif;font-size:13px;font-weight:500;margin:0 auto;min-width:-webkit-fit-content;min-width:fit-content;padding:6px 16px;text-align:center;white-space:nowrap}.crm-cell.status-cell .status-indicator{align-items:center;display:flex;gap:6px}.crm-cell.status-cell{align-items:flex-start;flex-direction:column}.crm-cell.status-cell .status-dot{border-radius:50%;height:8px;width:8px}.crm-cell.status-cell .status-dot.active{background:#10b981}.crm-cell.status-cell .status-dot.inactive{background:#ef4444}.crm-cell.status-cell .status-text{font-family:ReadexPro-Regular,sans-serif;font-size:14px;font-weight:500}.crm-cell.status-cell .status-text.active{color:#10b981}.crm-cell.status-cell .status-text.inactive{color:#ef4444}.crm-cell.contact-cell{font-family:ReadexPro-Regular,sans-serif;font-size:15px}.crm-cell.actions-cell{flex-wrap:wrap;gap:8px;justify-content:center}.crm-cell.actions-cell button{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-family:ReadexPro-Regular,sans-serif;font-size:14px;padding:4px 8px;transition:all .2s ease}.crm-cell.actions-cell button:hover{background:#f9fafb;border-color:#9ca3af}.crm-cell.actions-cell .reset-password-btn{align-items:center;background-color:#f0f9ff!important;border:1px solid #2563eb!important;border-radius:6px!important;color:#2563eb!important;display:inline-flex;font-family:ReadexPro-Regular,sans-serif!important;font-size:10px!important;font-weight:500;gap:6px;padding:4px 10px!important}.crm-cell.actions-cell .reset-password-btn:hover{background-color:#dbeafe!important;border-color:#1d4ed8!important;box-shadow:0 2px 4px #2563eb26;color:#1d4ed8!important;transform:translateY(-1px)}.crm-cell.actions-cell .reset-password-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.crm-cell.actions-cell .activate-tech-officer-btn{align-items:center;background-color:#d1fae5!important;border:1px solid #10b981!important;border-radius:6px!important;color:#10b981!important;cursor:pointer;display:inline-flex;font-family:ReadexPro-Regular,sans-serif!important;font-size:12px!important;font-weight:500;gap:4px;padding:3px 8px!important;transition:all .2s ease}.crm-cell.actions-cell .activate-tech-officer-btn .action-icon{font-size:12px!important}.crm-cell.actions-cell .activate-tech-officer-btn:hover:not(:disabled){background-color:#a7f3d0!important;border-color:#059669!important;box-shadow:0 2px 4px #10b98126;color:#059669!important;transform:translateY(-1px)}.crm-cell.actions-cell .activate-tech-officer-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.crm-cell.actions-cell .delete-user-btn{align-items:center;background-color:#fef2f2!important;border:1px solid #dc2626!important;border-radius:6px!important;color:#dc2626!important;cursor:pointer;display:inline-flex;font-family:ReadexPro-Regular,sans-serif!important;font-size:12px!important;font-weight:500;gap:4px;padding:4px 10px!important;transition:all .2s ease}.crm-cell.actions-cell .delete-user-btn .action-icon{font-size:12px!important}.crm-cell.actions-cell .delete-user-btn:hover:not(:disabled){background-color:#fee2e2!important;border-color:#b91c1c!important;box-shadow:0 2px 4px #dc262626;color:#b91c1c!important;transform:translateY(-1px)}.crm-cell.actions-cell .delete-user-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.edit-user-btn{align-items:center;background-color:#f0f9ff!important;border:1px solid #0ea5e9!important;border-radius:6px!important;color:#0ea5e9!important;cursor:pointer;display:inline-flex;font-family:ReadexPro-Regular,sans-serif!important;font-size:12px!important;font-weight:500;gap:4px;padding:4px 10px!important;transition:all .2s ease}.edit-user-btn:hover{background-color:#e0f2fe!important;border-color:#0284c7!important;box-shadow:0 2px 4px #0ea5e926;color:#0284c7!important;transform:translateY(-1px)}.edit-dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px #0000001a;overflow:hidden;z-index:1000}.edit-dropdown-item{align-items:center;background:#fff;border:none;color:#374151;cursor:pointer;display:flex;font-family:ReadexPro-Regular,sans-serif;font-size:13px;gap:8px;padding:8px 12px;transition:background-color .2s ease;width:100%}.edit-dropdown-item:hover:not(:disabled){background-color:#f9fafb}.edit-dropdown-item:disabled{cursor:not-allowed;opacity:.5}.edit-dropdown-item.delete-item{color:#dc2626}.edit-dropdown-item.delete-item:hover{background-color:#fef2f2;color:#b91c1c}.crm-cell.joined-cell{color:#6b7280;font-family:ReadexPro-Regular,sans-serif;font-size:15px}.crm-pagination{align-items:center;background:#f8f9fa;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 2rem}.pagination-info{align-items:center;color:#6b7280;display:flex;gap:8px}.pagination-info,.pagination-select{font-family:ReadexPro-Regular,sans-serif;font-size:14px}.pagination-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-btn{border:1px solid #d1d5db;font-family:ReadexPro-Regular,sans-serif;font-size:14px;padding:6px 12px}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5}.pagination-pages{display:flex;gap:4px}.pagination-page{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-family:ReadexPro-Regular,sans-serif;font-size:14px;padding:6px 12px;transition:all .2s ease}.pagination-page:hover{background:#f9fafb;border-color:#9ca3af}.pagination-page.active{background:#2563eb;border-color:#2563eb;color:#fff}@media (max-width:1200px){.crm-table-header,.crm-table-row{grid-template-columns:40px 1fr 100px 100px 80px 120px 100px 80px}}@media (max-width:768px){.main-content-wrapper{margin-left:0!important}.tab-navigation{margin:0 .5rem}.tab-container{padding:0 1rem}.search-filter-bar{flex-direction:column;gap:.5rem;margin:0 .5rem}.crm-table-container{margin:0 .5rem}.search-container{max-width:none}.crm-table-header,.crm-table-row{grid-template-columns:40px 1fr 80px 80px 60px 100px 80px 60px}.crm-cell{font-size:12px;padding:8px 12px}.crm-cell.name-cell .user-info{gap:8px}.crm-cell.name-cell .user-avatar,.crm-cell.name-cell .user-avatar-icon{height:24px;width:24px}}@media (max-width:480px){.main-content-wrapper{margin-left:0!important}.tab-navigation{margin:0 .25rem}.tab-container{-webkit-overflow-scrolling:auto;flex-wrap:wrap;justify-content:center;overflow-x:visible;padding:0 .5rem}.tab-button{font-size:12px;min-width:auto;padding:.4rem .5rem;white-space:nowrap}.control-bar{flex-wrap:wrap;gap:.5rem;padding:.75rem .5rem}.search-filter-bar{gap:.5rem;margin:0 .25rem;padding:.5rem .75rem}.search-container{min-width:0;width:100%}.search-input{font-size:14px;padding:8px 10px 8px 32px}.filter-container{flex:1 1;min-width:120px}.filter-select{font-size:13px;padding:8px 10px}.button-group-right{flex-wrap:wrap;justify-content:flex-start;margin-left:0;width:100%}.add-user-button-inline,.bulk-delete-button-inline{flex:1 1;font-size:12px;justify-content:center;min-width:100px;padding:6px 12px}.crm-table-container{-webkit-overflow-scrolling:touch;margin:0 .25rem;overflow-x:auto}.crm-table{min-width:1000px}.crm-table-header,.crm-table-row{grid-template-columns:35px 180px 90px 110px 95px 110px 100px 100px;min-width:1000px}.crm-header-cell{font-size:10px;letter-spacing:.02em}.crm-cell,.crm-header-cell{word-wrap:break-word;overflow-wrap:break-word;padding:8px}.crm-cell{font-size:12px}.crm-cell.name-cell{min-width:180px}.crm-cell.name-cell .user-info{flex-wrap:nowrap;gap:8px}.crm-cell.name-cell .user-avatar,.crm-cell.name-cell .user-avatar-icon{flex-shrink:0;height:28px;width:28px}.crm-cell.name-cell .user-details{flex:1 1;min-width:0}.crm-cell.name-cell .username{font-size:13px}.crm-cell.name-cell .user-email,.crm-cell.name-cell .username{line-height:1.3;overflow-wrap:break-word;word-break:break-word}.crm-cell.name-cell .user-email{font-size:11px;max-width:100%}.crm-cell.role-cell{min-width:90px}.crm-cell.role-cell .role-badge{box-sizing:border-box;font-size:11px;min-width:-webkit-fit-content;min-width:fit-content;padding:4px 12px;white-space:nowrap}.crm-cell.status-cell{font-size:11px;min-width:95px}.crm-cell.status-cell .status-text{font-size:11px;line-height:1.3}.crm-cell.contact-cell{font-size:12px;min-width:110px}.crm-cell.contact-cell,.crm-cell.joined-cell{overflow-wrap:break-word;word-break:break-word}.crm-cell.joined-cell{font-size:11px;min-width:100px}.crm-cell.actions-cell{flex-wrap:wrap;gap:4px;justify-content:flex-start;min-width:100px}.crm-cell.actions-cell button{font-size:10px;padding:3px 6px;white-space:nowrap}.crm-cell.actions-cell .reset-password-btn{font-size:9px!important;gap:3px;padding:3px 6px!important}.crm-cell.actions-cell .activate-tech-officer-btn,.crm-cell.actions-cell .delete-user-btn,.edit-user-btn{font-size:10px!important;gap:3px;padding:3px 6px!important}.crm-cell.checkbox-cell .user-checkbox{accent-color:#1a4375;cursor:pointer;height:22px;transform:scale(1.1);width:22px}.crm-pagination{flex-direction:column;gap:.75rem;padding:.75rem .5rem}.pagination-info{flex-wrap:wrap;font-size:12px;justify-content:center}.pagination-select{font-size:12px;padding:4px 6px}.pagination-controls{flex-wrap:wrap;gap:4px;justify-content:center}.pagination-btn,.pagination-page{font-size:12px;padding:4px 8px}}@media (min-width:361px) and (max-width:480px){.crm-table-header,.crm-table-row{grid-template-columns:35px 200px 100px 120px 100px 120px 110px 110px}.crm-header-cell{font-size:11px;padding:8px 10px}.crm-cell{font-size:13px;padding:8px 10px}.crm-cell.name-cell .username{font-size:14px}.crm-cell.name-cell .user-email{font-size:12px}.crm-cell.role-cell .role-badge{box-sizing:border-box;font-size:12px;min-width:-webkit-fit-content;min-width:fit-content;padding:5px 14px}.crm-cell.status-cell .status-text{font-size:12px}.crm-cell.contact-cell{font-size:13px}.crm-cell.joined-cell{font-size:12px}.crm-cell.actions-cell button{font-size:11px;padding:4px 8px}.crm-cell.checkbox-cell .user-checkbox{accent-color:#1a4375;cursor:pointer;height:24px;transform:scale(1.2);width:24px}}@media (max-width:360px){.crm-table-header,.crm-table-row{grid-template-columns:30px 160px 80px 100px 85px 100px 90px 90px}.crm-header-cell{font-size:9px;padding:6px}.crm-cell{font-size:11px;padding:6px}.crm-cell.name-cell{min-width:160px}.crm-cell.name-cell .user-avatar,.crm-cell.name-cell .user-avatar-icon{height:24px;width:24px}.crm-cell.name-cell .username{font-size:12px}.crm-cell.name-cell .user-email{font-size:10px}.crm-cell.role-cell .role-badge{box-sizing:border-box;font-size:10px;min-width:-webkit-fit-content;min-width:fit-content;padding:4px 10px}.crm-cell.status-cell .status-text{font-size:10px}.crm-cell.contact-cell{font-size:11px}.crm-cell.joined-cell{font-size:10px}.crm-cell.actions-cell button{font-size:9px;padding:3px 5px}.crm-cell.actions-cell .reset-password-btn{font-size:8px!important}.crm-cell.checkbox-cell .user-checkbox{accent-color:#1a4375;cursor:pointer;height:20px;transform:scale(1.05);width:20px}}@font-face{font-family:ReadexPro-Medium;font-style:normal;font-weight:400;src:url(/static/media/ReadexPro-Medium.9ea07d7655ae930ba73e.ttf) format("truetype")}.body{background-color:#f6f5f5;margin:0;min-height:100vh;overflow:auto}.feedback-header-bar{align-items:center;background:#2c517d;box-shadow:0 4px 16px #0000001f;box-sizing:border-box;display:flex;height:60px;justify-content:space-between;margin:0 0 2rem;padding:1rem 2rem;width:100%}.header-hamburger-icon{align-items:center;color:#fff!important;display:inline-flex;font-size:.9rem!important;justify-content:center;margin-left:.5rem;min-height:32px;min-width:32px}@media (min-width:1920px){.feedback-header-bar{height:80px;padding:1rem 4rem}.header-hamburger-icon{font-size:.8rem!important;min-height:30px;min-width:30px}.feedback .sidebar-wrapper{top:80px!important}}@media (max-width:1023px){.header-hamburger-icon{font-size:.8rem!important;min-height:28px;min-width:28px}}.header-title{letter-spacing:.5px}.search-container{flex:1 1;margin:0 20px;max-width:400px;position:relative}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input{background:#0000;border:2px solid #d9d9d9;border-radius:100px;color:#fff;flex-grow:1;font-family:customfont1;outline:none;padding:11px 40px 11px 15px;width:100%}.search-input::placeholder{color:#ffffffb3;opacity:.7}.search-filter-btn{background:none;border:none;color:#b7c5c6;cursor:pointer;padding:5px;position:absolute;right:10px}.search-filter-btn:hover{color:#3498db}.search-filter-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:5px;padding:5px 0;position:absolute;right:0;top:100%;width:200px;z-index:100}.filter-option{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:14px;padding:8px 15px;text-align:left;width:100%}.filter-option:hover{background-color:#f8f9fa}.filter-option.active{background-color:#e3f2fd;color:#3498db;font-weight:500}.feedback-menu{cursor:pointer;padding:10px;position:relative;z-index:1000}.feedback-menu button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.three-dot-icon{color:#fff;font-size:1.2rem}.dropdown-menu{background-color:#1a4375;border:3px solid #ddd;border-radius:4px;box-shadow:0 2px 5px #0000001a;margin-top:5px;min-width:200px;padding:5px 0;position:absolute;right:0;top:100%;z-index:1001}.dropdown-menu button{background:none;border:none;color:#fff;cursor:pointer;font-family:customfont1;padding:.5rem 2rem;text-align:left;transition:background-color .2s;width:100%}.dropdown-menu button:hover{background-color:#2e6ba6}.feedback-wrapper{background:#0000;border-radius:1rem 1rem 0 0;margin:0 auto -1rem;padding:1.7rem;position:relative;width:65%}.feedback-title{color:#000;font-family:ReadexPro-Medium;font-size:1.5rem;margin:0;padding-left:2rem;text-align:left;text-transform:uppercase}.feedback-tabs{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:2rem;justify-content:center;margin:1rem auto -3.4rem -3.5rem;padding-bottom:.25rem;position:relative;width:72.3%}.feedback-tab{background:none;border:none;border-bottom:3px solid #0000;border-radius:0;color:#6b7280;cursor:pointer;font-family:ReadexPro-Medium;font-size:1rem;padding:.875rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.feedback-tab:hover{background:#3b82f60d;color:#3b82f6}.feedback-tab.active{background:#3b82f614;border-bottom-color:#3b82f6;color:#3b82f6;font-weight:600}.feedback-tab{position:relative}.feedback-tab:after{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #fff;border-radius:12px;box-shadow:0 2px 8px #3b82f666;color:#fff;content:attr(data-count);display:flex;font-size:.7rem;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0 6px;position:absolute;right:-6px;top:-6px;z-index:1}.feedback-tab[data-count="0"]:after{display:none}.feedback-filter-container{align-items:center;display:flex;left:109rem;position:absolute;top:0;z-index:100}.feedback-filter-btn{align-items:center;background:#d2d9e2;border:none;border-radius:9px;color:#3f3f3f;cursor:pointer;display:flex;font-family:ReadexPro-Regular;font-size:15px;gap:8px;margin-bottom:.5rem;margin-right:4rem;padding:17px 50px;position:relative;transition:all .3s ease}.feedback-filter-btn:hover{background:#b8c4d1;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.feedback-filter-btn .filter-icon{font-size:14px}.feedback-filter-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:5px;padding:15px;position:absolute;right:1rem;top:100%;width:250px;z-index:100}.feedback-filter-header{margin-bottom:15px}.feedback-filter-header label{color:#333;display:block;font-weight:500;margin-bottom:5px}.feedback-category-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:8px}.feedback-category-option{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;color:#333;cursor:pointer;display:flex;font-family:ReadexPro-Regular;font-size:12px;gap:6px;justify-content:center;padding:1px;text-align:left;transition:all .2s;width:100%}.feedback-category-option:hover{background:#e9ecef;border-color:#1a4375}.feedback-category-option.active{background:#1a4375;border-color:#1a4375;color:#fff}.feedback-category-option svg{flex-shrink:0;height:14px;width:14px}.feedback-category-option span{flex:1 1}.feedback-filter-select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:100%}.feedback-filter-section{margin-bottom:15px}.feedback-filter-section label{color:#333;display:block;font-weight:500;margin-bottom:5px}.feedback-filter-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:100%}.feedback-filter-actions{display:flex;gap:10px;justify-content:flex-end}.feedback-apply-filter-btn,.feedback-clear-filter-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.feedback-apply-filter-btn{background-color:#1a4375;color:#fff}.feedback-apply-filter-btn:hover{background-color:#2980b9}.feedback-clear-filter-btn{background-color:#6c757d;color:#fff}.feedback-clear-filter-btn:hover{background-color:#5a6268}.feedback-container{background:#0000;border-bottom:1px solid #6c757d;border-top:1px solid #6c757d;display:flex;flex:1 1;gap:20px;height:38.5rem;margin:5.3rem 1rem auto;overflow:hidden;padding:0 2rem;width:72.3%}.categories-container{display:flex;flex-shrink:0;justify-content:center;margin-bottom:25px;width:200px}.feedback-categories{display:flex;flex-direction:column;gap:10px}.category-btn{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:20px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s}.category-btn:hover{background:#e9ecef}.category-btn.active{background:#3498db;border-color:#3498db;color:#fff}.category-label{margin-top:2px}.inbox-container{border-right:1px solid #e5e7eb;border-top:1px solid #eee;flex:0 0 450px;max-height:calc(100vh - 200px);overflow-y:auto;padding-top:20px}@media (max-width:1023px){.inbox-container{background:#f9fafb;border-right:none;padding:.75rem .5rem 1rem}.inbox-toggle-btn{align-self:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 6px #0000000f;color:#1a4375;font-family:ReadexPro-Regular;margin-bottom:10px;padding:10px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.inbox-container.closed{left:-100%}.inbox-container.closed,.inbox-container.open{background:#fff;border-radius:0;border-right:none;bottom:0;box-shadow:none;max-width:none;padding:1rem .75rem 1.25rem;position:fixed;top:80px;transition:left .28s ease;width:100%;z-index:1001}.inbox-container.open{left:0;transform:none}.inbox-backdrop{background:#00000059;inset:0;position:fixed;z-index:1000}}.feedback-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:14px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:90%}.feedback-card.unread{background:linear-gradient(135deg,#fff,#f8faff);border-left:4px solid #3b82f6;border-radius:16px;box-shadow:0 4px 12px #3b82f61f,0 0 0 1px #3b82f614;position:relative}.feedback-card.unread:before{background:linear-gradient(135deg,#3b82f608,#3b82f603);border-radius:16px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.feedback-card.unread:hover{background:linear-gradient(135deg,#fff,#eff6ff);border-left-color:#2563eb;box-shadow:0 8px 20px #3b82f62e,0 0 0 1px #3b82f61f;transform:translateY(-2px)}.feedback-card:hover{border-color:#d1d5db;box-shadow:0 8px 24px #0000001a;transform:translateY(-3px)}.feedback-card.selected{background:#f8faff;border:2px solid #3b82f6;box-shadow:0 8px 24px #3b82f633}.feedback-card-content{display:flex;flex:1 1;flex-direction:column;gap:10px}.feedback-actions{align-items:center;display:flex;gap:10px;margin-left:10px;position:relative}.action-button{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;padding:5px;transition:all .2s ease}.action-button:hover{background-color:#f0f0f0;color:#333}.action-button.read-button{color:#28a745}.action-button.read-button:hover{background-color:#d4edda;color:#155724}.action-button.unread-button{color:#6c757d}.action-button.unread-button:hover{background-color:#e9ecef;color:#495057}.action-menu{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.action-menu button{background:none;border:none;color:#333;cursor:pointer;display:block;padding:10px 15px;text-align:left;transition:background-color .2s ease;width:100%}.action-menu button:hover{background-color:#f5f5f5}.action-menu button:disabled{cursor:not-allowed;opacity:.5}.action-menu button.delete-button{color:#dc3545}.action-menu button.delete-button:hover{background-color:#fff5f5}.user-avatar-container{align-items:center;display:flex;gap:8px;margin-bottom:6px;padding:0}.user-avatar-container svg{color:#6c757d;font-size:28px}.user-name{box-sizing:border-box;color:#111827;display:inline!important;font-family:ReadexPro-Medium;font-size:.875rem;font-weight:600;line-height:normal}.user-name,span.user-name{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;outline:none!important;padding:0!important;text-decoration:none!important}.feedback-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.feedback-categ{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.feedback-type{align-items:center;background:#3b82f61a;border-radius:10px;color:#1e40af;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.feedback-card.unread .feedback-type{background:linear-gradient(135deg,#1a73e81a,#1a73e80d);border:1px solid #1a73e84d;box-shadow:0 1px 3px #1a73e81a;color:#1a73e8;font-weight:700}.feedback-type svg{height:14px;width:14px}.feedback-message{word-wrap:break-word;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#374151;display:-webkit-box;font-family:ReadexPro-Regular;font-size:.875rem;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap}.feedback-type.bug{background:#ef444426;color:#dc2626}.feedback-type.uiux{background:#6366f126;color:#4338ca}.feedback-type.feature-request{background:#22c55e26;color:#16a34a}.feedback-type.performance{background:#f59e0b26;color:#d97706}.feedback-type.other{background:#a855f726;color:#9333ea}.feedback-date{color:#6b7280;font-family:ReadexPro-Regular;font-size:.7rem;font-weight:500}.content-area{display:flex;flex:1 1;gap:20px;margin-top:20px;overflow:hidden}.content-area.narrow,.feedback-detail{position:relative}.feedback-detail{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 16px #0000000f;flex:1 1;max-height:calc(100vh - 200px);overflow-y:auto;padding:32px}.feedback-detail.mobile-open{margin-bottom:-25px;margin-top:-25px;padding-bottom:12px;padding-top:12px}@media (max-width:768px){.feedback-detail{border-bottom:none;border-left:none;border-radius:0;border-right:none;box-shadow:none;height:auto;max-height:none;min-height:calc(100vh - 100px);overflow-y:visible;padding:20px 16px 120px}.feedback-detail.mobile-open{height:auto;min-height:calc(100vh - 120px)}}@media (min-width:360px) and (max-width:480px){.feedback-detail.mobile-open{min-height:calc(100vh - 120px)}}.feedback-detail-placeholder{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px dashed #d1d5db;border-radius:20px;display:flex;flex:1 1;justify-content:center;padding:40px}.placeholder-content{color:#6b7280;text-align:center}.placeholder-icon{color:#d1d5db;font-size:5rem;margin-bottom:1.5rem;opacity:.6}.placeholder-content h3{color:#495057;font-family:ReadexPro-Medium;margin-bottom:.5rem}.placeholder-content p{color:#6c757d;font-family:ReadexPro-Regular;line-height:1.5}.close-detail{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:5px;width:32px}.detail-header-top{align-items:center;display:flex;gap:8px;position:absolute;right:10px;top:10px;z-index:10}.detail-header-top .action-button{align-items:center;display:flex;font-size:16px;height:32px;justify-content:center;opacity:1;visibility:visible;width:32px}.detail-header-top .feedback-date{color:#8d8d8d;font-family:ReadexPro-Regular;font-size:.9rem;margin-right:3rem;margin-top:.7rem}.close-detail:hover{color:#333}.detail-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.detail-header .user-avatar-container{align-items:center;display:flex;gap:12px}.detail-header .user-avatar-container svg{color:#6b7280;font-size:40px}.detail-header .feedback-meta{align-items:center;display:flex;margin-top:8px}@media (max-width:768px){.detail-header .feedback-meta{margin-top:18px}.feedback-detail.mobile-open .detail-header-top{justify-content:flex-end;margin-right:0;margin-top:8px;position:static;width:100%}.feedback-detail.mobile-open .detail-header-top .feedback-date{font-size:.8rem;margin-right:0;margin-top:0}}.original-message{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;padding:24px}.original-message h3{color:#111827;font-family:ReadexPro-Medium;font-size:.9rem;letter-spacing:.5px;margin-bottom:12px;margin-top:0;opacity:.7;text-transform:uppercase}.original-message p{color:#374151;font-size:1rem;line-height:1.7;margin:0}.replies-container{margin-top:24px;max-height:400px;overflow-y:auto;padding-right:12px}@media (max-width:768px){.replies-container{max-height:none;overflow-y:visible;padding-right:0}}.replies-container h3{color:#111827;font-family:ReadexPro-Medium;font-size:1.1rem;font-weight:600;margin-bottom:20px}.reply-message{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:16px;box-shadow:0 1px 3px #0000000d;margin-bottom:16px;padding:20px;transition:all .2s ease}.reply-message:hover{box-shadow:0 4px 8px #00000014;transform:translateY(-1px)}.reply-message.admin-reply{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e5e7eb}.reply-header{align-items:center;color:#374151;display:flex;gap:12px;margin-bottom:12px}.admin-avatar{color:#6b7280;flex-shrink:0;font-size:36px}.reply-header span:first-of-type{color:#111827;font-family:ReadexPro-Medium;font-size:.95rem;font-weight:600}.reply-date{color:#6b7280;font-size:.85rem;font-weight:500;margin-left:auto}.reply-message p{color:#374151;font-size:.95rem;line-height:1.7;margin:0}.no-replies{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;font-style:italic;padding:40px 20px;text-align:center}.reply-box{border-top:2px solid #e5e7eb;margin-top:32px;padding-top:24px}.reply-box textarea{background:#fff;border:2px solid #d1d5db;border-radius:12px;box-sizing:border-box;color:#374151;font-family:ReadexPro-Regular;font-size:.95rem;margin-bottom:16px;max-height:none;min-height:120px;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.reply-box textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.send-reply{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-family:ReadexPro-Medium;font-size:.95rem;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.send-reply:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.send-reply:active:not(:disabled){transform:translateY(0)}@media (max-width:768px){.content-area{flex-direction:column;overflow:visible}.inbox-container{max-height:300px;max-width:100%}.feedback-header-bar{padding:.5rem 1rem}}.download-container{position:relative}.header-title{margin-left:5rem;margin-right:auto}.search-container{margin-right:15px}.feedback-detail::-webkit-scrollbar,.inbox-container::-webkit-scrollbar,.replies-container::-webkit-scrollbar{width:6px}.feedback-detail::-webkit-scrollbar-track,.inbox-container::-webkit-scrollbar-track,.replies-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.feedback-detail::-webkit-scrollbar-thumb,.inbox-container::-webkit-scrollbar-thumb,.replies-container::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.feedback-detail::-webkit-scrollbar-thumb:hover,.inbox-container::-webkit-scrollbar-thumb:hover,.replies-container::-webkit-scrollbar-thumb:hover{background:#555}.loading-feedback{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:1rem;width:40px}.no-feedback{color:#666;font-style:italic;padding:2rem;text-align:center}.response-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 1px 3px #1e40af26;color:#1e40af}.response-badge,.unread-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:.65rem;font-weight:600;gap:.3rem;margin-left:.5rem;padding:.25rem .6rem}.unread-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 2px 6px #3b82f64d;color:#fff;letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease}.unread-badge svg{flex-shrink:0;height:12px;width:12px}.unread-badge:hover{box-shadow:0 4px 8px #ff6b3566;transform:translateY(-1px)}.response-badge svg{font-size:.75rem}.reply-box textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.send-reply:disabled{background:#ccc;cursor:not-allowed}.feedback{position:relative}.feedback-header-bar{position:relative;z-index:1000}.sidebar-backdrop{background:#00000080;cursor:pointer;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:999}.sidebar-backdrop.active{opacity:1;pointer-events:auto}.feedback-container,.feedback-wrapper{transition:margin-left .3s ease}.feedback.sidebar-open .feedback-container,.feedback.sidebar-open .feedback-wrapper{margin-left:25rem}.feedback.sidebar-open .feedback-container,.feedback.sidebar-open .feedback-tabs,.feedback.sidebar-open .feedback-wrapper{margin-left:27rem}.feedback:not(.sidebar-open) .feedback-container,.feedback:not(.sidebar-open) .feedback-tabs,.feedback:not(.sidebar-open) .feedback-wrapper{margin-left:2rem}@media (max-width:1200px){.feedback.sidebar-open .feedback-container,.feedback.sidebar-open .feedback-wrapper{margin-left:21.5rem}.feedback:not(.sidebar-open) .feedback-container,.feedback:not(.sidebar-open) .feedback-wrapper{margin-left:1.5rem}}@media (max-width:768px){.feedback.sidebar-open .feedback-container,.feedback.sidebar-open .feedback-wrapper{margin-left:0}.feedback:not(.sidebar-open) .feedback-container,.feedback:not(.sidebar-open) .feedback-wrapper{margin-left:1rem}}@media (max-width:480px){.feedback.sidebar-open .feedback-container,.feedback.sidebar-open .feedback-wrapper,.feedback:not(.sidebar-open) .feedback-container,.feedback:not(.sidebar-open) .feedback-wrapper{margin-left:0;margin-right:0}.feedback-container,.feedback-wrapper{max-width:100%;width:100%}}@media (min-width:1920px){.feedback-container,.feedback-tabs,.feedback-wrapper{margin:0 auto;width:70%}.feedback-title{font-size:2rem}.feedback-card{margin-bottom:20px;padding:20px}.feedback-message,.user-name{font-size:1.1rem}.feedback-type{font-size:.95rem;padding:6px 12px}.feedback-filter-container{bottom:1.5rem;left:105rem}.feedback.sidebar-open .feedback-container,.feedback.sidebar-open .feedback-wrapper{margin-left:25rem!important}.feedback.sidebar-open .feedback-tabs{margin-left:-4rem!important}.feedback .sidebar-wrapper.collapsed~.feedback-wrapper{margin-left:16rem}.feedback .sidebar-wrapper.collapsed~.feedback-container{margin-left:17rem}.feedback .sidebar-wrapper.collapsed~.feedback-tabs{margin-left:-10rem}.feedback .sidebar-wrapper.collapsed~.feedback-filter-container{left:100rem}.feedback.sidebar-open .feedback-filter-dropdown,.feedback:not(.sidebar-open) .feedback-filter-dropdown{right:1rem;top:2.5rem}.feedback .sidebar-wrapper.collapsed~.feedback-tabs .feedback-filter-dropdown{right:1rem}.feedback .sidebar-wrapper.collapsed~.feedback-tabs .feedback-filter-dropdown .feedback-filter-input,.feedback .sidebar-wrapper.collapsed~.feedback-tabs .feedback-filter-dropdown .feedback-filter-select,.feedback.sidebar-open .feedback-filter-dropdown .feedback-filter-input,.feedback.sidebar-open .feedback-filter-dropdown .feedback-filter-select,.feedback:not(.sidebar-open) .feedback-filter-dropdown .feedback-filter-input,.feedback:not(.sidebar-open) .feedback-filter-dropdown .feedback-filter-select{box-sizing:border-box;max-width:340px;width:100%}}@media (min-width:1536px) and (max-width:1919px){.feedback-container,.feedback-wrapper{margin:0 auto;width:75%}.feedback-tabs{margin:0 auto;width:50%}.feedback-filter-container{bottom:1.6rem;left:75rem}.feedback-title{font-size:1.8rem}.feedback-card{margin-bottom:18px;padding:18px}.feedback-message,.user-name{font-size:1rem}.feedback-type{font-size:.9rem;padding:5px 10px}.content-area{margin-bottom:10rem}.feedback:not(.sidebar-open) .feedback-wrapper{margin-left:2.5rem;width:90%}.feedback:not(.sidebar-open) .feedback-container{margin-left:2.5rem;width:80%}.feedback:not(.sidebar-open) .feedback-tabs{margin-left:2.5rem;width:90%}.feedback:not(.sidebar-open) .feedback-filter-container{left:100rem;top:.5rem}.feedback.sidebar-open .feedback-wrapper{margin-left:15rem}.feedback.sidebar-open .feedback-container{margin-left:18rem}.feedback .sidebar-wrapper.collapsed~.feedback-wrapper,.feedback.sidebar-open .feedback-tabs{margin-left:8rem}.feedback .sidebar-wrapper.collapsed~.feedback-container{margin-left:10rem}.feedback .sidebar-wrapper.collapsed~.feedback-tabs{margin-left:-19rem}.feedback .sidebar-wrapper.collapsed~.feedback-filter-container{left:90rem}.feedback.sidebar-open .feedback-filter-dropdown,.feedback:not(.sidebar-open) .feedback-filter-dropdown{right:1rem;top:2.5rem}.feedback .sidebar-wrapper.collapsed~.feedback-tabs .feedback-filter-dropdown{right:1rem;top:2rem}.feedback .sidebar-wrapper.collapsed~.feedback-tabs .feedback-filter-dropdown .feedback-filter-input,.feedback .sidebar-wrapper.collapsed~.feedback-tabs .feedback-filter-dropdown .feedback-filter-select,.feedback.sidebar-open .feedback-filter-dropdown .feedback-filter-input,.feedback.sidebar-open .feedback-filter-dropdown .feedback-filter-select,.feedback:not(.sidebar-open) .feedback-filter-dropdown .feedback-filter-input,.feedback:not(.sidebar-open) .feedback-filter-dropdown .feedback-filter-select{box-sizing:border-box;max-width:320px;width:100%}}@media (min-width:1366px) and (max-width:1535px){.feedback-container,.feedback-wrapper{margin:0 auto;width:75%}.feedback-tabs{margin:0 auto;width:50%}.feedback-filter-container{bottom:1.6rem;left:75rem}.feedback-title{font-size:1.8rem}.feedback-card{margin-bottom:18px;padding:18px}.feedback-message,.user-name{font-size:1rem}.feedback-type{font-size:.9rem;padding:5px 10px}.content-area{margin-bottom:10rem}.feedback:not(.sidebar-open) .feedback-wrapper{margin-left:2.5rem;width:90%}.feedback:not(.sidebar-open) .feedback-container{margin-left:2.5rem;width:80%}.feedback:not(.sidebar-open) .feedback-tabs{margin-left:2.5rem;width:90%}.feedback:not(.sidebar-open) .feedback-filter-container{left:100rem;top:.5rem}.feedback.sidebar-open .feedback-wrapper{margin-left:15rem}.feedback.sidebar-open .feedback-container{margin-left:18rem}.feedback .sidebar-wrapper.collapsed~.feedback-wrapper,.feedback.sidebar-open .feedback-tabs{margin-left:8rem}.feedback .sidebar-wrapper.collapsed~.feedback-container{margin-left:10rem}.feedback .sidebar-wrapper.collapsed~.feedback-tabs{margin-left:-19rem}.feedback .sidebar-wrapper.collapsed~.feedback-filter-container{left:90rem}.feedback.sidebar-open .feedback-filter-dropdown,.feedback:not(.sidebar-open) .feedback-filter-dropdown{right:1rem;top:2.5rem}.feedback .sidebar-wrapper.collapsed~.feedback-tabs .feedback-filter-dropdown{right:1rem;top:2rem}.feedback .sidebar-wrapper.collapsed~.feedback-tabs .feedback-filter-dropdown .feedback-filter-input,.feedback .sidebar-wrapper.collapsed~.feedback-tabs .feedback-filter-dropdown .feedback-filter-select,.feedback.sidebar-open .feedback-filter-dropdown .feedback-filter-input,.feedback.sidebar-open .feedback-filter-dropdown .feedback-filter-select,.feedback:not(.sidebar-open) .feedback-filter-dropdown .feedback-filter-input,.feedback:not(.sidebar-open) .feedback-filter-dropdown .feedback-filter-select{box-sizing:border-box;max-width:320px;width:100%}}@media (min-width:1280px) and (max-width:1365px){.feedback-container,.feedback-tabs,.feedback-wrapper{margin:0 auto;width:80%}.feedback-filter-container{left:100rem}.feedback-title{font-size:1.6rem}.feedback-card{margin-bottom:16px;padding:16px}.feedback-message,.user-name{font-size:.95rem}.feedback-type{font-size:.85rem;padding:4px 8px}.feedback:not(.sidebar-open) .feedback-container,.feedback:not(.sidebar-open) .feedback-tabs,.feedback:not(.sidebar-open) .feedback-wrapper{margin-left:2rem;width:95%}.feedback:not(.sidebar-open) .feedback-filter-container{left:80rem}.feedback.sidebar-open .feedback-container,.feedback.sidebar-open .feedback-tabs,.feedback.sidebar-open .feedback-wrapper{margin-left:27rem}.feedback .sidebar-wrapper.collapsed~.feedback-container,.feedback .sidebar-wrapper.collapsed~.feedback-tabs,.feedback .sidebar-wrapper.collapsed~.feedback-wrapper{margin-left:7rem}.feedback .sidebar-wrapper.collapsed~.feedback-filter-container{left:80rem}.feedback .sidebar-wrapper.collapsed~.feedback-tabs .feedback-filter-dropdown,.feedback.sidebar-open .feedback-filter-dropdown,.feedback:not(.sidebar-open) .feedback-filter-dropdown{right:1rem}.feedback .sidebar-wrapper.collapsed~.feedback-tabs .feedback-filter-dropdown .feedback-filter-input,.feedback .sidebar-wrapper.collapsed~.feedback-tabs .feedback-filter-dropdown .feedback-filter-select,.feedback.sidebar-open .feedback-filter-dropdown .feedback-filter-input,.feedback.sidebar-open .feedback-filter-dropdown .feedback-filter-select,.feedback:not(.sidebar-open) .feedback-filter-dropdown .feedback-filter-input,.feedback:not(.sidebar-open) .feedback-filter-dropdown .feedback-filter-select{box-sizing:border-box;max-width:300px;width:100%}}@media (min-width:1024px) and (max-width:1279px){.feedback-container,.feedback-tabs,.feedback-wrapper{margin:0 auto;width:85%}.feedback-filter-container{left:90rem}.feedback-title{font-size:1.5rem}.feedback-card{margin-bottom:15px;padding:15px}.feedback-message,.user-name{font-size:.9rem}.feedback-type{font-size:.8rem;padding:4px 8px}.feedback .sidebar-wrapper.collapsed~.feedback-container,.feedback .sidebar-wrapper.collapsed~.feedback-tabs,.feedback .sidebar-wrapper.collapsed~.feedback-wrapper{margin-left:6.5rem}.feedback .sidebar-wrapper.collapsed~.feedback-filter-container{left:70rem}}@media (min-width:768px) and (max-width:1023px){.feedback-container,.feedback-tabs,.feedback-wrapper{margin:0 auto;width:90%}.feedback-filter-container{left:70rem}.feedback-title{font-size:1.4rem}.feedback-card{margin-bottom:14px;padding:14px}.feedback-message,.user-name{font-size:.85rem}.feedback-type{font-size:.75rem;padding:3px 6px}.feedback .sidebar-wrapper.collapsed~.feedback-container,.feedback .sidebar-wrapper.collapsed~.feedback-tabs,.feedback .sidebar-wrapper.collapsed~.feedback-wrapper{margin-left:6rem}.feedback .sidebar-wrapper.collapsed~.feedback-filter-container{left:60rem}}@media (max-width:767px){.feedback-wrapper{margin:0 auto;padding:1rem;width:95%}@media (min-width:360px) and (max-width:480px){.feedback-detail-placeholder{min-height:320px}.feedback-tabs{display:none!important}.mobile-tab-row{display:flex;gap:.5rem;margin:.5rem 0 0 .5rem}.mobile-tab{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 6px #0000000f;color:#1a4375;font-size:.85rem;padding:.45rem .7rem;position:relative}.mobile-tab .mobile-badge{background:#1a4375;border-radius:999px;box-shadow:0 2px 6px #1a437540;color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;position:absolute;right:-6px;top:-8px}.mobile-tab.active{background:#1a4375;border-color:#1a4375;color:#fff}.feedback-wrapper{margin-top:1.5rem}.feedback-tab{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 6px #0000000f;color:#3f3f3f;flex:1 1;font-size:.9rem;min-width:0;padding:.5rem .9rem;text-align:center}.feedback-tab.active{background:#1a4375;border-color:#1a4375;box-shadow:0 3px 8px #1a437540;color:#fff}.mobile-filter-container{margin:.75rem .5rem 0;position:relative}.mobile-filter-btn{align-items:center;background:#d2d9e2;border:none;border-radius:9px;box-shadow:0 2px 6px #0000000f;box-sizing:border-box;color:#3f3f3f;cursor:pointer;display:inline-flex;font-family:ReadexPro-Regular;font-size:15px;gap:8px;justify-content:center;padding:.75rem 1.25rem;transition:all .3s ease;width:100%}.mobile-filter-btn:hover{background:#b8c4d1;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.mobile-filter-btn .filter-icon{font-size:14px}.mobile-filter-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 8px 20px #00000026;left:0;margin:0 auto;max-width:320px;padding:12px;position:absolute;right:0;top:56px;width:85vw;z-index:1200}.feedback-tab:after{right:6px;top:-10px}.feedback-container{box-sizing:border-box;height:auto;margin:5.5rem 0 1rem;max-width:100%;padding:1rem;width:95%}.feedback .sidebar-wrapper.collapsed~.feedback-tabs,.feedback.sidebar-open .feedback-tabs,.feedback:not(.sidebar-open) .feedback-tabs{margin-left:0!important;width:95%!important}.feedback-filter-container{justify-content:flex-start;left:auto;margin:.5rem 0 0;position:relative;top:auto;width:100%}}@media (max-width:360px){.feedback-detail-placeholder{min-height:300px}.feedback-tabs{display:none!important}.mobile-tab-row{display:flex;gap:.45rem;margin:.5rem 0 0 .5rem}.mobile-tab{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 6px #0000000f;color:#1a4375;font-size:.8rem;padding:.4rem .6rem;position:relative}.mobile-tab .mobile-badge{background:#1a4375;border-radius:999px;box-shadow:0 2px 6px #1a437540;color:#fff;font-size:.6rem;font-weight:700;padding:2px 6px;position:absolute;right:-6px;top:-8px}.mobile-tab.active{background:#1a4375;border-color:#1a4375;color:#fff}.feedback-wrapper{box-sizing:border-box;margin-top:1.25rem;max-width:100%;width:100%}.feedback-tabs{align-items:center;background:#fff;display:flex;flex-direction:row;gap:.4rem;margin:1rem auto 0 0;overflow:visible;padding-bottom:0;position:-webkit-sticky;position:sticky;top:60px;width:95%;z-index:1100}.inbox-container.open{padding-top:70px;top:88px}.inbox-container .inbox-close-btn{right:16px;top:18px}@media (min-width:760px) and (max-width:860px){.feedback-tabs{display:none!important}.mobile-tab-row{display:flex;gap:.6rem;margin:.75rem 0 0 .75rem}.mobile-tab{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 6px #0000000f;color:#1a4375;font-size:.95rem;padding:.55rem .9rem;position:relative}.mobile-tab.active{background:#1a4375;border-color:#1a4375;color:#fff}.mobile-tab .mobile-badge{background:#1a4375;border-radius:999px;box-shadow:0 2px 6px #1a437540;color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;position:absolute;right:-8px;top:-10px}.mobile-filter-container{margin:.75rem .75rem 0;position:relative}.mobile-filter-btn{align-items:center;background:#d2d9e2;border:none;border-radius:9px;box-shadow:0 2px 6px #0000000f;color:#3f3f3f;cursor:pointer;display:inline-flex;font-family:ReadexPro-Regular;font-size:15px;gap:8px;padding:16px 48px;transition:all .3s ease}.mobile-filter-btn:hover{background:#b8c4d1;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.mobile-filter-btn .filter-icon{font-size:14px}.mobile-filter-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 8px 20px #00000026;left:0;margin:0 auto;max-width:420px;padding:16px;position:absolute;right:0;top:56px;width:70vw;z-index:1200}.feedback-detail-placeholder{min-height:360px}}.feedback-tab{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 6px #0000000f;color:#3f3f3f;flex:1 1;font-size:.85rem;min-width:0;padding:.45rem .7rem;text-align:center}.feedback-tab.active{background:#1a4375;border-color:#1a4375;box-shadow:0 3px 8px #1a437540;color:#fff}.feedback-tab:after{right:6px;top:-10px}.feedback-container{box-sizing:border-box;height:auto;margin:5.5rem 0 1rem;max-width:100%;padding:.75rem;width:100%}.feedback .sidebar-wrapper.collapsed~.feedback-tabs,.feedback.sidebar-open .feedback-tabs,.feedback:not(.sidebar-open) .feedback-tabs{margin-left:0!important;width:95%!important}.feedback-filter-container{justify-content:flex-start;left:auto;margin:.5rem 0 0;position:relative;top:auto;width:100%}}.feedback-container{margin:0 auto;padding:1rem;width:95%}.feedback-tabs{flex-direction:column;gap:1rem;margin:0 auto;width:95%}.feedback-filter-container{left:auto;margin:1rem auto;position:relative;top:auto;width:100%}.feedback-title{font-size:1.3rem;text-align:center}.feedback-card{margin-bottom:12px;padding:12px}.feedback-message,.user-name{font-size:.8rem}.feedback-type{font-size:.7rem;padding:2px 4px}.feedback-header-bar{padding:.5rem 1rem}.header-title{font-size:1.2rem}.header-logo{height:30px}.feedback-detail{box-sizing:border-box;max-width:100%;padding:16px 12px 96px;width:100%}.detail-header-top{flex-wrap:wrap;justify-content:flex-end;margin-top:4px;position:static!important;right:auto;top:auto;width:100%}.detail-header{align-items:flex-start;flex-direction:column;gap:12px}.original-message,.replies-container,.reply-box{box-sizing:border-box;max-width:100%;width:100%}.reply-box .send-reply{box-sizing:border-box;display:flex;justify-content:center;padding:12px 16px;width:100%}.reply-box{margin-bottom:48px;padding-bottom:24px}.feedback .sidebar-wrapper.collapsed~.feedback-container,.feedback .sidebar-wrapper.collapsed~.feedback-tabs,.feedback .sidebar-wrapper.collapsed~.feedback-wrapper{margin-left:0}.feedback,body,html{overflow-x:hidden}}@media (min-width:360px) and (max-width:480px){.inbox-container .inbox-close-btn{align-items:center;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#6b7280;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;position:absolute;right:16px;top:18px;transition:all .2s ease;width:32px;z-index:10}.inbox-container .inbox-close-btn:hover{background:#e5e7eb;color:#374151;transform:scale(1.05)}.inbox-container .feedback-card{box-sizing:border-box;margin:0 0 12px;width:100%}.inbox-container .feedback-actions{gap:6px;margin-left:6px}.inbox-container.open{padding-top:64px}.feedback-detail .detail-close-btn{align-items:center;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 3px 6px #0000001f;color:#6b7280;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px;z-index:2}@media (max-width:768px){.feedback-detail .detail-close-btn{right:16px;top:56px}}.feedback-detail .detail-close-btn:hover{background:#e5e7eb;color:#374151;transform:scale(1.05)}.feedback .feedback-detail.mobile-open~.inbox-container .inbox-close-btn,.feedback-detail.mobile-open .close-detail,.feedback-detail.mobile-open~.inbox-container .inbox-close-btn,.feedback.detail-open .inbox-container .inbox-close-btn,.feedback.mobile-detail-open .inbox-close-btn,.feedback.mobile-detail-open .inbox-container .inbox-close-btn{display:none!important}.feedback:has(.feedback-detail.mobile-open) .inbox-container .inbox-close-btn{display:none!important}.feedback-detail.mobile-open .detail-close-btn,.feedback-detail:not(.mobile-open) .detail-close-btn{display:none!important}.feedback-detail.mobile-open .close-detail{display:flex!important}}@font-face{font-family:customfont1;font-style:normal;font-weight:400;src:url(/static/media/ReadexPro-bold.10d21fbeef45196e6dc2.ttf) format("truetype")}@font-face{font-family:customfont;font-style:normal;font-weight:400;src:url(/static/media/Alexandria-Regular.e2177b454b2e0497eea6.ttf) format("ttf")}@font-face{font-family:ReadexPro-Regular;font-style:normal;font-weight:400;src:url(/static/media/ReadexPro-Regular.6d1072972cee83a6f173.ttf) format("truetype")}@font-face{font-family:ReadexPro-Regular2;font-style:normal;font-weight:600;src:url(/static/media/ReadexPro-Regular.6d1072972cee83a6f173.ttf) format("truetype")}body{background-color:#f6f5f5;height:100vh;margin:0;overflow:hidden}.logs-header-bar{align-items:center;background:#2c517d;box-sizing:border-box;display:flex;height:50%;justify-content:space-between;margin:0 0 2rem;padding:.5rem 5rem;width:100%}@media (min-width:1024px){.logs .sidebar-wrapper{width:240px!important}}@media (min-width:360px) and (max-width:480px){.logs-header-bar.blurred{backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%)}.sidebar-backdrop{background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:1000}.sidebar-backdrop.active{opacity:1;visibility:visible}}.header-logo-container{align-items:center;display:flex;gap:1rem}.header-logo{height:40px;width:auto}.header-title{color:#fff;font-family:customfont1;font-size:1.5rem;margin:0}.header-hamburger-icon{color:#fff;cursor:pointer;font-size:1.5rem;margin-left:1rem;transition:all .2s ease}.header-hamburger-icon:hover{color:#b8c4d1;transform:scale(1.1)}.header-right{align-items:center;display:flex;gap:1rem}.logs-filter-button{background:#d2d9e2;border-radius:9px;font-family:ReadexPro-Regular;font-size:15px;gap:8px;margin-bottom:.5rem;margin-right:4rem;padding:17px 50px;position:relative;transition:all .3s ease}.logs-filter-button:hover{background:#b8c4d1;box-shadow:0 4px 8px #00000026}.filter-icon{color:#3f3f3f;font-size:15px}.filter-dropdown{display:block!important;left:84%;opacity:1!important;padding:20px;visibility:visible!important}.logs-filter-section label,.logs-value-section label{color:#495057;display:block;font-family:ReadexPro-Regular;font-size:14px;font-weight:600;margin-bottom:8px}.logs-filter-section input,.logs-filter-section select{width:99%}.logs-filter-section input,.logs-filter-section select,.logs-value-section input,.logs-value-section select{background-color:#fff;border:1px solid #ced4da;border-radius:6px;font-family:ReadexPro-Regular;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.logs-value-section input,.logs-value-section select{width:90%}.logs-filter-section input:focus,.logs-filter-section select:focus{border-color:#2c517d;box-shadow:0 0 0 2px #2c517d1a;outline:none}.logs-apply-filter-btn,.logs-clear-filter-btn{font-family:ReadexPro-Regular}.logs-apply-filter-btn{background:#2c517d}.logs-apply-filter-btn:hover{background:#2e6ba6}.add-user-button-container{align-items:center;display:flex;gap:1rem;justify-content:flex-end;margin-bottom:-9rem;margin-top:2rem;position:relative;transition:margin-left .3s ease}.add-user-button-container.sidebar-collapsed{margin-left:80px}.logs-manage-wrapper{background:#e6e4e4;box-shadow:0 8px 15px #0000004d;margin:10rem 0 -8rem 25rem;max-width:75.6%;transition:margin-left .3s ease}.logs-manage-wrapper.sidebar-collapsed{margin-left:95px;max-width:90.8%}.logs-table-header{background:#f8f9fa;border-bottom:2px solid #e9ecef;border-radius:8px 8px 0 0;margin-top:5rem;padding:1rem}.logs-pagination-controls{align-items:center;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem}.pagination-info{color:#6c757d;font-family:ReadexPro-Regular;font-size:.9rem}.pagination-settings{align-items:center;display:flex;gap:.5rem}.pagination-settings label{color:#495057;font-family:ReadexPro-Regular;font-size:.9rem;font-weight:600}.logs-per-page-select{background:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-family:ReadexPro-Regular;font-size:.9rem;padding:.5rem}.pagination-navigation{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.pagination-btn{background:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;font-family:ReadexPro-Regular;font-size:.85rem;min-width:40px;padding:.5rem .75rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.pagination-btn:disabled{background:#f8f9fa;border-color:#dee2e6;color:#adb5bd;cursor:not-allowed}.pagination-btn.active{background:#2c517d;border-color:#2c517d;color:#fff}.pagination-btn.active:hover{background:#2e6ba6}.page-numbers{display:flex;gap:.25rem}.page-numbers .pagination-btn{min-width:35px;padding:.5rem}.logs-header-row{grid-gap:1rem;align-items:center;color:#495057;display:grid;font-family:ReadexPro-Regular;font-weight:600;gap:1rem;grid-template-columns:1.5fr 1.5fr 1fr 2fr 1fr}.header-cell.time-cell{justify-content:center;margin-left:-9.5rem;min-width:150px}.header-cell.performed-cell,.header-cell.time-cell{background-color:initial;border-radius:4px;padding:.75rem}.header-cell.performed-cell{min-width:140px}.header-cell.actions-cell{background-color:initial;border-radius:4px;margin-left:-7rem;min-width:100px;padding:.75rem}.header-cell{align-items:center;display:flex;gap:.5rem;padding:.5rem;position:relative}.header-cell span{font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.logs-main-content{box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;height:calc(100vh - 400px)!important;margin-left:20%;overflow-x:hidden;transition:margin-left .3s ease}.logs-main-content.sidebar-collapsed{margin-left:80px}@media (max-width:1600px){.logs-main-content{margin-left:18%}}@media (max-width:1300px){.logs-main-content{margin-left:18%}}@media (max-width:768px){.logs-main-content{margin-bottom:0;margin-left:12%;margin-top:0}.logs-container,.logs-main-content{height:auto!important;overflow-y:auto}.logs-container{margin:.5rem;max-height:none!important;min-height:300px;padding:1rem}.logs-list{height:auto;max-height:none;overflow-y:auto}.logs-manage-wrapper{margin:3rem 0 .5rem 5%;max-width:90%}.logs-header-bar{height:60px;left:0;margin-bottom:.5rem;padding:.5rem 1rem;position:fixed;right:0;top:0;z-index:1000}.header-logo{height:35px}.header-title{font-size:1.3rem}.add-user-button-container{justify-content:center;margin-bottom:.5rem;margin-top:4rem}.logs-filter-button{font-size:14px;margin-right:0;padding:12px 30px}.filter-dropdown{left:50%;min-width:250px;transform:translateX(-50%)}.logs-pagination-controls{flex-direction:column;gap:1rem;padding:1rem}.pagination-navigation{flex-wrap:wrap;justify-content:center}.pagination-btn{font-size:.9rem;min-width:40px;padding:.5rem .75rem}.page-numbers .pagination-btn{min-width:35px;padding:.5rem}}@media (max-width:576px){.logs-main-content{margin-left:8%}}@media (max-width:480px){.logs-main-content{margin-left:5%}}.logs-container{background:#fff;border:.2rem solid #fff;box-shadow:0 8px 15px #0000004d;display:flex;flex-direction:column;height:400px!important;margin:2rem 1rem auto;overflow:hidden;padding:2rem;width:100%}@media (max-width:768px){.logs-container{height:auto!important;max-height:none!important;overflow:visible}}@media (max-height:1536px){.logs-container{max-height:60vh}}@media (max-height:650px){.logs-container{margin-left:1rem;max-height:40vh;overflow:auto;width:59.3rem}.table-header{background:#f8f9fa;border-bottom:2px solid #e9ecef;border-radius:8px 8px 0 0;margin-left:.4rem;margin-top:5rem;padding:1rem}.manage-wrapper{background:#e6e4e4;box-shadow:0 8px 15px #0000004d;margin-bottom:-5rem;margin-left:1rem}}.logs-category-btn{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:20px;cursor:pointer;display:flex;font-family:customfont1;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s}.logs-category-btn:hover{background:#e9ecef}.logs-category-btn.active{background:#3498db;border-color:#3498db;color:#fff}.logs-list{flex:1 1;font-family:ReadexPro-Regular;height:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:10px}.log-row{grid-gap:1rem;align-items:center;border-bottom:1px solid #e9ecef;display:grid;gap:1rem;grid-template-columns:1.5fr 1.5fr 1fr 2fr 1fr;margin-left:-1.5rem;margin-right:2rem;padding:1rem .5rem;transition:background-color .2s ease}.log-row:hover{background-color:#f8f9fa}.log-cell{align-items:center;color:#495057;display:flex;font-size:.9rem;padding:.5rem}.log-cell.timestamp-cell{justify-content:flex-start;margin-left:1rem;min-width:150px}.timestamp-display{color:#5d5d5d;font-family:ReadexPro-Regular2;font-size:.9rem;font-weight:600;white-space:nowrap}.log-cell.performed-by-cell{justify-content:flex-start;margin-left:1rem;min-width:150px}.logs-user-info .username{color:#374151;font-family:ReadexPro-Regular2;font-size:.92rem;font-weight:600;line-height:1.1;margin-left:1rem}.logs-user-info .user-role{background:#1f29370d;border:1px solid #0000000f;border-radius:6px;color:#64748b;font-size:.78rem;font-weight:500;letter-spacing:.2px;margin-top:0;padding:2px 6px}.log-cell.source-cell{gap:6px;justify-content:flex-start;margin-left:.5rem;min-width:120px}.log-cell.row-actions-cell .row-actions-button{border-radius:6px;padding:6px}.log-cell.row-actions-cell .row-actions-button:hover{background:#0000000f}.log-cell.actions-cell{justify-content:center;margin-left:-2.5rem;min-width:120px}.log-cell.action-target-cell{background-color:initial;font-family:ReadexPro-Regular2;font-size:.9rem;font-weight:600;margin-left:2rem}.logs-user-info{align-items:flex-start;color:#212529;display:flex;gap:.15rem}.log-cell.performed-by-cell .logs-user-info{flex-direction:column}.log-cell.performed-by-cell .logs-user-info .username{margin-left:0}.role-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;min-width:80px;padding:.5rem 1rem;text-align:center;white-space:nowrap}.role-admin{background-color:#98cdf3}.role-admin,.role-tech-officer{color:#000;font-family:ReadexPro-Regular2;font-size:13px}.role-tech-officer{background-color:#7fb2fe}.role-fish-farmer{background-color:#93a5fd}.role-fish-farmer,.role-user{color:#000;font-family:ReadexPro-Regular2;font-size:13px}.role-user{background-color:#a8e6cf}.role-unknown{background-color:#e9ecef;color:#6c757d;font-family:ReadexPro-Regular2;font-size:13px}.log-type{border-radius:12px;flex-shrink:0;font-size:.9rem;font-weight:600;letter-spacing:.5px;max-width:120px;overflow:hidden;padding:4px 10px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.log-type.feedback,.log-type.login,.log-type.logout,.log-type.profile,.log-type.report{background-color:initial;color:#5d5d5d;font-family:ReadexPro-Regular2;font-size:.9rem;font-weight:600}.log-type.feedback{height:2vh}.log-type.account,.log-type.error,.log-type.export{background-color:initial;color:#5d5d5d;font-family:ReadexPro-Regular2;font-size:.9rem;font-weight:600}.log-type.active{opacity:.9;transform:scale(.98)}.log-message{word-wrap:break-word;color:#5d5d5d;font-family:ReadexPro-Regular2;font-size:.9rem;line-height:1.5;max-width:100%;overflow-wrap:break-word;white-space:normal;word-break:break-word}.log-card,.log-content,.log-date,.log-header,.log-user{display:none}.logs-list::-webkit-scrollbar{width:8px}.logs-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.logs-list::-webkit-scrollbar-thumb{background:#1a4375;border-radius:4px}.logs-list::-webkit-scrollbar-thumb:hover{background:#2e6ba6}.loading-logs{align-items:center;display:inline-flex;flex-direction:column;font-size:1.05rem;gap:.5rem;justify-content:center}.loading-logs .loading-spinner{animation:logs-loading-spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#1a4375;height:32px;width:32px}@keyframes logs-loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:1920px){.logs-header-bar{height:80px;padding:1rem 4rem}.header-logo{height:50px}.header-title{font-size:2rem}.logs-manage-wrapper{margin:9rem 0 -2rem 240px!important;max-width:76.5%!important}.logs-main-content{height:calc(100vh - 320px)!important;margin-left:240px!important;width:77.4%!important}.logs-main-content.sidebar-collapsed{margin-left:240px!important;max-width:120%!important;width:91.6%!important}.add-user-button-container.sidebar-collapsed{margin-left:240px!important}.logs-manage-wrapper.sidebar-collapsed{margin-left:240px!important;max-width:90.8%!important}.logs-container{height:100%!important;padding:2.5rem}.logs-filter-button{font-size:16px;padding:20px 55px}.sidebar-wrapper{top:80px}}@media (min-width:1366px) and (max-width:1900px){.logs-header-bar{height:60px!important;padding:1rem 2rem!important}.logs-manage-wrapper{margin:9rem 0 -2rem 17rem!important;max-width:77.7%!important}.logs-main-content{height:calc(100vh - 290px)!important;margin-left:16rem!important;width:78.8%!important}.logs-main-content.sidebar-collapsed{margin-left:6rem!important;max-width:120%!important;width:91.9%!important}.logs-manage-wrapper.sidebar-collapsed{margin-left:7rem!important;max-width:120%!important;width:90.8%!important}.logs-container{height:350px!important;padding:2rem!important}.sidebar-wrapper{top:60px!important}}@media (min-width:1200px) and (max-width:1365px){.logs-header-bar{height:60px!important;padding:1rem 2rem!important}.logs-manage-wrapper{height:100%!important;margin:9rem 0 -2rem 15.4rem!important;max-width:79.5%!important}.logs-main-content{height:calc(100vh - 290px)!important;margin-left:18%!important;width:95.9%!important}.logs-main-content.sidebar-collapsed{margin-left:80px!important;width:95%!important}.logs-manage-wrapper.sidebar-collapsed{margin-left:95px!important;max-width:90.6%!important;width:95.6%!important}.logs-container{height:100%!important;padding:2rem!important}.sidebar-wrapper{top:60px!important}}@media (min-width:1024px) and (max-width:1199px){.logs-header-bar{height:60px!important;padding:1rem 1.5rem!important}.logs-manage-wrapper{margin:9rem 0 -5rem 20%!important;max-width:78%!important}.logs-main-content{height:calc(100vh - 380px)!important;margin-left:20%!important;width:78%!important}.logs-main-content.sidebar-collapsed{margin-left:80px!important}.logs-container{height:100%!important;padding:1.8rem!important}.logs-filter-button{font-size:14px!important;padding:16px 45px!important}}@media (min-width:1310px) and (max-width:1365px){.logs-header-bar{height:60px!important;padding:1rem 2rem!important}.logs-manage-wrapper{margin:9rem 0 -2rem 16.5rem!important;max-width:78.7%!important}.logs-main-content{height:calc(100vh - 290px)!important;margin-left:15.5rem!important;width:80%!important}.logs-main-content.sidebar-collapsed{margin-left:5rem!important;width:92%!important}.logs-manage-wrapper.sidebar-collapsed{margin-left:6rem!important;max-width:90.8%!important}.logs-table-header{background:#f8f9fa!important;border-bottom:2px solid #e9ecef!important;border-radius:8px 8px 0 0!important;height:calc(100vh - 900px)!important;margin-top:5rem!important;padding:1rem!important}.logs-header-row{grid-gap:1rem!important;align-items:center!important;color:#495057!important;display:grid!important;font-family:ReadexPro-Regular!important;font-size:1rem!important;font-weight:600!important;gap:1rem!important;grid-template-columns:2fr 1.5fr 1fr 2fr 1fr!important}.logs-container{height:100%!important;padding:2rem!important;width:100%!important}.sidebar-wrapper{top:60px!important}}@media (min-width:768px) and (max-width:1023px){.logs-header-bar{height:60px;margin-bottom:1rem;padding:.8rem 1rem}.header-logo{height:35px}.header-title{font-size:1.3rem}.logs-manage-wrapper{margin:9rem 0 -5rem 15%;max-width:85%}.logs-main-content{height:calc(100vh - 350px);margin-left:15%}.logs-container{height:100%;padding:1.5rem;width:95%}.logs-filter-button{font-size:13px;padding:14px 40px}.logs-pagination-controls{flex-direction:column;gap:.8rem;padding:.8rem}.pagination-navigation{justify-content:center}.pagination-btn{font-size:.8rem;min-width:35px;padding:.4rem .6rem}.log-row,.logs-header-row{gap:.8rem;grid-template-columns:1.2fr 1.2fr .8fr 1.8fr .8fr}.log-row{margin-left:-1rem;margin-right:1.5rem}.log-cell{font-size:.85rem;padding:.8rem}.log-message,.log-type,.logs-user-info .username,.source-badge,.timestamp-display{font-size:.8rem}}@media (min-width:480px) and (max-width:767px){.logs-header-bar{height:57.59px;margin-bottom:1rem;padding:.5rem 1rem}.header-logo{height:30px}.header-title{font-size:1.1rem}.logs-manage-wrapper{margin:9rem 0 -5rem 10%;max-width:90%}.logs-main-content{height:calc(100vh - 400px);margin-left:10%}.logs-container{height:100%;padding:1.2rem;width:95%}.logs-filter-button{font-size:12px;padding:12px 35px}.logs-pagination-controls{flex-direction:column;gap:.6rem;padding:.6rem}.pagination-info{font-size:.8rem;text-align:center}.pagination-settings{justify-content:center}.pagination-navigation{gap:.3rem;justify-content:center}.pagination-btn{font-size:.75rem;min-width:30px;padding:.3rem .5rem}.page-numbers .pagination-btn{min-width:30px;padding:.3rem}.log-row,.logs-header-row{gap:.6rem;grid-template-columns:1fr 1fr .8fr 1.5fr .8fr}.log-row{margin-left:-.5rem;margin-right:1rem}.log-cell{font-size:.8rem;padding:.6rem}.log-message,.log-type,.logs-user-info .username,.source-badge,.timestamp-display{font-size:.75rem}}@media (max-width:479px){.logs-header-bar{height:57.59px;margin-bottom:.8rem;padding:.5rem 1rem}.header-logo{height:25px}.header-title{font-size:1rem}.logs-manage-wrapper{margin:9rem 0 -5rem 5%;max-width:95%}.logs-main-content{height:auto;margin-left:5%;padding-top:70px}.logs-container{height:100%;padding:1rem;width:98%}.logs-filter-button{font-size:11px;padding:10px 30px}.log-row,.logs-header-row{gap:.4rem;grid-template-columns:.8fr .8fr .6fr 1.2fr .6fr}.log-row{margin-left:0;margin-right:.5rem}.log-cell{padding:.4rem}.log-cell,.log-message,.log-type,.logs-user-info .username,.source-badge,.timestamp-display{font-size:.7rem}}@media (max-height:500px) and (orientation:landscape){.logs-header-bar{height:45px;margin-bottom:.5rem}.logs-manage-wrapper{margin-top:7rem}.logs-main-content{height:calc(100vh - 280px)}.logs-container{height:100%;padding:1rem}.add-user-button-container{margin-bottom:-5rem;margin-top:1rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.header-logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.add-user-button-container,.logs-header-bar,.logs-manage-wrapper{display:none}.logs-main-content{margin-left:0;width:100%}.logs-container{border:1px solid #000;box-shadow:none;width:100%}}@media (min-width:1920px){.header-title{font-size:2rem}.logs-filter-button{font-size:16px}}@media (min-width:1200px) and (max-width:1919px){.header-title{font-size:1.5rem}.logs-filter-button{font-size:15px}}@media (min-width:1024px) and (max-width:1199px){.header-title{font-size:1.3rem}.logs-filter-button{font-size:14px}}@media (max-width:1023px){.logs-filter-button{min-height:44px;min-width:44px}.log-cell{min-height:44px}.logs-container,.logs-list{-webkit-overflow-scrolling:touch;overflow-y:auto}}@media (max-width:767px){.header-title,.log-type{text-shadow:0 1px 2px #0000004d}}@media (max-width:360px){.logs-header-bar{height:57.59px;padding:.5rem 1rem}.header-logo{height:20px}.header-title{font-size:.9rem}.logs-manage-wrapper{padding:0 .5rem;width:99%}.logs-main-content{height:calc(100vh - 250px)}.logs-filter-button{font-size:10px;padding:8px 25px}}@media (max-width:1523px){.header-hamburger-icon{font-size:.1em!important;margin-left:.5rem;min-height:36px;min-width:36px}}@media (max-width:1023px){.header-hamburger-icon{font-size:.7rem!important;margin-left:.4rem;min-height:32px;min-width:32px}}@media (max-width:767px){.header-hamburger-icon{font-size:.6rem!important;margin-left:.3rem;min-height:28px;min-width:28px}}@media (max-width:479px){.header-hamburger-icon{font-size:.5rem!important;margin-left:.2rem;min-height:24px;min-width:24px}}@media (max-width:360px){.header-hamburger-icon{font-size:.4rem!important;margin-left:.1rem;min-height:22px;min-width:22px}}@media (max-width:768px){.logs-container{height:auto!important;max-width:95%;overflow:visible;padding:1rem}.logs-categories{align-items:center;flex-direction:column}.logs-category-btn{max-width:200px;width:100%}.log-row{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;gap:.5rem;grid-template-columns:1fr;margin:0 0 1rem;padding:1rem}.log-cell{border-bottom:1px solid #f0f0f0;justify-content:flex-start;margin:0;padding:.5rem 0}.log-cell:last-child{border-bottom:none}.log-cell.timestamp-cell{align-items:center;border-bottom:2px solid #e9ecef;color:#2c517d;flex-direction:row;font-weight:700;gap:.5rem;padding-bottom:.75rem}.timestamp-display{font-size:.9rem;font-weight:600}.log-cell.actions-cell,.log-cell.performed-by-cell{margin:0;padding-top:.75rem}.log-cell.action-target-cell{border-top:1px solid #e9ecef;margin:0;padding-top:.75rem}.log-cell.source-cell{margin:0;padding-top:.75rem}.header-row,.logs-table-header{display:none}.log-cell:before{color:#495057;content:attr(data-label);display:inline-block;font-weight:600;margin-right:.5rem;min-width:80px}.log-cell.timestamp-cell:before{content:"Time: "}.log-cell.performed-by-cell:before{content:"User: "}.log-cell.actions-cell:before{content:"Action: "}.log-cell.action-target-cell:before{content:"Details: "}.log-cell.source-cell:before{content:"Source: "}}@media (max-width:480px){.logs-main-content{height:auto!important;margin-left:5%;margin-top:0;overflow-y:auto}.logs-container{margin:.5rem .25rem auto;min-height:250px;padding:.75rem;width:95%}.logs-manage-wrapper{margin:3.5rem 0 .5rem 2.5%;max-width:95%}.logs-header-bar{height:57.59px;left:0;margin-bottom:0;padding:.5rem 1rem;position:fixed;right:0;top:0;z-index:1000}.header-logo{height:30px}.header-title{font-size:1.1rem}.add-user-button-container{margin-bottom:.5rem;margin-top:3.5rem}.logs-filter-button{font-size:13px;padding:10px 25px}.filter-dropdown{min-width:200px;padding:.75rem}.logs-pagination-controls{gap:.75rem;padding:.75rem}.pagination-btn{font-size:.8rem;min-width:35px;padding:.4rem .6rem}.page-numbers .pagination-btn{min-width:30px;padding:.4rem}.log-row{margin-bottom:.75rem;padding:.75rem}.log-cell{padding:.4rem 0}.log-cell,.log-message,.log-type,.logs-user-info .username,.source-badge,.timestamp-display{font-size:.85rem}.sidebar-wrapper{height:calc(100vh - 55px)!important;top:55px!important}}@media (max-width:360px){.logs-main-content{margin-left:2.5%;margin-top:0;padding-top:70px}.logs-container{margin:.5rem .1rem auto;min-height:200px;padding:.5rem;width:98%}.logs-manage-wrapper{margin:3rem 0 .5rem 1%;max-width:98%}.logs-header-bar{height:57.59px;left:0;margin-bottom:0;padding:.5rem 1rem;position:fixed;right:0;top:0;z-index:1000}.header-logo{height:25px}.header-title{font-size:1rem}.add-user-button-container{margin-bottom:.5rem;margin-top:3rem}.logs-filter-button{font-size:12px;padding:8px 20px}.filter-dropdown{min-width:180px;padding:.5rem}.logs-pagination-controls{gap:.5rem;padding:.5rem}.pagination-btn{font-size:.75rem;min-width:30px;padding:.3rem .5rem}.page-numbers .pagination-btn{min-width:28px;padding:.3rem}.log-row{margin-bottom:.5rem;padding:.5rem}.log-cell{padding:.3rem 0}.log-cell,.log-message,.log-type,.logs-user-info .username,.source-badge,.timestamp-display{font-size:.8rem}.sidebar-wrapper{height:calc(100vh - 50px)!important;top:50px!important}}@media (max-height:500px) and (orientation:landscape){.logs-header-bar{height:45px;margin-bottom:.5rem}.logs-manage-wrapper{margin-top:3rem}.logs-main-content{height:calc(100vh - 200px)!important}.logs-container{height:auto!important;max-height:calc(100vh - 250px);overflow-y:auto}.add-user-button-container{margin-bottom:.5rem;margin-top:.5rem}.log-row{margin-bottom:.5rem;padding:.5rem}.log-cell{padding:.3rem 0}}@media (max-width:1023px){.logs-filter-button{min-height:44px;min-width:44px}.log-cell{min-height:44px}.pagination-btn{min-height:44px;min-width:44px}.logs-container,.logs-list{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media (min-width:360px) and (max-width:480px){.logs-filter-button{margin-top:2rem}.logs-manage-wrapper{margin-top:2.5rem}.logs-container{margin-top:0}.logs-header-row{justify-items:start}.header-cell{grid-column-gap:.5rem;align-items:start;column-gap:.5rem;display:grid;grid-template-columns:var(--mobile-label-width) 1fr;justify-content:flex-start;text-align:left}.header-cell:before{color:#495057;content:attr(data-label) ": ";display:block;font-weight:700;grid-column:1;margin:0;width:var(--mobile-label-width)}.header-cell.action-target-cell:before,.header-cell.actions-cell:before,.header-cell.source-cell:before,.header-cell.time-cell:before{display:block!important;font-weight:800!important;width:0!important}.header-cell.actions-cell,.header-cell.time-cell{justify-content:flex-start;margin-left:0}}@media (max-width:768px){.logs-container::-webkit-scrollbar{width:6px}.logs-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.logs-container::-webkit-scrollbar-thumb{background:#1a4375;border-radius:3px}.logs-container::-webkit-scrollbar-thumb:hover{background:#2e6ba6}.log-cell{-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.pagination-navigation{gap:.25rem}.page-numbers{gap:.1rem}.sidebar-wrapper{height:calc(100vh - 60px)!important;position:fixed;top:60px!important;z-index:1001}body{overflow-x:hidden;overflow-y:auto}.sidebar-backdrop{background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:1000}.sidebar-backdrop.active{opacity:1;visibility:visible}.sidebar .user-profile{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem;text-align:center}.sidebar .user-profile .profile-placeholder,.sidebar .user-profile img{display:block;margin:0 auto}.sidebar .user-profile .user-info{margin-top:.5rem;text-align:center}}.source-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;min-width:80px;padding:.5rem 1rem;text-align:center;white-space:nowrap}.source-badge.Mobile,.source-badge.Web,.source-badge.mobile,.source-badge.unknown{background-color:initial;color:#5d5d5d;font-family:ReadexPro-Regular2;font-size:.9rem;font-weight:600}.logs .main-content-wrapper{margin-left:240px;transition:margin-left .3s ease}.logs .main-content-wrapper.sidebar-collapsed{margin-left:70px}@media (max-width:1023px){.logs .main-content-wrapper{box-sizing:border-box;margin-left:0!important;padding-top:70px}}.logs .search-filter-bar{align-items:center;background:#f8f9fa;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:0;margin:2rem 2rem 0;padding:.3rem 1.5rem;transition:margin-left .3s ease}.logs .search-filter-bar.sidebar-collapsed{margin-left:95px}.logs .crm-table-container{background:#fff;border-radius:0 0 8px 8px;box-shadow:0 1px 3px #0000001a;margin:0 2rem 2rem;overflow:hidden;transition:margin-left .3s ease}.logs .crm-table-container.sidebar-collapsed{margin-left:95px}.logs .crm-pagination{align-items:center;background:#f8f9fa;border-bottom:1px solid #e5e7eb;border-radius:0;display:flex;justify-content:space-between;margin:0 2rem;padding:1rem 2rem;transition:margin-left .3s ease}.logs .crm-pagination.sidebar-collapsed{margin-left:95px}.logs .search-container{flex:1 1;max-width:400px;min-width:200px;position:relative}.logs .search-icon{color:#9ca3af;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.logs .search-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#374151;font-family:ReadexPro-Regular,sans-serif;font-size:14px;padding:8px 12px 8px 36px;transition:border-color .2s ease;width:100%}.logs .search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.logs .search-input::placeholder{color:#9ca3af}.logs .filter-container{align-items:center;display:flex;flex-shrink:0;min-width:auto;position:relative}.logs .filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-family:ReadexPro-Regular,sans-serif;font-size:14px;padding:8px 12px;width:100%}.logs .filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.logs-refresh-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#3f3f3f;cursor:pointer;display:flex;flex-shrink:0;font-family:ReadexPro-Regular,sans-serif;font-size:14px;font-weight:500;gap:0;justify-content:center;margin:0 0 0 8px;min-width:auto;padding:8px;transition:all .2s ease;width:auto}.logs-refresh-button:hover:not(:disabled){background:#0000;color:#2563eb;transform:translateY(-1px)}.logs-refresh-button:disabled{cursor:not-allowed;opacity:.5}.logs-refresh-button .refresh-icon{color:#6b7280;font-size:16px;transition:color .2s ease}.logs-refresh-button:hover:not(:disabled) .refresh-icon{color:#2563eb}.logs-refresh-button .refresh-icon.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logs-filter-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#3f3f3f;cursor:pointer;display:flex;font-family:ReadexPro-Regular,sans-serif;font-size:14px;font-weight:500;gap:0;justify-content:center;margin:0;min-width:auto;padding:8px;transition:all .2s ease;width:auto}.logs-filter-button:hover{background:#0000;color:#2563eb;transform:translateY(-1px)}.logs-filter-button:hover .filter-icon{color:#2563eb}.filter-icon{color:#6b7280;font-size:16px;transition:color .2s ease}.logs-export-inline-wrapper{align-items:center;display:flex;margin-left:auto;position:relative}.logs-export-button-inline{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2933;cursor:pointer;display:inline-flex;font-family:ReadexPro-Regular,sans-serif;font-size:13px;gap:6px;padding:6px 14px;transition:background-color .2s ease,border-color .2s ease}.logs-export-button-inline:hover{background:#f3f4f6;border-color:#9ca3af}.logs-export-dropdown{background:#fff;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:180px;padding:6px 0;position:absolute;right:0;top:115%;z-index:50}.logs-export-option{background:#0000;border:none;cursor:pointer;font-family:ReadexPro-Regular,sans-serif;font-size:13px;padding:8px 14px;text-align:left;transition:background-color .15s ease;width:100%}.logs-export-option:hover{background:#f3f4f6}.filter-dropdown{animation:filterDropdownFadeIn .2s ease;background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;margin-top:0!important;min-width:200px;padding:12px 20px 20px;position:absolute;right:0;top:100%;white-space:nowrap;z-index:10000}.logs .enhanced-filter-dropdown{max-height:80vh;max-width:400px;min-width:320px;overflow-y:auto}.logs .enhanced-filter-dropdown .logs-filter-section{margin-bottom:1rem}.logs .enhanced-filter-dropdown .logs-value-section{border-top:1px solid #e5e7eb;margin-bottom:1rem;padding-top:.5rem}.logs .enhanced-filter-dropdown .date-input{background-color:#fff;border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;color:#374151;font-family:ReadexPro-Regular,sans-serif;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.logs .enhanced-filter-dropdown .date-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}@keyframes filterDropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.logs-filter-section{margin-bottom:10px}.logs-filter-section label,.logs-value-section label{color:#495057;display:block;font-family:ReadexPro-Regular,sans-serif;font-size:14px;font-weight:600;margin-bottom:8px}.logs-filter-section input,.logs-filter-section select,.logs-value-section input{background-color:#fff;border:1px solid #ced4da;border-radius:6px;font-family:ReadexPro-Regular,sans-serif;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.logs-filter-section input:focus,.logs-filter-section select:focus,.logs-value-section input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.logs-filter-actions{border-top:1px solid #e9ecef;display:flex;gap:10px;margin-top:20px;padding-top:15px}.logs-apply-filter-btn,.logs-clear-filter-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-family:ReadexPro-Regular,sans-serif;font-size:14px;padding:10px 16px;transition:all .2s ease}.logs-apply-filter-btn{background:#1b4577;color:#fff}.logs-apply-filter-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.logs-clear-filter-btn{background:#6c757d;color:#fff}.logs-clear-filter-btn:hover{background:#5a6268;transform:translateY(-1px)}.logs .crm-table{width:100%}.logs .crm-table-header{align-items:start;background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;display:grid;font-size:12px;font-weight:600;grid-template-columns:200px 170px 150px 180px 400px 100px;letter-spacing:.05em;text-transform:uppercase}.logs .crm-header-cell,.logs .crm-table-header{font-family:ReadexPro-Regular,sans-serif!important}.logs .crm-header-cell{align-items:center;border-right:1px solid #e5e7eb;display:flex;justify-content:flex-start;padding:6px 16px;text-align:left}.logs .crm-header-cell>*{display:block;margin:0;padding:0;text-align:left}.logs .crm-header-cell:last-child{border-right:none}.logs .crm-table-body{height:440px;overflow-x:hidden;overflow-y:auto}@media (min-width:1920px){.logs .crm-table-body{height:600px}}.logs .crm-table-row{align-items:start;border-bottom:1px solid #f3f4f6;display:grid;grid-template-columns:200px 170px 150px 180px 400px 100px;transition:background-color .2s ease}.logs .crm-table-row:hover{background:#f9fafb}.logs .crm-table-row:nth-child(2n){background:#fafbfc}.logs .crm-table-row:nth-child(2n):hover{background:#f1f5f9}.logs .crm-cell{align-items:center;border-right:1px solid #f3f4f6;color:#374151;display:flex;font-family:ReadexPro-Regular,sans-serif;font-size:14px;justify-content:flex-start;padding:6px 16px;text-align:left}.logs .crm-cell:last-child{border-right:none}.logs .crm-cell.timestamp-cell{color:#6b7280;font-size:13px;white-space:nowrap}.logs .crm-cell.role-cell,.logs .crm-cell.user-cell{color:#374151;font-size:14px}.logs .crm-cell.action-cell{font-size:13px;justify-content:flex-start}.logs .crm-cell.details-cell{word-wrap:break-word;color:#374151;font-size:14px;line-height:1.5;max-width:100%;min-width:0;overflow:hidden;overflow-wrap:break-word;white-space:normal}.logs .log-type{border-radius:12px;color:#5d5d5d;font-family:ReadexPro-Regular,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.logs .crm-header-cell.source-cell{justify-content:center!important;max-width:100px!important;min-width:100px!important;padding:6px 1px!important;text-align:center!important;width:100px!important}.logs .crm-header-cell.source-cell div,.logs .crm-header-cell.source-cell span{display:block;margin:0 auto!important;padding:0!important;text-align:center!important;width:-webkit-fit-content;width:fit-content}.logs .crm-cell.source-cell{align-items:center!important;display:flex!important;flex-shrink:0!important;flex-wrap:nowrap!important;gap:3px!important;justify-content:center!important;max-width:100px!important;min-width:100px!important;overflow:visible!important;padding:6px 1px!important;position:relative!important;text-align:center!important;width:100px!important}.logs .crm-cell.source-cell>*{flex-shrink:0!important}.logs .logs-row-actions-button{display:inline-flex!important;opacity:1!important;position:relative!important;visibility:visible!important}.logs .crm-cell.source-cell .source-badge{align-items:center;display:inline-flex;justify-content:center;margin:0!important;padding:4px 10px;text-align:center}.logs .crm-cell.source-cell .row-actions-button{background:#0000!important;border:none!important;cursor:pointer!important;display:inline-flex!important;flex-shrink:0!important;height:22px!important;margin-left:3px!important;margin-right:0!important;min-height:22px!important;min-width:22px!important;opacity:1!important;padding:3px!important;position:relative!important;visibility:visible!important;width:22px!important;z-index:10!important}.logs .source-badge{border-radius:12px;color:#5d5d5d;display:inline-block;font-family:ReadexPro-Regular,sans-serif;font-size:13px;font-weight:600;padding:4px 10px;white-space:nowrap}.row-actions-button{align-items:center!important;background:#0000!important;border:none!important;border-radius:4px!important;color:#6b7280!important;cursor:pointer!important;display:inline-flex!important;justify-content:center!important;opacity:1!important;padding:4px!important;transition:all .2s ease!important;visibility:visible!important}.row-actions-button:hover:not(:disabled){background:#0000000f!important;color:#374151!important}.row-actions-button:disabled{cursor:not-allowed!important;opacity:.5!important}.row-actions-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 20px #00000014;min-width:180px;overflow:hidden;position:absolute;right:8px;top:32px;z-index:10}.row-actions-menu button{background:#0000;border:none;color:#111827;cursor:pointer;font-family:ReadexPro-Regular,sans-serif;font-size:14px;padding:10px 12px;text-align:left;transition:background-color .2s ease;width:100%}.row-actions-menu button:hover{background:#f9fafb}.logs-delete-modal-overlay{align-items:center;animation:overlayFadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.logs-delete-modal{animation:modalSlideIn .3s ease-out;background:#f6f5f5;border:1px solid #d2d9e2;border-radius:12px;box-shadow:0 10px 30px #2c517d33,0 0 0 1px #d2d9e2;max-height:80vh;max-width:420px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.logs-delete-header{align-items:center;background:#2c517d;border-bottom:1px solid #d2d9e2;display:flex;justify-content:space-between;padding:20px 24px;position:relative}.logs-delete-header h3{align-items:center;color:#f6f5f5;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.logs-delete-header h3:before{animation:pulse 1s ease-in-out infinite;content:"⚠️";font-size:20px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.logs-delete-header .close-modal-btn{align-items:center;background:#f6f5f533;border:1px solid #f6f5f54d;border-radius:6px;color:#f6f5f5;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;padding:6px;transition:all .2s ease;width:32px}.logs-delete-header .close-modal-btn:hover{background:#f6f5f54d;border-color:#f6f5f580;color:#fff;transform:scale(1.05)}.logs-delete-body{background:#f6f5f5;padding:24px;text-align:center}.logs-delete-body p{color:#3f3f3f;font-size:15px;font-weight:400;line-height:1.5;margin:0}.logs-delete-actions{background:#f6f5f5;border-top:1px solid #d2d9e2;display:flex;gap:12px;justify-content:center;padding:20px 24px 24px}.logs-delete-cancel-btn{background:#f6f5f5;border:1px solid #d2d9e2;border-radius:8px;color:#3f3f3f;cursor:pointer;font-family:ReadexPro-Regular,sans-serif;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.logs-delete-cancel-btn:hover{background:#d2d9e2;border-color:#2c517d;color:#2c517d;transform:translateY(-1px)}.logs-delete-cancel-btn:active{transform:translateY(0)}.logs-delete-confirm-btn{background:#dc3545;border:1px solid #dc3545;border-radius:8px;color:#fff;cursor:pointer;font-family:ReadexPro-Regular,sans-serif;font-size:14px;font-weight:600;min-width:80px;padding:10px 20px;transition:all .2s ease}.logs-delete-confirm-btn:hover:not(:disabled){background:#c82333;border-color:#bd2130;transform:translateY(-1px)}.logs-delete-confirm-btn:active:not(:disabled){transform:translateY(0)}.logs-delete-confirm-btn:disabled{cursor:not-allowed;opacity:.6}.logs .pagination-info{align-items:center;color:#6b7280;display:flex;gap:8px}.logs .pagination-info,.logs .pagination-select{font-family:ReadexPro-Regular,sans-serif;font-size:14px}.logs .pagination-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px}.logs .pagination-controls{align-items:center;display:flex;gap:8px}.logs .pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-family:ReadexPro-Regular,sans-serif;font-size:14px;padding:6px 12px;transition:all .2s ease}.logs .pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.logs .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.logs .pagination-pages{display:flex;gap:4px}.logs .pagination-page{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-family:ReadexPro-Regular,sans-serif;font-size:14px;padding:6px 12px;transition:all .2s ease}.logs .pagination-page:hover{background:#f9fafb;border-color:#9ca3af}.logs .pagination-page.active{background:#2563eb;border-color:#2563eb;color:#fff}.loading-logs{color:#666;font-size:1.1rem;padding:2rem}.loading-logs,.no-logs{font-family:ReadexPro-Regular,sans-serif;text-align:center}.no-logs{color:#95a5a6;font-style:italic;padding:20px}.logs .crm-table-body::-webkit-scrollbar{width:8px}.logs .crm-table-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.logs .crm-table-body::-webkit-scrollbar-thumb{background:#1a4375;border-radius:4px}.logs .crm-table-body::-webkit-scrollbar-thumb:hover{background:#2e6ba6}@media (max-width:1200px){.logs .crm-table-header,.logs .crm-table-row{grid-template-columns:180px 130px 120px 150px 360px 100px}}@media (max-width:768px){.logs .main-content-wrapper{margin-left:0!important}.logs .search-filter-bar{flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 .5rem}.logs .search-container{flex:1 1 100%}.logs .crm-table-container{margin:0 .5rem}.logs .search-container{max-width:none}.logs .crm-table-header,.logs .crm-table-row{grid-template-columns:150px 110px 100px 130px 300px 80px}.logs .crm-cell{font-size:12px;padding:8px 12px}.logs .crm-pagination{flex-direction:column;gap:.75rem;padding:.75rem .5rem}.logs .pagination-info{flex-wrap:wrap;font-size:12px;justify-content:center}.logs .pagination-select{font-size:12px;padding:4px 6px}.logs .pagination-controls{flex-wrap:wrap;gap:4px;justify-content:center}.logs .pagination-btn,.logs .pagination-page{font-size:12px;padding:4px 8px}}@media (max-width:480px){.logs .main-content-wrapper{margin-left:0!important}.logs .search-filter-bar{gap:.5rem;margin:0 .25rem;padding:.5rem .75rem}.logs .search-container{min-width:0;width:100%}.logs .search-input{font-size:14px;padding:8px 10px 8px 32px}.logs .filter-container{flex:1 1;min-width:120px}.logs .filter-select{font-size:13px;padding:8px 10px}.logs .crm-table-container{-webkit-overflow-scrolling:touch;margin:0 .25rem;overflow-x:auto}.logs .crm-table{min-width:800px}.logs .crm-table-header,.logs .crm-table-row{grid-template-columns:140px 110px 100px 120px 260px 80px;min-width:800px}.logs .crm-header-cell{font-size:10px;letter-spacing:.02em}.logs .crm-cell,.logs .crm-header-cell{word-wrap:break-word;overflow-wrap:break-word;padding:8px}.logs .crm-cell{font-size:12px}.logs .crm-pagination{flex-direction:column;gap:.75rem;padding:.75rem .5rem}.logs .pagination-info{flex-wrap:wrap;font-size:12px;justify-content:center}.logs .pagination-select{font-size:12px;padding:4px 6px}.logs .pagination-controls{flex-wrap:wrap;gap:4px;justify-content:center}.logs .pagination-btn,.logs .pagination-page{font-size:12px;padding:4px 8px}}.forgot-password-container{align-items:center;background-color:#2c517d;color:#fff;display:flex;justify-content:center;margin:0;min-height:100vh;padding:0}.forgot-password-card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 10px #0003;padding:3rem;text-align:center;width:35rem}.forgot-password-card h2{color:#1a4375;font-family:customfont3;font-size:1.8rem;font-weight:700;margin-bottom:2rem}.forgot-password-form-group{margin-bottom:1.5rem;text-align:left}.forgot-password-form-group label{color:#1a4375;display:block;font-family:customfont2;font-size:1rem;font-weight:500;margin-bottom:.5rem}.forgot-password-form-group input{background-color:#fff;border:.2rem solid #1a4375;border-radius:1rem;color:#565656;font-family:customfont;font-size:1rem;outline:none;padding:15px 20px;transition:border-color .3s ease;width:90%}.forgot-password-form-group input::placeholder{color:#565656;font-family:customfont3;font-size:1rem;opacity:.7}.forgot-password-form-group input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.forgot-password-form-group input:focus::placeholder{opacity:.5}.forgot-password-submit-button{background:#1a4375;border:none;border-radius:9999px;color:#fff;cursor:pointer;font-family:customfont2;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:.75rem;transition:all .3s ease;width:100%}.forgot-password-submit-button:hover{background:#2e6ba6;box-shadow:0 4px 15px #0003;transform:scale(1)}.forgot-password-submit-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.forgot-password-text-button{background:none;border:none;color:#1a4375;cursor:pointer;font-family:customfont2;font-size:.9rem;padding:.5rem;transition:color .3s ease}.forgot-password-text-button:hover{color:#2e6ba6;text-decoration:underline}.forgot-password-alert{animation:fadeIn .3s ease-out;border-radius:8px;font-family:customfont2;font-size:14px;font-weight:500;margin-bottom:1.5rem;padding:12px 16px}.forgot-password-alert-success{background-color:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.forgot-password-alert-error{background-color:#ffebee;border:1px solid #ffcdd2;color:#d32f2f}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reset-email-sent-container{max-width:100%;text-align:center}.reset-email-success-message{margin-bottom:1.5rem}.success-icon{animation:bounceIn .6s ease-out;color:#4caf50;font-size:2.5rem;margin-bottom:.75rem}.reset-email-success-message h3{color:#1a4375;font-family:customfont3;font-size:1.3rem;font-weight:700;margin-bottom:.75rem}.reset-email-success-message p{color:#666;font-family:customfont2;font-size:.95rem;line-height:1.4;margin-bottom:.5rem}.forgot-password-user-email{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:.5rem;color:#1a4375;font-family:customfont3;font-size:1rem;font-weight:700;margin:.75rem 0;padding:.6rem;word-break:break-all}.email-instructions{background-color:#f8f9fa;border-radius:.5rem;margin:1.25rem 0;padding:1.25rem;text-align:left}.email-instructions p{font-size:.9rem;margin-bottom:.5rem}.email-instructions ol{margin:.75rem 0;padding-left:1.25rem}.email-instructions li{color:#666;font-family:customfont2;font-size:.9rem;line-height:1.3;margin-bottom:.4rem}.spam-reminder{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:.5rem;margin-top:.75rem;padding:.75rem}.spam-reminder p{color:#856404;font-family:customfont2;font-size:.85rem;line-height:1.3;margin-bottom:.4rem}.reset-email-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media screen and (min-width:1920px){.forgot-password-card{padding:2.5rem;width:35rem}.forgot-password-card h2{font-size:1.6rem;margin-bottom:1.75rem}.success-icon{font-size:2.25rem;margin-bottom:.75rem}.reset-email-success-message h3{font-size:1.25rem;margin-bottom:.75rem}.reset-email-success-message p{font-size:.95rem;margin-bottom:.5rem}.user-email{font-size:1rem;margin:.75rem 0;padding:.6rem}.email-instructions{margin:1.25rem 0;padding:1.25rem}.email-instructions p{font-size:.9rem}.email-instructions li{font-size:.9rem;margin-bottom:.4rem}.spam-reminder{margin-top:.75rem;padding:.75rem}.spam-reminder p{font-size:.85rem}}@media screen and (min-width:1536px) and (max-width:1919px){.forgot-password-card{padding:1.5rem;width:26rem}.forgot-password-card h2{font-size:1.1rem;margin-bottom:.875rem}.success-icon{font-size:1.375rem;margin-bottom:.25rem}.reset-email-success-message h3{font-size:.95rem;margin-bottom:.25rem}.reset-email-success-message p{font-size:.75rem;margin-bottom:.2rem}.user-email{font-size:.8rem;margin:.25rem 0;padding:.25rem}.email-instructions{margin:.625rem 0;padding:.625rem}.email-instructions p{font-size:.7rem}.email-instructions li{font-size:.7rem;margin-bottom:.2rem}.spam-reminder{margin-top:.25rem;padding:.25rem}.spam-reminder p{font-size:.65rem}}@media screen and (min-width:1280px) and (max-width:1535px){.forgot-password-card{padding:2rem;width:32rem}.forgot-password-card h2{font-size:1.4rem;margin-bottom:1.5rem}.success-icon{font-size:1.875rem;margin-bottom:.5rem}.reset-email-success-message h3{font-size:1.15rem;margin-bottom:.5rem}.reset-email-success-message p{font-size:.85rem;margin-bottom:.375rem}.user-email{font-size:.9rem;margin:.5rem 0;padding:.5rem}.email-instructions{margin:1rem 0;padding:1rem}.email-instructions p{font-size:.8rem}.email-instructions li{font-size:.8rem;margin-bottom:.3rem}.spam-reminder{margin-top:.5rem;padding:.5rem}.spam-reminder p{font-size:.75rem}}@media screen and (max-width:767px){.forgot-password-container{padding:.75rem}.forgot-password-card{border-radius:.75rem;margin:0;max-width:100%;padding:1.5rem 1.25rem;width:100%}.forgot-password-card h2{font-size:1.3rem;margin-bottom:1.25rem}.success-icon{font-size:1.75rem;margin-bottom:.375rem}.reset-email-success-message h3{font-size:1rem;margin-bottom:.375rem}.reset-email-success-message p{font-size:.8rem;line-height:1.3;margin-bottom:.25rem}.user-email{font-size:.85rem;margin:.375rem 0;padding:.375rem;word-break:break-word}.email-instructions{margin:.75rem 0;padding:.75rem}.email-instructions p{font-size:.75rem;margin-bottom:.25rem}.email-instructions ol{margin:.375rem 0;padding-left:.875rem}.email-instructions li{font-size:.75rem;line-height:1.2;margin-bottom:.2rem}.spam-reminder{margin-top:.375rem;padding:.375rem}.spam-reminder p{font-size:.7rem;line-height:1.2;margin-bottom:.2rem}.reset-email-actions{gap:.25rem;margin-top:.5rem}.forgot-password-submit-button{font-size:.85rem;padding:.5rem}.forgot-password-text-button{font-size:.75rem;padding:.25rem}}@media screen and (min-width:360px) and (max-width:480px){.forgot-password-container{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:2rem .5rem .5rem}.forgot-password-card{border-radius:.75rem;box-shadow:0 4px 15px #00000026;margin:0;max-width:340px;padding:1.5rem 1rem;width:95vw}.forgot-password-card h2{font-size:1.25rem;line-height:1.3;margin-bottom:1.25rem;text-align:center}.forgot-password-form-group{margin-bottom:1.25rem}.forgot-password-form-group label{color:#1a4375;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.forgot-password-form-group input{border:1.5px solid #1a4375;border-radius:8px;box-sizing:border-box;font-size:.95rem;padding:12px 16px;width:100%}.forgot-password-form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none;scroll-margin-bottom:20vh;scroll-margin-top:20vh}body.mobile-input-focused .forgot-password-container{align-items:flex-start;padding-top:1rem}body.mobile-input-focused .forgot-password-form-group input:focus{scroll-margin-bottom:30vh;scroll-margin-top:30vh}.forgot-password-submit-button{border-radius:8px;font-size:.95rem;font-weight:600;margin-bottom:1rem;padding:12px;width:100%}.forgot-password-text-button{font-size:.85rem;padding:8px;text-align:center;width:100%}.forgot-password-alert{border-radius:6px;font-size:.85rem;margin-bottom:1rem;padding:10px 12px}.success-icon{font-size:2rem;margin-bottom:.75rem}.reset-email-success-message h3{font-size:1.1rem;margin-bottom:.5rem}.reset-email-success-message p{font-size:.85rem;line-height:1.4;margin-bottom:.5rem}.forgot-password-user-email{border-radius:6px;font-size:.85rem;margin:.75rem 0;padding:.5rem;word-break:break-word}.email-instructions{border-radius:6px;margin:1rem 0;padding:1rem}.email-instructions p{font-size:.8rem;margin-bottom:.5rem}.email-instructions ol{margin:.5rem 0;padding-left:1rem}.email-instructions li{font-size:.8rem;line-height:1.3;margin-bottom:.3rem}.spam-reminder{border-radius:6px;margin-top:.75rem;padding:.75rem}.spam-reminder p{font-size:.75rem;line-height:1.3;margin-bottom:.3rem}.reset-email-actions{gap:.5rem;margin-top:1rem}}@media screen and (max-width:480px){.forgot-password-card{padding:1.25rem 1rem}.forgot-password-card h2{font-size:1.2rem;margin-bottom:1rem}.success-icon{font-size:1.5rem;margin-bottom:.25rem}.reset-email-success-message h3{font-size:.9rem;margin-bottom:.25rem}.reset-email-success-message p{font-size:.75rem;margin-bottom:.2rem}.user-email{font-size:.8rem;margin:.25rem 0;padding:.25rem}.email-instructions{margin:.5rem 0;padding:.5rem}.email-instructions p{font-size:.7rem}.email-instructions li{font-size:.7rem;margin-bottom:.15rem}.spam-reminder{margin-top:.25rem;padding:.25rem}.spam-reminder p{font-size:.65rem}}@media screen and (max-width:767px) and (orientation:landscape){.forgot-password-container{padding:.375rem}.forgot-password-card{padding:1.25rem}.success-icon{font-size:1.5rem;margin-bottom:.25rem}.reset-email-success-message h3{font-size:.9rem;margin-bottom:.25rem}.email-instructions{margin:.5rem 0;padding:.5rem}.spam-reminder{margin-top:.375rem;padding:.375rem}}.toast-notification{align-items:center;animation:slideInDown .3s ease-out;background:#fff;border-left:4px solid #3b82f6;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;justify-content:space-between;left:50%;max-width:400px;min-width:300px;padding:16px;position:fixed;top:80px;transform:translateX(-50%);transition:all .3s ease;z-index:2147483648}.toast-notification.exiting{animation:slideOutUp .3s ease-in;opacity:0;transform:translateX(-50%) translateY(-100%)}.toast-notification.success{background:#f0fdf4;border-left-color:#10b981}.toast-notification.error{background:#fef2f2;border-left-color:#ef4444}.toast-notification.warning{background:#fffbeb;border-left-color:#f59e0b}.toast-notification.info{background:#eff6ff;border-left-color:#3b82f6}.toast-content{align-items:center;display:flex;flex:1 1;gap:12px}.toast-message-wrapper{display:flex;flex:1 1;flex-direction:column;gap:8px}.toast-icon{flex-shrink:0;font-size:18px}.toast-icon.success{color:#10b981}.toast-icon.error{color:#ef4444}.toast-icon.warning{color:#f59e0b}.toast-icon.info{color:#3b82f6}.toast-message{color:#1f2937;font-size:14px;font-weight:500;line-height:1.4}.toast-action{align-self:flex-start;background:#1d4ed8;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:background .2s ease,transform .2s ease}.toast-action:hover:not(:disabled){background:#1e40af;transform:translateY(-1px)}.toast-action:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.toast-close:hover{background:#f3f4f6;color:#374151}@keyframes slideInDown{0%{opacity:0;transform:translateX(-50%) translateY(-100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideOutUp{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-100%)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:480px){.toast-notification{left:10px;max-width:none;min-width:auto;right:10px;top:70px;transform:none}}.piscarisk-landing,.piscarisk-landing *,.piscarisk-landing :after,.piscarisk-landing :before{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:customfont;font-style:normal;font-weight:400;src:url(/static/media/Alexandria-Regular.e2177b454b2e0497eea6.ttf) format("truetype")}@font-face{font-family:customfont2;font-style:normal;font-weight:400;src:url(/static/media/Alexandria-Bold.411070318cc3e5b14030.ttf) format("truetype")}@font-face{font-family:customfont3;font-style:normal;font-weight:400;src:url(/static/media/ReadexPro-bold.10d21fbeef45196e6dc2.ttf) format("truetype")}.piscarisk-landing{-ms-overflow-style:none;background-attachment:fixed;background-image:url(/static/media/background-landing.0a7a7bce839241a745dc.png);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:customfont,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:auto;min-height:100vh;overflow:visible;position:relative;scrollbar-width:none}.piscarisk-landing:before{background:#ffffffe0;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.piscarisk-about,.piscarisk-download,.piscarisk-faq,.piscarisk-features,.piscarisk-footer,.piscarisk-hero,.piscarisk-howitworks,.piscarisk-nav{position:relative;z-index:1}.piscarisk-about,.piscarisk-download,.piscarisk-faq,.piscarisk-features,.piscarisk-hero,.piscarisk-howitworks{background:#0000}.piscarisk-about-card,.piscarisk-faq-item,.piscarisk-step{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;transition:all .3s}.piscarisk-about-card:hover,.piscarisk-faq-item:hover,.piscarisk-step:hover{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffffffa}.piscarisk-about-context{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb}.piscarisk-download{background:linear-gradient(135deg,#2c517deb,#1a3d5cf2)}.piscarisk-landing::-webkit-scrollbar{display:none}body,html{-ms-overflow-style:none;height:auto!important;margin:0;min-height:100vh;overflow-x:hidden;overflow-y:auto!important;padding:0;scroll-behavior:smooth;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.piscarisk-container{margin:0 auto;max-width:1200px;padding:0 24px}.piscarisk-about,.piscarisk-download,.piscarisk-faq,.piscarisk-features,.piscarisk-howitworks{clear:both;position:relative;width:100%}.piscarisk-nav{padding:12px 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.piscarisk-nav,.piscarisk-nav.scrolled{background:#2c517d;box-shadow:0 3px 5px #0000000d}.piscarisk-nav.scrolled{padding:10px 0}.piscarisk-nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.piscarisk-logo{align-items:center;cursor:pointer;display:flex;gap:10px}.piscarisk-logo-img{display:block;height:42px;transition:transform .2s;width:auto}.piscarisk-logo-img:hover{transform:scale(1.02)}.piscarisk-logo-text{color:#fff;font-family:customfont2,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:.5px}.piscarisk-nav-menu{align-items:center;display:flex;gap:28px}.piscarisk-nav-link{background:none;border:none;color:#fff;cursor:pointer;font-family:customfont,sans-serif;font-size:.95rem;font-weight:500;padding:8px 0;position:relative;transition:all .3s}.piscarisk-nav-link:hover{color:#93fffe}.piscarisk-nav-link:after{background:#93fffe;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.piscarisk-nav-link.active:after,.piscarisk-nav-link:hover:after{width:80%}.piscarisk-nav-link.active{color:#93fffe}.piscarisk-nav-cta{background:#0000;border:2px solid #93fffe;border-radius:40px;color:#93fffe;cursor:pointer;display:inline-block;font-family:customfont2,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:8px 24px;text-decoration:none;transition:all .3s}.piscarisk-nav-cta:hover{box-shadow:0 4px 12px #93fffe4d;transform:translateY(-2px)}.piscarisk-nav-cta:hover,.piscarisk-nav-download{background:#93fffe;color:#2c517d;text-decoration:none}.piscarisk-nav-download{border:none;border-radius:40px;box-shadow:0 2px 8px #93fffe33;cursor:pointer;display:inline-block;font-family:customfont2,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:8px 24px;transition:all .3s}.piscarisk-nav-download:hover{background:#fff;box-shadow:0 6px 20px #93fffe66;color:#2c517d;text-decoration:none;transform:translateY(-2px)}.piscarisk-hero{align-items:center;display:flex;min-height:auto;padding:120px 0 80px}.piscarisk-hero-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 24px}.piscarisk-badge{align-items:center;background:#2c517d26;border-radius:40px;color:#2c517d;display:inline-flex;font-size:.85rem;gap:8px;margin-bottom:24px;padding:8px 16px}.piscarisk-hero-title{color:#1a1f36;font-family:customfont2,sans-serif;font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:20px}.piscarisk-gradient{color:#2c517d}.piscarisk-hero-desc{color:#5a6a7a;font-family:customfont,sans-serif;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.piscarisk-hero-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:40px}.piscarisk-btn-primary{background:#2c517d;border:none;border-radius:40px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-family:customfont2,sans-serif;font-size:1rem;font-weight:700;padding:14px 32px;text-decoration:none;transition:all .3s}.piscarisk-btn-primary:hover{background:#1a3d5c;box-shadow:0 8px 25px #00000026;text-decoration:none;transform:translateY(-2px)}.piscarisk-btn-secondary{background:#0000;border:2px solid #2c517d;border-radius:40px;color:#2c517d;cursor:pointer;display:inline-block;font-family:customfont2,sans-serif;font-size:1rem;font-weight:600;padding:12px 28px;text-decoration:none;transition:all .3s}.piscarisk-btn-secondary:hover{background:#2c517d;color:#fff;text-decoration:none;transform:translateY(-2px)}.piscarisk-stats{border-top:1px solid #0000001a;display:flex;gap:40px;margin-top:40px;padding-top:20px}.piscarisk-stat{display:flex;flex-direction:column}.piscarisk-stat-number{color:#1a1f36;font-family:customfont2,sans-serif;font-size:1.5rem;font-weight:700}.piscarisk-stat-label{color:#5a6a7a;font-family:customfont,sans-serif;font-size:.8rem}.piscarisk-about{padding:20px 0 80px}.piscarisk-about-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.piscarisk-about-card{border:1px solid #0000000d;border-radius:20px;padding:40px 32px;text-align:center;transition:all .3s}.piscarisk-about-card:hover{border-color:#2c517d;box-shadow:0 12px 24px #0000001a;transform:translateY(-8px)}.piscarisk-about-icon{font-size:3rem;margin-bottom:20px}.piscarisk-about-card h3{color:#2c517d;font-family:customfont2,sans-serif;font-size:1.3rem;margin-bottom:16px}.piscarisk-about-card p{color:#4a5568;font-family:customfont,sans-serif;line-height:1.6}.piscarisk-about-context{border:1px solid #0000000d;border-radius:24px;margin-top:48px;padding:40px;text-align:center}.piscarisk-about-highlight{color:#4a5568;font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:800px}.piscarisk-about-highlight strong{color:#2c517d}.piscarisk-about-partner{border-top:1px solid #0000001a;color:#2c517d;font-weight:500;margin-top:24px;padding-top:24px}.piscarisk-features{padding:0 0 60px}.piscarisk-section-title{color:#2c517d;font-family:customfont2,sans-serif;font-size:2.5rem;margin-bottom:16px;text-align:center}.piscarisk-section-subtitle{color:#4a5568;font-family:customfont,sans-serif;font-size:1.2rem;margin:0 auto 48px;max-width:700px;text-align:center}.piscarisk-features-carousel{align-items:center;display:flex;gap:16px;position:relative}.piscarisk-features-track{-ms-overflow-style:none;display:flex;flex:1 1;gap:32px;overflow-x:auto;padding:20px 0 40px;scroll-behavior:smooth;scrollbar-width:none}.piscarisk-features-track::-webkit-scrollbar{display:none}.piscarisk-feature-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border:1px solid #0000000d;border-radius:20px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;flex-shrink:0;height:auto;max-width:340px;min-height:420px;min-width:340px;padding:28px 24px;transition:all .3s}.piscarisk-feature-card:hover{background:#fff;border-color:#2c517d;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.piscarisk-feature-icon{font-size:3rem;margin-bottom:16px;text-align:center}.piscarisk-feature-card h3{color:#2c517d;font-family:customfont2,sans-serif;font-size:1.2rem;margin-bottom:12px;text-align:center}.piscarisk-feature-card>p{color:#4a5568;font-family:customfont,sans-serif;font-size:.9rem;line-height:1.5;margin-bottom:16px;text-align:center}.piscarisk-feature-highlights{border-bottom:1px solid #0000000d;border-top:1px solid #0000000d;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:16px 0;padding:12px 0}.piscarisk-feature-highlights span{background:#2c517d1a;border-radius:20px;color:#2c517d;font-family:customfont2,sans-serif;font-size:.75rem;padding:4px 12px}.piscarisk-feature-description{color:#5a6a7a;flex-grow:1;font-size:.85rem;line-height:1.6;margin-top:12px;text-align:left}.piscarisk-carousel-arrow{align-items:center;background:#2c517d;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:44px;justify-content:center;transition:all .3s;width:44px}.piscarisk-carousel-arrow:hover{background:#1a3d5c;transform:scale(1.05)}.piscarisk-carousel-dots{display:none;gap:12px;justify-content:center;margin-top:20px}.piscarisk-carousel-dot{background:#2c517d4d;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s;width:10px}.piscarisk-carousel-dot.active{background:#2c517d;border-radius:5px;width:30px}.piscarisk-carousel-dot:hover{background:#2c517d}.piscarisk-howitworks{padding:90px 0 150px}.piscarisk-steps-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.piscarisk-step{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border:1px solid #0000000d;border-radius:20px;flex:1 1;max-width:200px;min-width:170px;padding:24px 16px;text-align:center;transition:all .3s}.piscarisk-step:hover{background:#fffffffa;border-color:#2c517d;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.piscarisk-step-number{color:#2c517d;font-family:customfont2,sans-serif;font-size:1.8rem;font-weight:800;margin-bottom:12px}.piscarisk-step-icon{font-size:2.5rem;margin:12px 0}.piscarisk-step h3{color:#1a1f36;font-family:customfont2,sans-serif;font-size:1rem;margin-bottom:10px}.piscarisk-step p{color:#4a5568;font-family:customfont,sans-serif;font-size:.8rem;line-height:1.4}.piscarisk-step-arrow{color:#2c517d;font-size:1.5rem;font-weight:700}@media (max-width:968px){.piscarisk-howitworks{padding:60px 0 80px}.piscarisk-steps-container{gap:15px}.piscarisk-step{min-width:140px;padding:20px 12px}.piscarisk-step-number{font-size:1.5rem}.piscarisk-step-icon{font-size:2rem}.piscarisk-step h3{font-size:.9rem}.piscarisk-step p{font-size:.75rem}.piscarisk-step-arrow{font-size:1.2rem}}@media (max-width:768px){.piscarisk-steps-container{flex-direction:column;gap:20px}.piscarisk-step{max-width:300px;min-width:250px;padding:24px;width:100%}.piscarisk-step-arrow{transform:rotate(90deg)}.piscarisk-step-icon{font-size:2.2rem}.piscarisk-step h3{font-size:1rem}.piscarisk-step p{font-size:.85rem}}.piscarisk-faq{padding:20px 0 80px}.piscarisk-faq-list{margin:0 auto;max-width:800px}.piscarisk-faq-item{border:1px solid #0000000d;border-radius:12px;margin-bottom:16px;padding:20px 24px;transition:all .3s}.piscarisk-faq-item:hover{box-shadow:0 4px 12px #0000000d}.piscarisk-faq-question{color:#2c517d;font-family:customfont2,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:12px}.piscarisk-faq-answer{color:#4a5568;font-family:customfont,sans-serif;line-height:1.6}.piscarisk-download{color:#fff;padding:80px 0;text-align:center}.piscarisk-download h2{font-family:customfont2,sans-serif;font-size:2.5rem;margin-bottom:20px}.piscarisk-download p{font-family:customfont,sans-serif;font-size:1.2rem;margin-bottom:30px;opacity:.95}.piscarisk-download-grid{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:900px}.piscarisk-apk-btn{background:#fff;border:none;border-radius:50px;box-shadow:0 4px 15px #0000001a;color:#2c517d;cursor:pointer;display:inline-block;font-family:customfont2,sans-serif;font-size:1.2rem;font-weight:700;padding:16px 40px;text-decoration:none;transition:all .3s}.piscarisk-apk-btn:hover{box-shadow:0 8px 25px #00000026;text-decoration:none;transform:translateY(-2px)}.piscarisk-features-list{margin-top:32px;text-align:left}.piscarisk-feature-item{font-family:customfont,sans-serif;font-size:1rem;padding:8px 0}.piscarisk-qr-section{text-align:center}.piscarisk-qr-container{background:#fff;border-radius:20px;box-shadow:0 4px 15px #0000001a;display:inline-block;padding:20px}.piscarisk-qr-image{display:block;height:150px;margin:0 auto;width:150px}.piscarisk-qr-text{color:#2c517d;font-family:customfont,sans-serif;font-size:.8rem;font-weight:500;margin-top:12px}.piscarisk-qr-container p{color:#2c517d;font-family:customfont2,sans-serif;font-size:.75rem;font-weight:600;margin-top:8px}@media (max-width:768px){.piscarisk-qr-image{height:120px;width:120px}.piscarisk-qr-container{padding:16px}}.piscarisk-footer{background:#1a1f36eb;color:#ccc;font-family:customfont,sans-serif;font-size:14px;padding:32px;text-align:center}#about,#download,#faq,#features,#hero,#how-it-works{scroll-margin-top:70px}.piscarisk-hamburger{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:21px;justify-content:space-between;padding:0;width:30px;z-index:100}.piscarisk-hamburger span{background:#fff;border-radius:3px;height:3px;transition:all .3s ease;width:100%}.piscarisk-hamburger.active span:first-child{transform:translateY(9px) rotate(45deg)}.piscarisk-hamburger.active span:nth-child(2){opacity:0}.piscarisk-hamburger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.piscarisk-mobile-menu{align-items:center;background:#2c517d;display:flex;flex-direction:column;gap:24px;height:calc(100vh - 70px);justify-content:center;left:-100%;position:fixed;top:50px;transition:left .3s ease;width:100%;z-index:999}.piscarisk-mobile-menu.open{left:0}.piscarisk-mobile-nav-link{background:none;border:none;color:#fff;cursor:pointer;font-family:customfont,sans-serif;font-size:1.2rem;padding:12px;text-align:center;width:100%}.piscarisk-mobile-nav-link:hover{background:#ffffff1a}.piscarisk-mobile-cta{background:#0000;border:2px solid #93fffe;border-radius:40px;color:#93fffe;margin-top:20px}.piscarisk-mobile-cta,.piscarisk-mobile-download{cursor:pointer;font-family:customfont2,sans-serif;font-size:1rem;font-weight:700;padding:12px 32px;width:80%}.piscarisk-mobile-download{background:#93fffe;border:none;border-radius:40px;color:#2c517d}@media (max-width:768px){.piscarisk-nav-menu{display:none}.piscarisk-hamburger{display:flex}.piscarisk-nav-container{justify-content:space-between}}@media (max-width:968px){.piscarisk-hero-container{grid-template-columns:1fr;text-align:center}.piscarisk-hero-title{font-size:2rem}.piscarisk-nav-menu{display:none}.piscarisk-stats{justify-content:center}.piscarisk-steps-container{flex-direction:column}.piscarisk-step-arrow{transform:rotate(90deg)}.piscarisk-download-grid{gap:40px;grid-template-columns:1fr}.piscarisk-section-title{font-size:1.8rem}.piscarisk-features-list{text-align:center}.piscarisk-about-grid{grid-template-columns:1fr}.piscarisk-logo-img{height:35px}.piscarisk-logo-text{font-size:1rem}.piscarisk-hero{padding:100px 0 60px}.piscarisk-about-context{margin-top:32px;padding:24px}.piscarisk-about-highlight{font-size:1rem}.piscarisk-feature-card{max-width:280px;min-height:400px;min-width:280px;padding:20px}.piscarisk-carousel-arrow{font-size:1rem;height:32px;width:32px}.piscarisk-features-carousel{gap:8px}}@media (max-width:480px){.piscarisk-hero-buttons{align-items:center;flex-direction:column}.piscarisk-btn-primary,.piscarisk-btn-secondary{max-width:250px;text-align:center;width:100%}.piscarisk-stats{align-items:center;flex-direction:column;gap:16px}.piscarisk-feature-card{max-width:260px;min-height:380px;min-width:260px;padding:16px}}.piscarisk-phone-slider{align-items:center;display:flex;justify-content:center}.piscarisk-phone{background:#0000;border-radius:35px;margin:0 auto;position:relative;width:260px}.piscarisk-phone-notch{background:#0000;border-radius:0 0 16px 16px;height:20px;left:50%;position:absolute;top:6px;transform:translateX(-50%);width:100px;z-index:10}.piscarisk-phone-screen{background:#0000;border-radius:28px;min-height:480px;overflow:hidden;position:relative}.piscarisk-slide-container{overflow:hidden;position:relative;width:100%}.piscarisk-slides{display:flex;transition:transform .5s ease-in-out}.piscarisk-slide{min-width:100%;position:relative}.piscarisk-slide-image{display:block;height:auto;width:100%}.piscarisk-slider-dots{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-radius:20px;bottom:0;display:flex;gap:6px;left:50%;padding:5px 10px;position:absolute;transform:translateX(-50%);z-index:20}.piscarisk-slider-dot{background:#fff9;border:none;border-radius:50%;cursor:pointer;height:6px;padding:0;transition:all .3s;width:6px}.piscarisk-slider-dot.active{background:#2c517d;border-radius:3px;width:18px}.piscarisk-slider-dot:hover{background:#2c517d}@media (max-width:768px){.piscarisk-phone{border-radius:30px;padding:10px 8px;width:220px}.piscarisk-phone-screen{border-radius:24px;min-height:400px}.piscarisk-phone-notch{height:16px;top:5px;width:80px}.piscarisk-slider-dots{bottom:8px;gap:5px;padding:4px 8px}.piscarisk-slider-dot{height:5px;width:5px}.piscarisk-slider-dot.active{width:14px}}@media (max-width:480px){.piscarisk-phone{width:200px}.piscarisk-phone-screen{min-height:360px}}
/*# sourceMappingURL=main.fb37ad0f.css.map*/