@import"https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700&family=Lato:wght@300;400;700&family=Inter:wght@400;500;600&display=swap";:root{--main-blue: #322A7D;--light-blue: #F8FAFF;--text-blue: #242443;--main-orange: #FEA000;--background-orange: #FFF2DC;--pending-tag-background: #FFDD81;--case-tag-background: #354052;--background-white: #ffffff;--success-green: #00CF64;--main-green: #43C801;--text-black: #000000;--progress-background: #EBF1FD;--red: #FF4747;--grey: #818181;--error-red: #FF3636;--light-grey: #555555;--urbanist-font: "Urbanist", sans-serif;--laton-font: "Lato", sans-serif;--inter: "Inter", sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-20: 1.25rem;--fs-lg: 1.5rem;--fs-xl: 2rem;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700}:root{--screen-sm: 640px;--screen-md: 768px;--screen-lg: 1024px;--screen-xl: 1280px}.container{width:100%;margin-left:auto;margin-right:auto}@media(min-width:768px){.container{max-width:720px;--container-gutter: 2rem}}@media(min-width:1024px){.container{max-width:960px}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-family);background-color:var(--background-white);color:var(--text-blue);height:100%;width:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:contain}.flex-center{display:flex;align-items:center;justify-content:center}.columnSpcing{display:flex;flex-direction:column;gap:24px;padding:0 24px 20px}.des{font-size:var(--fs-base);color:var(--text-black);font-family:var(--urbanist-font);font-weight:var(--fw-bold)}.des-20{font-size:var(--fs-20);color:var(--text-blue);font-family:var(--urbanist-font);font-weight:var(--fw-bold)}.des-12{font-size:var(--fs-sm);color:var(--text-blue);font-family:var(--urbanist-font);font-weight:var(--fw-medium)}.des-12-bold{font-size:var(--fs-sm);color:var(--text-blue);font-family:var(--urbanist-font);font-weight:var(--fw-bold)}.heading-evidence{font-weight:var(--fw-bold);font-size:var(--fs-base);font-family:var(--urbanist-font);color:var(--text-blue)}.evidence-item{display:flex;flex-direction:column;margin-bottom:-6px}.evidence-name{color:#242443;font-family:var(--urbanist-font);font-size:var(--fs-xs)}.case-card,.case-internal-card{background-color:#fff9ee;border:1px solid #FFF2DD;border-radius:4px;padding:10px;display:flex;flex-direction:column;gap:10px;width:100%;cursor:pointer}.evidence-card{background-color:#fff9ee;border:1px solid #FFF2DC;border-radius:4px;padding:10px;display:flex;flex-direction:column;width:100%;gap:14px;cursor:pointer}.case-card-container{width:100%;background-color:var(--background-white);border:1px solid #F1F1F1;border-radius:4px;padding:20px;display:flex;flex-direction:column;gap:12px}.layoutCtoR{display:flex;flex-direction:column;gap:20px;width:100%}.radio-label-container{display:flex;flex-direction:row;gap:30px}.tab-container{display:flex;gap:24px;flex-direction:row}.tab-layout{display:flex;flex-direction:column;gap:5px;cursor:pointer}.radio-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-family:var(--urbanist-font);font-size:14px;color:#242443}.radio-input{display:none}.custom-radio{width:16px;height:16px;border:2px solid #000000;border-radius:50%;background-color:#fff;position:relative;box-sizing:border-box;font-family:var(--urbanist-font)}.tab-txt{font-size:14px;margin:0;font-family:var(--urbanist-font)}.urbanistBold{font-weight:var(--fw-bold);color:var(--main-blue)}.radio-input:checked+.custom-radio:after{content:"";width:10px;height:10px;background-color:#1e449b;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.caseNumberLayout{width:100%;display:flex;flex-direction:column;align-items:start;margin:18px 0 0}.caseDetailLayout{display:flex;flex-direction:column;gap:12px;margin-top:14px}.tags-container{display:flex;flex-direction:row;gap:12px}.evidence-type-tag{width:fit-content;padding:4px 10px;background-color:var(--main-orange);border-radius:2px;color:var(--main-blue);font-family:var(--urbanist-font);font-weight:var(--fw-semibold);font-size:var(--fs-base);display:flex;flex-direction:row;gap:5px;align-items:center}.caseTag-Orange{width:fit-content;padding:4px 10px;background-color:var(--main-orange);border-radius:2px;color:var(--main-blue);font-family:var(--urbanist-font);font-weight:var(--fw-semibold);font-size:var(--fs-base)}.caseTag-Light-Orange{width:fit-content;padding:4px 10px;background-color:#ffdd81;border-radius:2px;color:var(--main-blue);font-family:var(--urbanist-font);font-weight:var(--fw-semibold);font-size:var(--fs-base)}.caseTag-Green{width:fit-content;padding:4px 10px;background-color:var(--main-green);border-radius:2px;color:var(--background-white);font-family:var(--urbanist-font);font-weight:var(--fw-regular);font-size:var(--fs-base)}.caseTag-Grey{width:fit-content;padding:4px 10px;background-color:#354052;border-radius:2px;color:var(--background-white);font-family:var(--urbanist-font);font-weight:var(--fw-regular);font-size:var(--fs-base)}.case-des{font-family:var(--inter);font-size:var(--fs-sm);color:var(--text-blue);margin-top:12px;margin-bottom:12px;width:100%}.incident-des-container{display:flex;flex-direction:row;gap:4px;align-items:center;margin-top:10px}.universal-error{margin-top:4px;margin-bottom:0;color:var(--error-red);font:var(--fw-regular) var(--fs-xs) var(--urbanist-font)}.loader-overlay{position:fixed;inset:0;background:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.case-number{font-weight:var(--fw-bold);font-size:var(--fs-base);font-family:var(--urbanist-font);color:var(--text-blue)}.case-seprator{height:1px;background-color:#000;width:75%;opacity:10%}.card-icons{width:15px;height:15px}.evidence-card-icons{width:14px;height:14px;color:var(--background-white)}.case-name{font:var(--fw-bold) var(--fs-base) var(--urbanist-font);color:var(--text-blue)}.evidence-preview{width:100%;border-radius:10px;padding:24px;height:50vh}.card{min-width:100%;border:1px solid #eee;border-radius:12px;padding:16px 20px;background-color:#c5c5c5;box-shadow:0 4px 8px #0000000d;box-sizing:border-box;text-align:left;width:30%;display:flex;flex-direction:column;align-items:flex-start;margin:0;cursor:pointer}.evidence-grid{display:flex;flex-direction:column;gap:8px}.view-evidence-container{height:100vh;display:flex;flex-direction:column;overflow:hidden}.viewport-content-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:16px 24px}.evidence-split-container{display:grid;grid-template-columns:1fr;gap:16px;height:100%;overflow:hidden}.evidence-preview-pane{background:#0f0f1a;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;height:100%;position:relative;box-sizing:border-box;border:1px solid #EFEFEF}.expand-floating-btn{position:absolute;bottom:16px;right:16px;z-index:10;background:var(--main-blue);border-radius:50px;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;border:none}.expand-floating-btn:hover{transform:translateY(-2px)}.metadata-sidebar-panel{display:flex;flex-direction:column;gap:16px;background:transparent;padding:20px;border-radius:10px;box-sizing:border-box;border:1px solid #EFEFEF;overflow-y:auto;height:fit-content}.metadata-divider{border:0;border-top:1px solid #2A2A3F;margin:4px 0;opacity:.1}.preview-image-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.preview-element-img{max-width:100%;max-height:100%;object-fit:contain}.preview-element-iframe{width:100%;height:100%;border:none;background-color:#fff;border-radius:4px}.preview-element-video{max-width:100%;max-height:100%;object-fit:contain}.preview-audio-wrapper{padding:20px;display:flex;justify-content:center;align-items:center;width:100%}.fullscreen-overlay-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--background-white);z-index:9999;display:flex;flex-direction:column;padding:16px 24px;box-sizing:border-box}.modal-header-actions{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #2A2A3F}.modal-close-btn{background:#ff4a4a;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-weight:700;cursor:pointer;transition:background .2s}.modal-close-btn:hover{background:#d33232}.modal-viewport-content{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#000;border-radius:8px;padding:10px;position:relative}.modal-viewport-content .preview-element-img,.modal-viewport-content .preview-element-video{max-height:85vh}.modal-viewport-content .preview-element-iframe{height:85vh}.modal-floating-actions-container{position:absolute;bottom:24px;right:24px;display:flex;gap:12px;z-index:10000}.action-icon-btn{background:var(--main-blue);width:50px;height:50px;border-radius:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;border:none}.action-icon-btn:hover{transform:translateY(-2px)}.metadata-scroll-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding-bottom:16px}@media(min-width:768px){.seprator{height:1px;width:30%;background-color:var(--progress-background)}.evidence-card{width:50%}.evidence-grid{flex-direction:row;flex-wrap:wrap;gap:16px}.evidence-grid>*{flex:1 1 320px;max-width:400px}.evidence-split-container{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.viewport-content-wrapper{padding:16px 70px}}@media(min-width:1024px){.columnSpcing{padding:0 70px 40px}.layoutCtoR{flex-direction:row}.caseNumberLayout{width:50%}.case-card,.evidence-card{width:30%}.case-des{width:70%}.card{padding:40px 20px;min-width:30%}.case-card-container{width:35%}.evidence-preview{width:50%;border-radius:10px;padding:24px;height:50%}}.app-root{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:15px}.spinner{width:40px;height:40px;border:4px solid rgba(50,42,125,.1);border-left-color:var(--main-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader_box{display:flex;justify-content:center;align-items:center}.loader{width:35px;height:35px;border-radius:50%;border:6px solid #cfc3c3;border-top:6px solid #322a7d;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dropDownBox{width:100%;position:relative}.dropSelectBox{border:1px solid #BCBCBC;display:flex;justify-content:space-between;align-items:center;padding:4px 10px;height:32px;color:#414141;font-size:calc(var(--fontSizeDefault) - 2px)!important;font-weight:400;letter-spacing:.02em;background-color:#fff}.dropShowHideBox{position:absolute;right:0;top:100%;left:0;z-index:100;background-color:#fff}.dropShowHideBox>input{box-sizing:border-box;padding:8px 10px;border:1px solid #ddd;width:100%}.dropShowHideBox>div{max-height:165px;overflow:auto;padding:2px 2px 1px 4px}.itemBox{padding:4px;cursor:pointer;min-height:32px;display:flex;align-items:center}.itemBox:not(.itemSelected):hover{background-color:#f0f0f0}.itemSelected{color:#fff;background:#414141}.chat_loader{display:flex;gap:6px}.chat_loader>div{width:12px;height:12px;border-radius:50%;background-color:#000;animation:bubble 1s linear infinite}.chat_loader>div:nth-child(1){animation-delay:.2s}.chat_loader>div:nth-child(2){animation-delay:.6s}.chat_loader>div:nth-child(3){animation-delay:.9s}@keyframes bubble{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}