.modal-content{background-color:#fff;padding:20px;border-radius:10px;max-width:500px;width:100%;position:relative;text-align:center}.close-button{position:absolute;top:10px;right:15px;font-size:18px;width:35px;height:35px;padding:0;border-radius:50%;cursor:pointer;text-align:center}.file-upload-container{padding:10px;border:2px dashed #d9d9d9;background-color:#fafafa;text-align:center;border-radius:8px;cursor:pointer}.upload-area{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.upload-area-text{margin-left:.8rem;line-height:.8}.file-upload-container.error-border{background-color:#ff00001a}.browse-link{text-decoration:underline;cursor:pointer;color:#1890ff}.file-limit-text{color:#888;font-size:.9em;text-align:center;margin-bottom:0}.file-table{border-collapse:collapse;font-family:Arial,sans-serif;margin:10px 0;width:1300px}.file-table th,.file-table td{border-bottom:1px solid #ddd;padding:12px;text-align:left}.file-table th{color:#333}.file-table td{color:#555;word-break:break-all}.file-table .id-cell{max-width:200px;word-break:break-word;white-space:normal;overflow:visible}.file-table .time-stamp{max-width:100px;word-break:break-word;white-space:normal;overflow:visible}.file-table .file-name,.file-table .subject{max-width:300px;word-break:break-word;white-space:normal;overflow:visible}.file-table tr:nth-child(2n){background-color:#f9f9f9}.file-table tr:hover{background-color:#f1f1f1}.file-table tr td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-table th:first-child{width:15%}.file-table th:nth-child(2){width:10%}.file-table th:nth-child(3){width:15%}.file-table th:nth-child(4){width:5%}.file-table th:nth-child(5){width:10%}.file-table th:nth-child(6){width:20%}.file-table th:nth-child(7){width:10%}.file-table th:last-child{width:5%}.navbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.navbar input{padding:10px;margin-right:1rem;font-size:16px;width:300px;border-radius:10px}.search-bar{position:relative;display:inline-block}.search-bar input{background-color:#f5f5f5;border:none;padding:10px 10px 10px 35px;font-size:16px;width:300px}.search-icon{position:absolute;top:30%;left:5px;transform:translateY(-50%);font-size:16px;color:#aaa}.navbar select{padding:9px;font-size:16px;border-radius:10px;border:none!important;background-color:#f5f5f5}.pagination-container{display:flex;align-items:center}.hover-pointer:hover{cursor:pointer}.pagination-container select{border:none;background-color:#f5f5f5;margin-left:10px;padding:9px;font-size:16px}.pagination-container button{background-color:#007bff;color:#fff;padding:5px 10px;border:none;cursor:pointer}.pagination-container button:disabled{background-color:#ccc}.file-title{text-align:center;margin-bottom:1.5rem;font-size:24px}.summary-section{border-radius:5px;text-align:left}.summary-section h2{margin:0}.summary-item{display:block}.transcript{margin-top:20px;line-height:1.6}.transcript div{padding:5px 0;border-bottom:1px solid #ddd}.dashboard-header{display:flex;justify-content:space-between;align-items:center}.upload-button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin:20px}.upload-button:hover{border:1px solid blue}.logout-button{padding:8px 16px;border:1px solid #ccc;border-radius:5px;background-color:#f8f9fa;cursor:pointer;font-size:14px;margin-left:10px}.logout-button:hover{background-color:#e9ecef}.user-info{display:flex;align-items:center}.user-email{font-size:14px;color:#666;margin-right:15px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fff;padding:20px;border-radius:10px;max-width:350px;width:100%;position:relative;text-align:center}.date-range{display:flex;flex-direction:row;margin-bottom:1rem;align-items:center;gap:1rem}.date-range label{text-align:left}.date-inputs{display:flex;align-items:center;width:300px;border:1px solid #ddd;border-radius:10px;padding:0 1rem}.date-inputs input{margin-right:0!important;border:0;width:140px}.date-input{width:20%}span{margin:.5rem}.analytic-section{justify-content:left;align-items:left;display:flex;gap:1rem}.cards-row{display:flex;gap:.5rem;align-items:center}.analytic-card{background-color:#ddd;min-width:80px;border-radius:10px;justify-content:center;align-items:center;text-align:left;padding:0 1.5rem}.analytic-card h3{margin-top:.5rem!important;margin-bottom:0!important}.analytic-card p{margin-top:.1rem!important;margin-bottom:.5rem!important}#root{margin:0 auto;padding:2rem;text-align:center;color:#000;background-color:#fff}.container{border:.1px solid grey;padding:1.5rem 2rem;border-radius:20px;box-shadow:0 0 8px -5px gray;min-width:300px;text-align:left;display:flex;flex-direction:column}.container button{width:100px}.button-row{display:flex;justify-content:flex-end}.password-input-container{position:relative;display:flex;align-items:center;padding:.5rem;margin:.5rem 0 1rem;border-radius:10px;border:.1px solid grey;gap:.5rem}.password-input-container.alert-border{border:.5px solid red}.password-input-container input{border:none;width:100%}.icon-container{width:30px;height:24px;padding:5px;border-radius:50%;display:flex;justify-content:center;align-items:center}.icon{position:absolute;font-size:1.2em;text-align:center}.icon.toggle-password{right:1px;cursor:pointer}.alert-message{color:red;font-size:.85em}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#fff}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}input:focus{outline:none}h1{font-size:25px;font-weight:900;text-align:left;line-height:.8;padding-left:1rem}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}form{display:flex;flex-direction:column}.alert{text-align:left;margin-top:.2rem;padding-left:1rem;font-size:14px}.page-layout{display:flex;gap:1rem}
