.left{background-color:#263346;border-radius:10px;flex-direction:column}.buttons,.left{display:flex;justify-content:center;align-items:center}.buttons{flex-direction:row}.buttons>button{margin:0 10px;padding:15px;outline:none;border:none;border-radius:10px;transition:.2s;cursor:pointer;height:70px;width:100px;font-size:100%}.buttons .next{background-color:#51fd6d}.buttons .next svg{height:90%;width:90%}.buttons>button:active,.buttons>button:hover{transform:scale(1.03);box-shadow:3px 3px #1a1f25}.circle{margin-left:5px;margin-top:4px;border-radius:50%;width:10px;height:10px}.left span{margin-top:10px;display:flex;flex-direction:row;align-items:center;color:#fafafa}.chat{height:100%;margin:0 5px;display:grid;grid-template-rows:1fr 60px;grid-template-columns:1fr;grid-gap:0;overflow:hidden;border:5px solid #263346;border-radius:10px}.messages{width:100%;height:auto;overflow:scroll}ul{list-style:none;word-wrap:break-word;margin:0;padding:0 10px}.message-wrap{display:flex;flex-direction:row;align-items:center;margin-top:5px}.message-wrap.right{justify-content:flex-end}.message-sender{font-size:small}.message-text{font-size:medium;margin:0 10px;padding:10px;border-radius:10px;color:#fafafa;background-color:#263346;width:auto;max-width:90%;-webkit-hyphens:auto;hyphens:auto}.input{height:60px;display:flex;flex-direction:row;margin:5px -5px}.input>*{border:5px solid #263346;height:100%;padding:5px;outline:none;transition:.2s}.input input{border-radius:10px 0 0 10px;width:100%;resize:none;font-size:medium;border-right:none}.input input:focus{box-shadow:inset 0 0 7px rgba(0,0,0,.5)}.input button{border-radius:0 10px 10px 0;border-left:none;background-color:#263346;width:80px}.input button:hover{background-color:#364863;cursor:pointer}.input button:active{box-shadow:inset 0 0 3px #000;cursor:pointer}.input svg{height:70%;width:70%;color:#fafafa}.typing{margin:10px 0;display:flex;flex-direction:row;align-items:center;opacity:1;box-sizing:border-box;height:auto;transition:height .2s 0ms,opacity .2s .2s}.typing.hide{transition:height .2s .2s,opacity .2s 0ms;opacity:0;height:0}.typing span{color:grey}.is-typing{margin-left:10px;width:40px;justify-content:space-around;display:flex}.is-typing>div{width:5px;height:5px;border-radius:100%;background-color:grey}.o1{animation:typing 1s linear infinite;animation-delay:0s}.o2{animation:typing 1s linear infinite;animation-delay:.1s}.o3{animation:typing 1s linear infinite;animation-delay:.2s}@keyframes typing{0%{transform:scale(1.5)}35%{transform:scale(1)}75%{background-color:#fff}}.main{height:40%;display:flex;width:100%}.vue-meter{width:2px;height:100%;position:absolute;top:-12px;right:0}.vue-meter-inner{background:green;height:0%;width:100%;bottom:0;position:absolute}.bottom-area{display:none;position:absolute;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-gap:0}#counter_txt{transition:font-size 1s linear;display:table-cell;vertical-align:middle}.alerte{animation:blinker .3s linear infinite}@keyframes blinker{50%{opacity:0}}.video video{object-fit:cover;position:absolute;top:0;left:0;border-radius:12px;border:2px solid #fff}.video,.video video{width:100%;height:100%}.video{position:relative;border-radius:12px}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.rotating{animation:rotating 2s linear infinite;width:200%}.header{height:25%}.video-area{display:flex;grid-gap:20px;gap:20px;padding:20px;align-items:center;width:100%;height:100%;max-width:100%}.video-area .video{flex:0 0 40%}.video-area #counter{flex-grow:1;text-align:center;display:flex;justify-content:center;flex-direction:column}.footer{width:100%;margin:auto;text-align:center}.controls-left{top:10px}.controls-left,.controls-right{position:absolute;right:10px;display:flex;grid-gap:10px;gap:10px;z-index:10}.controls-right{bottom:10px}.video button{position:relative;padding:12px 20px 12px 40px;margin:0;border:none;border-radius:8px;background-color:#fff;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none;box-shadow:0 2px 4px rgba(0,0,0,.1)}.video button:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.video button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.video button.icon:before{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:18px}.video button.icon{padding-left:40px}.icon span{font-family:LOREAL Essentielle,Helvetica Neue Light,Helvetica Light,Helvetica,Arial,Lucida Grande,sans-serif}.icon-user:before{content:"👤";position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:18px}.sources-choice{position:absolute;top:60px;right:10px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:100}.source-close{position:absolute;color:#000;top:2px;right:5px;cursor:pointer}.source-item{display:flex;flex-direction:column;margin-bottom:15px}.source-item:last-child{margin-bottom:0}.source-item label{color:#000;font-size:14px;font-weight:600;margin-bottom:8px;display:block}.sources-choice select{padding:12px 20px;border-radius:8px;border:none;background-color:#fff;color:#000;font-size:14px;font-weight:500;cursor:pointer;min-width:200px;max-width:200px;outline:none;transition:all .3s ease;font-family:inherit;box-shadow:0 2px 4px rgba(0,0,0,.1)}.sources-choice select:hover{transform:translateY(-2px)}.sources-choice select:focus,.sources-choice select:hover{background-color:#f0f0f0;box-shadow:0 4px 8px rgba(0,0,0,.15)}.connectedname{position:absolute;top:-70px;left:0;margin:0;padding:0;text-align:center;width:100%}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}@font-face{font-family:Montserrat SemiBold;src:url(../../static/media/Montserrat-SemiBold.c1bd7267.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Montserrat SemiBold;src:url(../../static/media/HelveticaNeueLTPro-Lt.746970f9.otf) format("opentype");font-weight:400}h3{font-weight:400}html,input{font-family:Montserrat SemiBold,Helvetica Neue Light,Helvetica Light,Helvetica,Arial,Lucida Grande,sans-serif;font-size:24px;color:#071f32}body,html{height:100%;margin:0;padding:0;background-size:cover;background-color:#f5f5f5}.header,body,html{background-repeat:no-repeat;background-position:50%}.header{background-size:contain}.root{height:100vh;max-height:100vh;display:flex;flex-direction:column}video{transform:scaleX(-1)}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.loader_container{position:absolute;margin-top:80px}.lds-ellipsis div:first-child{left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.btn{font-family:inherit;position:relative;display:inline-block;padding:12px 20px;margin:10px 0 0;background-color:#fff;color:#000;border-radius:8px;cursor:pointer;transition:all .3s ease;font-style:normal;font-size:14px;border:none;font-weight:500}.btn:hover{background-color:#f0f0f0;transform:translateY(-2px)}.btn-next{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:12px auto;padding:8px 10px}@media screen and (max-width:1050px){.icon-audio,.icon-setting{height:30px;padding:0!important}.icon-user{height:30px;padding:0 5px 0 30px!important}.icon-audio:before,.icon-setting:before,.icon-user:before{left:3px!important}.icon-audio,.icon-setting{width:30px!important}.icon-audio span,.icon-setting span{display:none;width:30px}}@media (orientation:portrait){.video-area{flex-wrap:wrap;grid-gap:10px;gap:10px}.video-area .video{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 5px)}.video-area #counter{flex:0 0 100%;order:3}}@font-face{font-family:blasticon;src:url(../../static/media/blasticon.49613c3b.eot);src:url(../../static/media/blasticon.49613c3b.eot#iefix) format("embedded-opentype"),url(../../static/media/blasticon.d483aa2c.ttf) format("truetype"),url(../../static/media/blasticon.a80862f4.woff) format("woff"),url(../../static/media/blasticon.49c926ca.svg#blasticon) format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:blasticon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-mute:before{content:"\e906"}.icon-unmute:before{content:"\e905"}.icon-setting:before{content:"\e992"}.byebye{display:flex;align-items:center;justify-content:center;height:100%}.stats-dashboard{min-height:100vh;background:#1a1a2e;color:#eee;padding:20px;font-family:Montserrat SemiBold,Helvetica Neue Light,Helvetica,Arial,sans-serif}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #333}.stats-header h1{margin:0;font-size:24px;font-weight:600}.room-badge{background:#4a4a6a;padding:8px 16px;border-radius:20px;font-size:14px}.stats-error,.stats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.stats-error h2{color:#ff6b6b;margin-bottom:16px}.stats-error p{color:#aaa;margin:8px 0}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-bottom:24px}.stats-card{background:#16213e;border-radius:12px;padding:24px;text-align:center;border:1px solid #333}.stats-card-value{font-size:48px;font-weight:700;color:#00d9ff;margin-bottom:8px}.stats-card-label{font-size:14px;color:#888;text-transform:uppercase;letter-spacing:1px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:20px;gap:20px;margin-bottom:24px}.stats-column{display:flex;flex-direction:column;grid-gap:20px;gap:20px}.stats-section{background:#16213e;border-radius:12px;padding:20px;border:1px solid #333}.stats-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#fff}.stats-section h4{margin:16px 0 12px;font-size:14px;font-weight:500;color:#ccc}.stats-empty{color:#666;font-style:italic;text-align:center;padding:20px}.stats-table{width:100%;border-collapse:collapse;font-size:14px}.stats-table td,.stats-table th{padding:12px;text-align:left;border-bottom:1px solid #333}.stats-table th{background:#0f3460;color:#fff;font-weight:500;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.stats-table tbody tr:hover{background:#1f4068}.socket-id{font-family:monospace;font-size:12px;color:#888}.socket-id-small{font-family:monospace;font-size:10px;color:#666}.session-info{background:#0f3460;border-radius:8px;padding:16px}.session-info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #333}.session-info-row:last-child{border-bottom:none}.session-label{color:#888}.session-value{font-family:monospace;font-size:13px}.session-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.session-status.active{background:#2ecc71;color:#fff}.session-status.inactive{background:#666;color:#fff}.disconnected-users{margin-top:16px}.logs-section{margin-top:20px}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.logs-header h3{margin:0}.load-logs-btn{background:#0f3460;color:#fff;margin:0}.load-logs-btn:hover{background:#1f4068}.load-logs-btn:disabled{opacity:.6;cursor:not-allowed}.load-logs-btn:disabled:hover{background:#0f3460;transform:none}.logs-loading{text-align:center;padding:20px;color:#888}.session-pagination{display:flex;align-items:center;justify-content:center;grid-gap:12px;gap:12px;margin-bottom:16px;flex-wrap:wrap}.pagination-btn{padding:8px 16px;font-size:12px;background:#0f3460}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn:disabled:hover{background:#0f3460;transform:none}.session-indicator{color:#888;font-size:14px;padding:0 16px}.session-details{background:#0f3460;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:13px}.session-details p{margin:0;color:#ccc}.session-details strong{color:#fff}.logs-table-container{max-height:500px;overflow-y:auto;border-radius:8px}.logs-table .log-time{white-space:nowrap;font-size:12px;color:#888}.logs-table .log-event{font-weight:500;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.logs-table .log-details{font-size:13px}.event-connection .log-event{color:#2ecc71}.event-disconnection .log-event{color:#e74c3c}.event-couple-start .log-event{color:#3498db}.event-couple-end .log-event{color:#f39c12}@media screen and (max-width:768px){.stats-dashboard{padding:12px}.stats-header{flex-direction:column;grid-gap:12px;gap:12px;text-align:center}.stats-cards,.stats-grid{grid-template-columns:1fr}.stats-card-value{font-size:36px}.stats-table{font-size:12px}.stats-table td,.stats-table th{padding:8px}.session-pagination{grid-gap:8px;gap:8px}.pagination-btn{padding:6px 12px;font-size:11px}}.logs-table-container::-webkit-scrollbar{width:8px}.logs-table-container::-webkit-scrollbar-track{background:#1a1a2e}.logs-table-container::-webkit-scrollbar-thumb{background:#4a4a6a;border-radius:4px}.logs-table-container::-webkit-scrollbar-thumb:hover{background:#5a5a7a}
/*# sourceMappingURL=main.3a8250b0.chunk.css.map */