@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:RobotoSemiBold;src:url(/fonts/roboto/Roboto-SemiBold.ttf) format("truetype")}@font-face{font-family:RobotoBold;src:url(/fonts/roboto/Roboto-Bold.ttf) format("truetype")}p{margin:0}button,input{background-color:transparent;outline:none;border:none}.dashboard{display:flex;flex-direction:column;height:100vh;width:100vw}.main-container{display:flex;height:calc(100vh - 64px);height:100vh;width:100vw;background-color:(243,242,245)}.main-content{width:85%;height:calc(100vh - 64px);flex-grow:1;padding:16px;background-color:#f1f0f3;overflow-y:auto}.main-content::-webkit-scrollbar{height:8px;width:4px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:10px}.main-content::-webkit-scrollbar-thumb:hover{background:#e0e0e0}.nav-right{display:flex;align-items:center;gap:24px;position:relative}.profile-button{background-color:transparent;border:none;padding:0}@media screen and (max-width:1400px){.main-content{width:85%;flex-grow:1;padding:16px}}.entire-loading{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.graph-container-in{width:100%;display:flex;flex-direction:column;padding:16px}.pie-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pie-chart-title{font-size:16px;font-weight:600;color:#000}.graph-toggle-group{display:flex;gap:8px}.graph-toggle-btn{background-color:#f5f6fa;border:1px solid rgb(197,207,220);color:#000;padding:4px 10px;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s ease-in-out}.graph-toggle-btn:hover{background-color:#e8ebf8}.graph-toggle-btn.active{background-color:#27a5a5;color:#fff;border-color:#27a5a5}.pie-chart-wrapper{display:flex;gap:12px;align-items:stretch}.pie-legend-scroll-container{display:flex;flex-direction:column;overflow-y:auto;gap:8px;justify-content:center;flex:0 0 140px;flex:0 0 40%;height:100%;max-height:225px}.pie-legend-scroller{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:225px}.pie-chart{width:100%;aspect-ratio:1 / 1}.legend-item{display:flex;align-items:center;gap:6px}.legend-color{width:16px;height:16px;border-radius:50%}.main-card-1{width:100%}@media(max-width:1449px){.graph-container-in.pie{width:100%}.pie-chart-wrapper{flex-direction:column}.pie-chart-header{flex-wrap:wrap}.pie-chart-title{font-size:16px}.pie-legend-scroller{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;max-height:30px;overflow-x:auto;padding-bottom:4px}.legend-item{width:auto}}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:RobotoSemiBold;src:url(/fonts/roboto/Roboto-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:RobotoBold;src:url(/fonts/roboto/Roboto-Bold.ttf) format("truetype")}.overview-container{display:flex;flex-direction:column;gap:16px;height:calc(100vh - 150px)}.calendar-hotspot-dot{width:6px;height:6px;background-color:#e53935;border-radius:50%;margin:2px auto 0}.overview-bottom{display:flex;width:100%;justify-content:space-between;gap:1rem}.overview-bottom-left{display:flex;flex-direction:column;gap:16px;width:100%}.overview-bottom-right{display:flex;flex-direction:column;gap:16px;flex-grow:1;background-color:#fff;width:30%;border-radius:8px}.overview-container *{font-family:Roboto}.overview-content-contianer{display:flex;width:100%;align-items:flex-start;flex-direction:column;justify-content:space-between;gap:16px;height:100%}.card-section{display:flex;width:100%;gap:1rem}.main-card-section{display:flex;flex-direction:column;width:70%;gap:16px;overflow:hidden}.detail-cards{width:70%;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{height:100px;background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 2px #0000001f;border:1px solid rgba(189,200,215,.3);text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.snall-card-img{width:60px;height:40px}.text-section{display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:10px}.graph-container{display:flex;gap:16px;width:100%;flex-wrap:wrap}.graph-container.overview{flex-grow:1}.graph-container.overview{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:16px;width:70%}.pie-graph-container{grid-column:1}.incident-trends-list-container{grid-column:2}.graph-container.overview>:last-child{grid-column:1 / span 2}.pie-graph-container{display:flex;width:auto;background-color:#fff;border-radius:8px}.incident-trends-list-container{display:flex;flex-direction:column;background-color:#fff;border-radius:8px}.small-card-title{font-family:Roboto;font-weight:400;font-size:14px;text-align:left;color:#666}.small-card-value{font-family:RobotoBold;font-weight:700;font-size:21px;color:#1a1a1a}.small-card-img{width:45px;height:45px}.safetyscore-card{border:1px solid rgba(235,237,238,1);background:#33459d;box-shadow:0 2px 4px #0000001f;border-radius:8px;padding:16px;width:30%;height:217px;display:flex;align-items:center;justify-content:space-between}.safety-align{display:flex;flex-direction:column;gap:10px}.safetyscore-title-container{display:flex;width:100%;gap:4px;flex-direction:column}.safetyscore-title{font-family:RobotoSemiBold;font-weight:600;font-size:22px;color:#fff}.safetyscore-value{font-family:RobotoSemiBold;font-weight:600;font-size:40px;color:#fff}.safetyscore-title-2{font-family:Roboto;font-weight:500;font-size:10px;color:#fff}.safetyscore-value-2{background:#d8f2ee;border-radius:2px;padding:2px 10px;display:flex;align-items:center;justify-content:space-between;width:65px}.safetyscore-value-2-text{font-family:Roboto;font-weight:500;font-size:14px;color:#27a5a5}.safety-text-section{display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:16px;flex-basis:50%}.gauge-chart-container{flex-basis:50%;width:100%;height:100%;max-width:50%;position:relative;overflow:hidden}.gauge-chart-container svg{width:100%!important;height:auto!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pie-graph-container,.incident-trends-list-container{width:100%;border:.5px solid #bdc8d74d;background:#fff;border-radius:8px}.main-card-2{width:30%;box-shadow:0 1px 2px #00000026;border:.5px solid #bdc8d74d;background:#fff;height:657px;border-radius:8px;gap:16px;border-width:.5px;padding:16px;display:flex;flex-direction:column}.main-card-3{width:100%;box-shadow:0 1px 2px #00000026;border:.5px solid #bdc8d74d;background:#fff;height:320px;border-radius:8px;gap:20px;border-width:.5px;padding:20px}.pie-chart-header{display:flex;align-items:center;justify-content:space-between}.pie-chart-title{font-family:RobotoSemiBold;font-weight:600;font-size:20px}.pie-buttons{display:flex;align-items:center;gap:16px}.pie-chart-button{font-family:RobotoSemiBold;font-weight:600;font-size:12px;background:#fff;color:#1a1a1a;border:1px solid #bdc8d7;width:74;height:24;border-radius:4px;padding:7px 16px;gap:20px}.pie-chart-button.active{background:#27a5a5;color:#fff}.pie-container{display:flex;align-items:center;justify-content:center}.pie-chart{width:75%;display:flex;justify-content:center}.pie-legend{width:50%;display:flex;flex-direction:column;align-items:flex-start}.legend-items{display:grid;gap:18px;margin-top:10px}.legend-item{display:flex;align-items:center;gap:10px}.pagination-buttons{margin-top:10px}.pie-legend-text{font-family:Roboto;font-weight:400;font-size:16px;color:#454f5b}.latest-reports-container{display:flex;flex-direction:column;gap:16px;overflow-y:auto}.latest-reports-container::-webkit-scrollbar{height:8px;width:4px}.latest-reports-container::-webkit-scrollbar-track{background:transparent}.latest-reports-container::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:10px}.latest-reports-container::-webkit-scrollbar-thumb:hover{background:#e0e0e0}.latest-reports{display:flex;width:100%;height:180px;border-radius:8px;padding:12px;background:#f4f6f9;gap:10px;cursor:pointer}.overview-image-container{width:60%;height:100%;display:flex;align-items:center}.overview-image-container img{width:100%;height:100%;object-fit:contain}.overview-details{width:50%;display:flex;flex-direction:column;justify-content:center;gap:12px}.details-id{color:#161c24;font-family:Roboto;font-weight:500;font-size:18px}.details-date{font-weight:400;font-family:Roboto;color:#4f5b67;font-size:16px}.location-text{display:flex;align-items:center;gap:5px;font-family:Roboto;font-weight:500;font-size:16px}.violation-text{background:#fff;color:#27a5a5;font-family:" RobotoSemiBold";font-weight:600;font-size:14px;padding:6px 20px;border-radius:4px;text-transform:capitalize;display:inline-block;width:fit-content}.chart-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.chart-container::-webkit-scrollbar{height:8px;width:8px}.chart-container::-webkit-scrollbar-track{background:transparent}.chart-container::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:10px}.chart-container::-webkit-scrollbar-thumb:hover{background:#e0e0e0}.bar-align{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0}.overview-header-right{display:flex;align-items:center;justify-content:space-between;gap:15px;position:relative}.calender-button{display:flex;align-items:center;gap:8px;background-color:#fff;border:1px solid #ddd;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:14px;color:#333;box-shadow:0 2px 4px #0000000d;transition:all .2s ease-in-out}.calender-button:hover{background-color:#f5f5f5;border-color:#bbb}.calender-button-in-image-container{width:20px;height:20px}.calender-button-in-image-container img{width:100%;height:100%;object-fit:contain}.calender-container.overview{position:absolute;top:32px;right:0;z-index:1000;background-color:#fff;padding:12px;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 10px #0000001a}.react-calendar{border:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%}.react-calendar__tile{padding:8px 0}.react-calendar__tile--active{background:#1976d2;color:#fff;border-radius:6px}.react-calendar__tile--now{background:#e3f2fd;border-radius:6px}@media(max-width:480px){.calender-container.reports{right:auto;left:0}}@media(min-width:1450px)and (max-width:1650px){.small-card-title{font-size:12px}.small-card-value{font-size:18px}.small-card-img{width:40px;height:40px}.safetyscore-title{font-size:20px}.safetyscore-value{font-size:36px}.card{height:auto}.card{padding:8px}.safetyscore-card{height:auto}.pie-chart-title{font-size:18px}.high-risk-text,.medium-risk-text,.low-risk-text{font-size:12px;width:100px}.high-risk,.medium-risk,.low-risk,.details-id,.details-date{font-size:12px}.location-text,.violation-text{font-size:10px}}@media(max-width:1449px){.overview-container{height:calc(100vh - 82px)}.overview-content-contianer{overflow-y:auto}.small-card-title{font-size:14px}.small-card-value{font-size:16px}.safetyscore-card{flex-direction:column}.safety-text-section{flex-direction:row;flex-wrap:wrap;gap:0px;flex-basis:0%}.safetyscore-title-container{flex-direction:row}.safety-align{flex-direction:row;align-items:center}.small-card-img{width:24px;height:24px}.overview-bottom-left{display:flex;flex-direction:column;gap:16px;width:100%}.graph-container.overview{grid-template-columns:1fr}.overview-bottom-right{gap:16px}.safetyscore-title,.safetyscore-value{font-size:18px}.card{height:95px;padding:12px}.safetyscore-card{height:auto}.pie-chart-title{font-size:16px}.high-risk-text,.medium-risk-text,.low-risk-text,.high-risk,.medium-risk,.low-risk,.details-id,.details-date{font-size:11px}.high-risk-text,.medium-risk-text,.low-risk-text{width:100px}.location-text,.violation-text{font-size:9px}}.graph-container-in.trends-list{height:100%;align-items:stretch}.trend-list-container{max-height:225px;overflow-y:auto;border-radius:10px}.trend-item{display:flex;align-items:center;gap:10px;padding:4px 12px;border-radius:8px;margin-bottom:6px;font-size:13px;transition:background .2s ease}.trend-hour{flex-shrink:0;width:90px;font-weight:500}.trend-count{flex-grow:1;font-size:14px;color:#444;display:flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:4px}.trend-count.zero-count{background-color:#f1f0f3;color:#556478}.trend-count.nonzero-count{background-color:#fcf7e7;color:#cca204;font-weight:500}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#aaa}@media(max-width:1337px){.trend-list-container{max-height:300px}}.peak-violated-locations-container{display:flex;flex-direction:column;width:100%;gap:16px;background-color:#fff;padding:16px;flex-grow:1;border-radius:8px}.violation-cards{max-width:100%;display:grid;grid-template-columns:repeat(3,1fr);flex-direction:column;gap:.5rem;justify-content:start;overflow:auto;max-height:180px}.violation-each-card{display:flex;flex-direction:column;padding:8px;gap:.5rem}.violation-cards>:nth-child(2){border-left:1px solid rgb(231,241,255);border-right:1px solid rgb(231,241,255)}.zone-details{display:flex;flex-direction:column;align-items:flex-start}.violation-scroll-container{display:flex;flex-direction:column;gap:14px;overflow-y:auto;max-height:100%;padding-right:8px;scrollbar-width:thin;width:100%}.violation-card.better-ui{border-radius:14px;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;min-width:0;transition:box-shadow .18s,border-color .18s}.risk-badge{font-size:14px;font-weight:600;font-family:RobotoSemiBold;margin-bottom:5px;align-self:flex-start;letter-spacing:.8px;border:none;color:#000;box-shadow:none}.location-title{font-size:14px;display:flex;gap:.25rem;align-items:center;color:#454f5b;font-weight:600}.loc-count{font-size:12px;font-weight:400;color:#dba002}.violation-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.bar-and-count{width:100%;display:flex;border-radius:4px}.severity-badges{display:flex;flex-wrap:wrap;gap:20px;width:100%;border-radius:4px}.severity-group{display:flex;align-items:flex-start;padding:.25rem}.severity{font-size:13px;border-radius:7px;padding:2.5px 8px;display:inline-block;margin-bottom:2px}.severity-high{background:#faf6e6;color:#cca204;border-left:3px solid rgb(204,162,4)}.severity-medium{background:#f2f3ff;color:#33459d;border-left:3px solid rgb(51,69,157)}.severity-low{background:#e0f2f2;color:#27a5a5;border-left:3px solid rgb(39,165,165)}.violation-type-list{margin:0;padding:3px 0 0 5px;list-style:none}.violation-type-row{margin-bottom:0;font-size:13px;color:#565f72;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vt-name{color:#2f365f;font-weight:500}.vt-count{color:#4b5578;font-weight:400}.violation-scroll-container::-webkit-scrollbar{width:6px}.violation-scroll-container::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:4px}.peak-header{font-size:26px;font-family:RobotoBold,sans-serif;font-weight:700;letter-spacing:1px;margin-bottom:0;color:#27304a;text-align:center}.live-updates-card-wrapper{width:100%;display:flex;flex-direction:column;gap:12px;padding:.5rem;font-family:Inter,Roboto,sans-serif}.tabs-row{display:flex;gap:8px;padding:6px;background:transparent}.tab-pill{border:none;padding:8px 16px;border-radius:999px;background:#f2f4f8;color:#223;font-weight:600;cursor:pointer;font-size:13px;transition:all .12s ease}.tab-pill.active{background:#eef2ff;color:#24328f;box-shadow:0 4px 8px #22328f0f}.panels{display:block}.panel{height:50vh;overflow-y:auto;padding:8px;border-radius:8px}.panel.hidden{display:none}.panel.visible{display:block}.panel.visible.empty{display:flex;align-items:center;justify-content:center}.panel-empty{padding:16px;color:#667085;text-align:center;font-size:14px}.panel-list{display:flex;flex-direction:column;gap:12px}.lu-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:8px;background:#f7f8fb;border:1px solid rgba(15,23,42,.04)}.lu-disconnect{background:#f3f4f6;border-left:4px solid #f59e0b}.lu-update{background:#fff;border-left:4px solid transparent}.lu-left .lu-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff9;border-radius:8px;box-shadow:0 1px 2px #1018280a}.lc-left{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem;background-color:#efeff6;border-radius:6px}.camera-avatar{display:flex;align-items:center;justify-content:center;gap:.25rem}.lu-body{flex:1;display:flex;flex-direction:column;gap:6px;background-color:#f7f5ff;padding:.5rem;border-radius:6px}.lu-top{display:flex;justify-content:space-between;align-items:center}.lu-title{font-weight:700;font-size:16px;font-family:RobotoSemiBold;color:#0f172a}.lu-time{font-size:12px;color:#6b7280;min-width:48px;text-align:right}.lu-content{font-size:13px;color:#334155;margin-top:4px}.caret-highlight{display:inline-block;padding:2px 6px;border-radius:6px;background:#eaf2ff;color:#0b4bbd;font-weight:700;margin:0 4px 0 2px}.lu-actions{margin-top:6px}.btn-resolve{border:none;padding:6px 10px;border-radius:6px;background:#e6f9f0;color:#064;font-weight:700;cursor:pointer;font-size:12px}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-thumb{background:#6366f11f;border-radius:999px}@media(max-width:1449px){.camera-avatar>img{width:16px;height:16px}.lu-title{font-size:14px}.lc-location,.lc-time,.lu-time,.lu-top{font-size:12px}}@media(max-width:1337px){.panel{height:65vh;border-radius:8px}}.no-data-card-section{display:flex;align-items:center;justify-content:center;width:100%;border-radius:8px;height:calc(100vh - 150px);background-color:#fff}.no-data-in{display:flex;flex-direction:column;align-items:center;gap:.5rem;max-height:80%;justify-content:center}.no-data-img.live{width:80%}.no-data-title{font-family:RobotoSemiBold;font-size:16px}.no-data-desc{font-size:14px;text-align:center}.report-container{display:flex;flex-direction:column;justify-content:flex-start;gap:20px;width:100%;height:100%}.calendar-hotspot-dot{width:6px;height:6px;background:#e53935;border-radius:50%;margin:2px auto 0}.Unassigned-button,.flagged-neutral-button{height:33px;width:100px;border:1px solid rgba(189,200,215,1);border-radius:4px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:12px;font-weight:400;background-color:#fff}.assigned-button,.flagged-true-button{height:33px;width:100px;border-radius:4px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:12px;font-weight:400;background:#eae7ff;color:#33459d;border:1px solid rgba(189,200,215,1)}.image-container{position:relative;display:inline-block}.flag-value{position:absolute;top:7px;left:-4px;z-index:1}.report-align.location{position:absolute;bottom:7px;right:7px;background:#1c1c1ccc;color:#fff;padding:.25rem .5rem;border-radius:6px}.report-image{display:block;width:100%;height:auto}.report-header{display:flex;align-items:center;justify-content:space-between;font-family:inherit}.header-left{display:flex;align-items:center;justify-content:flex-start;gap:15px}.header-right{display:flex;align-items:center;justify-content:center;gap:15px;position:relative}.clear-button{padding:0;font-size:12px;font-weight:400;color:#33459d;border:none;background-color:transparent}.download-button{width:140px;font-size:14px;font-weight:500;background:#33459d;color:#fff;padding:0;height:33px;display:flex;align-items:center;justify-content:center;gap:12px}.flag-button{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid rgb(234,123,54)}.disabled{opacity:.8;cursor:not-allowed}.flag-save-btn,.flag-cancel-btn{width:2.35rem;height:2.35rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.flag-save-btn{background-color:#33459c;border:1px solid #33459c}.flag-cancel-btn{background-color:transparent;border:1px solid rgb(39,165,165)}.calender-button{display:flex;align-items:center;height:2rem;outline:none;border:1px solid rgb(204,212,224);background-color:#fff;border-radius:4px;color:#4a5567;padding:0;border-right:none;justify-content:space-between}.calender-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:25%;min-width:350px;position:absolute;right:0%;top:100%;z-index:99;background:#f9f9f9;box-shadow:0 6px 32px 10px #00000040;border-radius:.25rem;font-family:Inter}.react-calendar__navigation{width:100%;display:flex}.calender-container .react-calendar__tile--active{background-color:#33459c;color:#fff;border-radius:50%}.calender-container .react-calendar__tile--active:hover{background-color:#33459c;cursor:pointer}.react-calendar__tile{padding:0;height:3rem;width:3rem;padding:0rem}.react-calendar__month-view__weekdays__weekday{display:flex;align-items:center;justify-content:center}.calender-button span{padding:.25rem;display:flex;align-items:center;justify-content:center;color:#000}.calender-button-in-image-container{width:fit-content;padding:4px;display:flex;align-items:center;justify-content:center;height:100%;background-color:#27a5a5;border-top-right-radius:4px;border-bottom-right-radius:4px}.calender-button.images.popup{width:100%}.Incident-text{font-size:18px;font-weight:600}.count{border:1px solid rgba(224,230,238,1);width:33px;height:33px;border-radius:22px;padding:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.report-cards-container{width:100%;height:100%;overflow-y:auto}.report-body{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.report-date-section{display:flex;flex-direction:column;align-items:flex-start;width:100%}.date-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.4rem 0;border-bottom:1px solid #ddd;background:#f9f9f9;border-radius:8px;padding-inline:.6rem;margin-bottom:.3rem;transition:background .2s ease}.date-header:hover{background:#f1f1f1}.collapse-icon{font-size:.9rem;-webkit-user-select:none;user-select:none;transition:transform .2s ease}.report-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}.react-calendar__month-view__weekdays__weekday abbr[title]{font-size:14px;font-weight:700;color:#333;text-decoration:none;cursor:pointer}.report-cards-container::-webkit-scrollbar{width:4px}.report-cards-container::-webkit-scrollbar-track{background:#fafafb;border-radius:4px}.report-cards-container::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:4px}.report-cards-container::-webkit-scrollbar-thumb:hover{background:#e0e0e0}.report-card{border:1px solid rgba(234,236,238,1);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001f;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;background-color:#fff}.report-main{display:flex;flex-direction:column;gap:20px}.card-content{font-size:1rem;color:#555}.report-image{width:100%;height:150px;border-radius:4px;cursor:pointer}.report-id{font-size:18px;font-weight:500}.report-date{font-size:12px;font-weight:400;color:#4f5b67}.report-details{display:flex;width:100%;justify-content:space-between}.report-info-left{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.report-info-left-top{display:flex;gap:10px;align-items:center}.report-info-right{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.details{font-size:12px;font-weight:400}.report-align{display:flex;align-items:center;gap:5px}.report-status{font-size:12px;font-weight:500;color:#724c0d;background:#fff9f2;box-shadow:0 1px 2px #0003 inset;padding:4px 28px;display:flex;align-items:center;justify-content:center;border-radius:4px}.comment-button{background:#e8edff;display:flex;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:400;border-radius:4px}.buttons-align{display:flex;align-items:center;gap:16px}.report-crud-button{padding:0;box-shadow:0 1px 2px #0003;height:32px;width:32px;display:flex;align-items:center;justify-content:center}.report-crud-button.deleted{background-color:red}.report-crud-button.flagged{background-color:#cca204}.flagged-remark{display:flex;width:100%;text-justify:center}.divider{width:100%;border:1px solid rgba(226,226,226,1);margin-bottom:10px}.popup-report-main{display:flex;gap:16px;flex-direction:column;padding:1rem}.prev-button,.next-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#0000;color:#fff;border:none;padding:0;cursor:pointer;opacity:0;transition:opacity .3s ease}.report-card:hover .prev-button.disabled,.report-card:hover .next-button.disabled{cursor:not-allowed;opacity:.5}.prev-button{left:-10px}.next-button{right:-10px}.report-card:hover .prev-button,.report-card:hover .next-button{opacity:1}.popup-report-details{width:50%;display:flex;flex-direction:column;gap:18px}.popup-report-date{font-size:18px;font-weight:500;color:#161c24}.popup-description{box-shadow:0 1px 2px #00000040;padding:16px;display:flex;flex-direction:column;gap:5px;border-radius:4px}.description-text{color:#33459d;font-size:12px;font-weight:400}.description-text{font-size:14px;font-weight:400}.popup-tags{display:flex;align-items:center;justify-content:center;gap:16px}.tag-value{box-shadow:0 1px 1px #0003;background:#f2f2f2;padding:10px 16px;border-radius:6px;font-size:12px;font-weight:400}.bottom-btn{display:flex;align-items:center;justify-content:flex-end;gap:16px}.bottom-btn.report-popup{margin-top:0}.btn-cancel{border:1px solid rgba(51,69,157,1);background:#fff;width:100px;height:32px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;padding:10px 20px;color:#33459d}.btn-save{border:1px solid rgba(51,69,157,1);color:#fff;width:100px;height:32px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;padding:10px 20px;background-color:#33459d}.delete-icon,.flagged-icon{background-color:#d3dbff;height:90px;width:90px;border-radius:60px;display:flex;align-items:center;justify-content:center}.flagged-icon{height:40px;width:40px}.delete-content{display:flex;align-items:center;gap:24px}.delete-text{display:flex;flex-direction:column;justify-content:center;gap:12px}.delete-text-big{font-size:24px;font-weight:700}.delete-text-small{font-size:16px;font-weight:400}.loading-container{display:flex;justify-content:center;align-items:center;background-color:#fff3;height:100%;width:100%}.comment-submit{background:#27a5a5;height:44px;width:44px;border-radius:6px;display:flex;align-items:center;justify-content:center}.add-comment{display:flex;width:100%;gap:16px}.comment-text{border:1px solid rgba(223,227,232,1);width:100%;border-radius:4px;padding:10px 12px;font-size:14px;font-weight:400;color:#acaeb1}.comment-header{display:flex;align-items:center;justify-content:space-between}.commenter{display:flex;align-items:center;justify-content:flex-start;gap:0px}.comment-profile{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:15px}.dialog-content{width:600px;padding:20px 24px;height:600px;overflow-y:auto}.dialog-content-container{height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;gap:24px}.dialog-comments-container{display:flex;flex-direction:column-reverse;height:100%;overflow-y:auto;gap:24px;padding:20px 0 0}.dialog-comments-container::-webkit-scrollbar{width:4px}.dialog-comments-container::-webkit-scrollbar-track{background:#fafafb;border-radius:4px}.dialog-comments-container::-webkit-scrollbar-thumb{background:#bec0dd;border-radius:4px}.dialog-comments-container::-webkit-scrollbar-thumb:hover{background:#555}.comment-item{background-color:#f1f9f9;padding:16px;width:75%;border-radius:4px;word-wrap:break-word;overflow-wrap:break-word;display:flex}.commenter-name{font-size:14px;font-weight:500}.comment-timestamp,.comment{font-size:12px;font-weight:400}.comment-item span{display:block;word-wrap:break-word;overflow-wrap:break-word}.comment-item.align-right{align-self:flex-end}.comment-item.align-left{align-self:flex-start}.comment-profile{margin-right:8px;font-weight:700;font-size:14px;color:#000;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:15px}.comment-text{flex:1;padding:8px;border:1px solid #ccc;border-radius:4px}.comment-divider{width:100%;border:1px solid rgba(226,226,226,1)}.flag-button-wrapper{position:relative;display:inline-block}.flag-button-wrapper:hover .flag-tooltip{opacity:1;pointer-events:auto}.flagged-remark-wrapper{position:relative;display:inline-block;width:100%}.flagged-remark{margin-top:4px;font-size:13px;color:#65707a;border-radius:6px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;cursor:default}.flag-tooltip{display:none;position:absolute;top:100%;left:0;z-index:10;margin-top:6px;background-color:#333;color:#fff;padding:8px 10px;border-radius:4px;font-size:13px;max-width:100%;white-space:pre-wrap;word-wrap:break-word;box-shadow:0 2px 6px #0003}.flagged-remark-wrapper:hover .flag-tooltip{display:block}.custom-textarea{padding:12px;border-radius:6px;border:1px solid #ccc;min-height:80px;width:100%;outline:none}.custom-textarea:focus{outline:1px solid rgb(51,69,157)}.custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:10px 40px 10px 12px;font-size:14px;font-family:inherit;background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;outline:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;position:relative}.custom-select:hover{border-color:#888}.custom-select:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d226}.custom-select{background-image:url("data:image/svg+xml,%3Csvg fill='%23666' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px}@media(min-width:1350px)and (max-width:1650px){.report-body{grid-template-columns:repeat(3,1fr)}.report-image{width:100%;height:200px}}@media(min-width:1651px){.report-body{grid-template-columns:repeat(4,1fr)}.report-image{width:100%;height:200px}}.popup-container-excel{z-index:150;font-family:Inter}.popup-container-excel{display:none;font-family:Roboto;flex-direction:column;width:100vw;height:100vh;box-shadow:0 2px 8px #0000001a;position:absolute;top:0;left:0;z-index:150}.date-time-picker-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.popup-container-excel-in{width:100%;display:flex;flex-direction:column;background-color:#fff;position:relative;border-radius:6px}.time-filter-span{color:#fff}.time-filter-span.filter-selected{color:#e7b003}.time-filter-container{border-radius:.25rem;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;border-radius:20px;padding:1rem}.time-filter-item{display:flex;border-radius:20px;padding:.25rem;background-color:#212b4e}.time-filter-item.selected{background-color:#343948}.download-popup-header{width:100%;background-color:#d3dbff;padding:8px 24px;color:#000;display:flex;justify-content:space-between;align-items:center;overflow:hidden;border-top-right-radius:4px;border-top-left-radius:4px}.date-container{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:24px}.date-container>label{color:#454f5b;font-size:14px;font-weight:600}.custom-toggle-radio{display:flex;align-items:center;border-radius:999px;cursor:pointer;transition:all .2s ease-in-out;font-weight:500;color:#333}.custom-toggle-radio.active{color:#27a5a5}.radio-circle{width:16px;height:16px;border:2px solid #999;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:6px;transition:all .2s ease}.radio-circle:after{content:"";width:8px;height:8px;border-radius:50%;background-color:#27a5a5;opacity:0;transition:all .2s ease}.radio-circle.active{border-color:#27a5a5}.radio-circle.active:after{opacity:1}.download-close-btn>.close-icon{color:#000}.download-calender-container{width:100%;display:flex;border:1px solid rgb(26,27,33);align-items:center;justify-content:space-between;min-height:44px;border-radius:4px;color:#1a1b21;padding:8px 12px;background-color:#fff}.download-calender-container span{font-size:16px;font-weight:600}.calender-div{display:flex;position:fixed;top:52%;align-items:center;justify-content:center;z-index:30;border-radius:8px;overflow:hidden;box-shadow:0 6px 32px 10px #00000040}.rdrCalendarWrapper{width:100%}.rdrDateDisplayWrapper{display:none}.rdrMonthAndYearWrapper{padding-top:0}.rdrDateDisplayItemActive{border:1px solid rgb(51,69,157)!important}.rdrMonths,.rdrMonth{width:100%;align-items:center;justify-content:center}.rdrInRange{background-color:#e8edff!important}.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayEndPreview{background-color:#33459d!important;color:#fff!important}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{background:#ffffff17;position:absolute;inset:3px 0;pointer-events:none;z-index:1}.rdrDayStartPreview,.rdrDayEndPreview{background-color:transparent!important}.rdrDayHovered>span,.rdrDayHovered>span>span,.rdrDay>span,.rdrDayInPreview{color:#fff!important}.rdrDayHovered>span,.rdrDayHovered>span>span{color:#33459d!important}.rdrDayNumber{z-index:10;color:#000}.rdrDay:has(.rdrInRange) .rdrDayNumber span{color:#000!important}.rdrDay.rdrDayHovered:has(.rdrStartEdge) .rdrDayNumber span,.rdrDay.rdrDayHovered:has(.rdrEndEdge) .rdrDayNumber span{color:#fff!important}.shifts-container{width:100%;display:flex;align-items:flex-start}.shift-selected{background-color:#e3feff;border:none;box-shadow:0 4px 8px #0000001a}.popup-footer-button-container-in{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:1rem}.popup-btn.report{width:fit-content;padding:.25rem;display:flex;min-height:2rem;justify-content:center;align-items:center;background-color:#fff;color:#000;font-size:small;flex:1;border:1px solid rgb(230,234,233);border-radius:24px;font-weight:700;font-size:14px}.export-as-container{display:flex;width:100%;align-items:center;padding:.0125rem 0rem;background-color:#f1f0f3;border-radius:24px;gap:1px}.export-as-excel.report,.export-as-pdf.report{width:fit-content;padding:.25rem;display:flex;min-height:2.5rem;justify-content:center;align-items:center;background-color:#f1f0f3;color:#000;font-size:small;flex:1;gap:.25rem;border-radius:24px;font-weight:700;font-size:14px}.export-as-excel.report .export-as-pdf img,.export-as-excel img{width:24px;height:24px}.export-as-pdf.active span,.export-as-excel.active span{font-size:14px;font-family:RobotoSemiBold}.export-as-excel.report.active,.export-as-pdf.report.active{background-color:#e8ebff;color:#33459d;box-shadow:0 1px 2px #0006}.popup-btn.cancel{color:#33459d;background-color:transparent;border:1px solid rgb(51,69,157)}.popup-btn.cancel:hover{background-color:#d3dbff;box-shadow:0 4px 8px #0000001a}.popup-btn.download{color:#fff;background-color:#33459d;border:1px solid rgb(51,69,157)}.popup-btn.download:hover{box-shadow:0 4px 8px #0000001a}.roi-popup-btn.cancel.download-popup,.roi-popup-btn.download.download-popup{font-size:14px}.roi-popup-btn.cancel.download-popup:hover{background-color:#e8ebff;box-shadow:#00000026 0 5px 15px}.roi-popup-btn.download.download-popup:hover{box-shadow:#00000026 0 5px 15px}.download-bay-buttons-container{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;background:#182039}.bays-container-title,.shifts-container-title{margin-left:8px;color:#454f5b}.shift-selected-span{color:#27a5a5}.custom-toggle-group{display:flex;gap:16px;margin-top:16px}.custom-toggle{display:flex;align-items:center;background-color:#f0f0f0;border-radius:999px;padding:6px 16px;cursor:pointer;transition:all .2s ease-in-out;font-weight:500;color:#333}.custom-toggle.active{background-color:#3f51b51a;color:#3f51b5}.check-circle{display:inline-flex;justify-content:center;align-items:center;border-radius:50%;width:20px;height:20px;font-size:14px;margin-right:8px;background-color:transparent;color:transparent;transition:all .2s ease;border:1px solid #ccc}.check-circle.active{background-color:#3f51b5;color:#fff;border:none}.label-text{font-size:14px}.popup-report-imagebox{width:100%;border-radius:4px;position:relative}.popup-image-buttons{display:flex;justify-content:center;gap:16px;position:absolute;bottom:10px;right:10px}.popup-align{display:flex;flex-direction:column;align-items:center;gap:24px}.popup-report-top{width:100%;display:flex;align-items:center;justify-content:space-between}.popup-top-left{display:flex;align-items:center}.popup-top-right{display:flex;align-items:center;gap:8px}.detail{display:flex;flex-direction:column;border-left:1px solid rgb(176,183,192);padding:0 1rem}.detail.first{border-left:none}.detail.last{border-right:none}.detail-value{font-family:RobotoSemiBold;font-weight:600}.detail-value.open,.detail-value.inprogress,.detail-value.resolved{padding:.25rem .5rem;border-radius:4px}.flagged{background-color:#fff;color:#ea7b36;padding:.25rem .5rem;border-radius:4px}.detail-value.open{background-color:#fffbf2;color:#cca204;border:1px solid rgb(204,162,4)}.detail-value.in-progress{background-color:#f6f6ff;color:#33459d;border:1px solid rgb(51,69,157);padding:.25rem}.detail-value.resolved{background-color:#f2feff;color:#27a5a5;border:1px solid rgb(39,165,165)}.report-prev-btn,.report-next-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:999;color:#fff;border:none;border-radius:50%;width:60px;height:60px;cursor:pointer;display:flex;align-items:center;justify-content:center}.report-prev-btn:disabled,.report-next-btn:disabled{display:none;cursor:not-allowed}.popup-toggle-button{background-color:#f3f2f5;display:flex;align-items:center;gap:4px;border:1px solid rgb(243,242,245);padding:.25rem .5rem}.popup-toggle-button.active{background-color:#fbfaff;color:#33459d;border:1px solid rgb(51,69,157)}.report-prev-btn{left:-70px}.report-next-btn{right:-70px}.roi-popup-btn.cancel.report,.roi-popup-btn.download.report{font-size:12px;padding:4px 8px}.assign-forward-container{display:flex;width:100%;align-items:center;border-radius:20px;background-color:#f3f2f5}.assign-btn,.forward-btn{flex:1;padding:8px 16px;border:none;background:none;cursor:pointer;font-weight:600;border-radius:20px}.assign-btn.active,.forward-btn.active{background-color:#e8ebff;color:#33459d}.popup-report-main.flag-popup{gap:8px}.icon.chat-icon{fill:transparent;color:#000;height:1rem;width:1rem}.icon.flag,.icon.assign{fill:#000;color:#000;height:1rem;width:1rem}.popup-toggle-button.active .icon.assign,.popup-toggle-button.active .icon.flag{fill:#33459d;color:#33459d}.popup-toggle-button.active .icon.chat-icon{fill:transparent;color:#33459d}.banner-tag{background-color:#ea7b36;color:#fff;padding:6px 10px;font-family:sans-serif;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;position:relative;clip-path:polygon(0% 0%,100% 0%,92% 50%,100% 100%,0% 100%)}.nav-button{width:100px;border:1px solid rgba(235,237,238,1);background-color:#fff;color:#000;height:32px;border-radius:0;padding:0;overflow:hidden;transition:background-color .25s,border-color .25s;cursor:pointer;z-index:1;font-size:12px;font-weight:500;font-family:sans-serif}.buttons-div{border-radius:4px;border:1px solid rgba(235,237,238,1);display:inline-block;overflow:hidden;z-index:5}.nav-button:hover{background-color:#eae7ff;color:#33459d}.button-1{border-radius:4px 0 0 4px}.button-2{border-radius:0 4px 4px 0}.nav-button.active{background-color:#eae7ff;border:1px solid rgba(51,69,157,1);color:#33459d}.toggle-calendar-button{width:32px;height:32px;background:#27a5a5;color:#fff;border:none;border-radius:4px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.analytics-container{width:100%;height:100%;border-radius:8px;display:flex;flex-direction:column;gap:16px}.analytics-content-container{display:flex;flex-direction:column;gap:16px;overflow-y:auto}.analytics-header{display:flex;align-items:center;justify-content:flex-end}.analytics-right-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.analytics-calender-container{transform:translate(-90%);display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:25%;min-width:350px;position:absolute;left:95%;top:18%;z-index:99;background:#f9f9f9;box-shadow:0 6px 32px 10px #00000040;border-radius:.25rem;font-family:Inter}.react-calendar .highlight{background-color:#33459d33;border:1px solid rgba(51,69,157,1);border-radius:50%}.react-calendar .highlight:hover{background-color:#33459d66}.cards-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.card-row{display:flex;width:100%;justify-content:space-between;gap:16px}.box{flex:1;padding:16px;background-color:#f0f0f0;width:100%;text-align:center;border:1px solid #ccc;box-sizing:border-box;box-shadow:0 1px 2px #00000026;border:.5px solid rgba(189,200,215,1);background:#fff;height:410px}.box1{flex:1;padding:16px;background-color:#f0f0f0;max-width:55%;text-align:center;border:1px solid #ccc;box-sizing:border-box;box-shadow:0 1px 2px #00000026;border:.5px solid rgba(189,200,215,1);background:#fff;height:410px}.box2{flex:1;padding:16px;max-width:45%;text-align:center;box-shadow:0 1px 2px #00000026;border:.5px solid rgba(189,200,215,1);background:#fff;height:410px}.box3{flex:1;padding:16px;max-width:35%;text-align:center;box-shadow:0 1px 2px #00000026;border:.5px solid rgba(189,200,215,1);background:#fff;overflow:hidden}.box3 div{width:100%;height:auto;max-height:100%;display:flex;justify-content:center;align-items:center}.canvasjs-chart-credit{display:none!important}.pie-chart-container{flex-grow:1;display:flex;justify-content:center;align-items:center;overflow:hidden}g[aria-labelledby]{display:none!important}[id^=raphael-paper]>g:nth-of-type(2){display:none}.analytics-cards{width:100%}.my-chart-container svg{width:100%;height:100%;overflow:hidden;transform:translate(16px) translateY(-40px)!important}.chart-container svg{transform:translate(20px)!important}.MuiChartsYAxis-root .MuiChartsAxis-label,[class*=MuiChartsAxis-root][class*=MuiChartsYAxis-root] .MuiChartsAxis-label{transform:translate(-10px);font-family:Roboto!important;font-weight:400!important;font-size:14px!important;fill:#9fa2b3!important}[class*=MuiChartsAxis-root][class*=MuiChartsXAxis-root] .MuiChartsAxis-label{transform:translateY(10px);font-family:Roboto!important;font-weight:400!important;font-size:14px!important;fill:#9fa2b3!important}.MuiStack-root{max-width:100%!important;height:100%!important}.apexcharts-toolbar{display:none!important}#chart{width:100%;height:100%;max-width:100%;overflow:hidden}.analytics-pie-container{display:flex;align-items:center;justify-content:space-between;height:calc(100% - 30px)}.pie-legend-items{display:grid;gap:18px;margin-top:10px}.analytics-pie-legend{width:50%;display:flex;flex-direction:column;align-items:center}.analytics-pagination-buttons{display:flex;align-items:center;justify-content:flex-end}.apexcharts-canvas{max-width:100%!important;height:auto!important}.analytics-detail-cards{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:1149px){.analytics-container{width:100%;height:100%;border-radius:8px;display:flex;flex-direction:column;gap:16px}}.react-calendar__tile--rangeStart,.react-calendar__tile--rangeEnd{background-color:#33459c;border-radius:50%;color:#fff}.react-calendar__year-view__months__month{border-radius:6px}.calender-button-container{display:flex;justify-content:flex-end;margin-bottom:1rem;width:100%}.calender-range-btn{background-color:#fff;border:1px solid #ccc;padding:6px 12px;height:2rem;cursor:pointer;display:flex;align-items:center;gap:8px;font-family:inherit;font-size:12px;border-radius:0}.calender-range-btn.week{border-top-left-radius:4px;border-bottom-left-radius:4px}.calender-range-btn.custom{border-top-right-radius:4px;border-bottom-right-radius:4px}.calender-range-btn.selected{border-color:#33459d;background-color:#eae7ff;color:#33459d}.calender-range-btn-container{display:flex;align-items:center}.calender-button-inner-container{display:flex;align-items:center;position:relative;gap:8px}.report-body.settings{grid-template-columns:repeat(4,1fr)}.header-title{font-weight:600;font-size:larger}.camera-count-container{width:2rem;height:2rem;border-radius:50%;background-color:#fff;border:1px solid rgb(224,230,238);display:flex;align-items:center;justify-content:center;font-weight:600}.cam-record-container{display:flex;flex-direction:column;background-color:#fbfaff;box-shadow:0 2px 4px #0000001f;padding:1rem;gap:1rem;border-radius:.25rem;cursor:pointer}.cam-record-top{display:flex;width:100%;justify-content:space-between;align-items:center}.cam-record-center,.cam-record-bottom{display:flex;width:100%;justify-content:flex-start;align-items:center}.cam-record-center{font-size:large;font-weight:600}.cam-record-bottom{gap:1rem}@media only screen and (max-width:1536px){.report-body.settings{grid-template-columns:repeat(3,1fr)}}.report-container.camera{gap:0}.camera-header{width:100%;padding-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.camera-header-left{display:flex;gap:.5rem;align-items:center}.settings-back-button{padding:0;background-color:transparent}.camera-header-left>span{font-weight:600;font-size:larger}.regions-container-out{width:100%;height:calc(100% - 96px);overflow-y:auto;background-color:#fff;padding:1rem}.regions-container{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;background-color:#fff;gap:1rem}.each-region{width:100%;display:flex;align-items:center;flex-direction:column;border:1px solid rgb(189,200,215);box-shadow:0 2px 4px #0000001f;border-radius:.25rem}.region-top{width:100%;display:flex;align-items:center;justify-content:space-between;background-color:#fbfaff;border-bottom:1px solid rgb(189,200,215);padding:1rem}.add-region-button{background-color:#33459d;color:#fff;gap:.5rem;display:flex;align-items:center}.region-name{font-weight:600;font-size:large}.region-bottom{width:100%;display:flex;align-items:center;justify-content:space-between}.region-text-span{padding:1rem;flex:1}.region-detail-top{display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-grow:2;padding-right:1rem}.region-edit-button,.region-delete-button{display:flex;align-items:center;gap:.5rem;height:100%;color:#33459d;width:max-content;border-radius:0%}.region-edit-button{border:1px solid rgb(189,200,215)}.region-delete-button{border:1px solid rgb(189,200,215);border-left:none;border-right:none}: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)}}.popup-container-excel-in.roi-popup{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;position:relative;background:#182039;border-radius:6px;max-width:70%}.roi-popup-footer-button-container-in{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#fff;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.roi-popup-footer-button-container-in.roi-popup{justify-content:space-between;background-color:#e3f7f7;border:1px solid #E4E4E4;border-radius:4px}.roi-name-input-container{display:flex;gap:1rem;align-items:center}.roi-name-input-container.span{color:#454f5b;font-size:medium}.region-name-input{border:1px solid rgb(51,69,157);border-radius:4px;padding:.325rem;transition:border-color .3s ease,box-shadow .3s ease;font-size:large}.roi-popup-btn{width:fit-content;padding:.25rem .5rem;display:flex;min-height:2rem;justify-content:center;align-items:center;background-color:#fff;color:#000;font-size:small;width:6rem;border:1px solid rgb(230,234,233);border-radius:.25rem;font-weight:700;font-size:14px;border-radius:25px;font-size:large}.roi-popup-btn.edit{width:fit-content;padding:.25rem .5rem}.dashboard-container.chatbot{padding:0;flex-direction:column}.chatbot-header{display:flex;width:100%;justify-content:space-between;background-color:#fafafb}.chatbot-main-in{display:flex;width:100%;height:100%;border-radius:8px;flex-direction:column}.chatbox-container{width:100%;height:100%;display:flex;background-color:#fff;padding:1rem}.chat-response-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.chatbox-container-in{width:100%;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:0rem 8rem 1rem}.chat-robo-container{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.chats-container{width:100%;display:flex;flex-direction:column;height:80%;gap:1rem;padding:.5rem;overflow-y:scroll}.chat-container{padding:1rem;display:flex;flex-direction:column;border-radius:.5rem}.chat-dp{border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-dp.user{background-color:#27a5a5;width:31px;height:31px}.chat-container.assistant-message{background-color:#fbfaff;justify-self:left;align-self:flex-start}.chat-chart-container{width:70%;height:auto;position:relative}.chat-content{margin-left:2rem}.chat-title{display:flex;gap:.5rem}.chat-container.user-message{background-color:#f4ffff;justify-content:right;width:fit-content;align-self:flex-end}.chat-robo{max-width:30%;display:flex;align-items:center;justify-content:center}.chat-robo-img{width:50%}.chat-hi-msg{font-size:xx-large;font-weight:900}.chat-input-container{width:100%;display:flex;flex-direction:column;gap:1.5rem}.chat-input{width:100%;display:flex;align-items:center;justify-content:center;gap:1rem}.chat-input-textfield{display:flex;width:75%;background-color:#fff;border:1px solid rgb(223,227,232);border-radius:4px;padding:8px}.prompt-button{display:flex;align-items:center;justify-content:center;padding:9px;background-color:#27a5a5;border-radius:4px;border:none}.prompt-button.disabled{cursor:not-allowed}.chat-prompt-container{display:flex;width:100%;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem}.each-prompt-container{background-color:#fbfaff;display:flex;text-align:center;box-shadow:0 1px 1px #0000001f;padding:10px 16px;border-radius:3.5rem;cursor:pointer}.loading-message{display:flex;flex-direction:row;align-items:flex-end}.loading-message span{padding:0}.loader-container{display:flex;align-items:center;height:100%}.loader{width:36px;aspect-ratio:4;--_g: no-repeat radial-gradient(circle closest-side, #000 90%, #0000);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100% / 3) 100%;animation:l7 1s infinite linear}@keyframes l7{33%{background-size:calc(100% / 3) 0%,calc(100% / 3) 100%,calc(100% / 3) 100%}50%{background-size:calc(100% / 3) 100%,calc(100% / 3) 0%,calc(100% / 3) 100%}66%{background-size:calc(100% / 3) 100%,calc(100% / 3) 100%,calc(100% / 3) 0%}}@media screen and (max-width:1024px){.chatbox-container-in{padding:0rem 2rem}}@media screen and (max-width:1356px){.chatbox-container-in{padding:0rem 4rem}}@media screen and (max-height:600px){.chat-robo-img{width:50%}}@media screen and (min-height:900px){.chat-robo-img{width:75%}}.chat-content p{margin-bottom:.5rem;line-height:1.5}.chat-content ul,.chat-content ol{margin-left:1.5rem;margin-bottom:.5rem}.chat-content li{margin-bottom:.25rem}.chat-content code{background-color:#0000001a;padding:.2rem .4rem;border-radius:4px;font-family:monospace}.chat-content pre{background-color:#f4f4f4;padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:.5rem}.loading-circle-container{width:100%;height:85%;align-items:center;justify-content:center;display:flex}.loading-circle{border:4px solid rgba(255,255,255,.4);border-left-color:#fff;border-radius:50%;width:1.35rem;height:1.35rem;animation:spin 1s linear infinite}.page-container{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.mainCss-report.chatbot-layout{width:100%;height:100%;display:flex;flex-direction:row;overflow:hidden}.chatbot-content{flex:1;height:100%;display:flex;flex-direction:column}.report-dashboard-container.chatbot{height:100%}.mainCss-report.chatbot{width:100%;height:100%;display:flex;flex-direction:column}.report-dashboard-container{width:100%;height:calc(100% - 4rem);display:flex;align-items:center;justify-content:center}.dashboard-container{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;background-color:#fafbfc}.dashboard-container.report{padding:1rem;flex-direction:column}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-button{height:0px!important}::-webkit-scrollbar-thumb{border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fafafb}.profile-user-role.profile{width:auto}.user-update-button.edit.profile-button{height:2.25rem;width:2.25rem}.profile-card{border-radius:6px;background:#fff;box-shadow:none}.profile-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 4px;flex-wrap:wrap;font-family:Roboto}.profile-title-area{display:flex;align-items:center;gap:12px}.profile-info-area{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.info-item{display:flex;flex-direction:column;min-width:120px;text-align:left}.info-label{font-size:.75rem;color:#8b8b8b;margin-bottom:4px}.info-value{font-weight:700;color:#111827;font-size:.95rem}.info-divider{width:1px;height:36px;background:#00000014}.header-separator{height:1px;border-top:1px dashed rgba(0,0,0,.08);margin-top:12px;margin-bottom:10px}.roles-access-container{display:flex;flex-direction:column;width:100%;gap:0;box-sizing:border-box;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.role-access-each{display:flex;width:100%;align-items:stretch;gap:0;border-top:1px solid rgba(0,0,0,.06)}.role-name{width:200px;min-width:160px;padding:18px 20px;background-color:#f0fafc;color:#0f4a4a;font-weight:600;display:flex;align-items:center;box-sizing:border-box;border-right:1px solid rgba(0,0,0,.03);font-family:Roboto}.role-details{flex:1;padding:18px 22px;background-color:#fff;display:flex;align-items:center;box-sizing:border-box;font-family:Roboto}.roles-access-container .role-access-each:last-child{border-bottom:1px solid rgba(0,0,0,.06)}.tag-list{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.tag{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;font-weight:600;font-size:.85rem;box-shadow:0 1px #00000008;white-space:nowrap}.tag--teal{background:#e9f6f6;color:#0f4a4a}.tag--blue{background:#e8ebff;color:#1a2a6b}.tag--gray{background:#f2f2f2;color:#333}.role-details .empty{color:#9a9a9a;font-style:italic}@media(max-width:880px){.profile-info-area{display:none}.role-name{width:140px;padding:12px 14px;font-size:.95rem}.role-details{padding:12px 14px}}.MuiTableCell-root{vertical-align:middle}.MuiTableCell-root>.MuiIconButton-root{vertical-align:middle;padding:4px}.MuiIconButton-root{width:28px;height:28px}.MuiTableHead-root th{font-weight:700}.MuiIconButton-root:hover{color:#1976d2}th,td{border:none}.user-management-header{display:flex;align-items:center;justify-content:space-between;width:100%}.user-management-header-in{display:flex;align-items:center;gap:8px}.user-role-toggle-button{border-width:1px;padding:12px 32px;background-color:transparent;color:#000;border-radius:0%}.user-role-toggle-button.selected{color:#27a5a5;background-color:#ebffff;border:1px solid rgb(39,165,165)}.rounded-div{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background-color:#fff;border:1px solid rgb(147,150,155)}.add-user-button{background-color:#33459d;border-radius:4px;color:#fff;font-size:medium;padding:.25rem 1rem}.role-container{display:flex;align-items:center;justify-content:center;background-color:#d6f6f6;color:#1a1b21;padding:4px 6px;border-radius:4px}.delete-content.role{flex-direction:column}.user-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;width:100%}.user-update-button{display:flex;align-items:center;justify-content:center;padding:4px;background-color:#fbfaff;box-shadow:#63636333 0 2px 8px;border-radius:4px}.user-update-button img{width:20px;height:20px}.user-action-buttons{display:flex;gap:8px}.daily-alerts-container{display:flex;align-items:center;justify-contnet:space-between}.user-input-container{display:flex;flex-direction:column;gap:4px;width:100%}.user-label{margin-bottom:6px;font-weight:500;font-size:14px;color:#333}.user-input-container input{width:100%;padding:8px;border:1px solid rgb(224,230,238);border-radius:4px;font-size:14px}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input{width:100%;padding:10px 40px 10px 10px;font-size:14px;border:1px solid #ccc;border-radius:4px;outline:none;transition:border-color .2s ease}.password-input:focus{border-color:#1976d2}.toggle-password-btn{position:absolute;right:10px;background:transparent;border:none;cursor:pointer;font-size:18px;padding:0;color:#555}.user-input-client.select-role{width:100%;padding:8px;border:1px solid rgb(224,230,238);border-radius:4px;font-size:14px;outline:none;background-color:#fff}.user-input-client::-webkit-outer-spin-button,.user-input-client::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.user-input-client[type=number]{-moz-appearance:textfield}.close-add-user-button{padding:0}.roi-popup-btn.small{font-size:14px}@font-face{font-family:RobotoMedium;src:url(/fonts/roboto/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:RobotoSemiBold;src:url(/fonts/roboto/Roboto-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:RobotoBold;src:url(/fonts/roboto/Roboto-Bold.ttf) format("truetype")}.models-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 0}@font-face{font-family:RobotoMedium;src:url(/fonts/roboto/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:RobotoSemiBold;src:url(/fonts/roboto/Roboto-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:RobotoBold;src:url(/fonts/roboto/Roboto-Bold.ttf) format("truetype")}.model-header{display:flex;align-items:center;justify-content:space-between}.add-model-button{background:#33459d;color:#fff;padding:5px 10px;border-radius:5px;border:none;cursor:pointer;font-family:RobotoMedium,sans-serif;font-weight:500;font-size:15px;display:flex;align-items:center;justify-content:center;gap:5px}@font-face{font-family:RobotoMedium;src:url(/fonts/roboto/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:RobotoSemiBold;src:url(/fonts/roboto/Roboto-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:RobotoBold;src:url(/fonts/roboto/Roboto-Bold.ttf) format("truetype")}.add-model-container{display:flex;flex-direction:column;gap:.5rem}.input-row-container{display:flex;gap:24px;width:100%}.input-field-container.model{margin-bottom:0}.input-field.model{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;transition:border-color .3s}.input-field-label{font-family:Roboto;font-size:14px;font-weight:400;color:#454f5b}.model-version-path-container{display:flex;flex-direction:row;gap:16px;margin-bottom:16px}.add-class-button{background-color:#fff;color:#33459d;border:none;padding:0;font-size:15px;font-family:RobotoMedium;font-weight:500;cursor:pointer;border-radius:0;text-decoration:none!important}.add-class-button:hover,.add-class-button:focus{text-decoration:none!important}.classes-title{font-size:16px;font-weight:500;font-family:RobotoMedium;color:#454f5b}.classes-divider.model{margin:4px 0;border-bottom:1px solid #dfe3e8}.violation-class-container{display:flex;flex-direction:column;gap:12px}.add-model-classes-list{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.violation-class-container{display:flex;flex-direction:column;gap:8px;width:100%}.add-model-classes-list{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.field-label{display:flex;flex-direction:column;font-size:13px;font-weight:500;color:#333;gap:4px}.field-label input,.field-label .switch-field{margin-top:2px}.delete-class-button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.bottom-btn{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}.add-model-btn-cancel,.add-model-btn-save{padding:4px 16px;font-size:14px;font-family:RobotoMedium;font-weight:500;border:none;border-radius:16px;width:100px;height:32px;cursor:pointer}.add-model-btn-cancel{background-color:#fff;color:#33459d;border:1px solid #33459d}.add-model-btn-save{background-color:#33459d;color:#fff}.file-drop-area{display:flex;align-items:center;justify-content:center;min-height:54px;border:1px dashed #33459D;border-radius:6px;background:#f0eeff;color:#33459d;text-align:center;cursor:pointer;font-family:inherit;transition:border-color .3s;font-size:15px}.file-drop-area span{padding:7px 0}.file-drop-active{border-color:#33459d;background:#e8f0fe}.uploaded-file-path{color:#089053;font-weight:600;font-family:RobotoMedium}.clear-file{color:#bc0037;cursor:pointer;font-weight:700;padding-left:8px}.slider-container{width:100%}.MuiSlider-root{color:#27a5a5!important;height:6px!important}.MuiSlider-rail{opacity:.3;background-color:#b0b0b0!important;height:6px!important}.MuiSlider-thumb{height:24px;width:24px;background-color:#27a5a5;border:2px solid white;box-shadow:0 0 4px #27a5a5cc;transition:box-shadow .3s ease}.MuiSlider-thumb:hover,.MuiSlider-thumb.Mui-focusVisible,.MuiSlider-thumb.Mui-active{box-shadow:0 0 8px #27a5a5}.MuiSlider-valueLabel{color:#fff;background-color:#27a5a5;font-weight:600;font-family:Roboto,sans-serif;border-radius:4px;padding:4px 8px}.MuiSlider-track .MuiSlider-mark{background-color:#bfbfbf!important;height:6px!important;width:2px}.form-row-flex{display:flex;align-items:center;gap:20px;width:100%;margin-bottom:16px;flex-wrap:wrap}.form-row-flex label{font-size:15px;font-weight:500;color:#333;min-width:100px}.dropdown-field{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;color:#111827;transition:all .25s ease;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.dropdown-field:hover{border-color:#9ca3af}.dropdown-field:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;outline:none}#is-base-model-switch{transform:scale(1.1)}@media(max-width:768px){.model-version-path-container,.add-model-classes-list{flex-direction:column}}@font-face{font-family:RobotoMedium;src:url(/fonts/roboto/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:RobotoSemiBold;src:url(/fonts/roboto/Roboto-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:RobotoBold;src:url(/fonts/roboto/Roboto-Bold.ttf) format("truetype")}.model-card{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;gap:15px}.model-card-header{display:flex;justify-content:space-between;align-items:flex-start}.model-card-header-left{display:flex;flex-direction:column}.model-title{font-size:20px;font-weight:600;color:#23282f;font-family:RobotoSemiBold}.model-updated-time{font-size:11px;font-weight:400;font-family:Roboto;color:#555}.model-description{font-size:15px;color:#555;margin-top:8px}.model-description-header{display:flex;flex-direction:column}.model-description-header-text{font-size:15px;font-weight:600;font-family:RobotoSemiBold}.model-path{font-size:15px;font-weight:400;font-family:Roboto}.model-classes-container{display:flex;justify-content:space-between;align-items:end}.model-classes{display:flex;flex-direction:column;gap:8px}.model-card-buttons{display:flex;gap:.5rem}.model-class-tag{display:inline-flex;align-items:center;font-size:15px;font-weight:500;font-family:Roboto,sans-serif;color:#444;padding:4px 12px;border-radius:4px;background-color:#eae7ffb5;cursor:default;transition:background-color .3s ease,border-color .3s ease;border:1.5px solid transparent}.model-class-tag.violation{background-color:#73d6d633;color:#205757}.model-class-tag.non-violation{background-color:#eae7ff80;color:#564fd7}.class-tags{display:flex;flex-wrap:wrap;gap:8px}.class-tag-icon{width:16px;height:16px;margin-right:8px;object-fit:contain}.class-tag-text{font-size:15px;font-weight:400;font-family:Roboto;color:#555;border-radius:5px}.model-actions{display:flex;gap:10px;flex-wrap:wrap}.model-card-action-button{background-color:#fff;color:#33459d;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;transition:background-color .2s ease;font-family:Roboto;font-weight:500;font-size:15px}.model-edit-btn{background-color:#fbfaff;color:#33459d;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease;font-family:Roboto;font-weight:500;font-size:15px;box-shadow:0 1px 1px #0000001f;padding:6px}.usecases-container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 0}.usecase-card{background-color:#f0f0f0;padding:10px;border-radius:5px}.usecase-card-header{display:flex;justify-content:space-between;align-items:center}.usecase-card-title{font-size:18px;font-weight:700}.usecase-card-description{font-size:14px;color:#666}.usecase-card-actions{display:flex;gap:10px}.usecase-card-action-button{background-color:#007bff;color:#fff;border:none;padding:5px 10px}.usecase-card-action-button:hover{background-color:#0056b3}.usecase-card-action-button:active{background-color:#004085}.usecase-card-action-button:focus{background-color:#004085}.Usecase-header{display:flex;align-items:center;justify-content:space-between}.add-Usecase-button{background:#33459d;color:#fff;padding:5px 10px;border-radius:5px;border:none;cursor:pointer;font-family:RobotoMedium,sans-serif;font-weight:500;font-size:15px;display:flex;align-items:center;justify-content:center;gap:5px}.input-field.add-usecase{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;transition:border-color .3s}.input-field-container.add-usecase{gap:1rem}.usecase-severity-high.add-usecase,.usecase-severity-low.add-usecase,.usecase-severity-medium.add-usecase{padding:6px;flex:auto;width:fit-content}.popup-report-main.add-usecase{padding:0}.toggle-container{display:flex;align-items:center;justify-content:space-between;gap:16px}.toggle-container .MuiFormControlLabel-root{display:flex;flex-direction:column-reverse;align-items:flex-start;margin-left:0}.toggle-container .MuiFormControlLabel-label{margin-bottom:6px;text-align:left;font-weight:500}.popup-container-excel{z-index:150}.popup-container-excel{display:none;font-family:Roboto;flex-direction:column;width:100vw;height:100vh;background-color:#00000080;box-shadow:0 2px 8px #0000001a;position:absolute;top:0;left:0;z-index:150}.popup-container-excel.show{display:flex;align-items:center;justify-content:center}.popup-rst-dropdown-container{width:100%;display:flex;justify-content:flex-start;padding:.5rem}.popup-container-excel-in.roi-popup{display:flex;width:75%;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;position:relative;background:#182039;border-radius:6px;max-width:90%}.popup-container-excel-in.roi-popup span{font-size:large}.download-popup-header{width:100%;background:#d3dbff;padding:8px 24px;color:#000;display:flex;justify-content:space-between;align-items:center;overflow:hidden;border-top-right-radius:4px;border-top-left-radius:4px}.download-popup-header>span{color:#000;font-weight:600}.check-icon{color:#fff;width:1.2rem;height:1.2rem}.popup-container-excel-in span{font-size:.9rem;white-space:nowrap}.download-close-btn{border:none;outline:none;height:fit-content;width:fit-content;background-color:transparent;padding:0;display:flex;align-items:center;flex-direction:column}.download-close-btn>.close-icon.roi-popup{color:#000}.close-icon.roi-popup{font-size:large}.undo-notes-button{background-color:transparent;display:flex;align-items:center;justify-content:center}.calender-div{display:flex;position:fixed;top:52%;align-items:center;justify-content:center;z-index:30;border-radius:8px;overflow:hidden;box-shadow:0 6px 32px 10px #00000040;background-color:#182039}.dropdown-options{display:flex;position:absolute;flex-direction:column;width:40%;height:5rem;padding:.5rem;margin-left:40%;margin-top:20%;background-color:#fff;box-shadow:0 4px 8px #0000004d;font-size:.8rem;overflow-y:scroll;scrollbar-color:rgb(236,236,236)}.roi-regions-container{width:100%;display:flex}.region-select-button{background-color:#e5f5f1;color:#27a5a5}.roi-distance-floating{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:500;pointer-events:auto}.roi-distance-floating.disabled{pointer-events:none;opacity:.4;filter:grayscale(.8)}.roi-distance-panel{background:#fff;border-radius:8px;padding:12px;max-height:350px;overflow-y:auto;box-shadow:0 8px 32px #00000080;cursor:grab}.roi-distance-panel:active{cursor:grabbing}.roi-distance-panel:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(255,255,255,.92) transparent transparent transparent}.roi-distance-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.roi-distance-text{font-family:Roboto;font-size:medium}.roi-distance-input{width:80px;padding:4px;border:.25px solid black;border-radius:4px}.roi-distance-title{font-weight:600;margin-bottom:6px}.dropdown-option{background-color:#f7f8f9;margin-top:.25rem;margin-bottom:.25rem;box-shadow:0 4px 8px #0000001a;border:none;border-radius:.15rem;color:#4c4d4f;border:1px solid rgb(191,193,195)}.shift-bay-button-container{border-radius:.25rem;display:flex;background-color:#fafbfc;border:1px solid rgb(213,220,230);align-items:center;width:100%;border-radius:20px}[data-testid=CheckCircleRoundedIcon]{width:8px;height:8px}.bay-shift-filter span{font-size:12px}.bay-shift-filter{display:flex;align-items:center;width:100%;padding:4px 0;gap:.25rem;border-radius:20px}.shift-selected{background-color:#def8f4;border:none;box-shadow:0 4px 8px #0000001a}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-button{background:#ccc}::-webkit-scrollbar-thumb{background:#ececec;border-radius:15px}.dropdown-option:hover{background-color:#5f6361;color:#fff}.popup-button-container{display:flex;justify-content:center;align-items:center;margin-top:1rem;width:60%}.roi-popup-content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background-color:#fff}.roi-popup-footer-button-container-in{width:100%;display:flex;align-items:center;padding:1rem;background-color:#fff;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.roi-popup-footer-button-container{width:100%;display:flex;align-items:center;gap:1rem;padding:0 16px 16px;background-color:#fff}.required-star{color:red}.roi-popup-footer-button-container-in.roi-popup{justify-content:space-between;flex-wrap:wrap;border:1px solid #E4E4E4;border-radius:4px}.add-region-btn{color:#33459d}.add-region-btn.disabled{opacity:.5}.roi-popup-footer-btn-container{display:flex;align-items:center;gap:1rem}.roi-name-input-container{display:flex;gap:20px}.roi-input-group{display:flex;flex-direction:column;gap:8px}.roi-input-group span{font-size:14px;color:#333}.region-name-input{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;min-width:200px}.region-name-input:focus{outline:none;border-color:#007bff}select.region-name-input{background-color:#fff;cursor:pointer}@keyframes pulseError{0%{border-color:red;box-shadow:0 0 2px #ff0000b3}50%{border-color:#8b0000;box-shadow:0 0 5px red}to{border-color:red;box-shadow:0 0 2px #ff0000b3}}.region-name-input.input-error{border:1px solid red;outline-color:red;animation:pulseError 1s infinite ease-in-out}.error-message{color:red;font-size:.8em;margin-left:5px}.roi-popup-btn{width:fit-content;padding:.25rem;display:flex;min-height:2rem;justify-content:center;align-items:center;background-color:#fff;color:#000;font-size:small;width:6rem;border:1px solid rgb(230,234,233);border-radius:.25rem;font-weight:700;font-size:14px;border-radius:25px;font-size:large}.roi-popup-btn.cancel{color:#33459d;background-color:transparent;border:1px solid rgb(51,69,157)}.roi-popup-btn.cancel:hover{background-color:#fff7f0;box-shadow:0 4px 8px #0000001a}.roi-popup-btn.download{color:#fff;background-color:#33459d;border:1px solid rgb(51,69,157)}.roi-popup-btn.download:hover{box-shadow:0 4px 8px #0000001a}.download-bay-buttons-container.roi-popup{width:100%;display:flex;align-items:center;justify-content:center}.roi-image{max-width:100%}.download-bay-buttons-container-in{width:100%;display:grid;grid-template-columns:repeat(5,1fr)}.download-bay-button.active{background-color:#041616;color:#fff}.shift-buttons-container{width:100%;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;justify-content:center}.bay-shift-span{color:#667388}.shift-selected-span{color:#4040f2}.each-bay-shift-button-container{display:flex;align-items:center;justify-content:center;padding:8px;width:100%}.hidden{display:none}.roi-loading-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.roi-loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.roi-loading-text{color:#fff;font-size:16px;font-weight:500}@media(max-width:1449px){.roi-popup-content.roi-popup,.download-popup-header.roi-popup{padding:8px}.download-popup-header>span{font-size:small}.roi-name-input-container{margin:0}.roi-popup-footer-button-container{padding:0 8px 8px}.roi-popup-footer-button-container-in.roi-popup{padding:8px;gap:0}.popup-container-excel-in.roi-popup span{font-size:small}.region-select-button,.renumber-btn{font-size:small;padding:4px 6px}.undo-notes-button,.refetch-frame-button{font-size:small}.add-region-btn{font-size:small;padding:4px 6px}.roi-popup-btn.cancel.roi-popup,.roi-popup-btn.download.roi-popup{font-size:small;width:4rem}}.edit-model-name{width:100%;display:flex;background-color:#e3f7f7;padding:.5rem;align-items:center;justify-content:flex-start}.class-threshold-row{display:flex;flex-direction:column;align-items:flex-start;width:100%}.class-thresholds{display:flex;width:100%;justify-content:space-between;gap:1rem}.roi-popup-footer-button-container-in.roi-popup.model-popup{background-color:#fff;border:none;justify-content:flex-end;padding:0}.param-row-wrapper{width:100%;display:flex}.param-row-wrapper .param-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.param-row-wrapper input{min-width:120px}.model-params-container{display:flex;flex-direction:column;align-items:flex-start;width:100%}.model-params{display:flex;flex-direction:column;width:100%}.camera-usecases-container{display:flex;flex-direction:column;gap:1rem}.count-container{display:flex;align-items:center;gap:.5rem}.add-usecase-btn-container{display:flex;align-items:center;gap:1rem}.view-camera-btn{color:#33459d}.camera-details{width:100%;display:flex;flex-direction:column;background-color:#fff;border-radius:4px;border-radius:.25rem}.camera-usecases-header-container{display:flex;align-items:center;justify-content:space-between;padding:1rem .5rem}.camera-details-header{display:flex;flex-direction:column;padding:.5rem}.camera-details-content{display:flex;justify-content:space-around;gap:.5rem;flex:1;padding:.5rem}.detail-content{display:flex;flex-direction:column;border-right:1px solid rgb(179,190,211);padding:.5rem;width:100%;width:auto}.detail-content.last{border:none}.detail-title{color:#556478}.detail-value{font-weight:600}.camera-usecases{display:flex;width:100%;gap:1rem}.each-cam-usecase{display:flex;align-items:center;justify-content:space-between;background-color:#f3f2f5;padding:.25rem}.each-cam-usecase.selected{background-color:#e5fafa;border:1px solid rgb(39,165,165)}.all-usecases{display:flex;flex-direction:column;padding:.5rem;gap:1rem;background-color:#fff;border-radius:.25rem;width:20%}.all-usecases-body{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.each-usecase-title{display:flex;justify-content:space-between}.each-usecase-title-left{display:flex;align-items:center;gap:1rem}.to-save{display:flex;align-items:center;gap:.25rem}.each-usecase-content{display:flex;flex-direction:column;background-color:#fff;padding:.5rem;border-radius:.25rem;width:80%;gap:1rem}.each-usecase-content-body{display:flex;flex-direction:column;gap:1rem}.model-list.cam-usecase{display:flex;flex-direction:column;width:100%;gap:.5rem;color:#454f5b}.each-model.cam-usecase{width:100%;display:flex;background-color:#f3f2f5;align-items:center;padding:.5rem;gap:.5rem}.model-classes.cam-usecase{display:flex;flex-direction:row}.class-item.cam-usecase{background-color:#fff;padding:.25rem}.class-threshold{color:#000;font-weight:600}.region-list.cam-usecase{gap:.5rem;display:flex;flex-direction:column}.region-bottom.cam-usecase{width:auto;gap:1rem}.region-edit-button.cam-usecase,.region-delete-button.cam-usecase{height:2rem;width:2rem;display:flex;align-items:center;justify-content:center;padding:0;background-color:#fff;border:none;box-shadow:#00000029 0 1px 4px;border-radius:4px}@font-face{font-family:RobotoMedium;src:url(/fonts/roboto/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:RobotoSemiBold;src:url(/fonts/roboto/Roboto-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:RobotoBold;src:url(/fonts/roboto/Roboto-Bold.ttf) format("truetype")}.usecase-card{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.usecase-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.usecase-card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.usecase-card-header-left{display:flex;flex-direction:column}.usecase-title{font-size:20px;font-weight:600;color:#23282f;font-family:RobotoSemiBold}.usecase-edit-btn{background-color:#fbfaff;color:#33459d;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease;font-family:Roboto;font-weight:500;height:2.25rem;width:2.25rem;font-size:15px;box-shadow:0 1px 1px #0000001f;padding:6px}.usecase-updated-time{font-size:11px;font-weight:400;font-family:Roboto;color:#555}.usecase-description{font-size:15px;color:#555;margin-top:8px}.usecase-description-header{display:flex;flex-direction:column}.usecase-description-header-text{font-size:15px;font-weight:600;font-family:RobotoSemiBold}.usecase-path{font-size:15px;font-weight:400;font-family:Roboto}.usecases-container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 0;max-height:calc(100vh - 120px);overflow:auto;margin-top:8px}.usecase-bool-container{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;border:1px solid rgb(179,190,211);padding:.5rem;border-radius:6px}.usecase-bool{display:flex;flex-direction:column;align-items:flex-start;padding:.25rem}.usecase-bool-title{color:#556478;font-size:14px}.usecase-bool-value{color:#000;font-size:16px}.usecase-bool.center{border-left:1px solid rgb(179,190,211);border-right:1px solid rgb(179,190,211)}.usecase-classes{display:flex;flex-direction:column;gap:8px}.usecase-class-tag{font-size:15px;font-weight:400;font-family:Roboto;color:#1a1a1a;padding:5px 10px;border-radius:5px;background-color:#f1f0f3}.usecase-card-severity{display:flex;padding:.5rem 1rem;border-radius:4px}.usecase-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.usecase-card-action-button{background-color:#fff;color:#33459d;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;transition:background-color .2s ease;font-family:Roboto;font-weight:500;font-size:15px}.usecase-edit-btn{background-color:#fbfaff;color:#33459d;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease;font-family:Roboto;font-weight:500;font-size:15px;box-shadow:0 1px 1px #0000001f;padding:6px}.usecase-card-action-button:hover{background-color:#33459d;color:#fff}.usecase-card-action-button:active,.usecase-card-action-button:focus{background-color:#004085;outline:none;color:#fff}.roi-container{display:flex;flex-direction:row;align-items:center;gap:16px}@media(max-width:1337px){.usecase-title{font-size:16px}.usecase-card-severity{font-size:14px}}@media(max-width:1280px){.usecases-container{grid-template-columns:repeat(2,1fr)}.usecase-title{font-size:16px}.usecase-card-severity{font-size:14px}}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:RobotoMedium;src:url(/fonts/roboto/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:RobotoSemiBold;src:url(/fonts/roboto/Roboto-SemiBold.ttf) format("truetype")}@font-face{font-family:RobotoBold;src:url(/fonts/roboto/Roboto-Bold.ttf) format("truetype")}.severity-radio-container{display:flex;gap:12px;margin-top:12px}.usecase-severity-low,.usecase-severity-medium,.usecase-severity-high{flex:1;border-radius:6px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-family:Roboto;font-weight:500;transition:background-color .3s ease;margin:0;color:#fff;-webkit-user-select:none;user-select:none;padding:6px 0}.MuiFormControlLabel-root{margin:0!important;gap:5px}.usecase-severity-high{background:#faf6e6;color:#cca204;border-left:3px solid rgb(204,162,4)}.usecase-severity-medium{background:#f2f3ff;color:#33459d;border-left:3px solid rgb(51,69,157)}.usecase-severity-low{background:#e0f2f2;color:#27a5a5;border-left:3px solid rgb(39,165,165)}.severity-form-label{font-family:RobotoSemiBold;font-size:16px;color:#1a1a1a}.add-usecase-btn-cancel,.add-usecase-btn-save{padding:6px 16px;font-size:14px;font-family:RobotoMedium;font-weight:500;border-radius:16px;width:100px;height:34px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;text-transform:none;letter-spacing:.2px}.add-usecase-btn-cancel{background-color:#fff;color:#33459d;border:1px solid #33459d}.add-usecase-btn-cancel:hover,.add-usecase-btn-save{background-color:#33459d;color:#fff}.add-usecase-btn-save:hover{background-color:#253070}@media(max-width:768px){.usecase-edit-bottom-btn{flex-direction:column;align-items:stretch}.add-usecase-btn-cancel,.add-usecase-btn-save{width:100%}}.camera-details-form{width:100%;margin:0 auto;background-color:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;height:100%}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.form-actions{display:flex;justify-content:space-between;margin-top:20px}.btn-primary{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.roi-popup-btn.download.cam-usecase{width:max-content;padding:.25rem .5rem}.btn-secondary{background-color:#f44336;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.btn-primary:hover{background-color:#45a049}.btn-secondary:hover{background-color:#d32f2f}.popup-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.popup-content-out{border-radius:8px;display:flex;flex-direction:column;width:600px;position:relative;max-height:90vh;overflow-y:auto}.popup-header{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#d3dbff;padding:.5rem 1rem}.close-button{padding:0}.popup-content{background-color:#fff;padding:1rem;width:100%;height:100%}.form-group-container{width:100;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-content:space-between;gap:1rem}.form-group-container.rtsp{display:flex}.form-group-container.edit{display:grid;grid-template-columns:repeat(3,1fr)}.form-group{width:100%;display:flex;align-items:flex-start;flex-direction:column}.form-group.grids{gap:1rem}.form-group.rtsp{align-items:flex-start;width:100%}.form-group.rtsp.edit{grid-column:span 2}.rtsp-input{width:auto;flex:2}.rtsp-input-container{width:100%;display:flex;justify-content:space-between;gap:1rem}.grid-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f7f7f7;border:1px solid #ccc;border-radius:6px;padding:10px 14px;font-size:16px;color:#333;width:100%;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20fill%3D'%23666'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M7%2010l5%205%205-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px 16px;transition:border-color .2s ease}.grid-input-container,.manual-grid-container{display:flex;align-items:center;gap:.5rem;width:100%}.frame-details-container{display:flex;flex-direction:column}.frame-title{width:100%;display:flex;align-items:center;justify-content:space-between}.close-button{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#000}.get-frame-button{background-color:#33459d;color:#fff;border-radius:25px;padding:0rem .75rem;font-size:small}button:disabled{opacity:.8}.brand-select{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;background:#fff;font-size:14px;color:#333;cursor:pointer;transition:border-color .2s ease}.brand-select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 3px #4a90e280}.add-brand-container{display:flex;align-items:center;margin-top:8px;gap:8px}.brand-input{flex:1;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.brand-add-btn{padding:8px 14px;background-color:#4a90e2;color:#fff;font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.brand-add-btn:hover{background-color:#357abd}.custom-password-input{display:flex;flex-direction:column;padding:8px 0}.input-wrapper{position:relative;width:100%}.input-label{margin-bottom:0}.input-field{width:100%;padding:8px 36px 8px 12px;font-size:14px}.toggle-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:16px;-webkit-user-select:none;user-select:none}.search-bar{display:flex;align-items:center;border:1px solid #ccc;background:#fff;border-radius:8px;padding:6px 10px;width:260px;position:relative}.search-icon{width:18px;height:18px;margin-right:8px;opacity:.6}.search-input{border:none;outline:none;flex:1;font-size:14px;background:transparent}.cameras-page-container{display:flex;flex-direction:column;width:100%;gap:1rem}.camera-records-container-out{display:flex;width:100%;grid-template-columns:repeat(4,1fr);gap:1rem;max-height:calc(100vh - 64px)}.camera-records-container{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.search-bar-container{display:flex;align-items:center;gap:1rem}.cam-status{display:flex;flex-direction:column;align-items:flex-start}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.2);border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.active-time-row{display:grid;width:100%;grid-template-columns:1.2fr 1fr 1fr auto;column-gap:.75rem;align-items:end;margin-bottom:.75rem}.active-time-form-group{display:flex;flex-direction:column;gap:.25rem}.active-time-label{font-size:.75rem;color:#556478;font-weight:500}.active-time-select{height:36px;border-radius:4px;border:1px solid rgb(179,190,211);padding:0 .5rem;font-size:.85rem;background-color:#fff}.active-time-select:focus{outline:none;border-color:#27a5a5}.active-time-delete-btn{height:36px;width:36px;border:none;background-color:#fff;border-radius:4px;cursor:pointer;box-shadow:#00000029 0 1px 4px;display:flex;align-items:center;justify-content:center}.active-time-delete-btn:hover{background-color:#ffebeb}.active-time-error{grid-column:2 / span 2;font-size:.7rem;color:#d32f2f;margin-top:-.25rem;padding-left:.25rem}.add-time-btn{font-size:.8rem;color:#27a5a5;background:none;border:none;cursor:pointer;font-weight:600}.add-time-btn:hover{text-decoration:underline}.time-textfield{background-color:#fff}.time-textfield .MuiOutlinedInput-root{height:36px;font-size:.85rem}.time-textfield .MuiOutlinedInput-notchedOutline{border-color:#b3bed3}.time-textfield:hover .MuiOutlinedInput-notchedOutline{border-color:#27a5a5}.active-time-empty-hint{font-size:.8rem;color:#788296;background-color:#f3f2f5;border:1px dashed rgb(179,190,211);padding:.75rem;border-radius:4px;text-align:center}.runtime-header{display:flex;align-items:center;justify-content:space-between;width:100%}.roi-popup-footer-button-container.roi-popup.active-time{justify-content:flex-end}.active-time-table{width:100%;background-color:#fff;border-radius:4px;border:1px solid rgb(229,231,235);padding:.5rem}.active-time-table,.table-header{display:flex;flex-wrap:wrap;width:100%;gap:.5rem}.day-col{flex:1}.active-period-container{display:flex;align-items:center;justify-content:space-between;width:100%}.model-edit-button{display:flex;padding:.25rem}.day-col{display:flex;flex-direction:column;background-color:#f3f2f5;border-radius:4px;padding:.5rem;min-height:90px}.day-title{font-size:.85rem;font-weight:600;color:#556478;text-align:center;margin-bottom:.5rem;border-bottom:1px solid rgb(179,190,211);padding-bottom:.25rem}.time-slot{background-color:#fff;border-radius:3px;padding:.25rem .4rem;font-size:.75rem;font-weight:500;color:#33459d;text-align:center;margin-bottom:.25rem;box-shadow:#00000014 0 1px 2px}.edit-btn{height:2.2rem;width:2.2rem;align-self:flex-start;background-color:#fff;border:1px solid rgb(179,190,211);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.edit-btn:hover{background-color:#e5fafa;border-color:#27a5a5}.add-usecase-container-out{display:flex;flex-direction:column;width:100%;gap:1rem;border-radius:6px;background-color:#fff;padding:1rem}.page-title{font-size:larger;font-weight:800}.add-usecase-container{background-color:#fff;padding:1rem;border-radius:6px}.usecase-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f7f7f7;border:1px solid #ccc;border-radius:6px;padding:10px 14px;font-size:16px;color:#333;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20fill%3D'%23666'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M7%2010l5%205%205-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px 16px;transition:border-color .2s ease}.usecase-dropdown:focus{border-color:#007bff;outline:none}.usecase-dropdown option{padding:10px}.custom-slider-container{flex:1}.usecase-details-container{display:flex;flex-direction:column;width:100%;background-color:#f7f7f7;padding:1rem}.class-fields-container{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.class-field-out{width:100%;display:flex;flex-direction:column}.each-switch-container,.setting-container{display:flex;flex:1;align-items:center;gap:.25rem}.usecase-details-buttons{display:flex;width:100%;align-items:center;gap:1rem}.models-container{width:100%;display:flex}.models-container{width:100%;display:flex;flex-direction:column}.model-classes{width:100%;display:flex}.class-names-container{width:100%;display:flex;flex-direction:column;align-items:center}.class-fields-container{width:100%;align-items:center}.get-classes-button{background-color:#e5f5f1;color:#27a5a5;border:1px solid rgb(39,165,165)}.input-field.camera{width:auto}.input-field.camera.non-usecase{width:100%}.non-usecase-container{display:flex;flex-direction:column;width:100%;padding:1rem}.settings-title-container{width:100%;border-bottom:1px solid rgb(198,198,208);margin-bottom:.5rem}.settings-title{font-size:large}.run-time-title{border-bottom:1px solid rgb(198,198,208);margin-bottom:.5rem}.alert-settings-sub{width:100%;display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.alert-settings-sub .each-switch-container{flex:inherit}.run-time-title{width:100%;display:flex;justify-content:space-between;align-items:center}.add-run-time-btn{color:#33459d;width:fit-content}.setting-container{display:flex;width:100%;align-items:flex-start;flex-direction:column}.footer-container{width:100%;display:flex;justify-content:flex-end;align-items:center}.grids-container{display:grid;width:100%;grid-template-columns:repeat(3,1fr);padding:1rem;background-color:#f1f0f3}.grid-cols-container{display:flex;flex-direction:column;justify-content:space-between}.images-grid-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.checkbox-input{display:flex;align-items:center;padding:.25rem .5rem;gap:.25rem;width:fit-content;background-color:#fff;border-radius:6px}.grid-images-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:4px}.grid-tile{border:1px solid gray;padding:"2px";cursor:pointer;pointer-events:auto;opacity:.65}.grid-tile.selected-tile{border:2px solid rgb(9,207,207);opacity:1}.grid-tile.disabled{cursor:not-allowed;opacity:.5,;pointer-events:none}.grid-tile img{width:100%;height:auto;object-fit:contain}.grid-tile{transition:border .2s ease}.settings-select-button-container{display:flex;gap:12px;margin-bottom:16px}.add-usecase-container-in{width:100%;display:flex;flex-direction:column;gap:1rem;background-color:#fff;border-radius:6px}.add-usecase-container.edit-camera{border:1px solid rgb(9,207,207)}.tab-button{padding:8px 16px;border:1px solid #ccc;background-color:#fff;color:#333;cursor:pointer;border-radius:4px;font-weight:500;transition:all .2s ease-in-out}.tab-button:hover{background-color:#f0f0f0}.tab-button.active-tab{background-color:#efeaff;color:#33459d;border-color:#33459d}.index-details-container{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0rem 1rem;border-bottom:1px solid rgb(198,198,208);margin-bottom:.5rem}.disable-index-container,.settings-select-button-container{display:flex;align-items:center;gap:1rem}.grid-tile.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.video-settings-container{width:100%;display:flex;flex-direction:column;align-items:center}.video-settings-nav{width:100%;display:flex;align-items:center;justify-content:space-between;background-color:#f4f3f8;padding:1rem}.video-settings-btn{color:#454f5b;background-color:transparent;display:flex;align-items:center;gap:.25rem}.video-settings-btn.active{border:1px solid rgb(51,69,157);color:#33459d;background-color:#efeaff;box-shadow:0 1px 2px #00000040;border-radius:25px}.image-canvas-container-out{width:80%;display:flex;align-items:center;justify-content:center;padding:.5rem}.image-canvas-container{width:50%;display:flex;align-items:center;justify-content:center}.rotate-buttons{display:flex;align-items:center}.video-settings-controls{width:100%;display:flex;align-items:center;padding:1rem}.image-slider-container{width:100%;display:flex;align-items:center}.rotate-btn,.reset-button{display:flex;align-items:center;color:#454f5b;padding:.25rem}.rotate-btn.flip-vertical{background-color:#f4f3f8}.histogram-toggle-container{width:100%;display:flex;align-items:center;justify-content:center}.histogram-toggle-btn{color:#454f5b;background-color:transparent;display:flex;align-items:center;gap:.25rem}.histogram-toggle-btn.active{border:1px solid rgb(51,69,157);color:#33459d;background-color:#efeaff;box-shadow:0 1px 2px #00000040;border-radius:25px}.usecase-table-container{font-family:Arial,sans-serif;gap:1rem;display:flex;flex-direction:column}.usecase-table-title{font-size:20px;font-weight:700;margin-bottom:10px}.usecase-table{width:100%;border-collapse:collapse;margin-bottom:20px}.usecase-table th,.usecase-table td{border:1px solid #ccc;padding:8px;text-align:center;vertical-align:middle}.usecase-table th{font-weight:700}td{background-color:#fff}.usecase-table-toggle{background-color:#e0e0e0;padding:10px;font-weight:700;cursor:pointer;border:1px solid #ccc;margin-top:10px;-webkit-user-select:none;user-select:none}.usecase-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background-color:#f1efff;padding:.5rem;cursor:pointer;border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-right:1px solid #cccccc}.usecase-toggle.not-open{border-bottom:1px solid #cccccc}.usecase-table-collapsible{display:none}.usecase-table-collapsible.active{display:table-row-group}.status-toggle{display:inline-block;width:40px;height:20px;background-color:#ddd;border-radius:10px;position:relative;cursor:pointer;transition:background-color .3s ease}.status-toggle.active{background-color:#4caf50}.section-title-container .section-title,.section-title-container .section-subtitle{padding:0;width:100%}.section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.5rem;background-color:#f7f7f7}.section-toggle.usecase,.section-toggle.image{background-color:#f1efff}.status-toggle:after{content:"";width:16px;height:16px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .3s ease}.status-toggle.active:after{left:22px}.index-header{background-color:#f0f4ff;color:#333}.index-disabled{background-color:#f9f9f9;color:#aaa}.section-header{background-color:#e3f2fd;font-weight:700;text-align:left;padding:10px;font-size:16px}.sub-section-row{background-color:#fafafa}.alert-yes{color:#4caf50;font-weight:700}.alert-no{color:#f44336;font-weight:700}.usecase-table td{vertical-align:top}.usecase-table td:empty:after{content:"—";color:#aaa}.index-disabled-container{display:flex;align-items:center;gap:.125rem}.enabled-span{color:#33459d}.disabled-span{color:#000}.class-header{width:100%}.each-settings-key{background-color:#e5f5fe}.disabled-cell{background-color:#f7f7f7}.view-setting{display:flex;flex-direction:column;align-items:flex-start;padding:.25rem;border-bottom:1px solid rgb(198,198,208);flex:1;gap:.25rem}.view-setting-title{font-size:small}.view-setting-value{font-size:large;font-weight:700}.video-settings-nav.view,.alert-settings-sub.view{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.view-setting-time{display:flex;gap:1rem;flex-direction:row}.each-time{display:flex;flex-direction:column;align-items:flex-start}@font-face{font-family:RobotoMedium;src:url(/fonts/roboto/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:RobotoSemiBold;src:url(/fonts/roboto/Roboto-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:RobotoBold;src:url(/fonts/roboto/Roboto-Bold.ttf) format("truetype")}.frameworks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:16px 0}.Framework-header{display:flex;align-items:center;justify-content:space-between}.reports-count{display:flex;align-items:center;gap:10px}.Incident-text{font-size:18px;font-weight:600;font-family:RobotoSemiBold,sans-serif}.count{border:1px solid rgba(224,230,238,1);width:33px;height:33px;border-radius:22px;padding:10px;display:flex;align-items:center;justify-content:center;font-weight:600;font-family:RobotoSemiBold,sans-serif;background-color:#fff}.add-FrameWork-button{background:#33459d;color:#fff;padding:5px 10px;border-radius:5px;border:none;cursor:pointer;font-family:RobotoMedium,sans-serif;font-weight:500;font-size:15px;display:flex;align-items:center;justify-content:center;gap:5px}@font-face{font-family:RobotoMedium;src:url(/fonts/roboto/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:RobotoSemiBold;src:url(/fonts/roboto/Roboto-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:RobotoBold;src:url(/fonts/roboto/Roboto-Bold.ttf) format("truetype")}.popup-framework-main{display:flex;flex-direction:column;padding:8px 0}.input-field{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .3s;resize:none}.input-field:focus{border-color:#33459d;outline:none}.input-field-label{font-family:inherit;font-size:14px;font-weight:400;color:#454f5b}.bottom-btn{display:flex;justify-content:flex-end;gap:12px}.add-framework-btn-cancel,.add-framework-btn-save{padding:6px 16px;font-size:14px;font-family:RobotoMedium;font-weight:500;border:none;border-radius:16px;width:100px;height:34px;cursor:pointer;transition:all .3s ease}.add-framework-btn-cancel{background-color:#fff;color:#33459d;border:1px solid #33459d}.add-framework-btn-cancel:hover,.add-framework-btn-save{background-color:#33459d;color:#fff}.add-framework-btn-save:hover{background-color:#253070}@media(max-width:768px){.bottom-btn{flex-direction:column;align-items:stretch}.add-framework-btn-cancel,.add-framework-btn-save{width:100%}}@font-face{font-family:RobotoMedium;src:url(/fonts/roboto/Roboto-Medium.ttf) format("truetype")}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:RobotoSemiBold;src:url(/fonts/roboto/Roboto-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:RobotoBold;src:url(/fonts/roboto/Roboto-Bold.ttf) format("truetype")}.framework-card{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;gap:15px}.framework-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.framework-card-header{display:flex;justify-content:space-between;align-items:flex-start}.framework-card-header-left{display:flex;flex-direction:column}.framework-title{font-size:20px;font-weight:600;color:#23282f;font-family:RobotoSemiBold}.framework-updated-time{font-size:11px;font-weight:400;font-family:Roboto;color:#555}.framework-description{font-size:15px;color:#555;margin-top:8px}.framework-description-header{display:flex;flex-direction:column}.framework-description-header-text{font-size:15px;font-weight:600;font-family:RobotoSemiBold}.framework-path{font-size:15px;font-weight:400;font-family:Roboto}.framework-classes-container{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap}.framework-classes{display:flex;flex-direction:column;gap:8px}.class-count{font-size:15px;font-weight:400;font-family:Roboto;color:#556478}.framework-class-tag{font-size:15px;font-weight:400;font-family:Roboto;color:#555;margin-right:10px;padding:5px 10px;border-radius:5px;margin-top:6px}.violation{background-color:#73d6d633}.non-violation{background-color:#eae7ffb5}.framework-actions{display:flex;gap:10px;flex-wrap:wrap}.framework-card-action-button{background-color:#fff;color:#33459d;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;transition:background-color .2s ease;font-family:Roboto;font-weight:500;font-size:15px}.framework-edit-btn{background-color:#fbfaff;color:#33459d;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease;font-family:Roboto;font-weight:500;font-size:15px;box-shadow:0 1px 1px #0000001f;padding:6px}.framework-card-action-button:hover{background-color:#33459d;color:#fff}.framework-card-action-button:active,.framework-card-action-button:focus{background-color:#004085;outline:none;color:#fff}.trends-out-container{width:100%;height:calc(100% - 48px);box-sizing:border-box}.calender-container.reports{left:-40%;top:120%;position:absolute}.trends-container{display:flex;justify-content:flex-start;gap:16px;width:100%;height:100%}.summary-container-out{display:flex;flex:1;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:16px;height:50%;background-color:#fff;width:100%}.summary-container{display:flex;flex-direction:column;border-radius:8px;padding:16px;justify-content:space-between;width:100%;flex:1;border:1px solid rgb(51,69,157)}.summary-each{display:flex;align-items:center;justify-content:space-between;padding:4px;border-bottom:1px solid rgb(51,69,157)}.summary-each.last{border-bottom:none}.summary-each-in{display:flex;align-items:center;gap:.5rem}.summary-each-value{font-family:RobotoSemiBold;font-size:20px}.trends-chart{background:#fff;border-radius:8px;height:50%;box-shadow:0 4px 6px #0000001a;padding:16px;box-sizing:border-box;gap:16px;flex:1;overflow-y:auto}.trends-chart.false-alerts-chart{overflow-y:hidden}.flag-alerts-pie-container{max-height:330px}.trends-chart-inner{display:flex;flex-direction:column;height:100%;padding:.25rem}.graph-section-1,.graph-section-2{display:flex;flex-direction:column;gap:1rem}.graph-section-1{width:30%}.graph-section-2{width:70%}.recharts-surface,.recharts-pie-sector,.recharts-legend-item{outline:none!important}.recharts-surface:focus,.recharts-pie-sector:focus,.recharts-legend-item:focus{outline:none!important}.legend-scroll-container{display:flex;width:100%;flex-wrap:wrap;gap:8px 16px;max-height:120px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccc transparent}.legend-scroll-container::-webkit-scrollbar{width:6px}.legend-scroll-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.trends-title{text-align:start;font-size:x-large;font-family:RobotoSemiBold}.legend-item{display:flex;align-items:center;gap:6px;font-size:14px}.legend-color{width:12px;height:12px;border-radius:50%}.legend-text{color:#333;white-space:nowrap}@media(max-width:480px){.report-body{grid-template-columns:repeat(1,1fr)}}@media(min-width:1150px)and (max-width:1650px){.summary-container-out{height:auto;flex:auto}.summary-each-in{font-size:14px}.summary-each-in>img{width:16px;height:16px}.summary-each-value{font-size:16px}.trends-chart{height:auto;flex:auto}.trends-title{font-size:16px;font-weight:600}}@media(max-width:1449px){.trends-out-container{width:100%;height:100%;overflow-y:auto;box-sizing:border-box}.summary-each-in{font-size:12px}.summary-each-in>img{width:14px;height:14px}.summary-each-value{font-size:14px}.trends-title{font-size:16px;font-weight:600}.trends-container{flex-direction:column}.graph-section-1{flex-direction:row;width:100%}.trends-chart,.summary-container-out{height:auto}.graph-section-1,.graph-section-2{width:100%}}@media(min-width:1150px)and (max-height:820px){.summary-container{gap:8px}.trends-container{overflow:auto}.trends-chart{height:auto;overflow-y:visible}.trends-chart.false-alerts-chart{overflow-y:visible}.flag-alerts-pie-container{max-height:none}}.navbar-container{display:flex;width:100%;height:64px;justify-content:space-between}.quantic-logo{min-width:210px;max-width:210px;background-color:#33459d;display:flex;align-items:center;border-bottom:1px solid rgb(73,90,162);justify-content:center}.quantic-logo img{max-height:40px}.navbar-right-container{width:100%;display:flex;justify-content:space-between;align-items:center;padding-left:1rem}.navbar-page-title{font-size:large;font-family:RobotoSemiBold}.navbar-right{display:flex;justify-self:flex-end;align-items:center;gap:1rem;border-bottom:1px solid rgba(235,237,238,1);margin-right:1rem}.navbar-image{background-color:#fff;border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center}.live-alerts-toggle{display:flex;align-items:center}.navbar-image img{max-width:100%;height:auto;object-fit:contain;height:40px}.mui-profile-menu{display:flex;align-items:center}.user-porifle-in{width:100%;display:flex;flex-direction:column;gap:.25rem}.profile-user-role{width:100%;display:flex;text-align:center;justify-content:center;background-color:#27a5a5;color:#fff;padding:4px 6px;border-radius:4px}.user-profile-in-top{display:flex;gap:8px;font-size:14px;color:#333;align-items:center}.user-profile-in-top img{width:30px}.user-profile-in-right{display:flex;flex-direction:column;font-size:14px;color:#333;font-size:small}.user-profile-in-right span:nth-child(1){font-weight:500;font-size:medium;color:#333}.user-profile-in-right span:nth-child(2),.user-profile-in-right span:nth-child(3){font-size:smaller;color:#333}.profile-mui-icon{color:#1a1a1a;transition:background .2s,color .18s}.mui-profile-dropdown-paper{margin-top:8px!important;min-width:180px;border-radius:10px;border:1px solid #eee}.mui-profile-dropdown-menu .MuiMenuItem-root{font-size:16px;padding-left:8px;padding-right:8px}.mui-profile-dropdown-menu .MuiMenuItem-root:hover{background:#f5f5f5}.mui-profile-dropdown-menu .MuiMenuItem-root:last-child{color:#454f5b;font-weight:500}.mui-menuitem-icon{display:flex!important;align-items:center}.menuitem-left-icon{font-size:21px!important;margin-right:16px;display:inline-block;color:#6b6b6b}.mui-profile-dropdown-menu .MuiMenuItem-root:last-child .menuitem-left-icon{color:#e74c3c!important}@media screen and (max-width:1337px){.quantic-logo{min-width:70px!important;max-width:70px!important;padding:16px 8px!important}.quantic-logo img{max-height:32px}}.sidebar-container{display:flex;flex-direction:column;height:100vh;max-height:100%;overflow-y:auto;background-color:#33459d;padding:24px;justify-content:center;border-top:0;border-bottom:0;align-items:center;justify-content:space-between;min-width:210px;max-width:210px}.sidebar-top{display:flex;flex-direction:column;gap:30px;width:100%}.sidebar-bottom-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;bottom:16px;color:#fff;font-size:small}.nav-section{display:flex;gap:15px;flex-direction:column}.row>*{padding-top:0;padding:1rem}.sidebar-row{width:100%;height:calc(100% - 4rem)}.sidebar{display:flex;flex-direction:column;background-color:#fff;position:sticky;top:0;width:100%;justify-content:space-between;z-index:10!important}.sidebar-title-container{width:100%;height:4rem;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;color:#97a3b6;border-bottom:1px solid rgb(224,230,238);background-color:#fff}.sidebar-title-container span{background-color:#fafbfc;padding:.25rem}.sidebar-top-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#97a3b6}.sidebar-subtitle{font-size:small}.nav-item{width:100%}.navitem.active{background-color:#f8faff}.title-image{max-width:100%}.icon{color:#fff;opacity:1;height:1.5rem;width:1.5rem;transition:width .5s ease-in-out}.link-og.active .icon,.logout.active .icon-instance-node{color:#33459d;opacity:1;transition:width .5s ease-in-out}.active-icon{color:#fff}.hr{background-color:#e0e6ee;width:100%;border:.5px solid rgb(224,230,238)}.link-og{width:100%;transition:width .5s ease-in-out;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;padding:.5rem;gap:.25rem;background-color:transparent}.link-text{color:#fff;font-size:medium;font-family:Roboto}.active-link-text{color:#33459d}.nav-link{padding:1rem;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.nav-link:hover .icon,.nav-link:hover .link-text{color:#fff}.link-og:hover,.logout:hover{background-color:#fff;border-radius:.25rem;color:#33459d}.link-og.active,.logout.active{background-color:#fff;border-radius:.25rem;color:#fff}.link-og:hover .link-text,.link-og.active .link-text{color:#33459d}.logout{position:absolute;bottom:20px;width:90%;left:10%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:60px;transition:width .5s ease-in-out}.sidebar-footer{padding:12px;border-radius:4px}.sidebar-footer-container{background-color:#33459d;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem}.brand-text{color:#fff;font-size:14px;font-weight:700;font-family:Roboto;width:100%;padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#33459d;font-size:smaller;gap:1rem;border-radius:4px}.client-logo-container{width:100%;display:flex;align-items:center;background-color:#fff;color:#27497a;border-radius:.3rem;font-size:smaller;padding:.25rem;font-weight:700;gap:.5rem}.client-logo{width:26px;height:26px}.icon.overview:hover,.icon.analytics:hover,.icon.report:hover,.icon.trends-icon:hover,.icon.settings:hover,.link-og:hover .icon.overview,.link-og:hover .icon.analytics,.link-og:hover .icon.report,.link-og:hover .icon.trends-icon,.link-og:hover .icon.settings{fill:#33459d}.link-og:hover .icon.trends-icon,.link-og:hover .icon.settings{color:#33459d}.client-name-container{width:100%;display:flex;align-items:unset;color:#fff;gap:1rem;border-bottom:1px solid #707cba;font-size:smaller;padding:.25rem}.client-title{font-size:10px;font-weight:400;font-family:Roboto}.client-name{font-size:12px;font-weight:700;font-family:RobotoBold}.client-value{font-size:12px;font-weight:400;font-family:Roboto}.plant-details-container{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.25rem}.plant-details-container span:nth-child(2){font-weight:600}.sidebarCss{width:15%}.ul-gap{gap:1rem}.chat-area1.sidebar{width:100%}.chatbox-align{display:flex;justify-content:space-between;align-items:center}.chatbox-header{font-size:18px;color:#000;font-family:RobotoSemiBold;font-weight:600}.chat{background:#27a5a5;padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;cursor:pointer}.chat-area{width:65%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:30px}.chat-area1{width:35%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:30px;cursor:pointer}.chat-image{max-width:100%;height:auto;object-fit:contain}.chat-text{color:#fff;font-size:14px;font-family:RobotoMedium;font-weight:500}.chatbox{background-color:#e8edff;padding:10px 20px;border-radius:8px;position:relative;box-shadow:0 1px 2px #00000040;text-align:center}.settings-dropdown{position:relative;width:100%}.settings-btn{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;gap:.25rem;padding-right:12px;position:relative}.dropdown-arrow{border:solid white;border-width:0 2px 2px 0;display:inline-block;padding:3px;margin-left:6px;transform:rotate(45deg);transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(-135deg);border:solid rgb(51,69,157);border-width:0 2px 2px 0}.dropdown-menu-below{position:absolute;left:0;top:100%;margin-top:6px;background:#33459d99;border:1px solid rgba(224,230,238,1);box-shadow:0 4px 6px #0000001a;border-radius:6px;z-index:1000;min-width:180px;display:flex;flex-direction:column;padding:.5rem 0}.dropdown-link{width:100%;padding:.5rem 1rem;border-radius:0;display:flex;align-items:center;gap:.5rem;background:transparent;transition:background-color .15s ease-in-out}.dropdown-link:hover{background-color:#fffc;color:#33459dcc}.dropdown-link.active,.settings-btn.active{background-color:#fff;color:#33459dcc}.settings-btn.active .link-text,.link-og.dropdown-link.active .link-text,.dropdown-link.active .link-text{color:#33459d}.chatbot-button-container{width:100%;display:flex;flex-direction:column;height:auto;height:200px}.chatbot-btn{margin-top:10px;display:flex!important;justify-content:center!important;align-items:center!important;padding:.5rem 1rem;overflow:hidden;border-radius:8px;background:#27a5a5;border:1px solid rgba(255,255,255,.2);position:relative;color:#fff}.chat-gif-container{width:200px;height:100%;max-width:200px;background-image:url(../../assets/icons/chatbot.gif);background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:8px}.chatbot-btn:hover{background-color:#30cbcb;border-color:#ffffff80}.chatbot-btn.active{border-color:#fffc}@media screen and (max-width:1537px){.link-text{font-size:small}.sidebar-subtitle{font-size:x-small}}@media screen and (max-height:650px){.sidebar-container{padding:1rem}.nav-section{gap:.5rem}.link-og{padding:.25rem}.chat-image{max-width:60%}}@media screen and (max-width:1337px){.sidebar-container{min-width:70px!important;max-width:70px!important;padding:16px 8px!important}.sidebar-container>.sidebar-top .nav-section>button .link-text,.sidebar-container .settings-btn .link-text{display:none!important}.sidebar-container{overflow:visible}.dropdown-menu-below{z-index:999;background:#33459d;width:fit-content;min-width:140px}.dropdown-menu-below .link-text{display:inline-block!important}.link-og{justify-content:center;padding:.75rem!important;position:relative}.link-og.dropdown-link{justify-content:flex-start}.sidebar-bottom-container span{display:none}.dropdown-arrow{display:none!important}.chatbot-button-container{width:100%;display:flex;flex-direction:column;height:auto;height:100px}.chat-gif-container{width:70px;height:100%;max-width:70px}}html,body{margin:0;padding:0;overflow:hidden}.video-background{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:1}#video-bg{object-fit:cover;width:100%;height:100%}.login-main{position:absolute;top:0;left:0;z-index:2;transform:none;width:100vw;height:100vh;background-color:#05010180;display:flex;justify-content:space-between;padding:68.5px 105.5px;align-items:center;box-sizing:border-box}.powered-contianer{display:flex;align-items:center;gap:10px;position:absolute;bottom:16px;color:#fff;width:100%;justify-content:center}.powered-in-div{width:2px;height:12px;background-color:#fff}.login-hi{font-size:40px;font-family:RobotoBold;font-weight:700;color:#fff;text-align:center}.login-title{display:flex;flex-direction:column;gap:24px}.mini-span{color:#fff;font-size:20px;font-family:Roboto;font-weight:500}.logo{width:253.68px;height:56px;display:block;margin:0 auto 48px}form{display:flex;flex-direction:column;align-items:center}.login-form{gap:1rem}.login-content{display:flex;align-items:center;width:100%}.login1{background-color:#ffffff45;padding:66px;border-radius:8px;width:536px;height:580px;border:1px solid rgba(255,255,255,.66);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.small-span{color:#fff;font-size:24px;font-family:Roboto;line-height:29.3px;text-align:left}.small-span2{color:#fff;font-size:28px;font-weight:400;font-family:inherit}.large-span{font-size:56px;font-family:RobotoBold;font-weight:600;text-align:left;color:#fff}.login-input{margin-bottom:0}.login-span{font-size:16px;font-weight:400;color:#fff;text-align:center;margin:0 auto 40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:inherit}.input-field.login{gap:12px;padding:12px}form .input-field .login-input::placeholder{color:#fff;font-size:18px;font-weight:400;font-family:inherit}form .input-field .login-input::-webkit-input-placeholder{color:#fff;font-size:18px;font-weight:400;font-family:inherit}form .input-field .login-input:-ms-input-placeholder{color:#fff;font-size:18px;font-weight:400;font-family:Roto}form .input-field .login-input::-ms-input-placeholder{color:#fff;font-size:18px;font-weight:400;font-family:inherit}.login-input::placeholder{color:#fff;font-size:18px;font-weight:400;font-family:inherit}.login-input::-webkit-input-placeholder{color:#fff;font-size:18px;font-weight:400;font-family:inherit}.login-input:-ms-input-placeholder{color:#fff;font-size:18px;font-weight:400;font-family:inherit}.login-input::-ms-input-placeholder{color:#fff;font-size:18px;font-weight:400;font-family:inherit}.login-content{display:flex;align-items:center;justify-content:flex-start;height:100%;width:100%}.login-input{width:100%;height:50px;padding:16px;border-radius:4px;opacity:.8;background-color:#fff3;box-shadow:none;border:1px solid rgba(255,255,255,1);outline:none!important;color:#fff;-webkit-backdrop-filter:blur(55.79999923706055px);backdrop-filter:blur(55.79999923706055px);font-size:18px;font-weight:400;font-family:inherit}.login-input::placeholder{color:#fff;font-size:18px;font-weight:500;font-family:"inherit"}.heading{display:flex;flex-direction:column;gap:7px}.login-button{width:70%;border-radius:25px;background-color:#fff;color:#084fa3;font-size:14px;font-weight:600;font-family:RobotoSemiBold;padding:8px;border:0;cursor:pointer;box-shadow:0 1px 4px #2525253d}.login-button-text{font-family:Roboto}.login-container{display:flex;flex-direction:column;justify-content:space-between;height:100%;align-items:center}.input-field{display:flex;flex-direction:column;width:360px}.element1{position:fixed;width:60%;height:60%;bottom:-60px;left:-60px}.video-png{width:40px;margin-bottom:3.5px}@media screen and (max-width:1654px)and (min-width:1001px){.small-span{font-size:18px}.login-hi{font-size:30px}.large-span{font-size:40px}}@media screen and (max-height:900px)and (min-width:500px){.login1{padding:66px;border-radius:8px;width:536px;height:580px}.logo{margin-bottom:36px}.login-span{font-size:12px;font-size:16px;margin-bottom:25px}.login-hi{font-size:40px}.video-png{width:42px;margin-bottom:3.5px}.input-field{width:300px}.login-input{height:45px}.login-button{margin-bottom:18px}}.model-details-page{padding:20px 24px;background:#fff;min-height:100vh;box-sizing:border-box}.model-details-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.back-btn{background:none;border:none;font-size:14px;color:#4f46e5;cursor:pointer;padding:4px}.model-title-block{display:flex;align-items:center;gap:12px}.edit-model-btn{padding:0}.model-title-block h2{margin:0;font-size:20px;font-weight:600;color:#111827}.model-type-badge{font-size:12px;padding:4px 10px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-weight:500}.updated-time{margin-left:auto;font-size:12px;color:#6b7280}.model-group-toggle{display:inline-flex;background:#f3f2f5;border-radius:999px;padding:4px;margin-bottom:20px}.model-group-toggle button{border:none;background:#f3f2f5;padding:6px 16px;font-size:13px;cursor:pointer;border-radius:999px;color:#374151}.model-group-toggle button.active{background:#e8ebff;color:#33459d;font-weight:500;box-shadow:0 1px 2px #00000014}.model-versions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.model-version-header-left{display:flex;align-items:center;gap:1rem;justify-content:flex-start}.model-version-title{font-family:RobotoSemiBold}.model-versions-header span{font-weight:500;color:#111827}.add-version-btn{padding:6px 14px;border-radius:25px;border:1.5px solid rgb(51,69,157);background:#fff;color:#33459d;font-size:13px;font-family:RobotoSemiBold;cursor:pointer}.add-version-btn:disabled{background:#c7c9f7;border-color:#c7c9f7;cursor:not-allowed}.model-versions-list{display:flex;flex-direction:column;gap:12px}.model-version-card{background:#fff;border-radius:8px;padding:14px 16px;box-shadow:0 1px 3px #0000000f;background-color:#f8f7f9;border:1px solid rgb(179,190,211)}.model-version-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.model-version-header strong{font-size:14px;font-weight:600;color:#111827}.active-badge{font-size:11px;padding:4px 10px;border-radius:6px;background:#27a5a5;color:#fff;font-weight:500;text-align:center;display:flex;align-items:center}.activate-btn{background:none;border:none;font-size:12px;color:#4f46e5;cursor:pointer}.activate-btn:disabled{color:#9ca3af;cursor:not-allowed}.model-version-meta{display:flex;gap:20px;font-size:12px;color:#6b7280}.model-version-meta-title{display:flex;align-items:center;gap:.25rem;font-size:medium}.model-version-meta-title span:nth-child(2){font-family:RobotoSemiBold;color:#000}.model-version-classes{font-size:12px;color:#374151;display:flex;align-items:center;gap:1rem}.class-tags{display:flex;flex-wrap:wrap;gap:6px}.class-chip{padding:4px 8px;border-radius:6px;font-size:11px;background:#f3f4f6;color:#111827}.class-chip.violation{background:#ddf1f2;color:#000}.class-chip.non-violation{background:#fff;color:#000}.display-indicator{margin-left:4px;font-size:10px;opacity:.7}.model-version-actions{display:flex;justify-content:flex-end;gap:.5rem}.model-version-count-container{display:flex;align-items:center;gap:.5rem}.version-header-text{font-family:RobotoSemiBold;font-size:large}.model-version-actions button{background:none;border:none;font-size:12px;color:#000;cursor:pointer}.model-version-actions button:disabled{color:#9ca3af;cursor:not-allowed}.empty-state,.page-loading{padding:40px;text-align:center;font-size:14px;color:#6b7280}.input-field{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;transition:border-color .3s}.input-field:focus{border-color:#4a90e2;outline:none}.input-field-container{display:flex;flex-direction:column;gap:6px}.model-name-container{background-color:#e6f5f5;border-radius:4px;color:#333;padding:10px}.input-field-label{font-family:Arial,sans-serif;font-weight:700}.model-value{font-family:Courier New,monospace;margin-left:10px}.model-version-path-container{display:flex;flex-direction:row;gap:16px;width:100%;margin-bottom:16px}.classes-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;width:100%}.add-class-button{background-color:#fff;color:#33459d;border:none;padding:0;border-radius:none;font-size:15px;font-weight:500}.classes-title{font-size:15px;font-weight:500}.classes-divider{border-bottom:1px solid #DFE3E8;margin:16px 0}.classes-list{display:flex;flex-direction:row;gap:16px}.violation-class-container{display:flex;flex-direction:column;gap:16px}.delete-class-button{width:24px;height:24px}.btn-cancel,.btn-save{padding:8px 16px;font-size:14px;border:none;border-radius:6px;cursor:pointer}.btn-cancel{background-color:#f0f0f0;color:#333}.btn-save{background-color:#33459d;color:#fff}.add-class-button:hover{text-decoration:underline;cursor:pointer}.delete-class-button img{width:20px;height:20px}.classes-list{display:flex;flex-direction:row;align-items:flex-end;gap:16px;margin-bottom:12px}@media(max-width:768px){.model-version-path-container{flex-direction:column}}@font-face{font-family:Roboto;src:url(/fonts/roboto/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:RobotoSemiBold;src:url(/fonts/roboto/Roboto-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:RobotoBold;src:url(/fonts/roboto/Roboto-Bold.ttf) format("truetype")}*,body div span button{font-family:Roboto}:root{font-family:Roboto;line-height:1.5;font-weight:400;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bs-body-font-family: "Roboto", sans-serif }a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){a:hover{color:#747bff}}