body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.video-call{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:url(/static/media/gra1.fe94ce2fe0149bdea678.jpg);color:#333;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:calc(100vh - 64px);overflow:hidden;width:100%}.video-call__body{display:flex;flex-grow:1;overflow:hidden;position:relative}.video-call__body::-webkit-scrollbar{border-radius:10px;height:5px;width:5px}.video-call__body::-webkit-scrollbar-thumb{background-color:#5777ea98;border-radius:10px}.video-call__body::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}.video-call__main-panel{background:#000;border:1px solid #34195750;flex-grow:1;justify-content:center;margin:0 5px 0 0;position:relative}.video-call__main-panel,.video-call__sidebar{border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.video-call__sidebar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-shrink:0;transition:width .3s ease-in-out;width:320px}.video-call__main-stage{align-items:center;aspect-ratio:16/9;background:#000;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.video-call__main-video{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.video-call__annotation-canvas{left:50%;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%)}.video-call__placeholder{color:#ccc;text-align:center}.video-call__bottom-controls{bottom:0;display:flex;gap:12px;left:50%;margin-bottom:42px;padding:12px;position:absolute;transform:translateX(-50%);transition:opacity .3s ease,transform .3s ease;z-index:20}.control-group{align-items:center;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:#1e1e1e1a;border:1px solid #fff3;border-radius:30px;display:flex;gap:12px;padding:6px}.video-call__bottom-controls .MuiSvgIcon-root{font-size:1rem;pointer-events:none}.video-call__main-panel:not(:hover) .video-call__bottom-controls{opacity:0;pointer-events:none;transform:translate(-50%,20px)}.video-call__icon-button{align-items:center;background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.video-call__icon-button:hover{background-color:#ffffff4d}.video-call__icon-button--danger{background-color:#dc3545}.video-call__icon-button--danger:hover{background-color:#c82333}.video-call__icon-button--off{background-color:#333}.video-call__icon-button--off:hover{background-color:#444}.video-call__icon-button--active{background-color:#007bff;color:#fff}.video-call__icon-button--recording{animation:pulse-animation 1.5s infinite;background-color:#dc3545}.video-call__annotation-controls-wrapper{align-items:center;display:flex;gap:10px}.video-call__annotation-toolbar{align-items:center;display:flex;gap:12px}.video-call__color-swatch{border:2px solid #0000;border-radius:50%;cursor:pointer;height:15px;transition:transform .2s ease,border-color .2s ease;width:15px}.video-call__color-swatch:hover{transform:scale(1.15)}.video-call__color-swatch--selected{border-color:#fff;transform:scale(1.15)}.video-call__color-palette{display:flex;gap:4px}.video-call__sidebar-content{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:24px 8px 8px}.video-call__sidebar-content::-webkit-scrollbar{border-radius:10px;height:5px;width:5px}.video-call__sidebar-content::-webkit-scrollbar-thumb{background-color:#5777ea98;border-radius:10px}.video-call__sidebar-content::-webkit-scrollbar-track{background-color:#fff;border-radius:10px;margin:10px 0}.video-call__session-info{align-items:flex-start;display:flex;flex-direction:column;gap:0;justify-content:space-between}.video-call__device-controls,.video-call__session-info{border-bottom:1px solid #e0e0e0}.video-call__device-controls h3,.video-call__participants-panel h3,.video-call__session-info h3{color:#333;font-size:1rem;font-weight:600;margin-top:0}.video-call__session-detail{color:#fff;display:flex;font-size:.8rem;justify-content:flex-start;margin-bottom:8px}.video-call__session-detail_button{background:linear-gradient(to top right,#ccc0 5%),#8080800d;border:1px solid #ffffff69;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:8px;padding:8px}.video-call__session-detail_button:hover{background-color:#341957;border-color:#341957;transition:.15s ease-in-out}.video-call__input-group{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.video-call__input-label{color:#555;font-size:.65rem;font-weight:500}.video-call__select{background-color:#f0f0f0;border:1px solid #ccc;border-radius:6px;color:#333;cursor:pointer;font-size:.65rem;padding:4px;width:100%}.video-call__participants-panel{flex-grow:1}.video-call__participants-panel,.video-call__thumbnail-list{display:flex;flex-direction:column;gap:12px}.video-call__thumbnail{aspect-ratio:16/9;border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:border-color .2s ease,transform .2s ease;width:100%}.video-call__thumbnail-video{background-color:#222;height:100%;object-fit:cover;width:100%}.video-call__video-label{background-color:#0009;border-radius:4px;bottom:0;color:#fff;font-size:.75rem;left:8px;padding:3px 8px;position:absolute;z-index:10}.video-call__thumbnail-placeholder{align-items:center;background-color:#2c2c2c;color:#a0a0a0;display:flex;height:100%;justify-content:center;width:100%}.video-call__thumbnail-controls{background:#00000080;border-radius:4px;bottom:4px;display:flex;left:4px;opacity:0;padding:2px;position:absolute;right:4px;transition:opacity .2s ease-in-out;z-index:10}.video-call__thumbnail:hover .video-call__thumbnail-controls{opacity:1}.video-call__thumbnail-controls .video-call__icon-button{background-color:#fff3;height:32px;width:32px}.video-call__thumbnail-controls .video-call__icon-button .MuiSvgIcon-root{font-size:1rem}.video-call__thumbnail-remove{align-items:center;background-color:#1e1e1e99;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px;z-index:10}.video-call__thumbnail-remove:hover{background-color:#dc3545}.video-call.grid-view-active .video-call__body{grid-gap:12px;align-content:center;display:grid;gap:12px;justify-content:center;overflow-y:auto;padding:12px}.video-call.grid-view-active .video-call__main-panel,.video-call.grid-view-active .video-call__thumbnail{aspect-ratio:16/9;background-color:#000;border:1px solid #444;border-radius:8px;margin:0;overflow:hidden;position:relative;width:100%}.video-call.grid-view-active .video-call__body[data-participant-count="1"]{gap:0;grid-template-columns:1fr;padding:0}.video-call.grid-view-active .video-call__body[data-participant-count="1"]>.video-call__main-panel{border-radius:0}.video-call.grid-view-active .video-call__body[data-participant-count="2"],.video-call.grid-view-active .video-call__body[data-participant-count="3"],.video-call.grid-view-active .video-call__body[data-participant-count="4"]{grid-template-columns:1fr 1fr}.video-call.grid-view-active .video-call__body[data-participant-count="5"],.video-call.grid-view-active .video-call__body[data-participant-count="6"]{grid-template-columns:1fr 1fr 1fr}.video-call.grid-view-active .video-call__body{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.video-call.grid-view-active .sidebar-toggle-button,.video-call.grid-view-active .video-call__bottom-controls,.video-call.grid-view-active .video-call__device-controls,.video-call.grid-view-active .video-call__section-toggle,.video-call.grid-view-active .video-call__session-info{display:none}.video-call.grid-view-active .video-call__participants-panel,.video-call.grid-view-active .video-call__sidebar,.video-call.grid-view-active .video-call__sidebar-content,.video-call.grid-view-active .video-call__thumbnail-list{display:contents}.video-call.grid-view-active .video-call__main-stage,.video-call.grid-view-active .video-call__main-video,.video-call.grid-view-active .video-call__thumbnail-placeholder,.video-call.grid-view-active .video-call__thumbnail-video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.video-call.grid-view-active .video-call__thumbnail{cursor:default}body.dark-mode .video-call__main-panel{background-color:#000}body.dark-mode .video-call__sidebar-content{scrollbar-color:#444 #1e1e1e}body.dark-mode .video-call__device-controls,body.dark-mode .video-call__session-info{border-bottom:1px solid #333}body.dark-mode .video-call__device-controls h3,body.dark-mode .video-call__participants-panel h3,body.dark-mode .video-call__session-info h3{color:#f0f0f0}body.dark-mode .video-call__session-detail strong{color:#aaa}body.dark-mode .video-call__input-label{color:#ccc}body.dark-mode .video-call__select{background-color:#333;border:1px solid #555;color:#f0f0f0}.video-call__resolution-selector{align-items:center;display:flex;margin:0;padding:0}.video-call__resolution-selector .video-call__select{-webkit-appearance:none;appearance:none;background-color:initial;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 12px top 50%;background-repeat:no-repeat;background-size:.65em auto;border:1px solid #fff6;border-radius:16px;color:#fff;font-size:.8rem;height:32px;padding:0 12px;width:auto}.video-call__resolution-selector .video-call__select:hover{background-color:#ffffff1a;border-color:#fff9}.video-call__resolution-selector .video-call__select option{background-color:#f0f0f0;color:#333}.sidebar-toggle-button{align-items:center;background-color:#1e1e1ecc;border:1px solid #fff3;border-radius:12px 0 0 12px;border-right:none;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:342px;top:15%;transform:translate(50%,-50%);transition:right .3s ease-in-out,background-color .2s ease;width:32px;z-index:1001}.sidebar-toggle-button:hover{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1e1e1e1a;border:1px solid #fff3}.video-call__body.sidebar--closed .sidebar-toggle-button{right:21px}.video-call__body.sidebar--closed .video-call__sidebar{width:0}.video-call__section-toggle{align-items:center;background-color:#1e1e1ecc;border:1px solid #fff3;border-radius:0 0 12px 12px;border-right:none;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:150px;top:1%;transform:translate(50%,-50%);transition:right .3s ease-in-out,background-color .2s ease;width:100px;z-index:1001}.video-call__section-toggle:hover{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1e1e1e1a;border:1px solid #fff3}.video-call__body.sidebar--closed .video-call__section-toggle{right:21px}@media (max-width:768px){.video-call{height:calc(100vh - 64px)}.video-call__body{flex-direction:column}.video-call__main-panel{border:none;border-radius:0;flex-grow:0;flex-shrink:0;margin:0;min-height:0;order:0}.video-call__main-stage{border-radius:0}.sidebar-toggle-button{align-items:center;background-color:#1e1e1ecc;border:1px solid #fff3;border-radius:0 0 12px 12px;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;margin:0 auto 8px;order:2;position:static;transform:none;transition:background-color .2s ease;width:60px}.video-call__body.sidebar--closed .sidebar-toggle-button{left:50%;right:auto}.sidebar-toggle-button>.MuiSvgIcon-root{transition:transform .3s ease-in-out}.video-call__body.sidebar--closed .sidebar-toggle-button>.MuiSvgIcon-root{transform:rotate(180deg)}.video-call__bottom-controls{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#1e1e1e80;border:1px solid #fff3;border-radius:0;flex-wrap:wrap;gap:8px;justify-content:center;margin:0;opacity:1;order:1;padding:8px;position:static;transform:none;width:calc(100% - 18px)}.video-call__icon-button{height:32px;width:32px}.video-call__bottom-controls .MuiSvgIcon-root{font-size:1rem}.video-call__annotation-controls-wrapper{gap:8px;padding-left:10px}.video-call__resolution-selector{padding-left:10px}.video-call__resolution-selector .video-call__select{font-size:.7rem;height:28px}.video-call__session-detail{font-size:.6rem;margin-bottom:6px}.video-call__session-detail_button{border-radius:8px;font-size:.6rem;margin-bottom:8px;padding:6px}.video-call__device-controls,.video-call__session-info{max-height:300px;opacity:1;overflow:hidden;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,padding .3s ease-in-out,margin .3s ease-in-out,border .3s ease-in-out}.video-call__body.sidebar--closed .video-call__device-controls,.video-call__body.sidebar--closed .video-call__session-info{border-bottom:none;margin-bottom:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0}.video-call__body.sidebar--closed>.video-call__participants-panel{flex-shrink:0;order:4;padding:12px}.video-call__sidebar{border-radius:0;flex-grow:1;flex-shrink:1;height:auto;max-height:70vh;min-height:0;opacity:1;order:3;overflow:hidden;transition:max-height .3s ease-in-out,padding .3s ease-in-out,opacity .2s ease-in-out;width:100%}.video-call__body.sidebar--closed .video-call__sidebar{border-bottom:none;flex-grow:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0}.video-call__body.sidebar--open .video-call__sidebar{flex-grow:1;max-height:70vh;opacity:1;padding-bottom:2.2rem;padding-top:2.2rem}.video-call__thumbnail-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.video-call__body.sidebar--closed .video-call__thumbnail-list{display:flex;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:5px}.video-call__body.sidebar--closed .video-call__thumbnail{aspect-ratio:16/9;border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:border-color .2s ease,transform .2s ease;width:100%}.video-call__sidebar .video-call__thumbnail-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.host-form,.viewer-form{background-color:initial;box-sizing:border-box;height:calc(100vh - 45px);margin:45px 0 0;padding:5px}.session-details-card{background-color:#fff;border-radius:12px;box-shadow:0 1px 4px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:40px auto;padding:16px;width:auto}.session-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.session-header h2{color:#222;font-size:1.1rem;font-weight:600;margin:0}.session-details-card .session-info{grid-row-gap:12px;grid-column-gap:8px;border-bottom:1px solid #eee;border-top:1px solid #eee;column-gap:8px;display:grid;grid-template-columns:.6fr 1.2fr;padding:12px 0;row-gap:12px}.session-details-card .label{color:#666;font-weight:500;text-align:left}.session-details-card .value{color:#111;font-weight:500;text-align:right;word-break:break-word}.session-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.session-details-dialog-options.MuiDialog-root,.session-details-page.MuiModal-root{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.MuiDialogTitle-root{padding:4px!important}.MuiDialogContent-root{padding:0!important}.MuiDialogActions-root{display:flex;flex-direction:row;justify-content:flex-end;padding:16px}.session-details-card .MuiBox-root.css-qwujcl{align-items:center;display:flex;justify-content:center;margin:8px!important}.session-details-card .MuiBox-root.css-192qrng{display:flex;justify-content:flex-start;margin:0!important}.initial-step-list{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(to top right,#ccc0 5%),#8080800d;border-radius:16px;box-sizing:border-box;gap:1.25rem;justify-content:center;list-style-type:decimal;margin-block-end:0;margin-block-start:0;margin-left:auto;margin-right:auto;max-width:700px;padding:1.25rem}.initial-step-list,.input-group{display:flex;flex-direction:column;width:100%}.input-group{gap:8px}.input-label{color:#333;font-size:12px;font-weight:600}body.dark-mode .input-label{color:#bbb}.camera-select,.input-field{background:linear-gradient(to top right,#ccc0 5%),#8080800d;border:1px solid #ffffff7d;border-radius:5px;box-sizing:border-box;color:#fff;font-size:14px;padding:10px;width:100%}.camera-select:focus,.input-field:focus{border-color:#007bff;outline:none}.camera-select{-webkit-appearance:none;appearance:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#242424;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAVklEQVR4nGNgGAWjYBQMGIhhYGD4wcDA8J9IDFIbRYoF8SQY/h+K40j1RTkJhteTajgpltSTazgxltRTajg+S6hmODZLqG44DCQxMDAkwnmjYBQMDwAAptU8wdV6fT0AAAAASUVORK5CYII=);background-position:right 10px center;background-repeat:no-repeat;background-size:15px;color:#fff;cursor:pointer;padding-right:35px}.dropdown-with-icon{align-items:center;display:flex;gap:8px}.icon-button{background:#5d3794;border:1px solid #341957;border-radius:100px;color:#fff;display:flex;padding:8px;transition:background-color .2s ease}.icon-button svg{font-size:1.25rem}body.dark-mode .icon-button{color:#fff}.icon-button:hover{background-color:#341957;color:#fff}.session-details{align-items:center;background-color:initial;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;padding:0}.session-status{align-items:center;background-color:#e9ecef;border-radius:20px;color:#495057;display:inline-flex;font-size:12px;font-weight:500;justify-content:center;padding:4px 8px;white-space:nowrap}.session-status.clickable{cursor:pointer;transition:background-color .2s,transform .1s}.session-status.clickable:hover{transform:scale(1.05)}.session-status.status-success{background-color:#d4edda;color:#155724}.session-status.status-danger{background-color:#f8d7da;color:#721c24}.checkbox-group{align-items:center;background:#341957;border-radius:8px;display:flex;gap:10px;justify-content:center;padding:.5rem 0}.checkbox-group input[type=checkbox]{background-color:#fff;border:2px solid #ccc;border-radius:6px;cursor:pointer;height:25px;position:relative;transition:all .2s ease;width:25px}.checkbox-group label{color:#333;cursor:pointer;font-size:14px;font-weight:500}body.dark-mode .checkbox-group label{color:#bbb}body.dark-mode .session-status{background-color:#444;color:#bbb}body.dark-mode .session-status.clickable:hover{background-color:#555}body.dark-mode .session-status.status-success{background-color:#1d4b29;color:#c3e6cb}body.dark-mode .session-status.status-danger{background-color:#582125;color:#f5c6cb}.button-container{display:flex;gap:15px;justify-content:center;margin-top:3rem}.btn-primary,.session-actions .btn-primary{background-color:#5d3794;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:background-color .3s ease}.btn-primary:hover{background-color:#341957}.btn-secondary,.session-actions .btn-secondary{background-color:#94373c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:background-color .3s ease}.btn-secondary:hover{background-color:#571926}.session-info{align-items:flex-start;display:flex;flex-direction:column;gap:0}.session-info .value{align-items:center;display:inline-flex;gap:4px;text-align:left}.session-info p{color:#555;font-size:12px;margin:0}.results-container{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;margin-top:2rem;min-height:150px;padding:1.5rem}.file-browser{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.file-list{list-style:none;margin:0;padding:0}.file-list-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;padding:10px 12px;transition:background-color .2s ease-in-out}.file-list-item:hover{background-color:#f0f0f0}.file-list-item svg{color:#5f6368;margin-right:12px}.file-list-item span{color:#3c4043;font-size:1rem}@media (max-width:768px){.host-form,.viewer-form{padding:15px}.initial-step-list{gap:.9rem}.input-group{gap:5px}.session-details{gap:8px}.input-label,.session-status{font-size:9px}.camera-select,.input-field{font-size:11px;padding:6px}.checkbox-group{padding:0}.checkbox-group input[type=checkbox]{height:15px;width:15px}.checkbox-group label{font-size:9px}.icon-button{padding:4px}.icon-button svg{font-size:1.1rem}.session-details-card .session-info{column-gap:9px;grid-template-columns:.5fr 1.2fr;padding:8px 0;row-gap:9px}.session-info p{font-size:11px}.session-actions{display:flex;gap:10px;margin-top:10px}.btn-primary,.session-actions .btn-primary{background-color:#5d3794;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;padding:8px 16px;transition:background-color .3s ease}}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:0.8;--PhoneInputInternationalIconGlobe-opacity:0.65;--PhoneInputCountrySelect-marginRight:0.35em;--PhoneInputCountrySelectArrow-width:0.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:0.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1 1;min-width:0}.PhoneInputCountryIcon{height:1em;height:var(--PhoneInputCountryFlag-height);width:1.5em;width:calc(var(--PhoneInputCountryFlag-height)*var(--PhoneInputCountryFlag-aspectRatio))}.PhoneInputCountryIcon--square{width:1em;width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:#0000001a;background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #00000080;box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;height:100%;width:100%}.PhoneInputInternationalIconPhone{opacity:.8;opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:.65;opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{align-items:center;align-self:stretch;display:flex;margin-right:.35em;margin-right:var(--PhoneInputCountrySelect-marginRight);position:relative}.PhoneInputCountrySelect{border:0;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{border-bottom-width:1px;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-color:currentColor;border-color:var(--PhoneInputCountrySelectArrow-color);border-left-width:0;border-right-width:1px;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-style:solid;border-top-width:0;content:"";display:block;height:.3em;height:var(--PhoneInputCountrySelectArrow-width);margin-left:.35em;margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);opacity:.45;opacity:var(--PhoneInputCountrySelectArrow-opacity);transform:rotate(45deg);transform:var(--PhoneInputCountrySelectArrow-transform);width:.3em;width:var(--PhoneInputCountrySelectArrow-width)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{color:#03b2cb;color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 1px #03b2cb,inset 0 0 0 1px #03b2cb;box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{color:#03b2cb;color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.login-main-container{align-items:center;background:url(/static/media/gra1.fe94ce2fe0149bdea678.jpg) no-repeat 50%/cover;box-sizing:border-box;display:flex;font-family:Sora,sans-serif;justify-content:center;min-height:100vh;padding:24px}.login-form-wrapper{animation:fadeIn .7s ease-in-out forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#fff0);border:1px solid #ffffff2e;border-bottom:10px solid #ffffff4d;border-radius:24px;box-shadow:0 8px 32px 0 #0000005e;margin:24px 0;max-width:480px;padding:12px;position:relative;width:100%}.login-form-card{background:#0000;border:none;border-radius:16px;box-sizing:border-box;padding:2rem 2.5rem;width:100%}.login-form-title{color:#fff;font-size:1.75rem;font-weight:700;margin:0;text-align:center}.login-form-subtitle{color:#ffffffb3;font-size:.9rem;margin-bottom:2rem;margin-top:0;text-align:center}.login-logo{height:.9rem;margin:0;vertical-align:middle}.form-content-wrapper{animation:contentFadeIn .4s ease-in-out}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.login-method-toggle{background-color:#0003;border-radius:12px;display:flex;margin-bottom:2rem;padding:4px;position:relative}.login-method-toggle:before{background-color:#ffffffe6;border-radius:9px;box-shadow:0 4px 12px #0000001a;content:"";height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform .7s cubic-bezier(.5,-.5,0,1);width:calc(50% - 4px);z-index:1}.login-method-toggle.password:before{transform:translateX(calc(100% + 4px))}.login-method-toggle button{background-color:initial;border:none;border-radius:9px;color:#ffffffb3;cursor:pointer;flex:1 1;font-family:Sora,sans-serif;font-size:.85rem;font-weight:600;padding:.7rem 0;position:relative;transition:color .4s ease-in-out;z-index:2}.login-method-toggle button:hover:not(.active){background-color:initial}.login-method-toggle button.active{background-color:initial;box-shadow:none;color:#1a202c}.login-method-toggle button:disabled{cursor:not-allowed;opacity:.6}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-info-text{color:#fffc;font-size:.85rem;margin-bottom:.25rem;margin-top:-.75rem;text-align:center}.login-input-group{display:flex;flex-direction:column;gap:.5rem}.login-label{color:#fffc;cursor:default;font-size:.8rem;font-weight:500;padding-left:4px}.login-input,.phone-input-container{background-color:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-sizing:border-box;color:#fff;font-family:Sora,sans-serif;font-size:.95rem;height:48px;padding:0 1rem;transition:all .3s ease;width:100%}.login-input::placeholder{color:#fff6}.login-input:focus,.phone-input-container:focus-within{background-color:#ffffff26;border-color:#3a64eecc;box-shadow:0 0 0 3px #3a64ee33;outline:none}.PhoneInputInput{color:#fff}.PhoneInputInput::placeholder{color:#fff6}.login-button-container{align-items:center;display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.login-button-primary,.login-button-secondary{border:none;border-radius:12px;cursor:pointer;font-family:Sora,sans-serif;font-size:.9rem;font-weight:600;padding:.8rem 1.6rem;transition:all .3s ease}.login-button-primary{background-image:linear-gradient(90deg,#4a72ff,#3a64ee);box-shadow:0 4px 14px #3a64ee4d;color:#fff}.login-button-primary:hover:not(:disabled){background-image:linear-gradient(90deg,#3a64ee,#4a72ff);box-shadow:0 6px 20px #3a64ee66;transform:translateY(-2px)}.login-button-secondary{background-color:initial;border:1px solid #ffffff4d;color:#fff}.login-button-secondary:hover:not(:disabled){background-color:#ffffff1a;border-color:#ffffff80}.login-button-primary:disabled,.login-button-secondary:disabled{background-color:#0003;background-image:none;box-shadow:none;color:#ffffff80;cursor:not-allowed;opacity:.6}.otp-container{gap:.75rem}.otp-input{background-color:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:1.2rem;height:52px!important;width:48px!important}.otp-input:focus{background-color:#ffffff26;border-color:#3a64eecc;box-shadow:0 0 0 3px #3a64ee33}.bottom-action-bar{background-color:#0003;border:none;border-bottom-left-radius:24px;border-bottom-right-radius:24px;bottom:0;cursor:pointer;height:20px;left:0;outline:none;position:absolute;transition:background-color .3s ease;width:100%}.bottom-action-bar:hover{background-color:#00000059}@media screen and (max-width:600px){.login-main-container{padding:16px}.login-form-wrapper{padding:8px}.login-form-card{padding:1.5rem 1.25rem}.login-form-title{font-size:1.5rem}.login-form-subtitle{font-size:.85rem;margin-bottom:1.5rem}.login-form{gap:1.25rem}.login-input,.phone-input-container{font-size:.9rem;height:44px;padding:0 .8rem}.login-button-container{flex-direction:column-reverse;gap:.75rem;width:100%}.login-button-primary,.login-button-secondary{padding:.8rem;width:100%}.otp-container{gap:.5rem}.otp-input{border-radius:8px;font-size:1.1rem;height:44px!important;width:40px!important}}.register-main-container{align-items:center;background:url(/static/media/gra1.fe94ce2fe0149bdea678.jpg) no-repeat 50%/cover;box-sizing:border-box;display:flex;flex-direction:column;font-family:Sora,sans-serif;height:100vh;justify-content:center;padding:24px}.register-form-wrapper{animation:fadeIn .7s ease-in-out forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#fff0);border:1px solid #ffffff2e;border-radius:24px;box-shadow:0 8px 32px 0 #0003;display:flex;flex-direction:column;margin:24px 0;max-height:75vh;max-width:550px;padding:8px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.register-form-card{-ms-overflow-style:none;background:#0000;border:none;border-radius:16px;box-sizing:border-box;flex-grow:1;overflow-y:auto;padding:1.5rem 1.75rem;scrollbar-width:none;width:100%}.register-form-card::-webkit-scrollbar{display:none}.register-form-title{color:#fff;font-size:1.35rem;font-weight:700;margin-bottom:1.75rem;margin-top:0;text-align:center}.register-form{display:flex;flex-direction:column;gap:1.25rem}.register-info-text{color:#555;font-size:.85rem;margin-bottom:.25rem;margin-top:-.75rem;text-align:center}.register-input-group{display:flex;flex-direction:column;gap:0}.register-input-group.consent-checkbox-group{display:flex;flex-direction:row;margin-top:30px}.consent-checkbox-group label{color:#fff;font-size:12px;margin-left:16px}.register-label{color:#fff;cursor:default;font-size:.8rem;padding-left:4px}.register-input,.register-textarea{background-color:#ffffffb3;border:1px solid #c8c8c880;border-radius:10px;box-sizing:border-box;color:#2d3748;font-family:Sora,sans-serif;font-size:.95rem;padding:.6rem 14px;transition:all .3s ease;width:100%}.register-input{height:44px}.register-textarea{min-height:100px;padding-top:.8rem;resize:vertical}.register-input:focus,.register-textarea:focus{background-color:#fff;border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;outline:none}.register-button-container{align-items:center;display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding:0 8px 8px}.register-button-primary,.register-button-secondary{border:none;border-radius:10px;cursor:pointer;font-family:Sora,sans-serif;font-size:.9rem;font-weight:600;padding:.7rem 1.4rem;transition:all .3s ease}.register-button-primary{background-color:#3a64ee;box-shadow:0 4px 14px #3a64ee4d;color:#fff}.register-button-primary:hover{background-color:#274ed6;box-shadow:0 6px 16px #3a64ee66}.register-button-secondary{background-color:initial;border:1px solid #0000;color:#3a64ee}.register-button-secondary:hover{background-color:#3a64ee1a}.register-button-primary:disabled,.register-button-secondary:disabled{background-color:#555;box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.phone-input-container{align-items:center;background-color:#ffffffb3;border:1px solid #c8c8c880;border-radius:10px;display:flex;height:44px;padding:0 14px;transition:all .3s ease}.phone-input-container:focus-within{background-color:#fff;border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;outline:none}.PhoneInputInput{background-color:initial;border:none;color:#2d3748;font-family:Sora,sans-serif;font-size:.95rem;height:100%;outline:none;width:100%}.PhoneInputCountry{margin-right:8px}.otp-input-group{align-items:center}.otp-container{display:flex;gap:.6rem;justify-content:center;width:100%}.otp-input{background-color:#ffffffb3;border:1px solid #c8c8c880;border-radius:10px;box-sizing:border-box;color:#2d3748;font-family:Sora,sans-serif;font-size:1.1rem;font-weight:600;height:46px!important;text-align:center;transition:all .3s ease;width:42px!important}.otp-input:focus{background-color:#fff;border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;outline:none}.password-input-wrapper{width:100%}.password-input-wrapper .login-input,.password-input-wrapper .register-input{padding-right:3rem}.password-toggle-icon{align-items:center;background:#0000;color:#000000b3;display:flex;justify-content:center;right:.75rem;top:50%;transform:translateY(-50%)}.password-toggle-icon:hover{color:#fff}@media screen and (max-width:600px){.register-main-container{padding:16px}.register-form-wrapper{border-radius:20px;margin:16px 0;padding:6px}.register-form-card{border-radius:15px;padding:1.5rem 1rem}.register-form-title{font-size:1.2rem;margin-bottom:1.25rem}.register-form{gap:1rem}.register-label{font-size:.75rem}.phone-input-container,.register-input,.register-textarea{border-radius:8px;font-size:.8rem;height:36px;padding:.5rem 8px}.register-textarea{min-height:80px;width:70vw}.register-button-container{flex-direction:column-reverse;gap:.75rem;padding:0 6px 6px;width:100%}.register-button-primary,.register-button-secondary{border-radius:8px;font-size:.85rem;padding:.7rem;text-align:center;width:100%}.PhoneInputInput{font-size:.9rem}.PhoneInputCountry{margin-right:6px}.otp-container{gap:.4rem}.otp-input{border-radius:8px;font-size:1rem;height:40px!important;width:36px!important}}@media screen and (max-width:480px){.register-form-card{padding:1.25rem .75rem}.register-form-title{font-size:1.1rem}}.my-sessions-page{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));height:calc(100vh - 145px);padding:.5rem}.sessions-list{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.session-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#fff0);border:1px solid #ffffff2e;border-radius:12px;box-shadow:0 4px 30px #0000001a;color:#fff;padding:.5rem;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.session-card.clickable{cursor:pointer}.session-card:hover{box-shadow:0 8px 32px 0 #0003}.session-card-header{align-items:flex-start;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:.5rem}.session-name{font-size:1.1rem!important;font-weight:600!important;margin-right:1rem;word-break:break-word}.session-card-body .MuiTypography-root{font-size:.75rem;opacity:.8}.status-badge{border-radius:6px;flex-shrink:0;font-size:.6rem;font-weight:600;padding:.2rem .4rem;text-transform:uppercase}.status-active{background-color:#d4edda;color:#155724}.status-ended{background-color:#d7dcf8;color:#1c5272}.session-card-footer{display:flex;font-size:.5rem;gap:.3rem;justify-content:flex-end}.session-card-footer button{background-color:#ff616b;border:none;border-radius:6px;color:#fff;font-size:.75rem;padding:4px 8px}.session-card-footer button:hover{background-color:#e5535a;cursor:pointer}.recordings-list{display:flex;flex-direction:column;gap:.3rem}.recording-item{align-items:center;display:flex;gap:.75rem;padding:.25rem}.recording-filename{font-weight:500}.recording-actions{gap:.5rem}.video-player-box,.video-player-modal{align-items:center;display:flex;justify-content:center}.video-player-box{max-height:90vh;max-width:90vw}.video-player-box video{height:auto;max-height:100%;width:100%}.session-details-page{gap:2rem;height:calc(100vh - 88px);padding:3.5rem 2rem 2rem}.details-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#fff0);border:1px solid #ffffff2e;border-radius:12px;margin-bottom:2rem;padding:.75rem}.log-viewer{background-color:#0000004d;border:1px solid #ffffff1a;border-radius:8px;font-family:Courier New,Courier,monospace;font-size:.9rem;max-height:500px;overflow-y:auto;padding:1rem;white-space:pre-wrap;word-break:break-all}.transcode-progress-modal{align-items:center;display:flex;justify-content:center}.transcode-progress-box,.transcode-progress-modal{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:linear-gradient(135deg,#ffffff1a,#fff0)}.transcode-progress-box{border:1px solid #ffffff2e;border-radius:12px;box-shadow:0 4px 30px #0000001a;color:#fff;max-width:500px;outline:none;padding:2rem;text-align:center;width:90%}.transcode-progress-box .MuiModal-root{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.transcode-progress-box .MuiTypography-h6{color:inherit;font-weight:600}.transcode-progress-box .MuiTypography-body1{color:inherit;margin-top:1rem;opacity:.9}.transcode-progress-box .MuiTypography-body2{color:inherit;font-size:.8rem;margin-top:.5rem;opacity:.7}.transcode-progress-box .MuiLinearProgress-root{border-radius:4px;height:8px;margin-bottom:1rem;margin-top:1.5rem}.transcode-message-animated{animation:transcode-pulse 2s ease-in-out infinite}@keyframes transcode-pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.back-button{align-items:center;background-color:initial;border:none;border-radius:8px;color:#aeb8c4;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 0;transition:color .2s ease}.back-button:hover{color:#fff}.icon-button{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:background-color .2s ease,border-color .2s ease}.icon-button:disabled{cursor:not-allowed;opacity:.4}.view-button{background-color:initial;border:1px solid #3d4a5f;color:#8c96a5}.view-button:hover:not(:disabled){background-color:#3d4a5f66;border-color:#556683}.download-button{background-color:#3b82f6;border:1px solid #3b82f6;color:#fff}.download-button:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}.icon-text-button{align-items:center;background-color:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;gap:4px;padding:5px 8px;transition:background-color .2s ease,transform .1s ease}.icon-text-button:hover:not(:disabled){background-color:#1565c0;transform:translateY(-1px)}.icon-text-button:disabled{background-color:#ccc;cursor:not-allowed}.fast-download{background-color:#2e7d32}.fast-download:hover:not(:disabled){background-color:#1b5e20}.full-download{background-color:#0288d1}.full-download:hover:not(:disabled){background-color:#0277bd}.view-recording{background-color:#6a1b9a}.view-recording:hover:not(:disabled){background-color:#4a148c}.recording-actions{align-items:center;display:flex;gap:8px}body.dark-mode .session-card{background:linear-gradient(135deg,#2828284d,#1e1e1e33);border-color:#ffffff1a;color:#f0f0f0}body.dark-mode .session-card-header{border-bottom-color:#ffffff1a}body.dark-mode .status-active{background-color:#d4eddac4;color:#155724}body.dark-mode .status-ended{background-color:#d7dcf8c4;color:#1c5272}body.dark-mode .session-details-page{color:#f0f0f0}body.dark-mode .details-section{background:linear-gradient(135deg,#2828284d,#1e1e1e33);border-color:#ffffff1a}body.dark-mode .log-viewer{background-color:#00000080;border-color:#ffffff1a;color:#e0e0e0}body.dark-mode .back-button{color:#aeb8c4}body.dark-mode .back-button:hover{color:#fff}body.dark-mode .transcode-progress-box{background:linear-gradient(135deg,#2828284d,#1e1e1e33);border-color:#ffffff1a;color:#f0f0f0}@media (max-width:600px){.my-sessions-page{padding:1rem}.sessions-list{gap:1rem;grid-template-columns:1fr}.session-details-page{padding:1rem}}.profile-details-container{padding:.5rem 0}.profile-form-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#fff0);border:1px solid #ffffff1a;border-radius:12px;margin-bottom:2rem;padding:1rem}.section-title{border-bottom:1px solid #ffffff26;color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.profile-form .form-grid{grid-gap:1rem 1.5rem;display:grid;gap:1rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.profile-input-group{display:flex;flex-direction:column}.profile-input-group.full-width{grid-column:1/-1}.profile-input-group label{color:#fffc;font-size:.9rem;margin-bottom:.5rem}.profile-input-group input,.profile-input-group select,.profile-input-group textarea{background-color:#0000004d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease}.profile-input-group input:focus,.profile-input-group select:focus,.profile-input-group textarea:focus{border-color:#a8a8a8;box-shadow:0 0 0 2px #fff3;outline:none}.profile-input-group input:disabled{background-color:#0003;cursor:not-allowed;opacity:.6}.profile-button{background-color:#e0e0e0;border:none;border-radius:8px;color:#121212;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:1.5rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.profile-button:hover:not(:disabled){background-color:#fff}.profile-button:disabled{cursor:not-allowed;opacity:.5}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{width:100%}.password-toggle-icon{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:.25rem;position:absolute;right:10px}body.dark-mode .profile-form-section{background:linear-gradient(135deg,#2828284d,#1e1e1e33);border-color:#ffffff1a}body.dark-mode .section-title{border-bottom-color:#ffffff1a;color:#f0f0f0}body.dark-mode .profile-input-group label{color:#ffffffb3}body.dark-mode .profile-input-group input,body.dark-mode .profile-input-group select,body.dark-mode .profile-input-group textarea{background-color:#0006;border-color:#ffffff26;color:#f0f0f0}body.dark-mode .profile-button{background-color:#333;color:#f0f0f0}body.dark-mode .profile-button:hover:not(:disabled){background-color:#444}.profile-page{color:#fff;height:calc(100vh - 71px);margin:45px 5px 10px 0;overflow-y:auto;padding:.5rem}.profile-tabs{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #fff3;display:flex;position:sticky;top:0;z-index:10}.profile-page::-webkit-scrollbar{border-radius:10px;height:5px;width:5px}.profile-page::-webkit-scrollbar-thumb{background-color:#5777ea98;border-radius:10px}.profile-page::-webkit-scrollbar-track{background-color:#fff;border-radius:10px;margin:70px 0 5px}.tab-button{background:#ffffff15;border:none;border-bottom:2px solid #0000;border-top-left-radius:10px;border-top-right-radius:10px;color:#ffffffb3;cursor:pointer;font-size:1rem;margin-bottom:-1px;padding:1rem 1.5rem;transition:all .3s ease}.tab-button:hover{color:#fff}.tab-button.active{background:#ffffff40;border-bottom:2px solid #fff;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff}body.dark-mode .profile-page{color:#f0f0f0}body.dark-mode .profile-tabs{border-bottom-color:#ffffff1a}body.dark-mode .tab-button{color:#fff9}body.dark-mode .tab-button.active,body.dark-mode .tab-button:hover{border-bottom:2px solid #fff;color:#fff}.admin-customer-page{color:#fff;height:calc(100vh - 71px);margin:45px 5px 10px 0;overflow-y:auto;padding:.5rem}.admin-customer-page h1,.admin-customer-page h2{color:#fff}.admin-customer-page::-webkit-scrollbar{border-radius:10px;height:5px;width:5px}.admin-customer-page::-webkit-scrollbar-thumb{background-color:#5777ea98;border-radius:10px}.admin-customer-page::-webkit-scrollbar-track{background-color:#fff;border-radius:10px;margin:15px 0 5px}.data-section{background:linear-gradient(135deg,#ffffff0d,#fff0);border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1rem;padding:.75rem}.section-header{border-bottom:1px solid #ffffff26;font-size:1.2rem;font-weight:600;margin-bottom:1rem;margin-top:0;padding-bottom:1rem}.admin-columns{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.data-list .list-item-custom{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.5rem .25rem}.data-list .list-item-custom:last-child{border-bottom:none}.list-item-custom .MuiListItemText-primary{color:#fff;font-weight:500}.list-item-custom .MuiListItemText-secondary{color:#ffffffb3;font-size:.85rem}.role-selector .MuiSelect-select{color:#fff;padding:8px 24px 8px 12px}.role-selector .MuiOutlinedInput-notchedOutline{border-color:#ffffff4d!important}.role-selector .MuiSvgIcon-root{color:#ffffffb3}.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding-top:5rem}body.dark-mode .admin-customer-page h1,body.dark-mode .admin-customer-page h2{color:#f0f0f0}body.dark-mode .data-section{background:linear-gradient(135deg,#2828284d,#1e1e1e33);border-color:#ffffff1a}body.dark-mode .section-header{border-bottom-color:#ffffff1a}body.dark-mode .list-item-custom .MuiListItemText-primary{color:#f0f0f0}body.dark-mode .list-item-custom .MuiListItemText-secondary{color:#fff9}body.dark-mode .loading-container{color:#f0f0f0}.logo-title{align-items:center;color:inherit;cursor:pointer;display:flex;text-decoration:none}.header-recording-indicator{animation:pulse-animation 1.5s infinite;background-color:#dc3545;border-radius:50%;height:10px;margin-left:12px;width:10px}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 #dc3545b3}to{box-shadow:0 0 0 10px #dc354500}}.header-logo{height:auto;margin-right:12px;width:35px}.header-title{color:#fff;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 1px 3px #0003}.menu-user-info{align-items:center;border-bottom:1px solid #fff3;color:#fff;display:flex;font-weight:500;gap:12px;padding:8px 12px}body.dark-mode .menu-user-info{color:#f0f0f0}.header-actions{align-items:center;display:flex;gap:16px;justify-content:center}.header-session-name{color:#fff;flex-shrink:0;font-family:Sora,sans-serif;font-size:1.1rem!important}.header-button{align-items:center;background-color:initial;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .3s ease;width:40px}.header-button:hover{background-color:#fff3}.header-menu-wrapper{position:relative}.header-dropdown-menu{backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);background-color:#000000bf;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 30px #0000001a;display:flex;flex-direction:column;padding:5px;position:absolute;right:30px;top:40px;width:200px;z-index:1000}body.dark-mode .header-dropdown-menu{background:#1e1e1eb3;border:1px solid #ffffff1a}.header-dropdown-menu .menu-item{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;gap:12px;padding:10px 12px;text-align:left;transition:background-color .2s;width:100%}body.dark-mode .header-dropdown-menu .menu-item{color:#f0f0f0}.header-dropdown-menu .menu-item:hover{background-color:#5d379480}.menu-icon{align-items:center;display:flex}.header-dropdown-menu .exit-button{color:#ff8a80}.header-dropdown-menu .exit-button:hover{background-color:#f4433633;color:#fff}.navigation-panel{align-items:center;display:flex;gap:5px;margin-left:10px}.navigation-button{background-color:initial;border:none;border-radius:50%;color:#fff;cursor:pointer;height:40px;padding:8px 0;transition:background-color .3s ease;width:40px}.navigation-button:hover{background-color:#fff3}body,html{font-family:Poppins,sans-serif;margin:0;padding:0}::placeholder{color:#fff;opacity:.1}body{background:#fff;color:#fff;line-height:1.6}:root{background-color:inherit}body.dark-mode{background:#121212;color:#fff}body.dark-mode .top-label{background-color:#fff;color:#5d3794}body.dark-mode .disclaimer{color:#bbb}.dashboarddata,.home-button,.top-label,body{transition:background-color .3s ease,color .3s ease}.app-wrapper{display:flex;flex-direction:column}.app-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a;display:flex;height:30px;justify-content:space-between;left:0;padding:8px 20px;position:fixed;right:0;top:0;z-index:999}.app-container{background:url(/static/media/gra1.fe94ce2fe0149bdea678.jpg);background-color:initial;background-position:50%;flex:1 1;overflow:auto}.logo-loader{align-items:center;background:url(/static/media/gra1.fe94ce2fe0149bdea678.jpg);display:flex;height:100vh;justify-content:center;width:100vw}body.dark-mode .logo-loader{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:#121212}.logo-loader img{animation:LogofadeInOut 1s ease-in-out;height:auto;width:10vw}@keyframes LogofadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}.app-title{margin:0 0 10px;text-align:center}.app-footer{background-color:#f5f5f5;border-top:1px solid #ddd;bottom:0;color:#333;font-size:9px;left:0;padding:.25rem;position:fixed;right:0;text-align:center;z-index:999}body.dark-mode .app-footer{background-color:#1e1e1e;border-top:1px solid #333;color:#aaa}.home-container{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));height:calc(100vh - 88px);justify-items:center;padding:3.5rem 2rem 2rem}.homepage-button-container{align-items:center;display:flex;flex-direction:column;width:100%}.home-button-wrapper{position:relative;text-align:center;width:100%}.top-label{background-color:#5d3794;border:none;border-radius:24px;color:#fff;font-size:16px;font-weight:700;left:50%;padding:8px 106px;position:absolute;top:10px;transform:translateX(-50%);z-index:3}.home-button,.top-label:hover{cursor:pointer}.home-button{align-items:center;aspect-ratio:5/3;background-color:#00000025;background-position:50%;background-repeat:no-repeat;background-size:cover;border-top:none!important;border:none;border-radius:16px;color:#fff;display:flex;font-family:Poppins,sans-serif;font-size:clamp(1rem,2.5vw,2rem);justify-content:center;overflow:hidden;padding-top:26px;position:relative;width:100%;z-index:1}.home-button .button-text{font-size:18px;opacity:0;transform:scale(.95);transition:opacity .3s ease,transform .3s ease}.home-button:before{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#0003;content:"";height:100%;left:0;position:absolute;top:0;transform:perspective(800px) rotateY(0deg);transition:filter .3s ease,transform .5s ease;width:100%;z-index:1}.home-button:hover:before{filter:blur(20px);transform:scale(1.025)}.home-button span{display:block;position:relative;text-align:center;z-index:2}.home-button:hover .button-text{opacity:1;transform:scale(1)}.disclaimer{color:#5d3794;font-size:9px;margin-top:.5rem;text-align:center}@media (max-width:768px){.app-header{height:auto;padding:8px 15px}.home-container{gap:0;grid-template-columns:1fr;padding:4rem 1rem 2rem}.logo-loader img{width:25vw}.top-label{font-size:14px;padding:8px 0;top:12px;width:50%}.home-button{font-size:clamp(1.2rem,4vw,1.8rem);padding-top:30px}.home-button .button-text{font-size:14px}.app-footer{font-size:8px}}
/*# sourceMappingURL=main.9bf87fb0.css.map*/