@charset "UTF-8";@font-face{font-family:Kanit;src:url(/assets/kanit.regular-MLtEp43x.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KanitBold;src:url(/assets/kanit.bold-nXOKGR2_.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KanitMedium;src:url(/assets/kanit.medium-BcGCcD1m.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KanitThing;src:url(/assets/kanit.thin-Bltu82BW.ttf) format("truetype");font-weight:400;font-style:normal}html,body{font-family:Kanit;background-color:var(--graphite);color:#fff}#root{margin:0 auto;padding:0 auto;text-align:center;overflow:hidden;overflow-x:hidden;overflow-y:hidden;font-family:Kanit}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}#sign{height:100vh;width:100vw;margin:0;background-image:url(/assets/fort-bg-2-Dh8bqW5P.png);box-sizing:border-box;background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;text-align:center;overflow-y:hidden;overflow-x:hidden;overflow:hidden}#signInForm{border:.2px solid rgba(255,255,255,.2);padding:30px;height:55vh;width:20vw;justify-content:center;align-items:center;border-radius:10px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 8px #0000001a}#logoimg{height:11vh;margin-bottom:2vh}.forgotPwdText{margin:0;font-size:12px;text-align:right;color:var(--primary-color);text-decoration:underline;cursor:pointer}.inputs{width:80%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 1281px){.inputs .inputfields{font-size:12px;height:4vh}}html,body{margin:0;padding:0;width:100vw;height:100vh;box-sizing:border-box}#sign{height:100vh;width:100vw;margin:0;background-image:url(/assets/fort-bg-2-Dh8bqW5P.png);box-sizing:border-box;background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;text-align:center;overflow-y:hidden;overflow-x:hidden;overflow:hidden}#forgotPasswordForm{border:.2px solid rgba(255,255,255,.2);padding:25px;height:35vh;width:20vw;justify-content:center;align-items:center;border-radius:10px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 8px #0000001a}#logoimg{height:60px;margin-bottom:1vh;margin-top:5vh}.inputfields{height:20px;padding:3px;margin:15px;border-radius:5px;outline-color:None;border-color:None}.inputfields .email{text-transform:lowercase}#signInText{font-size:3vh}.submitbtn{margin-top:4vh;width:80%}.submitbtn:hover{border-radius:1px;transition:border-radius .5s ease}.submitbtn:hover:before{opacity:1;transform:translateY(-50%) translate(0)}.inputs{width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.inputs label{display:block;font-weight:700;color:#fff}.inputs .inputfields{margin:0;width:100%;margin-top:.5vh;height:4.5vh;padding:7px;font-family:Kanit;border-radius:5px;font-size:15px;box-sizing:border-box;margin-bottom:10px}@media (max-width: 1281px){.inputs .inputfields{font-size:12px;height:4vh}#logoimg{height:40px;margin-bottom:1vh;margin-top:5vh}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--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-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-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--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( to right, #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: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{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{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.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{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-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,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@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--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-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--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-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%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.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{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-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--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dialog-overlay-sesh{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center}.dialog-box-sesh{background:var(--muted-black);padding:10px;height:auto;display:block;border-radius:10px;text-align:center;box-shadow:0 10px 5px #8f8b8b33}.dialog-box-sesh h2{margin-top:0}.dialog-box-sesh button{margin-top:1.5rem;padding:.6rem 1.2rem;background-color:var(--primary-color);color:var(--muted-black);border:none;border-radius:5px;cursor:pointer}.container{display:flex;gap:0px;padding:10px}.leftColumn{display:flex;flex-direction:column;gap:20px;flex:1}.rightColumn{flex:2;display:flex;align-items:center;justify-content:center;margin:0;height:100%;border-radius:5px;background-color:var(--muted-black)}.pdfFrame{width:100%;height:100%;border:none;transform:scale(1)}#fetchPdfBtn{padding:10px 20px;color:#fff;border:none;border-radius:5px;cursor:pointer;text-align:center}#fetchPdfBtn:hover{background-color:#303a32}.categoryHeading{background-color:#404040;padding:5px;margin:0}.mainReportHeadings{text-align:left;margin:0 0 3px}.rowContainer{display:flex;align-items:center;gap:10px}#dropdown{height:3vh;width:5vw;width:100%}#maindropdown{width:40%;height:3vh;align-items:left;text-align:left;justify-content:left}.options{display:flex;align-items:center;gap:10px}#shiftDropDown{height:3vh;width:5vw;width:50%}.calendarClass{height:40px;border-radius:2px;background-color:#3b3b3b;border:.2px solid grey}.generateReport{border:1px solid grey}.filterBar{overflow-y:scroll;height:100%;border:2px solid #3b3b3b;padding:0}.emailTable{border:1px solid grey}.reportDashboard{display:flex;flex-direction:column;justify-content:flex-start;font-family:Kanit;color:#fff;border-radius:8px;width:30vw;box-shadow:0 2px 10px #0000001a;margin:2px}#reportContainer{width:40vw;margin-bottom:20px;font-family:Kanit;align-items:center;text-align:center;overflow-x:hidden;justify-content:center;color:#fff}.reportDashboard{display:flex;flex-direction:column;font-family:Kanit;color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:2px}#reportContainer{width:30vw;margin-bottom:20px;text-align:center;color:#fff;font-family:Kanit;overflow-x:hidden}.MuiTableCell-root{font-family:Kanit!important;font-size:12px!important;text-align:center!important;color:#fff!important;line-height:1!important;padding:4px!important;border-top:1px solid #797e86!important}.MuiTableCell-head{font-size:15px!important;color:#fff!important;font-weight:700;text-transform:uppercase}.sticky-header{border-bottom:.21px solid rgba(255,255,255,.5);color:#fff}#timedropdown{width:500px;height:200px}.allComponents li,.selectedComponents li{list-style-type:none;text-align:left;padding:none;margin:none}.componentCheckList{accent-color:var(--primary-color);font-size:13px}.componentCheckList label,.labelClass{font-size:13px}.allComponents,.selectedComponents{text-align:left;border-radius:6px;width:30%;background-color:var(--colors-primary-grey);border:1px solid #2d3033}.mainSelectComponents{display:flex;flex-direction:row;gap:10px;width:100%}.allComponents ul,.selectedComponents ul{padding:0;margin:3px}.row{margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.row-middle{align-items:center}.col{flex-grow:1;flex-basis:0;max-width:100%}.col-start{justify-content:flex-start;text-align:left}.col-center{justify-content:center;text-align:center}.col-end{justify-content:flex-end;text-align:right}.calendar{display:block;position:relative;width:100%;background:var(--neutral-color);border:1px solid var(--border-color)}.calendar .header{text-transform:uppercase;font-weight:700;font-size:115%;padding:1.5em 0;border-bottom:1px solid var(--border-color)}.calendar .header .icon{cursor:pointer;transition:.15s ease-out}.calendar .header .icon:hover{transition:.25s ease-out;color:var(--main-color)}.calendar .header .icon:first-of-type{margin-left:1em}.calendar .header .icon:last-of-type{margin-right:1em}.calendar .days{text-transform:uppercase;font-weight:400;color:var(--text-color-light);font-size:70%;padding:.75em 0;border-bottom:1px solid var(--border-color)}.calendar .body .cell{position:relative;height:4em;border-right:1px solid var(--border-color);overflow:hidden;cursor:pointer;background:var(--neutral-color);transition:.25s ease-out;font-size:1.5em}.calendar .body .cell:hover{background:var(--bg-color);transition:.5s ease-out}.calendar .body .selected{border-left:10px solid transparent;border-image:linear-gradient(45deg,#1a8fff,#53cbf1 40%);border-image-slice:1}.calendar .body .today{border-left:10px solid transparent;border-image:linear-gradient(45deg,#ff1a79,#eb82b3 40%);border-image-slice:1}.calendar .body .row{border-bottom:1px solid var(--border-color)}.calendar .body .cell:last-child{border-right:none}.calendar .body .cell .number{position:absolute;font-size:82.5%;line-height:1;top:.75em;right:.75em;font-weight:700}.calendar .body .disabled{color:var(--text-color-light);pointer-events:none}.calendar .body .cell .bg{font-weight:700;line-height:1;color:var(--main-color);opacity:0;font-size:8em;position:absolute;top:-.2em;right:-.05em;transition:.25s ease-out;letter-spacing:-.07em}.calendar .body .cell:hover .bg,.calendar .body .selected .bg{opacity:.05;transition:.5s ease-in}.calendar .body .cell.today .bg{color:#ff1a79;opacity:.05}.calendar .body .col{flex-grow:0;flex-basis:14.2857142857%;width:14.2857142857%}.periodClass{text-align:left;width:100%;height:9%}.periodSelection h4{padding:0;margin:0}.periodSelection select{height:100%;width:100%;padding:1px;flex:1;min-width:50%;border:1px solid var(--colors-border);border-radius:5px;background-color:var(--colors-primary-grey);font-family:Kanit;color:var(--white)}.calendarView{width:100%;height:100%;text-align:left}.periodSelection{display:flex;flex-direction:row;gap:2%;width:100%;height:37px;border-radius:3px;border:none}.reportName{text-align:left;width:"100%";display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box}.nameInput,.descInput{font-family:Kanit;width:100%;border:none;background-color:var(--colors-primary-grey);border-radius:5px;padding:10px;line-height:15px;outline:none;box-sizing:border-box;border:1px solid var(--colors-border);color:var(--white)}.nameInput::placeholder,.descInput::placeholder{color:var(--colors-grey-text)}.nameInput{height:45px}.compulClass{color:red}.componentsClass,.recepientsClass{text-align:left}.recepientsClass{margin-bottom:52px;flex-grow:1;display:flex;flex-direction:column;min-height:0}.recepientsClass h4,.componentsClass h4{padding:none;margin-bottom:5px}.GenerateNewReport,.ScheduleNewReport{position:relative;width:100%;padding:10px;height:96.5%;background-color:#0e0f10;border-radius:5px;box-sizing:border-box}.headingButton{cursor:pointer;margin:0;font-size:clamp(.75rem,.8vw,1rem);line-height:1.2;text-transform:uppercase}.mainTabComponent{display:flex;flex-direction:row;gap:0px;width:100%;background-color:#000;border-radius:5px 5px 0 0}.generate-report{border-top-left-radius:2px;border-bottom-left-radius:2px}.schedule-report{border-top-right-radius:2px;border-bottom-right-radius:2px}.generate-report,.schedule-report{display:flex;background-color:transparent;height:20px;align-items:center;text-align:center;gap:10px;width:100%;margin:0 0 2px 2px;height:var(--header-height);padding:var(--header-padding);box-sizing:border-box;border-radius:0;cursor:pointer;color:var(--white);border-bottom:3px solid transparent}.active-tab{border-bottom-color:var(--primary-color);color:var(--primary-color)}.generate-report img,.schedule-report img{height:20px;width:20px}.GenerateNewReportButtons{background-color:#000;border-top:1px solid #2d3033;display:flex;position:absolute;gap:10px;margin-left:0;padding:10px;bottom:0;left:0%;height:5%;right:0;justify-content:center}.reportTemplate{height:98vh;width:28%;margin-bottom:20px}.reportTemplate h3{margin:0 0 1%;text-align:left}.mainReportBar{height:100%;width:30%;margin-right:10px}.allComponents,.selectedComponents{width:50%;font-size:13px}.mainReportPage{display:flex;flex-direction:row;height:100vh}.compText{padding:5px 7px;margin:0;font-weight:700;text-transform:uppercase;border-bottom:1px solid #2d3033}.selectedItemDragHandle{cursor:grab;color:#888;flex-shrink:0}.selectedItemName{flex:1;min-width:0;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weekScheduleSelection{width:100%;border:none;display:flex}.weekScheduleSelection select{border:none}.emailList{width:80%;border-radius:10px;padding:10px}.emailListDiv{display:flex;flex-direction:row;width:100%;height:auto;gap:10px}.emailAddButton{margin:0}.disabledAddButton{margin:0;background-color:var(--sable);color:#fff}.emailListModal{display:flex;flex-direction:column;width:100%;position:relative;gap:10px;height:100%}.emailListModalContent{display:flex;flex-direction:column;flex:1}.emailCloseButton{position:absolute;top:10px;right:10px;background-color:red;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer}.calendarIconClass{padding:0 -12px 0 0;outline:none}.calendarIconClass:focus{padding:0 -12px 0 0;outline:none}.emailApplyButton{align-self:center;padding:10px 20px;background-color:var(--primary-color);color:#000;border:none;border-radius:4px;cursor:pointer;margin-top:10px}.reportName h4{margin:7px 0 0}.emailAddButton{padding:5px;width:100px;height:40px;align-items:center}@media screen and (max-width: 1281px){.filterBar{height:80vh}.generate-report,.schedule-report{height:var(--smaller-header-height);padding:1px}.headingButton{cursor:pointer;font-size:12px}.rightColumn{height:90%}.pdfFrame{height:100%}.GenerateNewReport{margin-right:50px;height:100%;overflow-y:scroll}.ScheduleNewReport{height:93.5%}.GenerateNewReportButtons{height:8%;margin-top:25px;position:relative}.reportName{text-align:left;width:"100%";display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box}.periodClass{text-align:left;width:100%;height:12%}.emailListEmptyState{padding:8px 4px;gap:4px}.emailListEmptyState__title,.emailListEmptyState__subtitle{font-size:11px}}.filterBarNew{padding:15px}.tabButton{width:50%;justify-content:center;border-radius:0}.readOnlyViewClass{text-align:left;color:red;display:flex;flex-direction:row}.weekDiv{display:flex;flex-direction:row;background-color:var(--colors-primary-grey);padding:16.5px 0 16.5px 14px;height:100%;margin:0;gap:10px;text-align:center;justify-content:space-between;align-items:center;border-radius:5px;box-sizing:border-box}.weekDiv p{font-size:.8em;padding:0;margin:0;color:#d7d7d7}.MuiIconButton-root:focus-visible{outline:none!important}.readOnlyProp{display:flex;flex-direction:row;justify-content:space-between;width:100%}.editDeleteButton{display:flex;margin-top:10px;flex-direction:row;gap:10px}.buttons{position:absolute;width:100%;text-align:center;justify-content:right;align-items:right;display:flex;justify-content:flex-end}.weekCalendarView{width:60%}.editViewClass{color:#41ff88}.mainReportBar{flex:0 0 30%;height:94%;display:flex;flex-direction:column;justify-content:flex-start;background-color:var(--muted-black);border-radius:5px;box-sizing:border-box}.rightColumn{flex:1;height:94%;border-radius:5px;background-color:var(--muted-black);display:flex;align-items:center;justify-content:center}.reportTemplate{flex:0 0 28%;height:94%;margin-left:10px;margin-right:10px;border-radius:5px;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box}.reportTemplate h3{margin:10px;text-align:left}.pdfFrame{width:100%;height:95%;border:none;background-color:#1d1e20;border-radius:5px}.reportEmailListContainer{background-color:var(--colors-primary-grey);flex-grow:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:8px;gap:8px}.emailListEmptyStateContainer{justify-content:center}.emailListEmptyState{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 8px;gap:6px}.emailListEmptyState__icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background-color:#111214;border:1px solid #2d3033}.emailListEmptyState__title{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.emailListEmptyState__subtitle{margin:0;font-size:12px;color:var(--colors-grey-text)}.emailList{width:100%;padding:6px 10px;box-sizing:border-box;display:flex;flex-direction:column;gap:4px}.emailListRow{width:97%;display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-radius:3px;background-color:#0000001a;cursor:pointer!important}.emailListRow__left{display:flex;align-items:center;gap:6px;font-size:12px}.emailListRow__email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emailListRow__remove{background:transparent;border:none;color:#ff4b4b;cursor:pointer;padding:0;font-size:14px;outline:none}.emailListRow__remove:hover{cursor:pointer}.emailListRow__remove:focus{outline:none!important}@media screen and (max-width: 1281px){.emailListRow{padding:3px 6px}.emailListRow__left{font-size:11px}.emailListRow__remove{font-size:13px}}.headerSidebar.expanded{width:210px;height:100vh;background-color:#101010}.headerSidebar.expanded .spacer{border:1px solid transparent}.headerSidebar.expanded .mainHeaderComponentInner{overflow-y:auto}.headerSidebar.expanded .mainHeaderComponentInner::-webkit-scrollbar{width:4px;background:transparent}.headerSidebar.expanded .mainHeaderComponentInner::-webkit-scrollbar-thumb{background:var(--primary-color)}.headerSidebar.expanded .mainHeaderComponentInner::-webkit-scrollbar-track{background:transparent}.headerSidebar.collapsed{background-color:#101010;width:50px;height:100vh}.mainHeaderComponent{display:flex;flex-direction:column;height:100%}.mainHeaderComponent .logoutSection{margin-top:auto}.mainHeaderViewNew img{height:22px;width:22px}.mainHeaderViewNew{cursor:pointer}.mainHeaderViewNew.expanded{width:96%;padding-right:10px;box-sizing:border-box}.mainHeaderViewNew.expanded .spacer.active.clicked{border:"1px solid transparent"}.mainHeaderViewNew.expanded.active{background-color:var(--primary-color);color:#101010!important}.mainHeaderViewNew.expanded.active img{filter:invert(1)!important}.mainHeaderViewNew.expanded.active p,.mainHeaderViewNew.expanded.active span,.mainHeaderViewNew.expanded.active h4,.mainHeaderViewNew.expanded.active h5,.mainHeaderViewNew.expanded.active h6{color:#000!important}.mainHeaderViewNew{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin:5px;border-radius:8px!important;gap:10px}.spacer{display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;padding:4px;transition:background-color .2s ease,border .2s ease}.spacer.active{background-color:#41ff98}.spacer.active img{filter:invert(1)}.spacer.clicked{border:1px solid grey}.expandedIconClass{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:95%}.expandedIconClass h4{margin:0;padding:0;font-size:14px;color:#cdcdcd;font-weight:500}.expandedIconClass img{height:10px;width:10px;opacity:.7;transition:all .2s ease}.sidebar-icon.selected{filter:invert(0)!important}.subPagesContainer{margin-left:0;margin-top:4px;margin-bottom:8px;padding-left:12px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.subPageItem{display:flex;flex-direction:row;align-items:center;border-radius:6px;padding:8px 10px;box-sizing:border-box;margin-bottom:2px;cursor:pointer;transition:all .2s ease;position:relative;text-align:left;gap:7px}.subPageItem:hover{background-color:var(--header-grey);transform:translate(2px)}.subPageItem:hover p{color:#fff}.subPageItem:hover img{opacity:1;transform:scale(1.05)}.subPageItem.active{background-color:#01ff6226}.subPageItem.active p{color:var(--primary-color);font-weight:500}.subPageItem.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background-color:var(--primary-color);border-radius:0 2px 2px 0}.subPageItem p{margin:0;padding:0;font-size:12px;color:#cdcdcd;transition:color .2s ease}.subPageItem img{height:16px;width:16px;opacity:.7;transition:all .2s ease}.subPageItem .subPageMuiIcon{height:16px;width:16px;color:#fff}.headerWrapper{position:relative;width:100%;background:#0a0a0a;color:#fff;transition:height .25s ease}.headerWrapper.expanded{height:280px}.headerWrapper.collapsed{height:60px}.expandedBody{display:none}.headerWrapper.expanded .expandedBody{display:flex;flex-direction:row}.collapsedIcons{display:none}.headerWrapper.collapsed .collapsedIcons{display:flex;justify-content:center;align-items:center;gap:.5rem}.draggableElement{display:flex;flex-direction:row;align-items:center;gap:10px;border-radius:6px;padding:8px 11px;box-sizing:border-box;margin-bottom:2px;cursor:pointer;transition:all .2s ease;position:relative;text-align:left}.draggableElement:hover{background-color:var(--header-grey);transform:translate(2px)}.draggableElement:hover p{color:#fff}.draggableElement:hover img{opacity:1;transform:scale(1.05)}.draggableElement.active{background-color:#01ff6226}.draggableElement.active p{color:var(--primary-color);font-weight:500}.draggableElement.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background-color:var(--primary-color);border-radius:0 2px 2px 0}.draggableElement p{margin:0;padding:0;font-size:12px;color:#cdcdcd;transition:color .2s ease}.draggableElement img{height:16px;width:16px;opacity:.7;transition:all .2s ease}.logoutSection{margin-top:auto;padding-top:0;margin-bottom:10px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center}.subPageClicker{position:fixed;left:55px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;max-width:220px;min-width:220px;background-color:var(--sable);border-radius:0 8px 8px 0!important;z-index:10000;text-align:left;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--sable);border:1px solid var(--darker-grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subPageClicker p{padding:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.subPageClicker:hover{cursor:pointer}.subPageItem.collapsed{justify-content:flex-start;align-items:center;width:100%!important;margin-left:0!important;border-radius:8px!important;gap:10px}.subPageItem.collapsed img{filter:invert(0);opacity:1}.subPageItem.collapsed .subPageMuiIcon{opacity:1}.draggableCollapsed{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:170px!important;padding:0;margin:0}.subSelected{border:1px solid grey;color:#101010!important}.headerSidebar{position:fixed;top:0;left:0;height:100vh;background-color:var(--sable);z-index:1000;overflow:hidden;-webkit-user-select:none;user-select:none;transition:width .35s ease,box-shadow .35s ease;box-shadow:0 0 #101010}.mainHeaderComponentInner{opacity:1;transition:opacity .3s ease-in-out,transform .2s ease-in-out}.mainHeaderComponentInner.collapsed{opacity:1;pointer-events:all}.mainHeaderComponentInner.expanded{opacity:1;transform:translate(0);pointer-events:all}.headerSidebar.collapsed{width:50px;box-shadow:0 0 #101010}.headerSidebar.expanded{width:210px;box-shadow:4px 0 12px #101010;transition:opacity .3s ease,transform .3s ease}.headerSidebar .expandedHeaderComponent,.headerSidebar .smallHeaderComponent{opacity:0;transform:translate(-15px);transition:opacity .3s ease,transform .3s ease}.headerSidebar.expanded .expandedHeaderComponent,.headerSidebar.collapsed .smallHeaderComponent{opacity:1;transform:translate(0)}.fortLogoContainer:hover{cursor:pointer}.fortLogoWrapper{position:relative;display:flex;align-items:center;height:30px;margin:10px 4px 30px 10px;cursor:pointer;padding-right:8px}.fortLogoWrapper .fortLogoClip{overflow:hidden;width:55px;height:45px;transition:width .35s ease;display:flex;align-items:center}.fortLogoWrapper .fortLogo{width:170px;height:45px;object-fit:contain;pointer-events:none}.fortLogoWrapper .fortChevron{position:absolute;right:-8px;width:20px;height:20px;transition:transform .25s ease;pointer-events:none}.fortLogoWrapper.expanded .fortLogoClip{width:170px}.fortLogoWrapper.expanded .fortChevron{transform:rotate(180deg)}.expandedSubmenu{display:flex;flex-direction:column;position:relative;margin-top:4px;padding:6px 0;background-color:#111;border-left:2px solid #41ff98;border-radius:6px;overflow:hidden;animation:fadeIn .2s ease-out}.expandedSubmenu .subPageItem{display:flex;align-items:center;gap:8px;padding:6px 14px;cursor:pointer;color:#d6d6d6;font-size:13px;transition:background-color .2s ease}.expandedSubmenu .subPageItem:hover{background-color:#1e1e1e}.expandedSubmenu .subPageItem.subSelected{background-color:#41ff98;color:#000}.expandedSubmenu .subPageItem img{width:18px;height:18px}.expandedSubmenu .draggableElement{display:flex;align-items:center;gap:6px;padding:5px 14px;color:#aaa}.expandedSubmenu .draggableElement p{margin:0;font-size:12px}.expandedSubmenu .draggableElement:hover{background-color:#222}.subPageItem{width:85%;margin-left:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.subPageClicker{transition:opacity .2s ease,transform .15s ease;opacity:1}.subPageClicker.hide{opacity:0;pointer-events:none}@media (max-width: 2560px){.dropdown-checkbox-container{position:relative;font-size:15px;width:10vw}}@media (max-width: 1920px){.dropdown-checkbox-container{position:relative;font-size:15px;width:15vw}}.faultDashboard{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;width:100vw;font-family:Kanit;color:#fff;background-color:#1a1a1a;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:2px}.faultDashboard h2{color:#fff;margin-bottom:20px}.scrollable-table-container{max-height:70vh;overflow-y:auto;overflow-x:hidden;font-family:Kanit}.sticky-header{position:sticky;top:0;background-color:#2c2c2c;font-family:Kanit;font-size:20px;z-index:2;font-weight:700}.MuiTableCell-root{font-family:Kanit!important;align-items:center!important;text-align:center!important}.MuiTableCell-head{font-weight:bolder;font-size:20px!important;font-weight:bolder!important;align-items:center!important}#faultTable{border-spacing:0;width:95vw;margin:5px;font-family:Kanit}#matrixTable{border-spacing:0;width:96%;margin:5px;font-family:Kanit;align-items:center;justify-content:center}::-webkit-scrollbar{width:12px;border:1px solid black}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#bbb}#faultContainer{width:95vw;margin-bottom:20px;height:78vh;font-family:Kanit;align-items:center;text-align:center;overflow-x:hidden;justify-content:center;background-color:#1a1a1a;color:#fff}#reportContainer{width:95vw;margin-bottom:20px;font-family:Kanit;align-items:center;text-align:center;overflow-x:hidden;justify-content:center;background-color:#1a1a1a;color:#fff}#matrixContainer{width:100%;margin:20px;height:100%;font-family:Kanit;align-items:center;text-align:center;overflow-x:hidden;justify-content:center}.faultDashboard .MuiTableCell-root{padding:4.5px 6px;line-height:2!important;color:#fff;font-size:15px!important;font-family:Kanit!important;border-top:1px solid #797e86!important;border-bottom:none!important;border-right:none!important}.dropdown-label{cursor:pointer;padding:2px 2px 2px 6px;border:.2px solid #5b5b5b;background-color:#000;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.dropdown-row{display:flex;gap:20px;justify-content:flex-start;margin-bottom:10px;align-items:flex-start;margin-left:0;padding-left:0}.dropdown-checkbox-list{position:absolute;top:100%;left:0;right:0;background-color:#000;max-height:100px;border-radius:5px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a}.checkbox-item{display:flex;align-items:center}.checkbox-item input{margin-right:5px}.faultDashboard .MuiTableRow-root{height:auto;min-height:10;border-collapse:collapse}.tableWrapper{margin:2px}#dropdownbtn{height:25px;color:#fff;background-color:#000;padding:0 10px 2px 0;border:none;outline:none}.tableWrapper{background-color:#121212}.table-cell{border:.2px solid rgba(255,255,255,.2);color:#fff}.sticky-header{border-bottom:.21px solid rgba(255,255,255,.5);color:#fff;font-weight:700;text-transform:uppercase}.table-cell:hover{background-color:#ffffff1a}.gauge{font-family:Arial,Helvetica,sans-serif;flex-shrink:0;background:radial-gradient(circle at bottom center,var(--muted-black) 3.5vw,rgba(85,85,85,.3333333333),transparent 20px),conic-gradient(from 4.7rad at 50% 100%,var(--red) 0deg 36deg,var(--addition-accent) 36deg 108deg,var(--bright-green) 108deg 144deg);width:10%;border-radius:150px 150px 0 0;height:50px}.target-line{position:absolute;left:50%;width:4px;height:100%;background-color:#fff;clip-path:inset(0 0% 75% 0);transform:rotate(180deg);transform-origin:bottom center}.dialNumbers h6{margin:0;padding:0}.dialNumbers h4{padding:0;margin:6px 0 0}.viewOnSide{display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;position:relative;top:50%;right:12%;gap:30px;border-radius:5px;color:#fff;z-index:2}.dialsMain{position:relative;width:50%;box-sizing:border-box;border-radius:12px;padding:18px 0 20px;background-color:#000;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.histogram{height:100%;width:85%;display:flex;align-items:center;align-self:center;left:50%;padding:5px}.prodGraphSection{height:100%;background-color:var(--muted-black);display:flex;align-items:center;align-self:center;justify-content:center}.dialsMain h3{padding:0;margin:0 0 5%}.dialsRow{position:relative;display:flex;gap:50px;flex-direction:row}.HeaderHomePage{background-color:var(--darker-grey);height:40px;display:flex;align-items:center;justify-content:center;text-align:center;margin-top:0;font-size:20px}.unitSelectorAndPeriodSelector{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;margin-top:5px}.dialsMain h4{margin:0;padding:0}.rightControls{display:flex;align-items:center;gap:10px}.rightControls .selecteds{background-color:#41ff98}.rightControls .selecteds img{filter:invert(1)}.sumButton{background:#1a1c1e;border:none;padding:5px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center}.oreWasteRows{position:relative;display:flex;flex-direction:row;justify-content:center;gap:10px;margin:10px 19px}.gauge-container{position:relative;display:flex;justify-content:center;align-items:center}.gauge{position:relative;width:9vw;height:9vh;border-radius:150px 150px 0 0;overflow:visible}.arrowContainer{position:absolute;bottom:0;left:45%;transform-origin:bottom center;display:flex;flex-direction:column;align-items:center;z-index:1000}.arrowCircle{width:10px;height:10px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid black;position:relative}.arrowLine{width:2px;height:40px;background-color:#fff}.arrowTriangle{width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid white}.payloadSection{height:35vh;width:100%;background-color:var(--muted-black);display:flex;justify-content:center;align-items:center;align-self:center}.leftSections{height:100vh;box-sizing:border-box}.fullgauge{position:relative;top:0;width:70px;height:70px;left:10%;border-radius:50%;border:10px solid grey;z-index:1}.semi-circle{width:70px;height:70px;border:10px solid rgb(94,225,65);border-radius:50%;position:absolute;clip:rect(0,50px,170px,0);left:0;top:0}.circle-progressbar{position:absolute;top:-10px;left:-10px}.fullgauge-infos{position:relative;width:70px;height:70px;top:0;text-align:center;padding-top:20px;font-size:18px}.circleClass{height:1vw;width:1vw;border-radius:50px}.circular{display:flex;flex-direction:row;align-items:center;text-align:center;padding:0;margin:0;gap:.5vw}.circular h4{padding:0;margin:2px}.availabilityClass{height:100%;width:25%;position:relative;padding:2px;box-sizing:border-box;border:1px solid var(--darker-grey);display:grid;justify-content:center;align-items:center;text-align:center}.availabilityClass h3{margin:2px}.productivityClass{position:relative;margin-top:10px;display:flex;flex-direction:column;align-items:center;align-self:center;align-content:center;overflow:hidden}.productivityClass h4{margin:1px}.machineAvail{display:flex;flex-direction:row;position:relative;height:30%}.allSections{display:flex;justify-content:space-between;align-items:flex-start;width:97%}.leftSections{flex:1;min-height:99vh;width:50%;background-color:#1b1d20}.rightSectionsHomePage{flex:1;min-width:50%;height:99vh;background-color:#1b1d20}.imageClass{height:1.5vw;margin-right:10px}.fuelLitresClass{display:flex;flex-direction:row;gap:10px;align-items:center;align-self:center;height:10%;border:1px solid var(--darker-grey);margin-bottom:5px}.fuelLitresSection{height:60%}.machineLitresMain{height:100%;width:23.4%;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:5px;margin:10px}.iconClass{display:flex;flex-direction:row;align-items:center;width:100%;height:100%}.fuelValueClass p{padding:0;margin:0;align-items:start;font-size:13px}.fuelDials{display:flex;flex-direction:row}.fuelDialComponent{width:50%}.fuelDialComponent h4{padding:0;margin:15px 0 0}.fuelDialClass{height:33.5%;border:1px solid var(--darker-grey)}.headerSectionLandingPage{width:100%;height:5%;display:flex;flex-direction:row;gap:300px}.mainRow{display:block;background:#0e0f10;border-radius:12px;justify-content:center;align-items:center;text-align:center;padding:6px 15px 0;height:100%}.ProductionRateSection{display:flex;flex-direction:column;justify-content:flex-start;height:80%;margin:7px 0;background-color:#0e0f10;padding:0 15px 7px;border-radius:12px}.prodGraphSection{flex:1;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#0e0e0e;border-radius:10px;padding:0!important;box-sizing:border-box;overflow:hidden}.prodGraphSection #chart,.prodGraphSection canvas,.prodGraphSection .apexcharts-canvas{width:100%!important;height:100%!important;max-width:100%;max-height:100%}.apexcharts-legend-group-vertical{flex-direction:row!important}.apexcharts-legend-group-vertical .apexcharts-legend-series{gap:4px}.ProductionRateSection .production-header{position:absolute}@media (max-width: 1800px){.ProductionRateSection .production-header{position:static!important}}@media (max-width: 1280px){.headerSectionLandingPage{height:7%}.availabilityClass{height:100%;width:24.5%}.machineAvail{height:32%}.fuelDialComponent h4{padding:0;margin:0}.fuelDialClass{height:32%;padding-bottom:5px;box-sizing:border-box}.fullgauge{width:40px;height:40px;left:20%}.semi-circle{width:40px;height:40px;clip:rect(0,30px,170px,0)}.fullgauge-infos{position:relative;width:50px;height:70px;top:0;text-align:center;padding-top:10px;font-size:14px}.HeaderHomePage{height:25px}.availabilityClass h3{font-size:17px}.productivityClass h4{font-size:15px}.payloadSection{height:30vh;width:100%;border:1px solid var(--darker-grey);display:flex;justify-content:center;align-items:center;align-self:center}.prodGraphSection{height:18vh}.arrowLine{width:1px;height:25px;background-color:#fff}.imageClass{height:2vw}.arrowTriangle{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid white}}.arrowCircle{width:9px;height:9px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid black;position:relative;margin:0}.arrowCircle:before{content:"";width:6px;height:6px;background-color:#000;border-radius:50%}.donut-row{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:32px;width:100%;box-sizing:border-box;overflow:hidden}.p-0{padding:0!important}.donut-cell{display:flex;justify-content:center;align-items:center;padding:5px}.circular-loader{height:20vh}.donut-section-div{background:#0e0f10;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 9px 7px 0;height:50%;border-radius:12px}.donut-section-wrapper{height:100%;padding:0;border-radius:12px}.donut-section-div>*:nth-child(1){flex:0 0 25%}.donut-section-div>*:nth-child(2){flex:0 0 70%}.donut-section-div>*:nth-child(3){flex:0 0 100%}.headerRow{display:flex;justify-content:space-between;align-items:center;margin:0 19px}.overviewHeader{font-size:20px;padding:1px;margin:6px 0;text-align:left;font-family:KanitMedium;text-transform:uppercase}.filled-gauge-container{margin:0}.fuelSection{margin:7px 9px 5px 0;padding:0 7px 7px;background:#0e0f10;border-radius:12px;height:80%}.fuelSummary{display:flex;justify-content:space-between;margin:0 19px;gap:15px;position:absolute;pointer-events:auto!important;z-index:9999!important}.fuelSummary-sub-child{padding:8px 12px;background:#000;border-radius:8px;border:1px solid var(--primary-color);display:flex;gap:10px;justify-content:center;align-items:center;pointer-events:auto!important;position:relative;z-index:10000!important}.fuelSummary-sub{display:flex;gap:10px;justify-content:space-between;text-align:left}.fuelSummery-sub .heading{font-family:KanitBold}.fuelSummary-sub p{margin:0;font-size:15px}.sub-header{font-size:14px;color:#a3a8af}@media (max-width: 1370px){.fuelSummary-sub p{font-size:12px}}.apexcharts-yaxis-title text{font-size:13px;font-weight:500}.period-selector input,.period-selector .weekDiv p{display:none}.period-selector .weekDiv{background-color:#0e0f10;padding:0}.period-selector .MuiOutlinedInput-root{background:none!important;padding:0}.period-selector .MuiInputAdornment-root{margin-left:0}._supersetDashboard_9zd60_1{overflow-x:hidden}.FleetStatusContainer{display:flex;width:100%;gap:20px;max-height:55vh;border-radius:8px;margin-left:20px;background-color:transparent;box-sizing:border-box;overflow:hidden;border:0px solid var(--primary-secondary-color);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0006}.statusContainer{width:100%}.tooltip{position:relative;display:inline-block;border-bottom:1px dotted black}.tooltip .tooltiptext{visibility:hidden;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1}.tooltip:hover .tooltiptext{visibility:visible}.FleetStatusTable{position:fixed;bottom:0;left:0;width:100%;display:flex;flex-direction:column;padding:10px;box-shadow:0 -2px 5px #0000001a}.workingFleet,.processDelayFleet,.downFleet{display:flex;flex-direction:column;padding:10px;border-radius:8px}.workingValue,.processDelayValue,.downValue{background-color:var(--green);color:var(--primary-secondary-color);padding:3px 20px;border-radius:20px}.processDelayValue{background-color:var(--addition-accent)}.downValue{background-color:var(--red-dark)}.fleetItem>div:first-child{margin-left:-7.5px;height:99%;display:flex;align-items:center;justify-content:center}.fleetItems{display:flex;flex-wrap:wrap;gap:10px;max-width:100%;text-align:center}.fleetItem{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;text-align:center;padding:10px;background:transparent;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);z-index:0}.fleetItem>*{position:relative;z-index:2}.fleetItem:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#949494;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);z-index:0;pointer-events:none}.fleetItem:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:var(--item-bg, #2b2b2b);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);z-index:1;pointer-events:none}.vl{border-left:1px solid var(--secondary);height:15vh;margin-left:-3px;top:0;align-items:center;justify-content:center}.headingClass{align-items:left;text-align:left;padding:0;margin-top:3px}.maxMinBtn{padding:5px 10px;border-top-left-radius:30px;border-top-right-radius:30px;background-color:var(--primary-secondary-color);color:var(--color);align-self:flex-end;right:0}.maxMinBtn:active{border:none}.ddMain{background-color:var(--dark-matter);margin:3px;width:auto;text-align:left;border-radius:10px}.mainCategory h5{padding:2px;border-radius:2px}.dropDownElement p{margin:0;padding:1px;font-size:15px}.dropDownElement,.imageText{margin-left:5px;justify-content:space-between;display:flex;align-items:center;gap:8px}.dropDownElement{justify-content:space-between;border-bottom:1px solid black}.dropDownElement:hover{background-color:var(--darker-grey);transition:.1s ease-in}.fleetStatus{display:Flex;gap:1%;border:3px solid var(--primary-secondary-color);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);margin-left:10px;width:103%;margin-bottom:1%;height:20vh;background-color:#0000004d}.fleetBox{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));flex-wrap:nowrap;width:100%;gap:10px;box-sizing:border-box;bottom:0;overflow-x:auto;padding:10px}.dialog-box{margin-bottom:10px;margin-top:10px;padding:0}.dialog-box p{margin:5px}.dialog-box p span{font-weight:900;color:var(--red)}.fleetList{list-style:none;width:auto;font-size:15px}.fleetListMain{display:flex;gap:10px;align-items:left;flex-wrap:wrap;padding:0}.eachLoader{font-size:14px;padding:3.5px 10px;text-align:left;align-items:center;cursor:pointer;border-radius:5px;border-top:1px solid var(--primary-secondary-color);background-color:var(--blue-tint-grey)}.eachLoader:hover{background-color:var(--darker-grey)}.statusContainerGrid{width:100%;overflow:hidden}.statusGrid{display:flex;flex-wrap:nowrap;gap:5px;width:auto;align-items:flex-start;overflow-x:scroll}.statusColumn{min-width:15%;border-radius:5px;padding:0;height:70vh;background-color:var(--darker-grey);max-height:50vh;overflow-y:hidden;overflow-x:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-bottom:4px}.statusHeader{font-size:14px;font-weight:700;padding:3px;color:#fff;width:130px;height:55px;border-radius:5px;margin-bottom:5px;background-color:var(--blue-tint-grey);text-overflow:ellipsis;text-align:center;justify-content:center;margin-top:0;display:flex;align-items:center}.statusList{list-style:none;padding:0;margin:0}.statusItem{font-size:13px;padding:3px;width:130px;flex:0 0 130px;cursor:pointer;border-radius:6px;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease;color:#fff;text-align:left}.fleetItem.selected:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:var(--white);clip-path:polygon(8px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 8px);z-index:-2;align-items:center;text-align:center}.fleetItem.selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;text-align:center;clip-path:inherit;border-radius:inherit;pointer-events:none}.statusItem:hover{background-color:#ffffff1a}.statusItem.selected{background-color:#41ff8880}.tick{margin-left:8px;color:#00e676}.eachLoader{position:relative;padding:4px 8px;cursor:pointer}.tick{margin-left:6px;color:#32cd32}.confirm-box{position:absolute;bottom:100%;left:0;margin-bottom:6px;background:#222;border:1px solid var(--green);color:#fff;padding:6px 10px;border-radius:4px;box-shadow:0 0 6px #0003;z-index:10}.confirm-box button{margin:4px 4px 0 0;padding:1px 6px;box-sizing:border-box;background:#444;color:#fff;border-radius:3px;cursor:pointer}.fleetItem{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important}.statusDropdownMenu{width:45vw}.statusDropDown{overflow-y:hidden}@media (max-width: 1280px){.ddMain{width:100%}.statusColumn{max-height:55vh;min-width:11vw;overflow-y:auto}.statusDropdownMenu{width:80vw;overflow-y:hidden}}.confirm-btn:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.FleetStatusContainer,.fleetBox{overflow:visible}.fleetItem{position:relative;z-index:1;box-sizing:border-box;transition:filter .2s ease}.fleetItem.selected{z-index:3;filter:brightness(1.1) saturate(1.1)}.fleetItem.selected:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;pointer-events:none;z-index:4;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-sizing:border-box;border-radius:inherit}.fleetItem.selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;clip-path:polygon(0px 0,100% 0,100% calc(100% + -0px),calc(100% + -0px) 100%,0 100%,0 0px);background:#41ff8840;mix-blend-mode:overlay}.fleetItem.selected{box-shadow:0 0 8px 2px #ffffff59}._filterDropdownPill_1t0c7_1{display:flex;column-gap:1px;color:#fff;background:#1a1a1a;border-radius:8px;border:.2px solid #1a1a1a;cursor:pointer}._filterDropdownPill_1t0c7_1._active_1t0c7_10{border-color:var(--primary-color)!important}._filterDropdownPill_1t0c7_1>div:first-child{padding:0 3px;border-top-left-radius:8px;border-bottom-left-radius:8px}._filterDropdownPill_1t0c7_1>div:last-child{padding-right:5px}._filterDropdownPill_1t0c7_1>div:last-child:hover{cursor:pointer}._filterDropdownPill_1t0c7_1 ._activeCloseBtn_1t0c7_24:hover{background-color:red;cursor:pointer}._filterDropdownPill_1t0c7_1 div{padding:2px 0;display:flex;align-items:center;justify-content:center}._filterDropdownPill_1t0c7_1 div ._closeIcon_1t0c7_34{height:16px;width:16px}._filterDropdownPill_1t0c7_1 div ._downIcon_1t0c7_38{height:23px;width:23px;transition:transform .2s ease}._rotate_1t0c7_44{transform:rotate(180deg)}._popperPaper_13x7r_1{background:#111;border-radius:6px;padding:12px;min-width:140px}._container_1i5yo_1{display:flex;flex-direction:column}._input_1i5yo_6{padding:8px 12px;border-radius:6px;border:1px solid #333;background:#1e1e1e;color:#fff;border-color:var(--primary-color);font-size:14px;outline:none;transition:border .2s ease,background .2s ease}._input_1i5yo_6::placeholder{color:#aaa}._input_1i5yo_6:focus{border-color:var(--primary-color);background:#222}._btnsContainer_1i5yo_25{display:flex;justify-content:flex-end;margin-top:8px}._container_5luxy_1{display:flex;flex-direction:column}._btnsContainer_5luxy_6{display:flex;justify-content:flex-end;margin-top:8px}.rdrCalendarWrapper{box-sizing:border-box;background:#fff;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{flex:1 1;width:0;text-align:center;color:inherit}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{flex-basis:calc(100% / 7);box-sizing:inherit;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{position:absolute;font-size:1.6em;line-height:1.6em;top:0;right:.25em;color:red}.rdrDay{box-sizing:inherit;width:calc(100% / 7);position:relative;font:inherit;cursor:pointer}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align: auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #23394236;border:1px solid transparent}.rdrDateDisplayItem input{cursor:pointer;height:2.5em;line-height:2.5em;border:0px;background:transparent;width:100%;color:#849095}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px 30px 10px 10px;border-radius:4px;outline:0;color:#3e484f;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;cursor:pointer;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{display:block;width:24px;height:24px;margin:0 .833em;padding:0;border:0;border-radius:5px;background:#eff2f7}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{display:block;width:0;height:0;padding:0;text-align:center;border-style:solid;margin:auto;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:transparent rgb(52,73,94) transparent transparent;transform:translate(-3px)}.rdrNextButton i{margin:0 0 0 7px;border-width:4px 4px 4px 6px;border-color:transparent transparent transparent rgb(52,73,94);transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{font-weight:400;line-height:2.667em;color:#849095}.rdrDay{background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;line-height:3em;height:3em;text-align:center;color:#1d2429}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;font-weight:300;position:absolute;left:0;right:0;top:5px;bottom:5px;display:flex;align-items:center;justify-content:center}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:18px;height:2px;border-radius:2px;background:#3d91ff}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;top:5px;left:0;right:0;bottom:5px}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;border-left-width:1px;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;border-right-width:1px;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{background:#ffffff17;position:absolute;top:3px;left:0;right:0;bottom:3px;pointer-events:none;border:0px solid currentColor;z-index:1}.rdrDayStartPreview{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{font-size:12px;width:226px;border-right:solid 1px #eff2f7;background:#fff}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{border:0;cursor:pointer;display:block;outline:0;border-bottom:1px solid #eff2f7;padding:0;background:#fff}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;outline:0;line-height:18px;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{width:30px;height:30px;line-height:30px;border-radius:4px;text-align:center;border:solid 1px rgb(222,231,235);margin-right:10px;color:#6c767a}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;outline:0;color:#333}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";border:1px solid currentColor;border-radius:1.333em;position:absolute;top:-2px;bottom:-2px;left:0;right:0;background:transparent}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale(100%) opacity(60%)}.rdrMonthName{text-align:left;font-weight:600;color:#849095;padding:.833em}.darkRangePicker .rdrDateRangeWrapper{background-color:#000;font-family:Kanit}.darkRangePicker .rdrCalendarWrapper,.darkRangePicker .rdrCalendarWrapper *{font-family:Kanit,sans-serif!important}.darkRangePicker .rdrDayNumber span{font-family:Kanit,sans-serif!important;font-weight:700}.darkRangePicker .rdrWeekDay,.darkRangePicker .rdrMonthName,.darkRangePicker .rdrMonthPicker select,.darkRangePicker .rdrYearPicker select{font-family:Kanit,sans-serif!important}.darkRangePicker .rdrMonthPicker select,.darkRangePicker .rdrYearPicker select{background-color:#000;color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;height:28px;line-height:28px;padding:0 28px 0 6px;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.darkRangePicker .rdrStartEdge{background-color:var(--primary-color)}.rdrNextPrevButton{background-color:#1a1919}.rdrPprevButton{border:1px solid var(--primary-color)}.rdrPprevButton i{border-color:transparent var(--primary-color) transparent transparent}.rdrPprevButton:hover{border-color:var(--primary-color)!important;background-color:transparent!important}.rdrNextButton{border:1px solid var(--primary-color)}.rdrNextButton i{border-color:transparent transparent transparent var(--primary-color)}.rdrNextButton:hover{border-color:var(--primary-color)!important;background-color:transparent!important}.darkRangePicker .rdrDayStartPreview,.darkRangePicker .rdrDayEndPreview,.darkRangePicker .rdrDayInPreview{border-color:var(--primary-color)!important}.darkRangePicker .rdrInRange,.darkRangePicker .rdrEndEdge{background-color:var(--primary-color)}.darkRangePicker .rdrDayHovered{border-color:var(--primary-color)!important}.darkRangePicker .rdrDayPassive{visibility:hidden;pointer-events:none}.darkRangePicker .rdrDayPassive .rdrDayNumber span{display:none}.darkRangePicker .rdrDayDisabled,.darkRangePicker .rdrDay[aria-disabled=true],.darkRangePicker .rdrDay[disabled]{opacity:.35;pointer-events:none;cursor:not-allowed;background-color:transparent!important}.darkRangePicker .rdrDayDisabled .rdrDayNumber span,.darkRangePicker .rdrDay[aria-disabled=true] .rdrDayNumber span,.darkRangePicker .rdrDay[disabled] .rdrDayNumber span{color:#888!important;opacity:.5}.darkRangePicker .rdrDayDisabled,.darkRangePicker .rdrDay[aria-disabled=true],.darkRangePicker .rdrDay[disabled]{background:#64646426!important}.darkRangePicker .rdrDayDisabled:hover,.darkRangePicker .rdrDay[aria-disabled=true]:hover,.darkRangePicker .rdrDay[disabled]:hover{background-color:#64646426!important;border-color:transparent!important;opacity:.35!important}.darkRangePicker .rdrDayDisabled.rdrDayStartPreview,.darkRangePicker .rdrDayDisabled.rdrDayEndPreview,.darkRangePicker .rdrDayDisabled.rdrDayInPreview,.darkRangePicker .rdrDayDisabled.rdrDayHovered,.darkRangePicker .rdrDay[aria-disabled=true].rdrDayStartPreview,.darkRangePicker .rdrDay[aria-disabled=true].rdrDayEndPreview,.darkRangePicker .rdrDay[aria-disabled=true].rdrDayInPreview,.darkRangePicker .rdrDay[aria-disabled=true].rdrDayHovered,.darkRangePicker .rdrDay[disabled].rdrDayStartPreview,.darkRangePicker .rdrDay[disabled].rdrDayEndPreview,.darkRangePicker .rdrDay[disabled].rdrDayInPreview,.darkRangePicker .rdrDay[disabled].rdrDayHovered{border-color:transparent!important;background-color:#64646426!important}.darkRangePicker .rdrDayDisabled.rdrStartEdge,.darkRangePicker .rdrDayDisabled.rdrEndEdge,.darkRangePicker .rdrDayDisabled.rdrInRange,.darkRangePicker .rdrDay[aria-disabled=true].rdrStartEdge,.darkRangePicker .rdrDay[aria-disabled=true].rdrEndEdge,.darkRangePicker .rdrDay[aria-disabled=true].rdrInRange,.darkRangePicker .rdrDay[disabled].rdrStartEdge,.darkRangePicker .rdrDay[disabled].rdrEndEdge,.darkRangePicker .rdrDay[disabled].rdrInRange{background-color:#64646426!important}.darkRangePicker .rdrDayNumber span{color:#fff}.darkRangePicker .rdrStartEdge~.rdrDayNumber span,.darkRangePicker .rdrEndEdge~.rdrDayNumber span,.darkRangePicker .rdrInRange~.rdrDayNumber span{color:#000!important}.darkRangePicker .rdrDayToday .rdrDayNumber span:after{background-color:var(--primary-color)!important}.darkRangePicker .rdrDayToday .rdrStartEdge~.rdrDayNumber span:after,.darkRangePicker .rdrDayToday .rdrEndEdge~.rdrDayNumber span:after,.darkRangePicker .rdrDayToday .rdrInRange~.rdrDayNumber span:after{background-color:#000!important}.darkRangePicker .rdrDayDisabled.rdrDayToday .rdrDayNumber span:after{display:none}._container_ol5mn_1{width:100%;display:flex;flex-direction:column}._stickyHeader_ol5mn_7{position:sticky;top:0;z-index:10}._sectionLabel_ol5mn_13{padding:8px 3px 4px;font-size:12px;color:#888;font-weight:500;text-transform:uppercase;letter-spacing:.5px}._sectionDivider_ol5mn_22{height:1px;background-color:#333;margin:8px 0}._optionsListContainer_ol5mn_28{overflow-y:auto}._optionsListContainer_ol5mn_28::-webkit-scrollbar{width:7px}._optionsListContainer_ol5mn_28::-webkit-scrollbar{width:8px}._optionsListContainer_ol5mn_28::-webkit-scrollbar-track{background:#000;border-radius:8px}._optionsListContainer_ol5mn_28::-webkit-scrollbar-thumb{background-color:#676767;border-radius:8px}._optionsListContainer_ol5mn_28{scrollbar-width:thin;scrollbar-color:rgb(127,127,127) #000}._optionItem_ol5mn_54{display:flex;align-items:center;gap:10px;padding:8px 3px;cursor:pointer;border-radius:4px;transition:background-color .15s ease}._optionItem_ol5mn_54:hover{background:#41ff881a}._optionItem_ol5mn_54._optionItemDisabled_ol5mn_66:hover{background:transparent}._checkbox_ol5mn_71{width:14px;height:14px;border-radius:3px;border:2px solid #777;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}._checkboxChecked_ol5mn_84{border-color:var(--primary-color);background:var(--primary-color)}._checkboxChecked_ol5mn_84:after{content:"";width:4px;height:7px;border:2px solid #000;border-top:none;border-left:none;transform:rotate(45deg);margin-top:-1px}._radio_ol5mn_100{width:14px;height:14px;border-radius:50%;border:2px solid #777;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}._radioChecked_ol5mn_113{border-color:var(--primary-color)}._radioChecked_ol5mn_113:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary-color)}._optionLabel_ol5mn_124{font-size:14px}._searchInput_ol5mn_128{margin-bottom:8px;width:85%;padding:8px 10px;background-color:#1a1a1a;border:1px solid #5b5b5b;border-radius:4px}._noResult_ol5mn_137{padding:8px;color:#888;text-align:center}._selectionHint_ol5mn_144{margin-bottom:2px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;border-radius:6px;background:#41ff8814;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease,background .15s ease,border-color .15s ease}._selectionHintShow_ol5mn_158{opacity:1;transform:translateY(0);pointer-events:auto}._selectionHintHidden_ol5mn_165{opacity:0;transform:translateY(-4px);pointer-events:none;border-color:transparent;background:transparent}._selectionHintText_ol5mn_173{font-size:12px;color:#cfcfcf}._arrowUp_ol5mn_178{color:var(--primary-color);font-weight:700}._selectionHintBtn_ol5mn_183{background:transparent;border:1px solid rgba(65,255,136,.35);color:var(--primary-color);border-radius:6px;cursor:pointer;font-size:12px}._selectionHintBtn_ol5mn_183:hover{background:#41ff881f}._selectionHintBtn_ol5mn_183:disabled{opacity:.4;cursor:default}._btnsContainer_ol5mn_199{display:flex;justify-content:flex-end}._pillsRow_j9czw_1{display:flex;flex-wrap:wrap;column-gap:4px;row-gap:6px;align-items:flex-start}._columnsPopper_13hlc_1{position:relative;width:260px;max-height:500px;overflow-y:auto;background:#0b0b0b;color:#fff;border-radius:6px;padding:40px 8px 10px;box-shadow:0 8px 30px #0009}._columnsPopper_13hlc_1::-webkit-scrollbar{width:8px}._columnsPopper_13hlc_1::-webkit-scrollbar-track{background:#000;border-radius:8px}._columnsPopper_13hlc_1::-webkit-scrollbar-thumb{background-color:#676767;border-radius:8px}._columnsPopper_13hlc_1{scrollbar-width:thin;scrollbar-color:rgb(127,127,127) #000}._searchContainer_13hlc_30{position:fixed;background:#0b0b0b;z-index:1;top:0;left:0;width:100%;border-bottom:1px solid rgb(47,43,43)}._list_13hlc_40{overflow:auto}._item_13hlc_44{display:flex;align-items:center;font-size:14px;cursor:pointer}._footerContainer_13hlc_51{background:#0b0b0b;position:fixed;bottom:0;left:0;border-top:1px solid rgb(47,43,43);width:100%;z-index:1;display:flex;justify-content:flex-end;align-items:center}._footerContainer_13hlc_51 button{background:transparent;color:var(--primary-color)}._footerContainer_13hlc_51 button:hover{outline:none;border-color:#000!important}._footerContainer_13hlc_51 ._content_13hlc_71{padding:0 8px}._container_x2okd_1{background-color:#060707;padding:5px;border-bottom:1px solid #1a1a1a}._btnsContainer_x2okd_7{display:flex;justify-content:flex-end;column-gap:10px}._btnsContainer_x2okd_7 ._svgActiveColor_x2okd_12{color:var(--primary-color)!important}._filtersContainer_x2okd_16{width:100%;overflow:hidden;margin-top:5px;max-height:0;opacity:0;transition:max-height .35s ease,opacity .25s ease;border-radius:8px}._open_x2okd_26{max-height:300px;opacity:1}._filtersContent_x2okd_31{column-gap:4px;flex-wrap:wrap;row-gap:6px;display:flex;justify-items:flex-start}._container_1r2nf_1{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 6px}._container_1r2nf_1:hover ._iconBtn_1r2nf_9{opacity:1}._container_1r2nf_1 ._active_1r2nf_12{opacity:1!important}._left_1r2nf_16{display:flex;align-items:center;gap:4px}._title_1r2nf_22{font-size:14px;font-weight:500}._iconBtn_1r2nf_9{background:transparent;border:none;cursor:pointer;width:28px;height:28px;padding:0;border-radius:6px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,background .15s ease}._iconBtn_1r2nf_9:hover{background:#ffffff14}._iconBtn_1r2nf_9 svg{width:16px;height:16px}._popperPaper_1r2nf_49{background:#111;border-radius:6px;padding:12px;min-width:140px;display:flex;flex-direction:column}._popperPaper_1r2nf_49 ._restBtnContainer_1r2nf_57{display:flex;justify-content:flex-end}._popperPaper_1r2nf_49 ._restBtnContainer_1r2nf_57 button{margin-top:10px;padding:0;font-size:14px;background-color:transparent;color:var(--primary-color);cursor:pointer}._popperPaper_1r2nf_49 ._restBtnContainer_1r2nf_57 button:focus{outline:none}._popperPaper_1r2nf_49 ._restBtnContainer_1r2nf_57 button:hover{border:1px solid transparent}._popperPaper_1r2nf_49 ._restBtnContainer_1r2nf_57 button:disabled{color:#fff;opacity:.3;cursor:not-allowed}:root{--border-radius: 5px;--text-field-height: 30px;--text-field-padding: 5px;--text-field-padding-left: 10px;--font-family: "Kanit";--top-margin-table-page: 30px;--table-width-expanded: 97.5%;--table-width-collapsed: 98%;--page-height-desktop: 94.5vh;--page-height-laptop: 92vh}.equipmentSection{background-color:var(--muted-black);width:31%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;border-radius:var(--border-radius);margin-bottom:12px;transition:box-shadow .2s}.equipmentSection h4{margin:0 0 12px;font-size:16px;color:#fff}.mainAvSection{width:100%;margin:0 10px;background-color:var(--darker-grey);padding:16px;border-radius:var(--border-radius);box-sizing:border-box}.mainAvSection h3{margin:0 0 16px;font-size:20px;color:#fff}.avSectionClass{display:flex;flex-wrap:wrap;flex-direction:row;width:10%;gap:1px;text-align:center;align-items:center;justify-content:center;padding:10px}.lengthClass{display:inline-block;border-radius:6px;padding:4px 10px;min-width:35px;text-align:center;font-weight:600;font-size:13px;box-sizing:border-box}.equipItem{background-color:#fff;color:#000;border-radius:5px;padding:5px 10px;font-size:13px;white-space:nowrap;box-sizing:border-box;transition:background-color .2s}.equipItem:hover{background-color:#f0f0f0}.scheduledDown{width:50%;margin:10px 10px 0;background-color:var(--darker-grey);padding:16px;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start}.scheduledDown h3{margin:0 0 12px;font-size:18px;color:#fff}.avSection{display:flex;flex-direction:column;align-items:center;justify-content:center}.eachSectionClass{background-color:var(--blue-tint-grey);border-radius:5px;padding-left:10px}.schedUnschedData{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;width:50%;height:100%}.eachSectionClass{width:11%;height:16vh;padding:10px;box-sizing:border-box;align-items:center;justify-content:center}.fleetSectionHealth{width:100vw;height:auto;padding-left:20px;padding-right:20px;margin-bottom:10px}.fleetSectionHealth h3{margin:2px;padding:0;text-align:left}.healthBtn{text-align:center;padding:2px;min-height:30px;min-width:120px}.itemChip{width:120px;padding:2px;font-size:26px!important;background-color:#fffffff1;border-radius:15px;height:70px!important}.chipLengthClass{padding:0;height:40px}.chipLengthClass :hover{background-color:#00f}.donut-row{display:flex;flex-direction:row;justify-content:space-evenly;align-items:flex-start;padding:10px;box-sizing:border-box;overflow:hidden;border-radius:4px}.availabilityHealthWrapper{width:49.5%;background-color:var(--muted-black);border-radius:4px}.scheduledDataClass{background-color:var(--muted-black);padding:10px;border-radius:5px;min-height:15vh;box-sizing:border-box}.availableData{background-color:var(--muted-black);padding:10px;box-sizing:border-box;border-radius:5px;min-height:36vh;width:100%}.fullData{margin-top:10px;margin-right:10px}.rowClass{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.mainBodyTables{display:flex;flex-direction:column;justify-content:flex-start;margin:0;padding:0}.columnClass{align-items:center;justify-content:center;height:100%}@media (max-width: 1280px){.fleetSectionHealth{margin-bottom:10px;height:auto}.eachSectionClass{width:23.5%}.tableBox{height:89vh}.avSectionClass{width:20%}.availableData{min-height:35vh}.scheduledDataClass{min-height:8vh}.itemChip{width:120px;padding:2px;font-size:20px!important;background-color:#fffffff1;border-radius:15px;height:40px!important}}.tsClass{width:100%}.tsClass p{font-size:12px;line-height:1;text-align:left}.headerClass{width:100%;height:8vh;padding:2px;top:0;background-color:#000;display:flex;gap:15px;align-items:center;position:sticky;z-index:1000}.logo{margin-top:5px;height:30px;width:170px}.icons{margin-right:20px;margin-top:10px;display:flex;justify-content:flex-start;align-items:center;gap:15px;color:#fff}.icon{font-size:1.2rem;color:#fff;cursor:pointer}@media (max-width: 2560px){.headerImage{height:30px}.headerImageTruck{height:45px}.gridClass{height:"65%";width:"100%"}}@media (max-width: 2560px){.headerImage{height:30px}.headerImageTruck{height:45px}}@media (max-width: 1920px){.headerImage{height:25px}.headerImageTruck{height:35px}.gridClass{height:65%;width:100%}}@media (max-width: 1281px){.headerImage{height:25px}.headerImageTruck{height:35px}.gridClass{height:50%}.statusContainer{z-index:40000000000000;overflow-x:visible}.floating-button{position:relative;top:.5%}.semiCircleButton{min-width:10ch}}.commonButtonStyle{float:right;padding:5px;margin:15px;width:100px;cursor:pointer}.vertical-nav{background-color:#333;padding:20px;width:10px;height:190vh;position:fixed;top:0;right:0}.nav-list{list-style-type:none;margin:50px 0 0;padding:0;display:flex;flex-direction:column}.nav-item{margin:10px 0}.nav-link{text-decoration:none;color:#fff;font-size:16px;padding:1px;display:block;transition:background-color .3s ease,color .3s ease}.nav-link:hover{background-color:#555;color:#fff;border-radius:5px}.lineChartClass{border-color:#555;border:1px solid #555555;text-align:center;align-items:center;display:flex;justify-content:center}.chartContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.mainButton{background-color:transparent;color:var(--background-color);padding:5px;margin:10px;transition:background-color .3s,color .3s}.mainButton.active{background-color:#fff;color:#000}.mainButton:not(.active){background-color:transparent;color:var(--background-color)}.pageLinks{align-items:center;width:60vw;display:flex;justify-content:center}.changeViewBtn,.changeConfigBtn{background-color:var(--primary-secondary-color);color:#fff;display:flex;align-items:center;justify-content:center;margin:0;width:60px;height:auto;z-index:5;box-shadow:-4px 0 5px -2px var(--primary-color),4px 0 5px -2px var(--primary-color);transform:skew(-10deg);border:none;outline:none;cursor:pointer}.changeViewBtn img,.changeConfigBtn img{transform:skew(10deg)}.changeConfigBtn{background-color:var(--background-color);width:180px;margin-right:20px}.changeViewBtn:hover,.changeConfigBtn:hover{cursor:pointer}.screenViewIcons{display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:center}.mainContainerClass{border:1px solid var(--darker-grey);border-radius:10px;height:75vh;margin-left:4vh;margin-top:2vh}.mainScreenWidget,.dragDropWidget{padding:0}.mainScreenWidget{width:70vw;margin-right:2vh;text-align:center}.dragDropWidget{width:15vw;padding:0;margin:10px;overflow-y:hidden;overflow-x:hidden}.rectangle{width:100vw;height:35vh;background-color:#2c2b2b;border:1px solid #edecec;flex:1;margin-left:20px;border-radius:10px;border:1px dashed rgb(197,48,48);display:inline-block;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.dragDropRectangle{background-size:cover;background-position:center;border:"1px solid #ddd";height:"auto";width:15vw;min-height:10vh;margin-bottom:1.5vh;cursor:grab}.layout{height:60%}.alertBtn{background-color:transparent;color:#fff;padding:2px;width:10vh}#tableDashboard{color:var(--background-color);width:95vw;padding:20px}.baseTable{background-color:var(--primary-secondary-color);padding:20px;border-collapse:collapse}.alertBtn th,.baseTable td{border-bottom:1px solid rgba(255,255,255,.2)}#tableHeader th{padding:20px 25px}.baseTable td:nth-child(1),.baseTable td:nth-child(5){text-align:center}.baseTable td:nth-child(6){text-align:right}.baseTable tr:nth-child(2n){background-color:#c5c5c525}.baseTable tr:hover{background-color:#ffffff1a;transition:background .3s ease-in-out}.custom-toast{background:linear-gradient(45deg,#1a3b1c,#0f9);border-radius:10px}.custom-toast-body{font-size:14px;font-weight:700;color:#fff;background-color:#000}.filterLabel{color:#fff}@media (max-width: 1280px){.textClass{font-size:14px}.dragDropRectangle{min-height:8vh;margin-bottom:1.5vh;cursor:grab}}.semiCircleDock{position:fixed;align-items:center;height:39px;top:0;left:0;background:var(--graphite);display:flex;width:100%;gap:15px;box-shadow:0 .5px 5px 1px var(--primary-color);z-index:300;padding:0;box-sizing:border-box;overflow:visible;border-radius:5px;flex-wrap:nowrap}.logoutDock{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:4px;border-radius:8px;width:90%;cursor:pointer;transition:all .2s ease;position:relative}.logoutDock img:first-child{height:25px;width:25px;opacity:.8;transition:opacity .2s ease}.logoutDock img:hover{cursor:pointer}.logoutDock p{flex:1;margin:0;font-size:15px;font-weight:500;text-align:left;color:#e8e8e8;letter-spacing:.3px}.semiCircleDock{width:100%}.semiCircleDock:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;border-radius:5px;background:#000;transform:skew(-10deg);box-shadow:4px 0 10px -2px var(--primary-color);transform-origin:bottom right;z-index:-1}.pageTitle,.pageTitle:before,.pageTitle:after{box-sizing:content-box!important}.logoutIcon,.logoutIcon:before,.logoutIcon:after{box-sizing:content-box!important}.semiCircleButton,.semiCircleButton:before,.semiCircleButton:after{box-sizing:content-box!important}.pageNames{display:flex;flex-direction:row;gap:5px;justify-content:flex-start;width:auto;flex:.5}.semiCircleButton{background:#fff;color:#000;padding:0 5px;border-radius:5px;cursor:pointer;width:9.5vh;transition:.3s;font-size:14px;margin-left:1px;transform:skew(-10deg)}.semiCircleButton span{transform:skew(10deg);display:inline-block}.semiCircleButton.active{background:var(--primary-color)}.verticalDivider{position:relative;width:5px;height:25px;background-color:var(--primary-color);margin:"0 0px";align-self:"center";transform:skew(-10deg)}.floating-button{position:relative;background:var(--graphite);display:flex;flex-direction:row;gap:8px;align-items:center;padding:13px;box-sizing:border-box;cursor:pointer;width:auto;height:30px;transition:all .3s ease-in-out;border:0px solid var(--primary-color)}.floating-button img{width:20px;height:20px}.floating-button img:hover,.floating-button icon:hover{transform:scale(1.15);transition:transform .2s ease,box-shadow .3s ease}.semiCircleDockMini{display:flex;align-items:center;gap:3px;padding:3px;height:25px;flex-direction:row;flex:.1;height:auto;background:#000;position:relative}.skewTail{content:"";position:absolute;top:0;right:0;width:20px;height:100%;border-radius:5px;background:#000;transform:skew(-10deg);box-shadow:0 0 10px -2px var(--primary-color);transform-origin:bottom right;z-index:-1}.wholeStatus{display:flex;margin:0;padding:0;gap:3px;justify-content:left;text-align:center}.mainCategory h5{background-color:var(--darker-grey);margin:0 0 0 2px;height:50px;text-align:center;align-items:center;position:sticky;top:0}.mainCategory ul{margin:0;padding:0}.mainCategory li{list-style:none;align-items:left;text-align:left;justify-content:left;border:1px solid var(--darker-grey);border-radius:5px;margin:1px;padding:3px;display:flex;font-size:12px;cursor:pointer}.statusContainer{display:flex;max-height:500px;overflow-x:visible;overflow-y:hidden}.tick{right:0;margin-right:auto;padding-left:10px;align-items:right;font-size:14px;font-weight:700;color:#fff}.selected{background-color:gray}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.loader{border:5px solid rgba(0,0,0,.1);border-top:5px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.confirm-btn,.cancel-btn{padding:2px;margin:2px 10px 2px 2px;width:80px}.globalBtn{padding:5px;font-size:14px;border-radius:3px}.viewMappingImgWidget{margin:0;padding-left:5px;background-color:var(--graphite);width:auto;min-width:20%;box-shadow:#ffffff40 0 13px 27px -5px,#ffffff4d 0 8px 16px -8px;border-radius:2px 2px 25px}.viewMappingImgWidget p{margin:0;font-size:14px}.alertContainer{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid grey;max-width:160px;min-width:150px;padding:5px;border-radius:5px;cursor:pointer}.alertContainer:hover{transform:scale(1.05)}.alertIcon{font-size:20px;color:#e63946}.alertText{margin:0;font-size:16px}.alertNumber{margin-left:6px;font-weight:700;font-size:18px;color:#ebebeb}.alertNotifTables{display:flex;justify-content:flex-start;gap:10px}.insideContainer{display:flex;flex-direction:row;gap:10px;align-items:center}.rightSideDock{position:fixed;top:0;right:0;background:#000;display:flex;justify-content:center;align-items:center;gap:10px;text-align:left;padding:10px;box-shadow:0 1px 10px 1px var(--primary-color);z-index:300;overflow:visible;border-radius:5px}.loader-wrapper{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.loader-wrapper img{width:50%;height:50%;z-index:2}.floatingMenuWrapper{margin-left:12px;display:flex;flex:2;justify-content:flex-end;flex-direction:row;position:relative;background-color:var(--graphite);height:100%}.circular-spinner{position:absolute;width:100%;height:100%;border:5px solid rgba(0,0,0,.1);border-top:5px solid #00ff99;border-radius:50%;animation:spin 3s linear infinite,glow 1.5s ease-in-out infinite alternate;z-index:1;box-shadow:0 0 10px #0f9}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%{box-shadow:0 0 5px #0f9,0 0 10px #0f9}to{box-shadow:0 0 20px #0f9,0 0 40px #0f9}}.alert-message-cell{justify-content:flex-start!important;text-align:left!important;padding-left:12px}.toolTipClass{background-color:#000}.popup-fade-in{animation:fadeInSlide .1s linear}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.appLayout{display:flex;width:100vw;height:100vh;overflow:hidden}.mainContentWrapper{display:flex;flex-direction:column;height:100%;width:100%}.topBarTitle{height:49.7px;flex-shrink:0;color:#fff;display:flex;font-size:20px;align-items:center;padding-left:15px;justify-content:space-between;width:95%}.topBarTitle .nv-root button:hover,.topBarTitle .nv-root button:focus,.topBarTitle .nv-root button:focus-visible{outline:none;border:none;box-shadow:none}.mainContentArea{flex:1;display:flex;flex-direction:column;overflow:hidden}.mainReportPage{flex:1;min-height:0;width:100%;box-sizing:border-box}.excContainer{display:flex;flex-direction:row;margin:0;height:40%;align-items:stretch}.locationMainContainer strong{text-align:left;display:block}.locationMainContainer .locationContainer{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:10px}.mainTruckFormContainer{padding:5px;background-color:var(--dark-matter)}.mainTruckFormContainer h3{margin:0}.headerSectionTruckForm{display:flex;align-items:center;justify-content:center;height:auto;margin:0 0 10px 2px;background-color:var(--darker-grey);border-radius:5px;position:sticky;top:0;padding:0 15px}.headerSectionTruckForm h3{margin:0;padding:0}.headerSectionTruckForm .iconButton{position:absolute;right:15px;cursor:pointer}.healthSectionTruckForm{display:flex;position:relative;align-items:center;justify-content:left;height:var(--header-height);margin:0 0 2px 2px;background-color:var(--darker-grey);border-radius:5px;padding:var(--header-padding)}.healthSectionTruckForm h3{margin:0;padding:0}.healthSectionTruckForm .iconButton{position:absolute;right:15px;cursor:pointer}.excavatorHeaders,.locationHeaders{background-color:var(--blue-tint-grey);padding:5px;margin-bottom:5px;border-radius:5px;text-align:center}.excavatorCategories{padding:3px;height:100%;width:100vw;margin-bottom:10px;align-items:center;align-self:center;font-size:16px;justify-content:center;border-radius:5px;margin-right:0;margin-left:0}.locationCategories{padding:3px;height:100%;margin-bottom:10px;align-items:center;align-self:center;font-size:16px;justify-content:center;border-radius:5px;margin-right:0;margin-left:0}.truckItem{position:relative;background-color:var(--primary-color);border-radius:5px;padding:1px;width:90px!important;color:#000;font-size:14px;margin-top:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.truckItem:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003;z-index:2}.truckList{gap:1px;min-height:18vh;max-height:23vh;background-color:var(--darker-grey);border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:flex-start}.unassignedTruckContainer{display:flex;width:100%;flex-direction:column;height:auto;max-height:40%;min-height:10%;text-align:left;border-radius:5px}.unassignedTruckContainer strong{margin-top:10px;margin-bottom:10px}.productionPageWrapper{display:flex;flex-direction:column;width:100%}.unassignedTruckItem{width:10%;text-align:center;border-radius:5px;margin:1px;height:25px;cursor:pointer;background-color:var(--blue-tint-grey)}.truckList2{display:flex;flex-direction:row;flex-wrap:wrap;border-radius:5px;padding:2px;background-color:var(--darker-grey);height:100%;min-height:3vh}.btn{padding:10px;bottom:0;left:0}.thHeader{font-size:15px}@media (max-width: 1281px){.unassignedTruckContainer{min-height:10%}.tdButton{min-height:5vh}.excavator-table-container{height:70vh}.healthSectionTruckForm{height:var(--smaller-header-height)}}.excavator-table-container{width:100%;box-sizing:border-box;padding:3px;height:auto}.excavator-table{min-width:720px;width:100%;color:#fff}.excavator-table thead tr{background-color:var(--dark-matter);text-align:left;font-size:14px;text-transform:uppercase}.excavator-table th,.excavator-table td{padding:5px 2px}.excavator-row{background-color:var(--darker-grey);transition:background .3s}.excavator-select{padding:2px;border-radius:4px;background-color:var(--blue-tint-grey);color:#fff;font-family:Kanit;border:1px solid #444;width:165px;margin:0 auto;height:35px}.excavator-select option{background-color:var(--dark-matter);color:#fff}.apply-button-container{margin-top:16px;text-align:right}.apply-button{padding:5px 10px;background-color:var(--primary-color);border:none;border-radius:6px;cursor:pointer;justify-content:center;font-weight:700}.apply-button-wrapper{margin-top:1%;display:flex;justify-content:center}.thHeader{font-size:17px;background-color:var(--blue-tint-grey);text-align:center}.tdButton{background-color:var(--red);padding:6px;margin:2px;width:2vw;height:3vh;align-items:center;text-align:center;font-size:14px;display:flex;justify-content:center;color:#fff}.tdButton:hover{outline:none}.tdButton:disabled{background-color:var(--red-mute);color:var(--header-grey);cursor:auto}.equipNamePlateMain{position:relative;display:flex;align-items:stretch;justify-content:flex-start;height:auto;width:auto;min-height:50px;max-height:50px;padding:1px 5px 1px 1px;box-sizing:border-box;cursor:pointer;transition:transform .2s ease-in-out;background:none;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.equipNamePlateMain:hover{transform:scale(1.02)}.equipNamePlateMain:before{content:"";position:absolute;top:.75px;right:.75px;bottom:.75px;left:.75px;background:var(--grey-line);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transform:scale(1.08);z-index:-2}.equipNamePlateMain:after{content:"";position:absolute;top:.75px;right:.75px;bottom:.75px;left:.75px;background:var(--blue-tint-grey);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);z-index:-1}.equipmentClassMain{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:33px;height:100%;padding:0 5px;margin-right:0;box-sizing:border-box;background:var(--grey-line);clip-path:polygon(12px 0,0 12px,0 100%,100% 100%,100% 0)}.tsInner{display:flex;align-items:center;justify-content:space-between;width:100%;padding-left:8px}.tsDetails{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.equipLabelMain{text-align:left;font-size:20px!important;flex:1;margin:0;padding:0}.tsFault{display:flex;align-items:center;justify-content:center;width:24px;flex-shrink:0}@media (max-width: 1536px){.equipNamePlateMain{width:8vw}.equipmentClassMain{width:25%;border-radius:4px}.equipLabelMain{font-size:15px!important}}.scroll-container{overflow-y:auto;height:calc(100vh - 100px)}.same-row{display:flex;flex-direction:row;margin:0 10px;align-items:left;justify-content:space-between}.LCMain h4{padding:0;margin:0}.highlight-inc{animation:flashGreen 20s ease-out}.highlight-dec{animation:flashRed 20s ease-out}@keyframes flashGreen{0%{background-color:#4caf50}to{background-color:transparent}}@keyframes flashRed{0%{background-color:""}to{background-color:transparent}}._inboxContainer_1leij_1{display:flex;align-items:center}._floatBtn_retra_1{position:absolute;top:50px;z-index:150}._floatBtn_retra_1:hover{cursor:grab}._floatBtn_retra_1 div{color:#000;background-color:var(--primary-color);padding:5px 12px 0;border-radius:0 5px 5px 0}._floatBtn_retra_1 div svg:hover{cursor:pointer}._dragHandle_retra_21{position:absolute;top:0;right:-4px;width:8px;height:100%;cursor:ew-resize;z-index:200}._dragHandle_retra_21:hover{background:#ffffff26}._slidePanel_retra_34{position:absolute;min-width:280px;height:95vh;bottom:0;background-color:var(--graphite);box-shadow:4px 0 3px #9493934d;z-index:150;transform:translate(-100%);opacity:0;transition:transform .35s ease,opacity .35s ease;display:flex;flex-direction:column}._slidePanel_retra_34._open_retra_50{transform:translate(0);opacity:1}._closeBtn_retra_55{background:transparent;color:#fff}._topContainer_retra_60{display:flex;justify-content:space-between}._bodyContainer_retra_65{flex-grow:1}._chip_ygi1e_1{position:relative;display:inline-flex;align-items:center;background-color:#3a3d42;color:#fff;font-weight:600;letter-spacing:.09em;overflow:hidden;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:filter .12s ease}._chip_ygi1e_1:hover{filter:brightness(1.15)}._chip_ygi1e_1._md_ygi1e_17{height:30px;padding:0 10px 0 22px;font-size:16px;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}._chip_ygi1e_1._md_ygi1e_17 ._edge_ygi1e_23{width:10px}._chip_ygi1e_1._sm_ygi1e_26{height:26px;padding:0 8px 0 15px;font-size:14px;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}._chip_ygi1e_1._sm_ygi1e_26 ._edge_ygi1e_23{width:8px}._chip_ygi1e_1._xs_ygi1e_35{height:18px;padding:0 2px 0 7px;font-size:11.5px;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}._chip_ygi1e_1._xs_ygi1e_35 ._edge_ygi1e_23{width:5px}._edge_ygi1e_23{position:absolute;left:0;top:0;bottom:0}._name_ygi1e_52{line-height:1;padding-top:1px;padding-bottom:0}._removeBtn_ygi1e_58{border:none;background:transparent;padding:0;color:#b2b7bf;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:0;height:18px;opacity:0;overflow:hidden;border-radius:2px;transition:width .12s ease,opacity .12s ease,background .12s,color .12s;flex-shrink:0}._removeBtn_ygi1e_58._removeVisible_ygi1e_75{width:16px;opacity:1;margin-left:2px}._removeBtn_ygi1e_58:hover{color:#fff;background:#fb3558d9}._pool_1wbcz_1{background:#0e0f10;border:1px solid #2d3033;border-radius:10px;overflow:hidden;transition:border-color .15s}._pool_1wbcz_1._over_1wbcz_8{border-color:#41ff88}._header_1wbcz_12{display:flex;align-items:center;padding:10px 14px;gap:10px;border-bottom:1px solid #1b1d20;flex-wrap:wrap;row-gap:6px}._title_1wbcz_22{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#b2b7bf;letter-spacing:.08em;text-transform:uppercase}._truckIcon_1wbcz_33{width:18px;height:18px;flex-shrink:0}._titleText_1wbcz_39{color:#b2b7bf}._titleCount_1wbcz_43{background:#1b1d20;color:#fff;padding:2px 7px;border-radius:999px;font-size:10px;letter-spacing:0;font-weight:600}._controls_1wbcz_53{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap;justify-content:flex-end}._filters_1wbcz_62{display:flex;gap:4px;align-items:center}._filterPill_1wbcz_68{height:22px;padding:0 8px;border-radius:4px;border:1px solid #2d3033;background:transparent;color:#b2b7bf;font-size:10px;font-weight:600;letter-spacing:.04em;cursor:pointer;display:flex;align-items:center;gap:5px;transition:border-color .1s,background .1s,color .1s}._filterPill_1wbcz_68:hover{background:#1b1d20}._filterPill_1wbcz_68._filterPillActive_1wbcz_87{border-color:#41ff88;background:#41ff881f;color:#41ff88}._filterDot_1wbcz_93{width:6px;height:6px;border-radius:999px;flex-shrink:0}._filterCount_1wbcz_100{color:#5d6167}._filterCountActive_1wbcz_104{color:#41ff88}._layoutToggle_1wbcz_108{display:flex;background:#1b1d20;border:1px solid #2d3033;border-radius:6px;padding:2px;gap:0}._layoutToggle_1wbcz_108 button{border:none;outline:none;cursor:pointer;padding:2px 8px;border-radius:4px;font-size:10px;letter-spacing:.04em;background:transparent;color:#878c93;transition:background .1s,color .1s}._layoutToggle_1wbcz_108 button._layoutActive_1wbcz_128{background:#2d3338;color:#fff}._searchBox_1wbcz_133{display:flex;align-items:center;gap:6px;background:#1b1d20;border:1px solid #2d3033;border-radius:6px;padding:0 8px;height:26px;width:130px;transition:border-color .1s}._searchBox_1wbcz_133:focus-within{border-color:#41ff88}._searchInput_1wbcz_149{border:none;background:transparent;outline:none;color:#fff;font-size:11px;flex:1;min-width:0;padding:0}._searchInput_1wbcz_149::placeholder{color:#5d6167}._body_1wbcz_163{padding:10px;max-height:160px;overflow-y:auto}._body_1wbcz_163::-webkit-scrollbar{width:6px}._body_1wbcz_163::-webkit-scrollbar-track{background:transparent}._body_1wbcz_163::-webkit-scrollbar-thumb{background:#2d3033;border-radius:3px}._wrapGrid_1wbcz_179{display:flex;flex-wrap:wrap;gap:4px}._emptyMsg_1wbcz_185{font-size:11px;color:#44484d;font-style:italic;margin:0 auto}._groups_1wbcz_192{display:flex;flex-direction:column;gap:8px}._group_1wbcz_192{display:flex;flex-direction:column;gap:4px}._groupHeader_1wbcz_204{border:none;background:transparent;color:#878c93;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:6px;cursor:pointer;padding:2px 0}._groupDot_1wbcz_219{width:6px;height:6px;border-radius:999px;flex-shrink:0}._groupLabel_1wbcz_226{color:#878c93}._groupCount_1wbcz_230{color:#44484d}._groupChevron_1wbcz_234{margin-left:4px;color:#44484d;transition:transform .15s;display:inline-block}._groupChips_1wbcz_241{display:flex;flex-wrap:wrap;gap:4px;padding-left:12px}._container_1qtju_1{display:flex;flex-direction:column}._row_1qtju_6{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #2d3033;transition:background .15s,border-color .15s}._row_1qtju_6:first-child{border-top:1px solid #2d3033}._row_1qtju_6._rowEven_1qtju_17{background:#131517}._row_1qtju_6._rowOdd_1qtju_20{background:#15171a}._row_1qtju_6._rowOver_1qtju_23{background:#41ff880a;border-color:#41ff88;outline:1px dashed #41ff88;outline-offset:-1px}._diggerInfo_1qtju_30{flex:0 0 110px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}._nameplate_1qtju_38{position:relative;display:inline-flex;align-items:center;height:26px;padding:0 10px 0 16px;background:linear-gradient(180deg,#2d3138,#1f2329);color:#fff;font-weight:700;font-size:14px;letter-spacing:.09em;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);flex-shrink:0}._nameplateEdge_1qtju_53{position:absolute;left:0;top:0;bottom:0;width:8px}._truckCount_1qtju_61{font-size:10px;color:#5d6167;padding-left:4px;letter-spacing:.02em}._chipArea_1qtju_68{flex:1;min-height:26px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}._emptyHint_1qtju_77{display:flex;align-items:center;gap:6px;font-size:11px;color:#44484d;font-style:italic;letter-spacing:.04em}._container_t8lgc_1{height:100%;display:flex;flex-direction:column;overflow:hidden;gap:10px}._unassignedSection_t8lgc_9{flex-shrink:0}._diggersSection_t8lgc_13{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}._diggersSection_t8lgc_13::-webkit-scrollbar{width:6px}._diggersSection_t8lgc_13::-webkit-scrollbar-track{background:transparent}._diggersSection_t8lgc_13::-webkit-scrollbar-thumb{background:#2d3033;border-radius:3px}._diggersHeader_t8lgc_31{display:flex;align-items:center;gap:6px;padding:2px 4px 8px;flex-shrink:0}._diggersLabel_t8lgc_39{font-size:11px;font-weight:600;color:#878c93;letter-spacing:.08em;text-transform:uppercase}._diggersSep_t8lgc_47{color:#5d6167;font-size:11px}._diggersCount_t8lgc_52{font-size:11px;font-weight:600;color:#41ff88}.mainContainer{display:flex;flex-direction:column;background-color:var(--primary-secondary-color);height:100%;min-height:0;padding:4px 10px 0;row-gap:.6vh;overflow:hidden}.applyBtnContainer{flex-shrink:1;padding-top:10px;padding-bottom:25px;display:flex;justify-content:flex-end}.applyBtnContainer .applyBtn{padding:8px 30px;font-size:14px}.applyBtnContainer button:disabled{background-color:var(--darker-grey);opacity:.7;cursor:not-allowed}._topContainer_19a2c_1{display:flex;justify-content:space-between;align-items:center}._headerActions_19a2c_7{display:flex;align-items:center;gap:12px;margin-left:auto}._bodyContainer_19a2c_14{flex-grow:1;min-height:0;overflow:hidden}.tableHeader{display:flex;align-items:stretch;background:#161616;border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a;font-size:.72em;font-weight:700;color:#fff;letter-spacing:.06em;text-transform:uppercase}.tableHeader .tableHeaderEmpty{width:32px;flex-shrink:0;border-right:1px solid #2a2a2a}.tableHeader .tableHeaderTasks{flex:1;padding:7px 12px;font-size:12px;text-align:left}.tableHeader .tableHeaderStatus{width:130px;flex-shrink:0;box-sizing:border-box;padding:7px 12px;border-left:1px solid #2a2a2a;white-space:nowrap}.tableHeader .tableHeaderAdd{width:32px;flex-shrink:0;border-left:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center;font-size:1.8em;color:var(--primary-color);cursor:pointer}.tableHeader .tableHeaderAdd:hover{background:#41ff881a}.container{display:flex;flex-direction:column}.tasksHeading{display:flex;align-items:center;gap:8px;padding:10px 12px 8px;flex-shrink:0}.tasksHeadingLabel{font-size:.85em;font-weight:700;color:#fff;letter-spacing:.08em;text-transform:uppercase}.collapseBtn{background:transparent;border:1px solid #444;border-radius:4px;color:#aaa;font-size:.7em;font-weight:700;letter-spacing:.06em;padding:3px 8px;cursor:pointer;text-transform:uppercase}.collapseBtn:hover{border-color:#888;color:#fff}.collapseBtn:disabled{opacity:.35;cursor:not-allowed;border-color:#444;color:#aaa}.tasksCountBadge{display:flex;align-items:center;gap:4px;background:#2a7a2a;color:#fff;font-size:.75em;font-weight:700;padding:2px 8px;border-radius:4px}.cardsContainer{display:flex;flex-direction:column;gap:8px;padding-bottom:12px}.excavatorCard{background:#1b1d20;border:1px solid #2a2a2a;border-radius:8px;flex-shrink:0}.cardHeader{display:flex;align-items:center;justify-content:space-between;background:#15171a;padding:8px 12px;-webkit-user-select:none;user-select:none;cursor:pointer;position:sticky;top:0;z-index:1;border-left:3px solid transparent;transition:border-color .15s ease,background .15s ease}.cardHeader:hover{background:#161616}.cardHeaderHighlighted{border-left-color:#00e5ff;background:#0d1f22}.cardHeaderHighlighted:hover{background:#0f2428}.headerLeft{display:flex;align-items:center;gap:6px}.equipName{font-size:.9em;font-weight:700;color:#fff;letter-spacing:.02em}.headerRight{display:flex;align-items:center;gap:8px;flex-shrink:0}.addTaskBtn{width:22px;height:22px;border-radius:50%;background:#2a2a2a;border:1px solid #444;color:#ccc;font-size:1em;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;line-height:1}.addTaskBtn:hover{background:#3a3a3a;color:#fff}.taskCountBadge{min-width:22px;height:22px;border-radius:50%;background:#2a2a2a;border:1px solid #444;color:#ccc;font-size:.72em;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 4px}.headerMeta{font-size:.78em;color:#888;display:flex;align-items:center;gap:4px;margin-left:4px}.dot{color:#555}.arrow{color:#555;font-size:1.1em}.headerActiveBadge{display:flex;align-items:center;gap:4px;background:#2a7a2a;color:#fff;font-size:.72em;font-weight:600;padding:2px 8px;border-radius:4px;white-space:nowrap}.headerPendingBadge{display:flex;align-items:center;gap:4px;background:#b4640040;color:#e8920a;border:1px solid rgba(180,100,0,.4);font-size:.72em;font-weight:600;padding:2px 8px;border-radius:4px;white-space:nowrap}.closeBtn{cursor:pointer;width:16px;height:16px;border:1px solid var(--red);border-radius:50%;color:var(--red);display:flex;align-items:center;justify-content:center;flex-shrink:0}.closeBtn:hover{background:var(--red);color:#fff}.cardBody{padding:10px 12px;display:flex;flex-direction:column;gap:10px}.taskRow{display:flex;align-items:center;cursor:pointer;border-bottom:1px solid #2a2a2a;border-left:3px solid transparent;-webkit-user-select:none;user-select:none}.taskRow:hover{background:#202326}.taskRowHighlighted{border-left-color:#00e5ff;background:#0d1f22}.taskRowHighlighted:hover{background:#0f2428}.taskRowChevron{width:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;align-self:stretch;border-right:1px solid #2a2a2a}.taskSummary{font-size:.8em;color:#ccc;padding:7px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:left}.statusBtn,.statusBtnPending,.statusBtnPaused,.statusBtnComplete{display:flex;align-items:stretch;border-radius:4px;overflow:hidden;flex:0 0 130px;width:130px;box-sizing:border-box;border:1px solid transparent;-webkit-user-select:none;user-select:none}.statusBtn .statusLabel,.statusBtnPending .statusLabel,.statusBtnPaused .statusLabel,.statusBtnComplete .statusLabel{flex:1;display:flex;align-items:center;gap:5px;padding:4px;font-size:.72em;font-weight:600}.statusBtn .statusPlay,.statusBtnPending .statusPlay,.statusBtnPaused .statusPlay,.statusBtnComplete .statusPlay{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:4px 8px;cursor:pointer}.statusBtn .statusLabel{background:#2a7a2a;color:#fff}.statusBtn .statusPlay{background:#1f601f;color:#fff}.statusBtn .statusPlay:hover{background:#1a501a}.statusBtnPaused{border-color:#b4323266}.statusBtnPaused .statusLabel{background:#b4323240;color:#e05c5c}.statusBtnPaused .statusPlay{background:#b4323226;border-left:1px solid rgba(180,50,50,.4);color:#e05c5c}.statusBtnPaused .statusPlay:hover{background:#b432324d}.statusBtnPending{border-color:#b4640066}.statusBtnPending .statusLabel{background:#b4640040;color:#e8920a}.statusBtnPending .statusPlay{background:#b4640026;border-left:1px solid rgba(180,100,0,.4);color:#e8920a}.statusBtnPending .statusPlay:hover{background:#b464004d}.statusBtnComplete{border-color:#78787866;opacity:.6;pointer-events:none}.statusBtnComplete .statusLabel{background:#64646433;color:#888}.statusBtnCreate{display:flex;align-items:stretch;border-radius:4px;overflow:hidden;flex:0 0 130px;box-sizing:border-box;border:1px solid rgba(59,130,246,.5)}.statusBtnCreate .statusLabel{flex:1;display:flex;align-items:center;gap:5px;background:#3b82f633;padding:4px 10px;font-size:.78em;font-weight:600;color:#60a5fa}.statusBtnCreate .statusPlay{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#3b82f626;border-left:1px solid rgba(59,130,246,.4);padding:4px 8px;color:#60a5fa;cursor:pointer}.statusBtnCreate .statusPlay:hover{background:#3b82f64d}.taskCompleteBtn{display:flex;align-items:center;justify-content:center;width:32px;flex-shrink:0;align-self:stretch;border-left:1px solid #2a2a2a;color:#555;cursor:pointer}.taskCompleteBtn:hover{color:var(--primary-color);background:#41ff880d}.taskDeleteBtn{display:flex;align-items:center;justify-content:center;width:32px;flex-shrink:0;align-self:stretch;border-left:1px solid #2a2a2a;color:#555;cursor:pointer}.taskDeleteBtn:hover{color:var(--red);background:#ff00000d}.taskActionEmpty{width:32px;flex-shrink:0;align-self:stretch;border-left:1px solid #2a2a2a}.fieldRow{display:flex;gap:8px}.field{display:flex;flex-direction:column;gap:4px;flex:1}.fieldLabel{font-size:.68em;font-weight:700;color:#fffcfc;text-transform:uppercase;text-align:left;letter-spacing:.05em}.fieldLabelRow{display:flex;align-items:center;gap:6px}.fieldValidationError{font-size:.65em;font-weight:600;color:#f44;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.select{border-radius:4px;width:100%}.categoryControl{height:26px;background:#1b1d20;border:1px solid #2a2a2a;border-radius:4px;padding:0 8px;display:flex;align-items:center}.categoryPill{padding:2px 8px;border-radius:4px;font-size:.75em;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.04em}.categoryEmpty{font-size:.85em;color:#555}.select.error{border:1px solid var(--red)}.volumeControl{display:flex;height:26px;border:1px solid #2a2a2a;border-radius:4px;overflow:hidden}.volumeInput{flex:1;min-width:0;background:transparent;border:none;color:#fff;font-size:13px;padding:0 8px;text-align:left;outline:none;box-sizing:border-box}.volumeInput::-webkit-inner-spin-button,.volumeInput::-webkit-outer-spin-button{-webkit-appearance:none}.setMaxBtn{flex-shrink:0;background:#2a2a2a;border-left:1px solid #3a3a3a;color:#aaa;font-size:.68em;font-weight:700;letter-spacing:.05em;padding:0 8px;white-space:nowrap;display:flex;align-items:center}.dumpPointsSection{display:flex;flex-direction:column;gap:6px}.dumpPointsLabel{font-size:.68em;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;text-align:left}.dumpPointRow{display:flex;align-items:center;gap:8px;background:#2d3033;border:1px solid #2a2a2a;border-left:3px solid #4a7eff;border-radius:4px;padding:4px 8px}.dumpPointRow.error{border-color:var(--red);border-left-color:var(--red)}.dumpPointRow .dumpSelect{width:220px;flex-shrink:0}.dumpPointRow .dumpSpacer{flex:1}.dumpPointRow .dumpActions{display:flex;align-items:center;gap:6px;flex-shrink:0}.dumpPointRow .dumpActionBtn{display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555;padding:2px;border-radius:3px;transition:color .15s}.dumpPointRow .dumpActionBtn:hover{color:#aaa}.dumpPointRow .dumpActionBtn.deleteBtn:hover{color:var(--red)}.noTaskText{padding:10px 14px;font-size:11px;color:#666;font-style:italic}.plannedEditsBar{display:flex;align-items:center;gap:8px;padding:7px 12px;background:#111;border-top:1px solid #2a2a2a}.plannedEditsDot{width:7px;height:7px;border-radius:50%;background:var(--primary-color);flex-shrink:0}.plannedEditsLabel{font-size:.75em;color:#aaa;flex:1}.plannedCancelBtn{background:none;border:none;color:#888;font-size:.72em;font-weight:700;letter-spacing:.05em;cursor:pointer;padding:4px 8px;border-radius:4px}.plannedCancelBtn:hover{color:#ccc;background:#2a2a2a}.plannedApplyBtn{background:var(--primary-color);border:none;color:#000;font-size:.72em;font-weight:700;letter-spacing:.05em;cursor:pointer;padding:4px 12px;border-radius:4px}.plannedApplyBtn:hover{opacity:.85}.statusMenuBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.statusMenu{background:#1a1a1a;border:1px solid #333;border-radius:6px;overflow:hidden;z-index:1001;min-width:120px;box-shadow:0 4px 16px #0009}.statusMenuOption{display:flex;align-items:center;gap:7px;padding:5px 10px;font-size:.78em;font-family:KanitBold,sans-serif;cursor:pointer;color:#ccc;white-space:nowrap}.statusMenuOption:hover{background:#2a2a2a}.statusMenuOptionActive{background:#41ff880f}.loadingState{display:flex;align-items:center;justify-content:center;padding:40px 0}.confirmDialogPaper.MuiPaper-root{background-color:#1c1c1c;color:#fff;border-radius:12px;padding:0;min-width:360px;max-width:440px;box-shadow:0 8px 32px #0009}.confirmDialogContent{display:flex;flex-direction:column}.confirmDialogHeader{display:flex;align-items:center;gap:10px;padding:20px 20px 16px}.confirmDialogHeader .confirmDialogHeaderDot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.confirmDialogHeader .confirmDialogTitle{margin:0;font-size:14px;font-weight:700;letter-spacing:1px;color:#fff}.confirmDialogBody{border-top:1px solid #2a2a2a;padding:20px}.confirmDialogFooter{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #2a2a2a}.confirmDialogFooter .confirmDialogCancelBtn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer}.confirmDialogFooter .confirmDialogCancelBtn:hover{background-color:#ffffff0d}.confirmDialogFooter .confirmDialogConfirmBtn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--primary-color);color:#1c1c1c;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.confirmDialogFooter .confirmDialogConfirmBtn:hover{opacity:.9}._plate_14jsu_1{position:relative;height:auto;width:auto;max-height:50px;min-height:50px;padding:1px 5px 1px 1px;display:flex;align-items:stretch;justify-content:flex-start;cursor:pointer;box-sizing:border-box;transition:transform .2s ease-in-out;background:none;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}._plate_14jsu_1:before{content:"";position:absolute;top:.75px;left:.75px;right:.75px;bottom:.75px;background:var(--plate-border-color, var(--grey-line));clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transform:scale(1.08);z-index:-2}._plate_14jsu_1:after{content:"";position:absolute;top:.75px;left:.75px;right:.75px;bottom:.75px;background:var(--plate-bg-color, #272c32);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);z-index:-1}._plate_14jsu_1._active_14jsu_41:before{background:var(--plate-border-color, var(--primary-color))}._plate_14jsu_1._small_14jsu_44{max-height:36px;min-height:36px;padding-right:4px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}._plate_14jsu_1._small_14jsu_44:before,._plate_14jsu_1._small_14jsu_44:after{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}._plate_14jsu_1._xs_14jsu_53{max-height:22px;min-height:22px;padding:1px 3px 1px 1px;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}._plate_14jsu_1._xs_14jsu_53:before,._plate_14jsu_1._xs_14jsu_53:after{clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}._plateIcon_14jsu_64{padding:0 5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:33px;margin-right:0;box-sizing:border-box;clip-path:polygon(12px 0,0 12px,0 100%,100% 100%,100% 0)}._plateIcon_14jsu_64 img{display:block;object-fit:contain}._plate_14jsu_1._small_14jsu_44 ._plateIcon_14jsu_64{width:24px;padding:0 3px;clip-path:polygon(8px 0,0 8px,0 100%,100% 100%,100% 0)}._plate_14jsu_1._xs_14jsu_53 ._plateIcon_14jsu_64{width:18px;padding:0 2px;clip-path:polygon(6px 0,0 6px,0 100%,100% 100%,100% 0)}._plateIcon_14jsu_64._noIcon_14jsu_89{width:15px;padding:0}._plate_14jsu_1._small_14jsu_44 ._plateIcon_14jsu_64._noIcon_14jsu_89,._plate_14jsu_1._xs_14jsu_53 ._plateIcon_14jsu_64._noIcon_14jsu_89{width:15px}._plateInner_14jsu_97{display:flex;justify-content:space-between;align-items:center;width:100%;padding-left:8px}._plate_14jsu_1._small_14jsu_44 ._plateInner_14jsu_97{padding-left:6px}._plate_14jsu_1._xs_14jsu_53 ._plateInner_14jsu_97{padding-left:3px}._plateDetails_14jsu_111{display:flex;flex-direction:column;justify-content:center;gap:2px}._plateLabel_14jsu_118{margin:0;padding:0;font-size:15px;font-family:KanitBold,sans-serif;display:flex;align-items:center}._plate_14jsu_1._small_14jsu_44 ._plateLabel_14jsu_118{font-size:13px}._plate_14jsu_1._xs_14jsu_53 ._plateLabel_14jsu_118{font-size:11px}._textLarge_14jsu_133{font-size:20px!important}._plate_14jsu_1._small_14jsu_44 ._textLarge_14jsu_133{font-size:18px!important}._plate_14jsu_1._xs_14jsu_53 ._textLarge_14jsu_133{font-size:14px!important}._plateFault_14jsu_143{display:flex;align-items:center;justify-content:center;width:24px;flex-shrink:0}._plate_14jsu_1._small_14jsu_44 ._plateFault_14jsu_143{width:18px}._plate_14jsu_1._xs_14jsu_53 ._plateFault_14jsu_143{width:14px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input::-webkit-resizer,input::-webkit-scrollbar,input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration,input::-webkit-credentials-auto-fill-button,input::-webkit-contacts-auto-fill-button{display:none}.dp-wrapper,.dp-tableScroll{width:100%}.dp-table{width:100%;border-collapse:collapse;table-layout:fixed}.dp-table th{padding:10px 5px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;text-align:center;border:1px solid #2a2a2a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#000;position:sticky;top:0;z-index:1}.dp-table td{padding:0 6px;height:32px;font-size:.82em;color:#ccc;text-align:center;border:1px solid #2a2a2a;background-color:#1d1e20;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-table tbody tr:hover td{background-color:#2d3033}.dp-materialCell{white-space:normal;display:flex;flex-wrap:wrap;gap:3px;justify-content:center;padding:4px 6px}.dp-pill{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:4px;margin:5px;font-size:12px;font-weight:600;background-color:#2a2d31;color:#aaa;border:1px solid #3a3d42;white-space:nowrap}.dp-pill--empty{color:#555;border-color:#2a2d31}.dp-actionsCell{display:flex;align-items:center;justify-content:center;gap:4px}.dp-iconBtn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;border-radius:4px;color:#888;transition:color .15s,background .15s}.dp-iconBtn:hover{color:#fff;background:#ffffff14}.dp-iconBtn.delete:hover{color:#f44;background:#ff444414}.dp-empty{padding:20px;text-align:center;font-size:.82em;color:#555}.header-group{display:flex;align-items:center;gap:8px}.edit-lock{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:.7em;font-weight:600;letter-spacing:.05em;white-space:nowrap}.edit-lock--view{background:#ff44441a;color:#f44;border:1px solid rgba(255,68,68,.3)}.edit-lock--edit{background:#41ff881a;color:var(--primary-color);border:1px solid rgba(65,255,136,.3)}.dp-section{height:100%;min-height:0;border:1px solid #2a2a2a;border-radius:6px;display:flex;flex-direction:column}@keyframes dpFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dp-tableScrollWrapper{padding:0 8px 8px;height:120px;overflow-y:auto;animation:dpFadeIn .18s ease}.dp-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 12px 8px;flex-shrink:0}.dp-header h4{margin:0;font-size:.85em;text-align:left}.shiftSummaryWrapper{background:#15171a;border:1px solid #2c2c2c;border-radius:6px;overflow:hidden;flex-shrink:0;margin-bottom:8px}.shiftSummaryHeader{display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:42px;flex-shrink:0}.shiftSummaryTitle{display:flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#fff}.shiftSummaryDumpControls{display:flex;align-items:center;gap:8px;flex:1;margin:0 12px}.shiftSummaryToggle{display:flex;gap:3px}.shiftToggleBtn{padding:4px 11px;font-size:.6em;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border-radius:4px;cursor:pointer;border:1px solid #3a3a3a;background:transparent;color:#666;transition:background .15s,color .15s,border-color .15s}.shiftToggleBtn:hover{border-color:#555;color:#aaa}.shiftToggleBtn.shiftToggleBtnActive{background:var(--primary-color, #41ff88);border-color:var(--primary-color, #41ff88);color:#000}@keyframes ssFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.shiftSummaryContent{height:120px;overflow:hidden}.shiftSummaryBody{display:flex;flex-direction:row;align-items:flex-start;padding:10px 16px 14px;gap:20px;border-top:1px solid #2c2c2c;animation:ssFadeIn .18s ease}.ssEquipColumn{display:flex;flex-direction:column;text-align:left;gap:8px;flex-shrink:0;min-width:80px}.ssEquipItem{display:flex;flex-direction:column;gap:1px}.ssEquipLabel{font-size:.6em;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#666}.ssEquipCount{display:flex;align-items:baseline;gap:3px}.ssEquipActive{font-size:1.55em;font-weight:700;color:#fff;line-height:1}.ssEquipTotal{font-size:.85em;font-weight:500;color:#4a4a4a}.ssDivider{width:1px;align-self:stretch;background:#2c2c2c;flex-shrink:0}.ssStatsColumn{display:flex;flex-direction:column;text-align:left;gap:6px;justify-content:flex-start;flex:1}.ssStatsLabel{font-size:.6em;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#666}.ssStatsRow{display:flex;flex-direction:row;gap:28px;align-items:flex-start}.ssStat{display:flex;flex-direction:column;gap:3px}.ssStatHeader{display:flex;align-items:center;gap:5px}.ssStatDot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ssStatDot--ore{background-color:var(--primary-color, #41ff88)}.ssStatDot--waste{background-color:#e07a30}.ssStatDot--total{background-color:#2dd4b4}.ssStatLabel{font-size:.6em;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#666}.ssStatValue{display:flex;align-items:baseline;gap:4px}.ssStatNumber{font-size:1.5em;font-weight:700;color:#fff;line-height:1}.ssStatUnit{font-size:.6em;font-weight:600;letter-spacing:.05em;color:#4a4a4a;text-transform:uppercase}:root{--primary-color: #41ff88;--primary-secondary-color: #000000;--addition-accent: #ff840a;--secondary: #797e86;--secondary-dark: #235f60;--white: "#FFFFFF";--main-dark: #235f60;--main-light: #89e025;--secondary-light: #89e025;--background-color: #ffffff;--red-light: #ff9cc1;--orange-light: rgb(255, 146, 67);--red-dark: #a31010;--green-dark: #1a3b1c;--blue-dark: #27401e;--yellow-dark: #cca460;--rose-dark: #a46c98;--purple-dark: #422a87;--turquoise-dark: #29615e;--red-mute: #febebb;--green-mute: #ebfebb;--blue-mute: #ebfefb;--yellow-mute: #fffce7;--rose-mute: #fceffa;--purple-mute: #f8fcf9;--turquoise-mute: #fcfcf4;--green: #5dd59d;--red: #ef002b;--darker-grey: #33343b;--muted-black: #1d1e20;--dark-muted-black: #1c1d21;--dark-matter: #1e1e1e;--grey-line: #5b5b5b;--sable: #060606;--graphite: #0c090a;--margin-top: 10%;--blue-tint-grey: #23242a;--bright-green: #01ce34;--header-grey: #363636;--additional-dark-accent: #151515;--table-row-border: #7c7d84;--colors-secondary-light: #0e0f10;--colors-primary-grey: #1b1d20;--colors-border: #2d3033;--colors-selection: #41454a;--colors-new-primary: #1e1e1e;--colors-surface-bgcolor: #060707;--colors-grey-text: #b2b7bf;--colors-deep-black: #1c1d20}:root{--table-font-size: 14px;--border-radius: 5px;--margin-top-sm: 50px;--header-padding: 5px;--header-height: 40px;--smaller-header-height: 25px}.planningContainer{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:#0e0f10;height:100%;min-height:calc(100vh - 100px);border-right:1px solid #2d3033}.planningHeader{display:flex;justify-content:space-between;align-items:center;padding:0 16px;margin-bottom:10px;gap:20px;height:72px;background:#060707;border-bottom:1px solid #2d3033}.planningHeader h2{font-size:16px;font-weight:500;color:#fff;margin:0;letter-spacing:.5px;text-transform:uppercase;font-family:Kanit,sans-serif}.headerActions{display:flex;align-items:center;gap:12px;margin-left:auto}.headerSearch{display:flex;align-items:center;background-color:#1b1d20;border-radius:4px;border:1px solid #2d3033;padding:4px 12px;width:220px}.uploadPlanButton{padding:10px 20px;background-color:transparent;color:#b2b7bf;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-family:Kanit,sans-serif;text-transform:uppercase;outline:none}.uploadPlanButton:focus,.uploadPlanButton:focus-visible{outline:none}.uploadPlanButton:hover:not(:disabled){color:#41ff88;transform:scale(1.02)}.uploadPlanButton:active:not(:disabled){transform:scale(.98)}.uploadPlanButton:disabled{opacity:.6;cursor:not-allowed}.errorMessage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:40px;background-color:#1b1d20;border:1px solid #2d3033;border-radius:8px;color:#b2b7bf}.errorMessage p{margin:0;font-size:14px}.errorMessage .retryButton{padding:8px 16px;background-color:#41ff88;color:#000;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.errorMessage .retryButton:hover{background-color:#2da66a;transform:scale(1.02)}.planningTableWrapper{flex:1;overflow:hidden;border-radius:8px;background-color:transparent;isolation:isolate}.planningTableContainer{background-color:#1b1d20!important;border:1px solid #2d3033!important;border-radius:8px!important;box-shadow:0 2px 8px #0000004d!important;height:100%;overflow:auto}.planningTable{background-color:#1b1d20}.planningTable .tableHeaderRow{background-color:#060707!important;border-bottom:1px solid #2d3033!important}.planningTable .tableHeaderRow .tableHeaderCell{color:#fff;font-weight:500;font-size:12px;padding:16px!important;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid #2d3033;font-family:Kanit,sans-serif}.planningTable .tableHeaderRow .tableHeaderCell:last-child{border-right:none}.planningTable .tableBodyRow{border-bottom:1px solid #2d3033;transition:background-color .2s ease}.planningTable .tableBodyRow:hover{background-color:#25262d}.planningTable .tableBodyRow:last-child{border-bottom:none}.planningTable .tableBodyRow .tableBodyCell{color:#b2b7bf;font-size:13px;padding:14px 16px!important;border-right:1px solid #2d3033;font-family:Kanit,sans-serif}.planningTable .tableBodyRow .tableBodyCell:last-child{border-right:none}.planningTable .tableBodyRow .actionsCell{text-align:right}.planningTable .emptyState{padding:60px 16px!important}.planningTable .emptyState p{color:#797e86;font-size:14px;margin:0}.actionButtons{display:flex;gap:4px;justify-content:center;align-items:center}.actionButton{color:#41ff88!important;padding:6px!important;transition:all .3s ease}.actionButton:hover{color:#2da66a!important;background-color:#41ff881a}.actionButton:disabled{color:#797e86!important;cursor:not-allowed}.actionButton svg{font-size:18px!important}.activateButton{color:#41ff88!important}.activateButton:hover{color:#2da66a!important}.planDetailPage{width:95%;height:100vh;display:flex;flex-direction:column;color:#d6dde7;font-family:Kanit,sans-serif;gap:10px;padding:12px 5px;overflow:hidden}.planDetailHeader{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid #1f2228;border-radius:12px;background:#0f1319;box-shadow:0 12px 30px #00000059}.planDetailTitle{display:flex;align-items:center;gap:12px}.planDetailTitle h2{margin:2px 0 0;font-size:20px;color:#fff;letter-spacing:.3px}.planDetailTitle .planMetaRow{display:flex;gap:14px;margin-top:6px;flex-wrap:wrap}.planDetailTitle .metaItem{display:flex;gap:6px;align-items:center;font-size:12px;color:#9ea6b4}.planDetailTitle .metaLabel{text-transform:uppercase;letter-spacing:.5px;color:#6d7480}.planDetailTitle .metaValue{color:#d6dde7;font-weight:600}.planStatusChip{padding:8px 12px;border-radius:8px;font-size:12px;letter-spacing:.5px;text-transform:uppercase;border:1px solid #1f2228}.planStatusChip.active{background:#41ff881a;color:#41ff88}.planStatusChip.inactive{background:#ff6b6b1f;color:#ff8b8b}.planDetailControls{display:flex;flex-direction:column;gap:10px;padding:10px 4px}.pillRow{display:flex;gap:10px;flex-wrap:wrap}.pill{padding:8px 12px;border-radius:10px;background:#10141b;border:1px solid #1f2228;color:#c7ced8;font-size:12px;letter-spacing:.3px}.pill.muted{color:#7d8593}.statsRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.statCard{border:1px solid #1f2228;background:#0f1319;border-radius:10px;padding:12px;box-shadow:0 6px 20px #00000040}.statCard .statLabel{margin:0;color:#7d8593;font-size:12px;letter-spacing:.4px;text-transform:uppercase}.statCard .statValue{margin:4px 0 0;color:#fff;font-size:18px;font-weight:700;letter-spacing:.2px}.statCard.highlight{background:linear-gradient(135deg,#41ff881f,#41ff880a);border-color:#41ff8859}.planDetailBody{flex:1;min-height:0;max-width:100%;background:#0c0d0f;border:1px solid #1f2228;border-radius:12px;box-shadow:inset 0 1px #ffffff05;display:flex;flex-direction:column;overflow:hidden;position:relative}.tableLoading{display:flex;align-items:center;justify-content:center;height:100%}.planDetailTableContainer{background-color:#0c0d0f!important;border-radius:12px!important;border:1px solid #1f2228!important;box-shadow:inset 0 1px #ffffff05;flex:1;min-height:0;min-width:100%;overflow:auto;position:relative}.planDetailFooterTable td.planDetailFooterTotalCell{background:#16181d!important;font-weight:700}.planDetailTable{background-color:#0c0d0f;width:max-content;min-width:100%;font-family:Kanit,sans-serif;border-collapse:separate;border-spacing:0}.planDetailTable thead tr{background:#000}.planDetailTable .MuiTableCell-head{position:sticky;top:0;z-index:3;color:#fff;font-size:11px!important;font-weight:600;letter-spacing:.4px;border-top:none!important;border-bottom:1px solid #444;border-right:1px solid #444;white-space:nowrap;padding:6px 14px!important}.planDetailTable .planDetailHeaderCellWrap{display:inline-flex;align-items:center;gap:4px}.planDetailTable .planDetailHeaderMenuBtn{color:#9ea6b4!important;font-size:14px!important;padding:2px!important}.planDetailTable .planDetailHeaderMenuBtn:hover{color:#fff!important;background:#ffffff14!important}.planDetailTable .planDetailHeaderStateIcons{display:inline-flex;align-items:center;gap:2px}.planDetailTable .planDetailHeaderMenuPaper{background:#050607!important;color:#fff!important;border:1px solid #1b1f24!important;border-radius:8px!important;min-width:205px!important;box-shadow:0 10px 28px #0000008c!important;overflow:hidden}.planDetailTable .planDetailHeaderMenuItem{min-height:40px!important;color:#f3f5f7!important;font-size:12px!important;letter-spacing:.45px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.08)!important}.planDetailTable .planDetailHeaderMenuItem:last-of-type{border-bottom:none!important}.planDetailTable .planDetailHeaderMenuItem:hover{background:#0d1116!important}.planDetailTable .planDetailHeaderMenuIcon{min-width:28px!important;color:#fff!important}.planDetailTable .planDetailFrozenHeader,.planDetailTable .planDetailDataHeader{background:#000!important}.planDetailTable td{color:#fff;font-size:12px;border-bottom:1px solid #444;border-right:1px solid #444;white-space:nowrap}.planDetailTable{--pd-w1: 30px;--pd-w2: 45px;--pd-w3: 45px;--pd-w4: 65px;--pd-w5: 65px;--pd-w6: 60px;--pd-left2: var(--pd-w1);--pd-left3: calc(var(--pd-w1) + var(--pd-w2));--pd-left4: calc(var(--pd-w1) + var(--pd-w2) + var(--pd-w3));--pd-left5: calc(var(--pd-w1) + var(--pd-w2) + var(--pd-w3) + var(--pd-w4));--pd-left6: calc(var(--pd-w1) + var(--pd-w2) + var(--pd-w3) + var(--pd-w4) + var(--pd-w5));--pd-frozen-total: calc( var(--pd-w1) + var(--pd-w2) + var(--pd-w3) + var(--pd-w4) + var(--pd-w5) + var(--pd-w6) )}.planDetailTable .pdStickyLeft{position:sticky!important;z-index:4;background:#1b1d20!important}.planDetailTable .MuiTableCell-head.pdStickyLeft{z-index:5;background:#000!important}.planDetailTable .pdLeft1{left:0;min-width:var(--pd-w1)!important;width:var(--pd-w1)!important;max-width:var(--pd-w1)!important}.planDetailTable .pdLeft2{left:var(--pd-left2);min-width:var(--pd-w2)!important;width:var(--pd-w2)!important;max-width:var(--pd-w2)!important}.planDetailTable .pdLeft3{left:var(--pd-left3);min-width:var(--pd-w3)!important;width:var(--pd-w3)!important;max-width:var(--pd-w3)!important}.planDetailTable .pdLeft4{left:var(--pd-left4);min-width:var(--pd-w4)!important;width:var(--pd-w4)!important;max-width:var(--pd-w4)!important}.planDetailTable .pdLeft5{left:var(--pd-left5);min-width:var(--pd-w5)!important;width:var(--pd-w5)!important;max-width:var(--pd-w5)!important}.planDetailTable .pdLeft6{left:var(--pd-left6);min-width:var(--pd-w6)!important;width:var(--pd-w6)!important;max-width:var(--pd-w6)!important;box-shadow:1px 0 #ffffff24}.planDetailTable .pdStickyLeftSpan{position:sticky!important;left:0!important;z-index:6;min-width:var(--pd-frozen-total)!important;width:var(--pd-frozen-total)!important;max-width:var(--pd-frozen-total)!important;background:#16181d!important;box-shadow:1px 0 #ffffff24}.planDetailTable .planDetailTotalLabel{position:sticky!important}.planDetailTable .pdStickyRight{position:sticky!important;right:0;z-index:4}.planDetailTable .MuiTableCell-head.pdStickyRight{z-index:6;background:#000!important}.planDetailTable .MuiTableCell-head.pdStickyRight.pdRowTotalHeader{background:#16181d!important}.planDetailTable .pdRowTotalHeader,.planDetailTable .pdRowTotalCell{width:auto!important;min-width:60px!important;max-width:none!important;text-align:right!important;border-left:1px solid rgba(255,255,255,.14)!important;box-shadow:-1px 0 #ffffff24 inset;white-space:nowrap!important}.planDetailTable .pdRowTotalCell{background:#16181d!important}.planDetailTable .planDetailFrozenCell{background:#1b1d20!important}.planDetailTable .planDetailDataCell{background:#060707!important}.planDetailTable tr:nth-of-type(2n) .planDetailDataCell{background:#060707!important}.planDetailTable tr:nth-of-type(odd) .planDetailDataCell{background:#060707!important}.planDetailTable tr:hover .planDetailFrozenCell{background:#4a4e54!important}.planDetailTable tr:hover .planDetailDataCell{background:#161b20!important;box-shadow:inset 0 1px #8fc6ff33,inset 0 -1px #8fc6ff33}.planDetailTable .planDetailDataCell.planDetailVolumeCellChanged{background:#ffc10733!important;box-shadow:inset 0 0 0 1px #ffc10780}.planDetailTable tr:nth-of-type(2n) .planDetailDataCell.planDetailVolumeCellChanged,.planDetailTable tr:nth-of-type(odd) .planDetailDataCell.planDetailVolumeCellChanged{background:#ffc10733!important}.planDetailTable tr:hover .planDetailDataCell.planDetailVolumeCellChanged{background:#ffc10752!important}.planDetailTable th.planDetailDataHeader.planDetailVolumeColumnHeader,.planDetailTable td.planDetailVolumeDataCell{width:7rem!important;min-width:7rem!important;max-width:7rem!important;box-sizing:border-box!important;overflow:hidden;text-align:center!important}.planDetailTable td.planDetailVolumeDataCell{vertical-align:middle!important;padding-top:0!important;padding-bottom:0!important}.planDetailTable .planDetailVolumeCellWrap{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}.planDetailTable .planDetailVolumeCellText{display:block;width:100%;max-width:100%;min-width:0;margin:0;padding:0;font-size:inherit;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planDetailTable .MuiTableCell-root.planDetailVolumeDataCell,.planDetailTable .MuiTableCell-head.planDetailDataHeader.planDetailVolumeColumnHeader{width:5rem!important;min-width:5rem!important;max-width:5rem!important;box-sizing:border-box!important;overflow:hidden!important}.planDetailTable .MuiTableCell-root.planDetailVolumeDataCell{padding-left:4px!important;padding-right:4px!important}.planDetailTable .planDetailVolumeInput{flex:1 1 0;width:0!important;min-width:0!important;max-width:100%!important;height:18px!important;min-height:0!important;max-height:18px!important;line-height:18px!important;font-size:12px!important;text-align:center;font-family:inherit;font-weight:inherit;color:inherit;background:transparent!important;border:none!important;box-shadow:inset 0 -1px #41ff88;outline:none!important;padding:0!important;margin:0!important;box-sizing:border-box!important;-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important}.planDetailTable .planDetailTotalRow td{position:sticky;bottom:0;z-index:2;box-shadow:0 -2px 8px #00000080;font-weight:700;border-bottom:none!important;background:#16181d!important}.planDetailTable .planDetailTotalRow .pdStickyLeft,.planDetailTable .planDetailTotalRow .pdStickyLeftSpan,.planDetailTable .planDetailTotalRow .pdStickyRight{bottom:0}.planDetailTable .planDetailTotalRow .pdStickyLeft,.planDetailTable .planDetailTotalRow .pdStickyLeftSpan,.planDetailTable .planDetailTotalRow .pdStickyRight{z-index:7}.planDetailTable .planDetailTotalRow{height:35px}.planHeaderButton{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:#a8b0bc;font-size:12px;font-weight:700;letter-spacing:.6px;cursor:pointer;padding:0;text-transform:uppercase}.planHeaderButton:hover{color:#fff}.planHeaderButton.active{color:#41ff88}.planHeaderTitle{display:inline-flex;align-items:center}.planHeaderIcon{display:inline-flex;align-items:center;justify-content:center}.numericCell{text-align:right}.totalCell{color:#41ff88;font-weight:700}.tableEmpty{background-color:#10141b;border:1px solid #1f2228;border-radius:8px;padding:24px;text-align:center;color:#7d8593}.inlineEditPanel{border:1px solid #2d3033;border-radius:12px;background:#0a0b0d;padding:12px 16px 18px;box-shadow:0 4px 20px #0009,inset 0 1px #ffffff08;overflow:hidden;position:relative}.inlineEditPanel:before{content:"";position:absolute;top:0;left:0;right:0;border-top:1px dashed #2d3033;border-radius:12px 12px 0 0;pointer-events:none}.inlineEditHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.inlineEditHeader h3{margin:0;color:#fff;font-size:18px}.inlineEditActions{display:flex;gap:8px;align-items:center}.inlineEditTableWrap{overflow:auto}.inlineEditTable{background:#0f1319}.inlineEditTable th{background:#0a0c10;color:#a8b0bc;font-size:12px;font-weight:700;letter-spacing:.6px;border-bottom:1px solid #181c23;border-right:1px solid #181c23;white-space:nowrap}.inlineEditTable td{color:#d6dde7;font-size:12px;border-bottom:1px solid #0f1116;border-right:1px solid #0f1116;white-space:nowrap}.dataPill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:10px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;background:#121722;color:#e4e8ee;border:1px solid #1c2029}.dataPill.neutral{background:#13171f;color:#e4e8ee}.dataPill.subtle{background:#10141b;color:#b3bdc9}.planningTableWrapper::-webkit-scrollbar,.planningTableContainer::-webkit-scrollbar,.inlineEditTableWrap::-webkit-scrollbar{width:8px;height:8px}.planningTableWrapper::-webkit-scrollbar-track,.planningTableContainer::-webkit-scrollbar-track,.inlineEditTableWrap::-webkit-scrollbar-track{background:#000}.planningTableWrapper::-webkit-scrollbar-thumb,.planningTableContainer::-webkit-scrollbar-thumb,.inlineEditTableWrap::-webkit-scrollbar-thumb{background:#0f1116;border-radius:10px}.planningTableWrapper::-webkit-scrollbar-thumb:hover,.planningTableContainer::-webkit-scrollbar-thumb:hover,.inlineEditTableWrap::-webkit-scrollbar-thumb:hover{background:#1c2028}.planningEmptyState{width:100%;height:100%;display:grid;grid-template-columns:360px 1fr;background:linear-gradient(135deg,#08090b,#0e1014,#0a0c0f);color:#d6dde7;font-family:Kanit,sans-serif;overflow:hidden}.planningEmptySidebar{border-right:1px solid #1f2228;padding:28px 24px;display:flex;flex-direction:column;gap:16px;background:#0b0d11}.sidebarHeader{display:flex;flex-direction:column;gap:6px}.sidebarHeader .sidebarPill{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:20px;border:1px solid #1f2228;color:#41ff88;background:#41ff8814;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.sidebarHeader .sidebarHint{margin:0;color:#8e95a3;font-size:13px}.sidebarCard{background:linear-gradient(180deg,#10131a,#0d0f14);border:1px solid #1f2228;border-radius:12px;padding:18px 16px;box-shadow:0 18px 48px #00000073;display:flex;flex-direction:column;gap:10px}.sidebarCard h2{margin:0;color:#fff;font-size:20px;letter-spacing:.3px}.sidebarCard .muted{color:#8e95a3;margin:0;font-size:13px;line-height:1.4}.sidebarCard .sidebarSteps{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:8px}.sidebarCard .sidebarSteps li{display:flex;align-items:center;gap:8px;color:#c5ccd6;font-size:13px}.sidebarCard .stepBadge{width:26px;height:26px;border-radius:50%;background:#151a21;border:1px solid #1f2228;color:#41ff88;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.sidebarCard .legend{display:flex;align-items:center;gap:10px;margin-top:4px}.sidebarCard .legendDot{width:12px;height:12px;border-radius:50%;display:inline-flex;border:1px solid #1f2228}.sidebarCard .legendDot.active{background:#41ff88}.sidebarCard .legendDot.inactive{background:#ff6b6b}.sidebarCard .legendLabel{color:#8e95a3;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.sidebarFooter{display:flex;gap:10px;margin-top:auto;flex-wrap:wrap}.tag{padding:6px 12px;border-radius:8px;border:1px solid #1f2228;background:#0f1319;color:#c5ccd6;font-size:12px;letter-spacing:.3px}.tag.subtle{color:#8e95a3;background:#0c0f13}.planningEmptyPreview{display:flex;flex-direction:column;padding:28px;gap:14px;overflow:hidden}.previewHeader{display:flex;align-items:center;justify-content:space-between}.previewHeader h3{margin:4px 0 0;color:#fff;font-size:18px}.previewHeader .muted{margin:6px 0 0;color:#8e95a3;font-size:13px}.eyebrow{margin:0;color:#6d7480;font-size:11px;text-transform:uppercase;letter-spacing:1px}.statusChip{padding:8px 12px;border-radius:8px;font-size:12px;letter-spacing:.4px;text-transform:uppercase;border:1px solid #1f2228;background:#41ff8814;color:#41ff88}.mutedChip{background:#13171f;color:#8e95a3}.previewToolbar{display:flex;gap:10px;flex-wrap:wrap}.toolbarItem{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:#0f1319;border:1px solid #1f2228;color:#c5ccd6;font-size:12px}.toolbarItem .toolbarIcon{color:#41ff88;display:inline-flex;align-items:center}.previewTable{border:1px solid #1f2228;border-radius:12px;overflow:hidden;background:#0b0e13;box-shadow:inset 0 1px #ffffff05}.previewHeaderRow{display:grid;grid-template-columns:80px 110px 80px 120px 120px 120px 110px repeat(4,1fr);background:#0f1218;border-bottom:1px solid #1f2228}.previewHeaderCell{padding:12px 10px;color:#9aa2ad;font-size:11px;letter-spacing:.6px;text-transform:uppercase;border-right:1px solid #1f2228}.previewHeaderCell:last-child{border-right:none}.previewBody{display:flex;flex-direction:column}.previewRow{display:grid;grid-template-columns:80px 110px 80px 120px 120px 120px 110px repeat(4,1fr);min-height:40px;border-bottom:1px solid #11151c}.previewRow:nth-child(odd){background:#0e1117}.previewRow:nth-child(2n){background:#0c0f14}.previewCell{padding:10px;color:#c5ccd6;font-size:12px;border-right:1px solid #11151c;display:flex;align-items:center}.previewCell:last-child{border-right:none}.previewCell .placeholderDot{width:10px;height:10px;border-radius:50%;background:#1f2228;display:inline-flex}.statusBadge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:Kanit,sans-serif}.statusBadge.active{background-color:#41ff8826;color:#41ff88;border:1px solid #41ff88}.statusBadge.inactive{background-color:#b3b3b326;color:#b2b7bf;border:1px solid #b2b7bf}.actionsMenu .menuItem{color:#fff!important;font-size:13px!important;padding:10px 16px!important;transition:background-color .2s ease;font-family:Kanit,sans-serif}.actionsMenu .menuItem:hover{background-color:#25262d!important}.actionsMenu .menuItem svg{color:#41ff88}.dialogTitle{color:#fff!important;font-size:18px!important;font-weight:600!important;padding:24px!important;border-bottom:1px solid #2d3033;text-transform:uppercase;letter-spacing:.5px;font-family:Kanit,sans-serif}.dialogContent{padding:24px!important;color:#fff;background-color:#060707}.dialogContent .formGroup{margin-bottom:24px}.dialogContent .formGroup:last-child{margin-bottom:0}.dialogContent .formLabel{display:block;font-size:12px;font-weight:600;color:#fff;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;font-family:Kanit,sans-serif}.dialogContent .formInput{width:100%}.uploadErrorPanel{margin-top:20px;padding:16px;background-color:#ef53501a;border:1px solid rgba(239,83,80,.4);border-radius:8px;max-height:280px;display:flex;flex-direction:column;min-height:0}.uploadErrorPanel .uploadErrorPanelHeader{display:flex;align-items:center;gap:8px;margin-bottom:8px}.uploadErrorPanel .uploadErrorIcon{color:#ef5350;font-size:20px;flex-shrink:0}.uploadErrorPanel .uploadErrorTitle{font-size:13px;font-weight:600;color:#ef5350;text-transform:uppercase;letter-spacing:.5px}.uploadErrorPanel .uploadErrorSummary{font-size:13px;color:#b2b7bf;margin:0 0 8px;line-height:1.4}.uploadErrorPanel .uploadErrorHint{font-size:12px;color:#797e86;margin:0 0 12px}.uploadErrorPanel .uploadErrorList{overflow-y:auto;flex:1;min-height:0;font-size:12px;font-family:monospace;color:#b2b7bf;padding-right:4px}.uploadErrorPanel .uploadErrorList::-webkit-scrollbar{width:6px}.uploadErrorPanel .uploadErrorList::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.uploadErrorPanel .uploadErrorList::-webkit-scrollbar-thumb{background:#2d3033;border-radius:3px}.uploadErrorPanel .uploadErrorItem{padding:4px 0;border-bottom:1px solid rgba(45,48,51,.5);line-height:1.3}.uploadErrorPanel .uploadErrorItem:last-child{border-bottom:none}.dialogActions{padding:20px 24px!important;border-top:1px solid #2d3033;display:flex;gap:12px;justify-content:flex-end;background-color:#060707}.cancelButton,.confirmButton,.deleteConfirmButton,.saveButton{font-weight:600!important;text-transform:uppercase!important;font-size:12px!important;padding:10px 20px!important;border-radius:4px!important;transition:all .3s ease!important;letter-spacing:.5px;font-family:Kanit,sans-serif}.cancelButton{color:#fff!important;border:1px solid #2d3033!important;background-color:transparent!important}.cancelButton:hover:not(:disabled){background-color:#ffffff1a;border-color:#fff}.cancelButton:disabled{opacity:.5;cursor:not-allowed}.saveButton,.confirmButton{background-color:#41ff88!important;color:#000!important}.saveButton:hover:not(:disabled),.confirmButton:hover:not(:disabled){background-color:#2da66a!important;transform:scale(1.02)}.saveButton:active:not(:disabled),.confirmButton:active:not(:disabled){transform:scale(.98)}.saveButton:disabled,.confirmButton:disabled{opacity:.6;cursor:not-allowed}.saveButtonPseudoDisabled{opacity:.5;background-color:#2a8f58!important;color:#000000bf!important;cursor:not-allowed!important;position:relative;pointer-events:auto!important;transform:none!important}.saveButtonPseudoDisabled:hover{background-color:#2a8f58!important;transform:none!important}.saveButtonPseudoDisabled:hover:after{opacity:1}.deleteConfirmButton{background-color:#ff6b6b!important;color:#fff!important}.deleteConfirmButton:hover:not(:disabled){background-color:#f44!important;transform:scale(1.02)}.deleteConfirmButton:active:not(:disabled){transform:scale(.98)}.deleteConfirmButton:disabled{opacity:.6;cursor:not-allowed}.uploadZone{border:2px dashed #2d3033;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#1b1d20;position:relative}.uploadZone:hover{border-color:#41ff88;background-color:#41ff880d}.uploadZone.active{border-color:#41ff88;background-color:#41ff881a}.uploadZone.hasFile{border-color:#41ff88;background-color:#41ff880d}.uploadZone .uploadIcon{font-size:48px!important;color:#41ff88;margin-bottom:12px}.uploadZone .uploadText{font-size:14px;color:#fff;margin:8px 0;font-family:Kanit,sans-serif}.uploadZone .uploadText .clickText{color:#41ff88;font-weight:600}.uploadZone .uploadSubtext{font-size:12px;color:#797e86;margin:0;font-family:Kanit,sans-serif}.uploadZone .fileInputLabel{cursor:pointer;display:block}.fileSelected{margin-top:16px;padding:12px 16px;background-color:#41ff881a;border:1px solid #41ff88;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.fileSelected .selectedFileName{color:#41ff88;font-size:13px;margin:0;font-weight:500;font-family:Kanit,sans-serif}.fileSelected .removeFileButton{padding:6px 12px;background-color:transparent;border:1px solid #41ff88;color:#41ff88;border-radius:3px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.fileSelected .removeFileButton:hover:not(:disabled){background-color:#41ff88;color:#000}.fileSelected .removeFileButton:disabled{opacity:.5;cursor:not-allowed}.confirmMessage{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0}.confirmMessage .messageIcon{font-size:48px!important;color:#41ff88}.confirmMessage .messageIcon.deleteIcon{color:#ff6b6b}.confirmMessage p{margin:0;font-size:14px;color:#fff;text-align:center}.confirmMessage p strong{color:#41ff88;font-weight:600}.confirmMessage p.subText{font-size:12px;color:#797e86}.planningFooter{display:flex;justify-content:flex-end;align-items:center;padding:16px 0;border-top:1px solid #2d3033;margin-top:20px}.uploadPlanLink{padding:10px 20px;background-color:transparent;color:#b2b7bf;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Kanit,sans-serif;text-transform:uppercase;letter-spacing:.5px}.uploadPlanLink:hover{color:#41ff88;transform:scale(1.02)}.uploadPlanLink:active{transform:scale(.98)}.uploadPlanLink:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.planningContainer{padding:16px}.planningHeader{flex-direction:column;align-items:flex-start;gap:12px}.planningHeader h2{font-size:20px}.uploadPlanButton{width:100%;justify-content:center}.planningTable .tableHeaderCell,.planningTable .tableBodyCell{padding:12px 8px!important;font-size:12px}}@media (max-width: 768px){.planningContainer{padding:12px}.planningHeader h2{font-size:18px}.uploadZone{padding:24px 12px}.uploadZone .uploadIcon{font-size:36px!important}}.mineplanEditHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-top:4px;flex-shrink:0;background:transparent}.mineplanEditHeader h3{margin:0;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.mineplanEditHeaderActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mineplanEditBody{flex:1;min-height:0;overflow:hidden;padding-bottom:12px;background:transparent}.mineplanEditCard{padding:0;background:transparent;border:none}.mineplanEditGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}.mineplanField{display:flex;flex-direction:column;gap:4px}.mineplanField label{color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.mineplanField .mineplanReactSelect{width:100%}.mineplanField .MuiOutlinedInput-root{background:#111214;border-radius:8px;color:#fff;min-height:36px}.mineplanField .MuiOutlinedInput-root fieldset{border-color:#2a2f39}.mineplanField .MuiOutlinedInput-root:hover fieldset{border-color:#3b4250}.mineplanField .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#41ff88}.mineplanField .MuiOutlinedInput-root input,.mineplanField .MuiOutlinedInput-root .MuiSelect-select{color:#fff;font-size:12px;padding:8px 10px}.mineplanField .MuiInputBase-input::placeholder{color:#a8afb9;opacity:1}.mineplanMonthField .MuiOutlinedInput-root,.mineplanMonthField .MuiInputBase-input,.mineplanMonthField input[type=month]{cursor:pointer!important}.mineplanMonthField input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer}.mineplanFieldDisabled{opacity:.6;pointer-events:none}.mineplanFieldDisabled label{color:#797e86}.mineplanFieldFull{grid-column:1/-1}.mineplanEditRowActions{display:flex;justify-content:flex-end;margin-top:8px}.mineplanEmpty{color:#797e86;padding:20px;text-align:center}@media (max-width: 900px){.mineplanEditGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.mineplanFieldFull{grid-column:auto}.mineplanEditHeader{flex-direction:column;align-items:flex-start}.mineplanEditHeaderActions{width:100%}}@media (max-width: 600px){.mineplanEditGrid{grid-template-columns:1fr}}.successSection{padding:10px}.successSection--withMargin{margin-bottom:16px}.successSectionHeader{display:flex;align-items:center;gap:8px;margin-bottom:10px}.successSectionLabel{color:#e0e0e0;font-weight:600;font-size:14px}.successSectionLabel--sm{font-size:13px}.successStatsList{display:flex;flex-direction:column;gap:6px}.successStatsList--indented{padding-left:26px}.successStatRow{display:flex;justify-content:space-between;padding:5px 10px;background-color:#2a2a2a;border-radius:4px}.successStatLabel{color:#888;font-size:12px}.successStatValue{font-weight:700;font-size:12px}.diffSection{padding:10px 16px}.diffSectionHeader{margin-bottom:8px;color:#888;font-size:13px}.diffSectionHeader--spaced{margin-top:14px}.diffRow{display:flex;justify-content:space-between;padding:6px 10px;background-color:#2a2a2a;border-radius:4px;margin-bottom:6px}.diffRowLabel{color:#ccc}.applyButtonSection{padding:8px 16px}.applyButtonSectionRow{display:flex;align-items:center;gap:8px;margin-bottom:8px}.applyButtonSectionIcon{display:flex;align-items:center;justify-content:center}.applyButtonSectionIcon--deleted{color:#ff6b6b}.applyButtonSectionIcon--new{color:#41ff88}.applyButtonSectionIcon--edited{color:#ffd166}.applyButtonSectionLabel{flex:1;color:#888;font-size:12px;font-weight:600;letter-spacing:.5px}.applyButtonSectionCount{color:#e0e0e0;font-weight:700;font-size:13px}.applyButtonChips{display:flex;flex-wrap:wrap;gap:6px;padding-left:4px}.applyButtonChip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:12px;font-size:12px;background-color:#2a2a2a;color:#e0e0e0}.applyButtonChip--deleted{border:1px solid rgba(255,107,107,.2)}.applyButtonChip--new{border:1px solid rgba(65,255,136,.2)}.applyButtonChip--edited{border:1px solid rgba(255,209,102,.2)}.applyButtonChipDot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.applyButtonChipDot--deleted{background-color:#ff6b6b}.applyButtonChipDot--new{background-color:#41ff88}.applyButtonChipDot--edited{background-color:#ffd166}._topBarRight_110zq_1{display:flex;align-items:center;gap:8px;flex-shrink:0;justify-content:flex-end}._notificationSlot_110zq_9{flex-shrink:0;display:flex;align-items:center}._planDetailBulkApplyPortal_110zq_15{margin-right:0;display:flex;align-items:center;justify-content:flex-end;gap:5px}._planDetailCancelWrap_110zq_23{display:flex;justify-content:flex-end}._planDetailApplyWrap_110zq_28{display:flex;justify-content:flex-end;margin-right:8px}._planEditingChip_110zq_34{display:inline-flex;align-items:center;min-height:24px;padding:2px 10px;border-radius:8px;font-size:11px;font-weight:600;letter-spacing:.4px;color:#8fc6ff;background:#2f80ed33;vertical-align:middle}._headerStatusChip_110zq_48{margin-left:12px;vertical-align:middle;display:inline-flex;align-items:center;min-height:24px;padding:2px 10px;font-size:11px;font-weight:600}._roadPill_110zq_59{display:inline-flex;align-items:center;min-height:24px;padding:2px 10px;border-radius:8px;font-size:11px;font-weight:600;letter-spacing:.4px;color:#ffb347;background:#ff780033;vertical-align:middle}._dumpModePill_110zq_73{display:inline-flex;align-items:center;min-height:24px;padding:2px 10px;border-radius:8px;font-size:11px;font-weight:600;letter-spacing:.4px;color:#8fc6ff;background:#2f80ed33;vertical-align:middle}._polygonPill_110zq_87{display:inline-flex;align-items:center;min-height:24px;padding:2px 10px;border-radius:8px;font-size:11px;font-weight:600;letter-spacing:.4px;color:#c9f;background:#8000ff33;vertical-align:middle}._actionPanelBtnTextContainer_110zq_101{display:flex;justify-content:center;align-items:center;column-gap:6px}._actionPanelBtnTextContainer_110zq_101 ._button_110zq_107{display:flex;cursor:pointer;align-items:center;border-radius:7px;padding:0 4px}._actionPanelBtnTextContainer_110zq_101 ._button_110zq_107:hover{background-color:var(--primary-color);color:#000}._actionPanelBtnTextContainer_110zq_101 ._button_110zq_107 svg{height:28px;width:28px}._actionPanelBtnTextContainer_110zq_101 ._button_110zq_107 svg{transition:transform .25s ease-in-out;transform:rotate(180deg)}._actionPanelBtnTextContainer_110zq_101 ._button_110zq_107._active_110zq_126{background-color:var(--primary-color);color:#000}._actionPanelBtnTextContainer_110zq_101 ._button_110zq_107._active_110zq_126 svg{transform:rotate(0)}._actionPanelBtnTextContainer_110zq_101 ._button_110zq_107._active_110zq_126:hover{opacity:.8}._actionPanelBtnTextContainer_110zq_101 ._button_110zq_107._hide_110zq_136{opacity:0;cursor:auto}._active_110zq_126{background-color:var(--primary-color)!important;color:#000!important}._active_110zq_126 svg{transform:rotate(0)!important}._active_110zq_126:hover{opacity:.8}._card_1exhv_1{border-radius:16px;width:280px;padding:13px 12px;background-color:var(--colors-secondary-light);box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 1513px){._card_1exhv_1{width:233px}}._headerRow_1exhv_17{display:flex;align-items:flex-start;gap:10px}._headerRow_1exhv_17 p{margin:0;font-size:25px}._title_1exhv_27{font-size:20px;line-height:1.2;font-weight:600;letter-spacing:.03em}._equipmentIcon_1exhv_34{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;flex:0 0 auto;box-shadow:inset 0 0 0 1px #00000040}._equipmentIcon_1exhv_34 img{display:block;object-fit:contain}._fallbackIcon_1exhv_49{font-size:16px;line-height:1;opacity:.8}._modelSerialRow_1exhv_55{display:flex;justify-content:flex-start;gap:10px}._modelSerialContainer_1exhv_61{background-color:#2d3033;padding:2px 12px;border-radius:4px;font-size:12px}@media (max-width: 1513px){._modelSerialContainer_1exhv_61{font-size:11px;padding:2px 0}}._smrTitle_1exhv_74{margin:0;text-align:start;font-size:14px}._smrValue_1exhv_80{display:flex;justify-content:flex-start;gap:20px;font-size:12px}._card_hmr7k_1{flex:1;background:var(--colors-secondary-light);border-radius:12px;display:flex;padding:12px 12px 15px;flex-direction:column}._availabilityCard_hmr7k_10,._utilizationCard_hmr7k_14{max-width:300px}._cardHeader_hmr7k_18{font-size:16px;font-weight:600;letter-spacing:.08em;color:#e5e7eb}._cardBody_hmr7k_25{display:flex;align-items:flex-end;justify-content:center;gap:50px}._legend_hmr7k_32{width:110px;display:flex;flex-direction:column;gap:14px;margin-bottom:5px}._legendItem_hmr7k_40{display:flex;align-items:center;gap:35px;font-size:13px;color:#9ca3af}._legendLabelGroup_hmr7k_48{display:flex;align-items:center;gap:2px}._legendColor_hmr7k_54{width:15px;height:15px;border-radius:2px}._legendLabel_hmr7k_48{min-width:28px;cursor:default}._legendValue_hmr7k_65{margin-left:auto;color:#fff}._container_5js4r_1{position:relative;height:100%;width:100%;display:flex;flex-direction:column}._searchBarContainer_5js4r_9{padding:5px 0}._equipmentsListContainer_5js4r_13{flex:1;overflow-y:auto;overflow-x:hidden}._equipmentsGrid_5js4r_19{display:grid;grid-template-columns:repeat(2,1fr);row-gap:15px;column-gap:10px;padding:14px 0 80px}._equipmentPill_5js4r_27{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;height:48px;border-radius:8px;border:1px solid #2d3033;background-color:#0f1114;color:#e5e7eb;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:background-color .18s ease,border-color .18s ease,transform .08s ease}._equipmentPill_5js4r_27:hover{border-color:#3a3d42;background-color:#15181d}._equipmentPill_5js4r_27:active{transform:translateY(1px)}._equipmentPill_5js4r_27:focus-visible{outline:2px solid rgba(255,255,255,.2);outline-offset:2px}._equipmentSelected_5js4r_55{border-color:var(--primary-color)!important;background-color:#21252b}._equipmentIcon_5js4r_60{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;flex:0 0 auto;box-shadow:inset 0 0 0 1px #00000040}._equipmentIcon_5js4r_60 img{display:block;object-fit:contain}._fallbackIcon_5js4r_75{font-size:14px;line-height:1;opacity:.8}._equipmentLabel_5js4r_81{font-family:Kanit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}._equipmentPlate_5js4r_91{position:relative;height:auto;width:auto;display:flex;align-items:center;max-height:50px;padding:1px 5px 1px 1px;min-height:50px;justify-content:center;cursor:pointer;box-sizing:border-box;transition:transform .2s ease-in-out;background:none;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}._equipmentPlate_5js4r_91:hover{transform:scale(1.02)}._equipmentPlate_5js4r_91:before{content:"";position:absolute;top:.75px;left:.75px;right:.75px;bottom:.75px;background:var(--grey-line);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transform:scale(1.08);z-index:-2}._equipmentPlate_5js4r_91:after{content:"";position:absolute;top:.75px;left:.75px;right:.75px;bottom:.75px;background:var(--blue-tint-grey);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);z-index:-1}._root_1rwr6_1{display:block}._selectedLayout_1rwr6_5{background-color:#1b1d20;height:94vh}._layoutRow_1rwr6_10{display:flex;gap:5px;height:100%}._sidePanel_1rwr6_16{width:214px;background-color:var(--colors-secondary-light);transition:width .25s ease;display:flex;align-items:flex-start;padding:8px;flex-direction:column;border-top:1px solid var(--colors-border)}._sidePanel_1rwr6_16._collapsed_1rwr6_26{width:20px}._toggleButtonWrapper_1rwr6_30{display:flex;justify-content:space-between;width:100%}._toggleButtonWrapper_1rwr6_30 span{font-size:18px}._toggleButtonWrapper_1rwr6_30{margin-bottom:10px}._toggleButton_1rwr6_30{padding:0;background-color:transparent;color:#fff;border:none}._toggleButton_1rwr6_30:focus{outline:none}._toggleButton_1rwr6_30:hover{border:none}._toggleIcon_1rwr6_55{display:inline-flex;transition:transform .25s ease}._sidePanel_1rwr6_16._collapsed_1rwr6_26 ._toggleIcon_1rwr6_55{transform:rotate(180deg)}._contentArea_1rwr6_63{padding-top:10px;flex:1}._topRowContainer_1rwr6_68{width:96%}._bottomRowContainer_1rwr6_72{width:96%;margin-top:10px}@media (min-width: 1921px){._topRowContainer_1rwr6_68,._bottomRowContainer_1rwr6_72{width:97%}}@media (min-width: 3139px){._topRowContainer_1rwr6_68,._bottomRowContainer_1rwr6_72{width:98%}}._container_1wxzw_1{background:var(--colors-secondary-light);border-radius:12px;position:relative;padding:12px}._header_1wxzw_8{font-size:18px;margin:0 0 12px 12px;text-align:left}._timeSliderContainer_1wxzw_16{padding:0 20px;margin:10px 0}._card_ntjy3_1{border-radius:16px;padding:13px 18px;max-width:400px;min-width:200px;flex-grow:1;background-color:var(--colors-secondary-light);box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}._cardHeader_ntjy3_14{font-size:16px;font-weight:600;letter-spacing:.08em;color:#e5e7eb;text-align:start}._dataRow_ntjy3_22{display:grid;grid-template-columns:1fr auto auto}._dataRow_ntjy3_22:not(:last-child){border-bottom:1px solid #2d3033}._dataTitle_ntjy3_30{font-size:14px;text-align:start;opacity:.6}._dataValue_ntjy3_36{font-size:14px;font-weight:600;text-align:right}._dataValue_ntjy3_36 span{font-size:16px}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;margin:0;color-scheme:dark;color:#fff;background-color:#1b1212;height:100%;width:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #41ff88;--primary-secondary-color: #000000;--addition-accent: #ff840a;--secondary: #797e86;--secondary-dark: #235f60;--main-dark: #235f60;--main-light: #89e025;--secondary-light: #89e025;--background-color: #ffffff;--red-light: #ff9cc1;--orange-light: #ff9243;--red-dark: #a31010;--green-dark: #1a3b1c;--blue-dark: #27401e;--yellow-dark: #cca460;--rose-dark: #a46c98;--purple-dark: #422a87;--turquoise-dark: #29615e;--red-mute: #febebb;--green-mute: #ebfebb;--blue-mute: #ebfefb;--yellow-mute: #fffce7;--rose-mute: #fceffa;--purple-mute: #f8fcf9;--turquoise-mute: #fcfcf4}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:#ffffff4d}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:#000;background-color:#5efd9c;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#core-concepts{padding:2rem;border-radius:6px;background-color:#140524;box-shadow:0 2px 8px #0006}main h2{text-align:center;font-family:Roboto Condensed,sans-serif;margin:0 0 1.5rem;color:#a18aba}#core-concepts ul{list-style:none;padding:0;margin:0;display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}#core-concepts li{width:10rem;text-align:center}#core-concepts li img{height:4rem;width:6rem;object-fit:cover}#core-concepts li h3{margin:.5rem 0}#core-concepts li p{font-size:.9rem}#examples{margin:3rem auto}#examples h2{text-align:left}#examples menu{margin:1rem 0;padding:0;display:flex;gap:.5rem;list-style:none}#examples menu button{padding:.5rem 1rem;border:none;border-radius:6px;background-color:transparent;color:#a18aba;font-family:Roboto Condensed,sans-serif;font-size:1rem;cursor:pointer;transition:all .2s ease-in-out}#examples menu button:hover{background-color:#1b082f;color:#ebe7ef}#examples menu button.active{background-color:#7925d3;color:#ebe7ef}#tab-content{padding:1rem;border-radius:6px;background-color:#2f1d43;box-shadow:0 2px 8px #0000004d}#tab-content h3{margin:0}#tab-content code{font-size:1rem}