@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap";:root{--font-roboto: "Roboto", sans-serif}*{padding:0;margin:0;box-sizing:border-box}li{list-style:none}a{text-decoration:none}html,body{font-family:var(--font-roboto)}a:visited{color:inherit}main{text-align:center}h1{font-size:2.5rem;font-weight:700;margin:2em 0}h2{margin:2em;text-align:center}table{margin:0 auto;border-collapse:collapse;width:90%}th{border-bottom:1px solid grey}td,th{padding:.5em;text-align:left}header{min-height:90px;display:flex;justify-content:center}.img-logo{width:200px;filter:drop-shadow(20px 20px 25px #ffffff)}.img-profile{background-color:#e6e5e5;border-radius:50%}@media (max-width: 375px){.img-logo{width:150px}.img-profile{width:30px;height:30px}}.table-icon{text-align:left}table#send-case{border:1px solid #000;border-collapse:collapse;border-spacing:0;width:800px}table#send-case th,table#send-case td{border:1px solid black;padding:5px;text-align:center}table#send-case th{background-color:#c0504d;color:#fff}table#send-case .perception{font-weight:700;font-size:1.2em}.file-upload h2{font-size:1.1rem;font-weight:500;margin:32px 0 0}.file-upload input[type=file]{margin:20px;background-color:#1976d2;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:65px 0}.empty-state h3{font-weight:400}.error{gap:1rem}.error .detail{font-weight:500;font-size:1.3em}.error img{margin-top:30px}.main-page p{width:80%;margin:0 auto}@media (max-width: 576px){.main-page h1{font-size:1.7rem}}.login-form{display:flex;flex-direction:column;margin:50px 0;align-items:center;gap:12px}.new-agent span.alert{color:red;font-weight:600}.new-agent p{width:60%;margin:30px auto}.new-agent a.model{display:flex;align-items:center;justify-content:center;gap:5px;margin:30px auto;width:200px;padding:15px;border:1px solid #fff;border-radius:5px;background-color:#1e1e1e;color:#fff;text-decoration:none}.new-agent a.model:hover{background-color:#fff;color:#1e1e1e;border:1px solid #1e1e1e}.new-agent form{display:flex;align-items:center;justify-content:center;gap:10px}@media (max-width: 768px){.new-agent form{flex-direction:column;gap:15px;margin:50px auto}.new-agent p{width:85%}}.new-case__form{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:210px 170px 350px 80px;gap:0px 0px;grid-template-areas:"input-one input-two" "input-three input-three" "text-area-container text-area-container" "btn-container btn-container"}.new-case__form .btn-container{display:flex;justify-content:center;align-items:center}.new-case__form .btn-container button{margin:0 15px}.btn-container{grid-area:btn-container}.text-area-container{grid-area:text-area-container}.input-one{grid-area:input-one}.input-one>*{width:300px}.input-two{grid-area:input-two}.input-two>*{width:300px}.input-three{grid-area:input-three}.input-three>*{width:300px}.input-three ul{width:80%;display:flex;flex-direction:column}.input-three ul li{text-align:left;display:flex;justify-content:space-between;align-items:center}.form__child{display:flex;flex-direction:column;align-items:center;gap:15px}#outlined-textarea{width:100%}.textarea-width-first{width:300px}.textarea-width-second{width:600px}@media (max-width: 685px){.new-case__form{grid-template-columns:100%;grid-template-rows:auto;grid-template-areas:"input-one" "input-two" "input-three" "text-area-container" "btn-container";gap:20px}.new-case__form .btn-container{display:flex;justify-content:center;align-items:center}.new-case__form .btn-container button{margin:0 15px}.input-one{grid-area:input-one}.input-one>*{width:300px}.input-two{grid-area:input-two}.input-two>*{width:300px}.input-three{grid-area:input-three}.input-three>*{width:300px}.input-three ul{width:70%;display:flex;flex-direction:column;gap:15px}.input-three ul li{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:15px}.input-three ul li div{align-self:center}.form__child{display:flex;flex-direction:column;align-items:center;gap:15px}#outlined-textarea{width:100%}.textarea-width-first{width:300px}.textarea-width-second{width:600px}}.not-found h1{margin:30px}.not-found h2{margin:25px}.not-found img{width:300px}.results-section{margin:30px 0}.case-detail{padding:30px 0;background-color:#e2e5ed}.case-detail h2{font-size:1.5em;font-weight:600;margin:0 0 15px}.case-detail span:not(.MuiChip-label){text-decoration:underline}.case-detail__section{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:15px;padding:15px}.detail-card{display:flex;flex-direction:column;justify-content:space-between;width:48%;min-width:450px;min-height:350px;border-radius:10px;padding:15px;background-color:#f3f3f5;box-shadow:0 10px 10px #0000004d}.detail-card .small-text{margin:10px 0;font-size:.8em;font-weight:600;color:#1976d2}.detail-card .small-text li{width:80%;margin:2px 0;display:flex;align-items:center;justify-content:space-between}.detail-card .small-text li span:not(.MuiChip-label){padding-right:0}.detail-card ul{text-align:left}.detail-card ul li{margin:8px 0}.detail-card .chip{margin-left:30px}.detail-card span:not(.MuiChip-label){font-weight:600;padding-right:5px}.detail-card hr{margin:15px 0}.detail-card i{color:#09c228;font-size:1.2em;font-style:normal;filter:drop-shadow(0 2px 2px rgba(0,0,0,.7))}.detail-card .case-detail__icon,.detail-card .case-detail__icon-employeeId{color:#ebd917}.detail-card .case-detail__icon:hover,.detail-card .case-detail__icon-employeeId:hover{cursor:pointer;transform:scale(1.1);transition:transform .3s ease-in-out}.detail-card .case-detail__icon-employeeId{color:#10108f}.detail-card .card-detail{width:75%;margin:0 auto;padding:10px}.detail-card .card-detail span{display:inline-block;margin:5px 0}.comment__section{margin:30px 0}.comment__section p{display:inline-block;background-color:#f3f3f5;padding:15px;margin:15px 0;border-radius:10px;min-height:0}@media (max-width: 944px){.case-detail__section{gap:40px;padding:0}.detail-card{min-width:inherit;width:80%}}.employee-detail{display:flex;justify-content:space-around;max-width:1200px;margin:0 auto}.employee-detail ul{display:flex;flex-direction:column;gap:20px}.employee-detail ul li{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:40px}.employee-detail ul li .commentary{font-style:italic;font-size:.9em}