@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Poppins:wght@400;500&display=swap);
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.custom-button:hover{color:#00008b}.checkbox-white-border .MuiCheckbox-root{color:#fff!important}.checkbox-white-border .MuiCheckbox-checked .MuiSvgIcon-root path,.checkbox-white-border .MuiCheckbox-indeterminate .MuiSvgIcon-root path{stroke:#fff!important}.custom-dialog{width:500px}#root{font-family:Poppins,sans-serif;margin:0 auto;max-width:100vw;padding:5px 2px 10px;text-align:center}h2{font-family:Lato,sans-serif}.app-main{align-items:center;display:flex;flex-direction:column}.app-input{border:2px solid #000;font-family:Lato,sans-serif;font-size:14px;height:35px;margin:20px;padding:10px}.result-image{margin-top:20px;width:350px}.lds-ripple{display:inline-block;height:80px;position:relative;width:80px}.lds-ripple div{animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #fff;border-radius:50%;opacity:1;position:absolute}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}4.9%{height:0;left:36px;opacity:0;top:36px;width:0}5%{height:0;left:36px;opacity:1;top:36px;width:0}to{height:72px;left:0;opacity:0;top:0;width:72px}}body{background:#2713d9;height:100%;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}div#root{padding:1}.ReactTable{overflow:auto}.ReactTable .rt-thead.-header{overflow-x:hidden;overflow-y:auto}.ReactTable .rt-thead.-header .rt-th{background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1}.react-datetime-picker__inputGroup{font-size:100px}.react-datetime-picker__inputGroup__input{font-size:30px}.react-datetime-picker__inputGroup__hour,.react-datetime-picker__inputGroup__minute{box-sizing:border-box;padding:0;width:100px!important}.react-trello-board .centered-title{display:block;text-align:center!important;width:100%}header.sc-gLLuHO.sc-brSaGm.cJQYzu.etAbGq>span.sc-kFCrIq.sc-ktwNLz.eZESvx.hRoNqr,span.centered-title{display:block;width:100%}span.centered-title{text-align:center!important}.sc-irLvoH.eyuCul{display:none}.sc-gLLuHO.etAbGq{align-items:center;display:flex;justify-content:center}.sc-kFCrIq.eZESvx{display:block;margin:0 auto;text-align:center}.container-of-sc-kFCrIq{align-items:center;display:flex;justify-content:center}.fc-button{color:#fff}.fc-button-primary{background-color:#00008b}.fc-button-primary:hover{background-color:#0056b3!important}.fc-button-primary:active{background-color:#049!important}.fc-dayGridMonth-button{background-color:#d0e8f2!important}.fc-timeGridWeek-button{background-color:#7676ed!important}.fc-button-active-bg-color,.fc-button-bg-color,.fc-button-hover-bg-color,.fc-timeGridDay-button{background-color:#00008b!important}.fc-button,.fc-button-primary,.fc-next-button,.fc-prev-button,.fc-today-button{background-color:#4a6572!important}.button-with-margin{margin-right:6px}.lds-circle{animation:lds-circle 2s linear infinite;animation-duration:2s;animation-iteration-count:infinite;border-radius:50%;height:100px;margin:0 auto;position:relative;width:100px}@keyframes lds-circle{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.response-text{font-size:18px;overflow-wrap:break-word;padding:10px;white-space:pre-wrap;width:calc(100% - 20px);word-break:keep-all}.response-container{border:2px solid #ccc;padding:10px}.textarea-container{align-items:center;display:flex;flex-direction:column}.textarea-full-width{height:60px;resize:vertical;width:50%}.button-container{display:flex;justify-content:center;margin-top:20px}iframe#webpack-dev-server-client-overlay{display:none!important}.fc-event{box-sizing:border-box!important;max-width:100%!important;text-overflow:ellipsis!important}.fc-daygrid-event,.fc-event{overflow:hidden!important;white-space:normal!important}.fc-daygrid-event{word-break:break-word!important}.fc-event.birthday-event .fc-event-main,.fc-event.birthday-event .fc-event-title{max-width:100%!important;white-space:normal!important;word-break:break-word!important}.fc-daygrid-day-frame{min-height:100px}.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:left;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:#fff0;border-left:.1px solid #0000;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;width:100%;z-index:1}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1,lower-alpha) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2,lower-roman) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4,lower-alpha) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}.communication-history-dialog .MuiDialog-paper,.communication-history-dialog.MuiDialog-root .MuiDialog-paper{background-color:#1e1e1e!important;color:#fff!important}.communication-history-dialog .MuiDialogTitle-root,.communication-history-dialog.MuiDialog-root .MuiDialogTitle-root{background-color:#1e1e1e!important;border-bottom:1px solid #444!important;color:#fff!important}.communication-history-dialog .MuiDialogContent-root,.communication-history-dialog.MuiDialog-root .MuiDialogContent-root{background-color:#1e1e1e!important;color:#fff!important;padding:24px!important}.communication-history-dialog .MuiDialogActions-root,.communication-history-dialog.MuiDialog-root .MuiDialogActions-root{background-color:#1e1e1e!important;border-top:1px solid #444!important;color:#fff!important}.communication-history-dialog .MuiDialogContent-root .MuiBox-root,.communication-history-dialog.MuiDialog-root .MuiDialogContent-root .MuiBox-root{background-color:#333!important;border:1px solid #444!important;border-radius:4px!important;color:#fff!important;margin-bottom:16px!important;padding:16px!important}.communication-history-dialog .MuiDialogContent-root .MuiTypography-root,.communication-history-dialog.MuiDialog-root .MuiDialogContent-root .MuiTypography-root{color:#fff!important}.communication-history-dialog .MuiDialogContent-root .MuiDivider-root,.communication-history-dialog.MuiDialog-root .MuiDialogContent-root .MuiDivider-root{background-color:#444!important}.communication-history-dialog .MuiDialogContent-root .MuiChip-root,.communication-history-dialog.MuiDialog-root .MuiDialogContent-root .MuiChip-root{background-color:#555!important;color:#fff!important}.communication-history-dialog .MuiDialogActions-root .MuiButton-root,.communication-history-dialog .MuiDialogContent-root .MuiIconButton-root,.communication-history-dialog.MuiDialog-root .MuiDialogActions-root .MuiButton-root,.communication-history-dialog.MuiDialog-root .MuiDialogContent-root .MuiIconButton-root{color:#90caf9!important}.communication-history-dialog .MuiDialogContent-root>.MuiTypography-root,.communication-history-dialog.MuiDialog-root .MuiDialogContent-root>.MuiTypography-root{color:#aaa!important}.join-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;isolation:isolate;justify-content:center;min-height:100vh;padding:20px;position:relative}.join-screen__container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;contain:layout style;max-height:90vh;max-width:600px;overflow-y:auto;padding:40px;position:relative;width:100%;z-index:1}.join-screen__header{margin-bottom:32px;text-align:center}.join-screen__header h1{color:#1f2937;font-size:28px;font-weight:600;margin:0 0 8px}.join-screen__header p{color:#6b7280;font-size:16px;line-height:1.5;margin:0}.join-screen__header .meeting-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;padding:20px}.join-screen__header .meeting-info .meeting-title{color:#1e293b;font-size:20px;font-weight:600;line-height:1.3;margin:0 0 8px}.join-screen__header .meeting-info .host-info{color:#64748b;font-size:14px;font-weight:500;margin:0}.join-screen__video-container{aspect-ratio:16/9;background:#f3f4f6;border-radius:12px;margin-bottom:24px;min-height:280px;overflow:hidden;position:relative}.join-screen__video{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.join-screen__video-off{align-items:center;background:#f9fafb;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center}.join-screen__video-off svg{margin-bottom:12px;opacity:.7}.join-screen__video-off p{font-size:16px;font-weight:500;margin:0}.join-screen__loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center}.join-screen__loading .spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.join-screen__loading p{font-size:14px;margin:0}.join-screen__controls{bottom:16px;display:flex;gap:12px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s ease;width:48px}.control-btn:hover{background:#000c;transform:scale(1.05)}.control-btn.muted{background:#ef4444}.control-btn.muted:hover{background:#dc2626}.control-btn.settings-btn{background:#374151cc}.control-btn.settings-btn:hover{background:#374151e6}.join-screen__settings{animation:slideDown .3s ease;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;contain:layout;margin-bottom:24px;overflow:visible;padding:24px;position:relative}.join-screen__settings h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px}.setting-group{margin-bottom:20px;position:relative;width:100%}.setting-group:last-child{margin-bottom:0}.setting-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.setting-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;cursor:pointer;font-size:14px;margin-bottom:8px;padding:12px 16px;position:relative;transition:border-color .2s ease;width:100%}.setting-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.setting-group select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.setting-group .test-speaker-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:background-color .2s ease;white-space:nowrap}.setting-group .test-speaker-btn:hover:not(:disabled){background:#2563eb}.setting-group .test-speaker-btn:disabled{background:#9ca3af;cursor:not-allowed}.setting-group .mic-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.setting-group .test-mic-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:background-color .2s ease;white-space:nowrap}.setting-group .test-mic-btn.testing{animation:pulse 1.5s infinite;background:#ef4444}.setting-group .test-mic-btn:hover:not(:disabled){background:#059669}.setting-group .test-mic-btn.testing:hover{background:#dc2626}.setting-group .test-mic-btn:disabled{background:#9ca3af;cursor:not-allowed}.setting-group .playback-toggle-btn{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;position:relative;transition:all .2s ease;white-space:nowrap}.setting-group .playback-toggle-btn.enabled{background:#f59e0b;box-shadow:0 2px 4px #f59e0b4d;color:#1f2937}.setting-group .playback-toggle-btn:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.setting-group .playback-toggle-btn.enabled:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.setting-group .playback-toggle-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.setting-group .playback-toggle-btn.enabled:after{animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#f59e0b,#fbbf24);border-radius:10px;bottom:-2px;content:"";left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes glow{0%{opacity:.3}to{opacity:.6}}.setting-group .mic-level-container{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;margin-top:12px;padding:8px 12px}.setting-group .mic-level-container .mic-level-label{color:#64748b;font-size:12px;font-weight:500;min-width:60px}.setting-group .mic-level-container .mic-level-bar{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden;position:relative}.setting-group .mic-level-container .mic-level-bar .mic-level-fill{background:#4caf50;border-radius:4px;height:100%;transition:width .1s ease-out}.setting-group .mic-level-container .mic-level-text{color:#475569;font-size:12px;font-weight:600;min-width:35px;text-align:right}.setting-group .speaker-note{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:4px;margin-top:8px;padding:6px 8px}.setting-group .speaker-note small{color:#856404;font-size:11px;line-height:1.3}.join-screen__form{display:flex;flex-direction:column;gap:20px}.name-input-container{align-items:center;display:flex;position:relative}.name-input-container .name-icon{color:#9ca3af;left:16px;position:absolute;z-index:2}.name-input-container .name-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;padding:16px 16px 16px 48px;transition:all .2s ease;width:100%}.name-input-container .name-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.name-input-container .name-input::placeholder{color:#9ca3af}.join-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .2s ease}.join-btn:hover:not(:disabled){box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.join-btn:active{transform:translateY(0)}.join-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}@media screen and (max-width:768px){.join-screen{padding:10px}.join-screen__container{border-radius:12px;max-height:95vh;padding:24px}.join-screen__header{margin-bottom:24px}.join-screen__header h1{font-size:24px}.join-screen__header p{font-size:14px}.join-screen__video-container{margin-bottom:20px;min-height:200px}.control-btn{height:44px;width:44px}.join-screen__settings{margin-bottom:20px;padding:20px}.join-screen__settings h3{font-size:16px;margin-bottom:16px}.setting-group{margin-bottom:16px}.setting-group select{font-size:13px;padding:10px 12px}.setting-group .test-speaker-btn{font-size:13px;padding:10px 16px}.name-input-container .name-input{font-size:15px;padding:14px 14px 14px 44px}.join-btn{font-size:15px;padding:14px 28px}}@media screen and (max-width:480px){.join-screen__container{padding:20px}.join-screen__header h1{font-size:22px}.join-screen__video-container{min-height:180px}.control-btn{height:40px;width:40px}.control-btn svg{height:16px;width:16px}.join-screen__controls{gap:8px}}.user__cam-container{background:#282c34;border:1px solid #f5f5f5;box-sizing:border-box;height:100%;position:relative;transition:1s ease-in-out;width:100%}.user__cam-container .user__stats-container{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.user__cam-container .user__stats-container>*{pointer-events:auto}.user__cam-container .micro__status{align-self:center;background:#fff;border-radius:25px;opacity:.9;position:relative;width:37px;z-index:30}.user__cam-container .img__container{align-items:center;background-color:#282c34;display:flex;flex-direction:column;height:100%;justify-content:center;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:2}.user__cam-container .img__container.hide{display:none}.user__cam-container .no-image{background-color:#fff;border-radius:50%;width:40%}.user__cam-container .full__screen{height:40px;margin-bottom:10px;position:relative;width:40px;z-index:5}.user__cam-container .full__screen.hide{display:none}.user__cam-container #user__cam-me{transform:rotateY(180deg)}.user__cam-container .user__cam{box-sizing:border-box;height:100%;max-height:100vh;opacity:1;pointer-events:none;position:relative;transition:.2s;width:100%;z-index:3}@media screen and (max-width:768px){.user__cam-container .user__cam{-webkit-playsinline:true;-moz-playsinline:true;playsinline:true;object-position:center center;transform:translateZ(0);transition:.1s;will-change:transform}}@supports(-webkit-appearance:none){.user__cam-container .user__cam{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}}.user__cam-container .user__cam.cover{object-fit:cover}@media screen and (max-width:768px){.user__cam-container .user__cam.cover{object-fit:cover;object-position:center center}}.user__cam-container .user__cam.contain{object-fit:contain}@media screen and (max-width:768px){.user__cam-container .user__cam.contain{background:#000;object-fit:contain}}.user__cam-container .user__cam.true{transform:rotateY(0deg)!important}.user__cam-container .user__cam.unmirror{transform:rotateY(1turn)!important}.user__cam-container .user__cam.hide{opacity:0}.user__cam-container .tap-to-play-overlay{background:#000000b3;flex-direction:column}.user__cam-container .tap-to-play-overlay .tap-to-play-content .play-icon{animation:pulse 2s infinite;font-size:3rem;margin-bottom:1rem}.user__cam-container .tap-to-play-overlay .tap-to-play-content .tap-text{font-size:1.1rem}.user__cam-container .video-error-overlay{background:#dc3545cc;color:#fff;font-size:.9rem;padding:1rem;text-align:center}@media screen and (max-width:480px){.user__cam-container .video-error-overlay{font-size:.8rem;padding:.5rem}}.user__cam-container .user__name{background-color:hsla(0,1%,57%,.685);bottom:0;color:#fff;left:0;min-height:18px;padding-bottom:5px;position:absolute;text-align:center;width:100%;z-index:5}.user__cam-container .bandwidth-indicator{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#000000b3!important;border:1px solid #ffffff1a!important;border-radius:6px!important;bottom:8px!important;color:#fff!important;display:flex!important;font-size:10px!important;gap:4px!important;left:8px!important;padding:4px 8px!important;position:absolute!important;right:auto!important;top:auto!important;z-index:15!important}@media screen and (max-width:768px){.user__cam-container .bandwidth-indicator{bottom:6px!important;font-size:9px!important;left:6px!important;padding:3px 6px!important}}@media screen and (max-width:480px){.user__cam-container .bandwidth-indicator{bottom:4px!important;font-size:8px!important;left:4px!important;padding:2px 4px!important}}.user__cam-container .raised-hand-indicator{align-items:center;animation:handRaisePulse 2s infinite;background-color:#00c800f2;border-radius:50%;box-shadow:0 3px 12px #0006;display:flex;height:45px;justify-content:center;position:absolute;right:8px;top:8px;width:45px;z-index:20}@media screen and (max-width:768px){.user__cam-container .raised-hand-indicator{height:40px;right:6px;top:6px;width:40px}}@media screen and (max-width:480px){.user__cam-container .raised-hand-indicator{height:35px;right:4px;top:4px;width:35px}}.user__cam-container .raised-hand-indicator .hand-animation{animation:handWave 1.5s ease-in-out infinite;font-size:24px}@media screen and (max-width:768px){.user__cam-container .raised-hand-indicator .hand-animation{font-size:20px}}@media screen and (max-width:480px){.user__cam-container .raised-hand-indicator .hand-animation{font-size:18px}}.user__cam-container .raised-hand-indicator .lower-hand-btn{align-items:center;background-color:#ff4500f2;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:24px;z-index:25}@media screen and (max-width:480px){.user__cam-container .raised-hand-indicator .lower-hand-btn{font-size:10px;height:20px;right:-6px;top:-6px;width:20px}}.user__cam-container .raised-hand-indicator .lower-hand-btn:hover{background-color:#ff4500;box-shadow:0 3px 12px #ff450066;transform:scale(1.1)}.user__cam-container .raised-hand-indicator .lower-hand-btn:active{transform:scale(.95)}@keyframes handWave{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.user__cam-container.mobile .user__cam{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.user__cam-container .tap-to-play-overlay{align-items:center;background-color:#000000b3;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:background-color .3s ease;z-index:10}.user__cam-container .tap-to-play-overlay:hover{background-color:#000c}.user__cam-container .tap-to-play-overlay .tap-to-play-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;padding:20px;text-align:center}.user__cam-container .tap-to-play-overlay .tap-to-play-content .play-icon{animation:playPulse 2s infinite;font-size:48px;margin-bottom:10px}.user__cam-container .tap-to-play-overlay .tap-to-play-content .tap-text{font-size:16px;font-weight:500;text-shadow:0 1px 3px #00000080}.user__cam-container .video-error-overlay{align-items:center;background-color:#dc267fcc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:9}.user__cam-container .video-error-overlay .error-text{background-color:#00000080;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:14px;padding:10px;text-align:center}@keyframes playPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.user__stats-btn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAACmAAAApgHdff84AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAEhQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgoFJwwAAABd0Uk5TAAcSHB4nKDE7SFJrbnCOkKy2uNfY+/40LCadAAAAbUlEQVQoU8XSwQ6CMBCE4RGEMtqCQOV//zf10BtZEz0Y9/pdZjIrfXOdPYWQ4QihAP+AVMothAXqD2GwhxBWWEPYYPsYHrXmM1zH8aIKyxmecA8BKCEckLXD3OLOsLdpJ7tTsvtWsLfT+2eQpBfV9hCCsl5CzAAAAABJRU5ErkJggg==);background-size:20px;border-radius:50%;height:40px;margin-bottom:10px;position:relative;width:40px;z-index:5}.user__stats-btn.good{background-color:#6bd157}.user__stats-btn.average{background-color:#eec304}.lds-dual-ring-main{display:inline-block;height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.lds-dual-ring-main.hide{display:none}.lds-dual-ring-main:after{animation:lds-dual-ring 1.2s linear infinite;border-color:#fff #0000;border-radius:50%;border-style:solid;border-width:6px;content:" ";display:block;height:64px;margin:8px;width:64px}@keyframes lds-dual-ring-main{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.text{color:#fff;font-size:90px}.fullscreen-stream{box-sizing:border-box;height:100%;max-height:100vh;object-fit:cover;opacity:1;pointer-events:none;position:relative;width:100%}.user__stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;border:1px solid #ffffff1a;border-radius:8px;color:#fff;display:none;font-size:12px;opacity:0;padding:4px 8px;position:absolute;right:10px;text-align:center;top:10px;transition:.3s ease-in-out;width:120px;z-index:10}.user__stats h4{font-size:12px;font-weight:500;line-height:1.3;margin:0}.user__stats-container .bandwidth-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:6px;color:#fff;display:flex;font-size:10px;gap:4px;padding:4px 8px;position:absolute;right:8px;top:8px;z-index:15}.user__stats-container .bandwidth-indicator .signal-icon{font-size:12px}.user__stats-container .bandwidth-indicator .signal-text{font-weight:500}.user__stats-container .bandwidth-indicator.excellent .signal-icon{color:#28a745}.user__stats-container .bandwidth-indicator.good .signal-icon{color:#ffc107}.user__stats-container .bandwidth-indicator.fair .signal-icon{color:#fd7e14}.user__stats-container .bandwidth-indicator.poor .signal-icon{color:#dc3545}.user__stats-container .bandwidth-indicator.lost .signal-icon{color:#6c757d}.link__info{color:#fff;font-size:20px}.stream0{grid-area:stream0}.stream1{grid-area:stream1}.stream2{grid-area:stream2}.stream3{grid-area:stream3}.stream4{grid-area:stream4}.stream5{grid-area:stream5}.stream6{grid-area:stream6}.stream7{grid-area:stream7}.stream8{grid-area:stream8}.stream9{grid-area:stream9}.stream10{grid-area:stream10}.stream11{grid-area:stream11}.stream12{grid-area:stream12}.grid-1{grid-template:"stream0";grid-template-rows:1fr}@media screen and (orientation:landscape){.grid-2{grid-template:"stream0 stream1";grid-template-columns:repeat(2,50%);grid-template-rows:1fr}}@media screen and (orientation:portrait){.grid-2{grid-template:"stream0" "stream1";grid-template-rows:repeat(2,50%)}}@media screen and (orientation:landscape){.grid-3{grid-template:"stream0 stream0 stream1 stream1" ". stream2 stream2 .";grid-template-columns:repeat(4,25%);grid-template-rows:repeat(2,50%)}}@media screen and (orientation:portrait){.grid-3{grid-template:"stream0 stream1" "stream2 stream2";grid-template-rows:repeat(2,50%)}}.grid-4{grid-template:"stream0 stream0 stream1 stream1" "stream2 stream2 stream3 stream3";grid-template-columns:repeat(4,25%);grid-template-rows:repeat(2,50%)}@media screen and (orientation:landscape){.grid-5{grid-template:"stream0 stream0 stream1 stream1 stream2 stream2" ". stream3 stream3 stream4 stream4 .";grid-template-columns:repeat(6,16.6666666667%);grid-template-rows:repeat(2,50%)}}@media screen and (orientation:portrait){.grid-5{grid-template:"stream0 stream1" "stream2 stream3" "stream4 stream4";grid-template-rows:repeat(3,33.3333333333%)}}@media screen and (orientation:landscape){.grid-6{grid-template:"stream0 stream0 stream1 stream1 stream2 stream2" "stream3 stream3 stream4 stream4 stream5 stream5";grid-template-columns:repeat(6,16.6666666667%);grid-template-rows:repeat(2,50%)}}@media screen and (orientation:portrait){.grid-6{grid-template:"stream0 stream1" "stream2 stream3" "stream4 stream5";grid-template-rows:repeat(3,33.3333333333%)}}@media screen and (orientation:landscape){.grid-7{grid-template:"stream0 stream1 stream2" "stream3 stream4 stream5" ". stream6 .";grid-template-columns:repeat(3,33.3333333333%);grid-template-rows:repeat(3,33.3333333333%)}}@media screen and (orientation:portrait){.grid-7{grid-template:"stream0 stream1" "stream2 stream3" "stream4 stream5" "stream6 stream6";grid-template-rows:repeat(4,25%)}}@media screen and (orientation:landscape){.grid-8{grid-template:"stream0 stream0 stream1 stream1 stream2 stream2" "stream3 stream3 stream4 stream4 stream5 stream5" ". stream6 stream6 stream7 stream7 .";grid-template-columns:repeat(6,16.6666666667%);grid-template-rows:repeat(3,33.3333333333%)}}@media screen and (orientation:portrait){.grid-8{grid-template:"stream0 stream1" "stream2 stream3" "stream4 stream5" "stream6 stream7";grid-template-rows:repeat(4,25%)}}@media screen and (orientation:landscape){.grid-9{grid-template:"stream0 stream1 stream2" "stream3 stream4 stream5" "stream6 stream7 stream8";grid-template-columns:repeat(3,33.3333333333%);grid-template-rows:repeat(3,33.3333333333%)}}@media screen and (orientation:portrait){.grid-9{grid-template:"stream0 stream1" "stream2 stream3" "stream4 stream5" "stream6 stream7" ". stream8 .";grid-template-columns:repeat(3,33.3333333333%);grid-template-rows:repeat(5,20%)}}@media screen and (orientation:landscape){.grid-10{grid-template:"stream0 stream0 stream1 stream1 stream2 stream2 stream3 stream3" "stream4 stream4 stream5 stream5 stream6 stream6 stream7 stream7" ". stream8 stream8 . . stream9 stream9 .";grid-template-columns:repeat(8,12.5%);grid-template-rows:repeat(3,33.3333333333%)}}@media screen and (orientation:portrait){.grid-10{grid-template:"stream0 stream1" "stream2 stream3" "stream4 stream5" "stream6 stream7" "stream8 stream9";grid-template-columns:repeat(2,50%);grid-template-rows:repeat(5,20%)}}@media screen and (orientation:landscape){.grid-11{grid-template:"stream0 stream0 stream1 stream1 stream2 stream2 stream3 stream3" "stream4 stream4 stream5 stream5 stream6 stream6 stream7 stream7" ". stream8 stream8 stream9 stream9 stream10 stream10 .";grid-template-columns:repeat(8,12.5%);grid-template-rows:repeat(3,33.3333333333%)}}@media screen and (orientation:portrait){.grid-11{grid-template:"stream0 stream0 stream1 stream1 stream2 stream2" "stream3 stream3 stream4 stream4 stream5 stream5" "stream6 stream6 stream7 stream7 stream8 stream8" "stream9 stream9 stream9 stream10 stream10 stream10";grid-template-rows:repeat(4,25%)}}@media screen and (orientation:landscape){.grid-12{grid-template:"stream0 stream1 stream2 stream3" "stream4 stream5 stream6 stream7" "stream8 stream9 stream10 stream11";grid-template-columns:repeat(4,25%);grid-template-rows:repeat(3,33.3333333333%)}}@media screen and (orientation:portrait){.grid-12{grid-template:"stream0 stream1 stream2" "stream3 stream4 stream5" "stream6 stream7 stream8" "stream9 stream10 stream11";grid-template-rows:repeat(4,25%)}}.conference{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden;position:relative;width:100%}.conference__container{background:#1a1a1a;display:flex;flex-direction:column;height:100%;position:relative;width:100%}.conference__container .conference-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-bottom:1px solid #ffffff1a;display:flex;height:60px;justify-content:space-between;padding:0 20px;z-index:10}.conference__container .conference-header .meeting-info{align-items:center;display:flex;gap:15px}.conference__container .conference-header .meeting-info .meeting-title{color:#fff;font-size:16px;font-weight:600}.conference__container .conference-header .meeting-info .meeting-id{background:#ffffff1a;border-radius:4px;color:#a0a0a0;font-size:12px;padding:4px 8px}.conference__container .conference-header .meeting-info .participant-count{align-items:center;color:#a0a0a0;display:flex;font-size:12px;gap:5px}.conference__container .conference-header .meeting-info .participant-count .count-icon{height:16px;opacity:.7;width:16px}.conference__container .conference-header .header-device-status{align-items:center;display:flex;flex:1 1;gap:20px;justify-content:center;max-width:600px}.conference__container .conference-header .header-device-status .header-device-info{align-items:center;background:#ffffff1a;border-radius:6px;display:flex;font-size:11px;gap:6px;padding:6px 10px}.conference__container .conference-header .header-device-status .header-device-info .device-icon{font-size:12px;opacity:.8}.conference__container .conference-header .header-device-status .header-device-info .device-text{color:#e0e0e0;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conference__container .conference-header .header-controls{align-items:center;display:flex;gap:12px}.conference__container .conference-header .header-controls .header-secondary-controls{align-items:center;border-left:1px solid #ffffff1a;display:flex;gap:8px;padding-left:12px}@media screen and (max-width:768px){.conference__container .conference-header .header-controls .header-secondary-controls{gap:6px;padding-left:8px}}@media screen and (max-width:480px){.conference__container .conference-header .header-controls .header-secondary-controls{border-left:none;gap:4px;padding-left:6px}}.conference__container .conference-header .header-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.conference__container .conference-header .header-btn:hover{background:#fff3;border-color:#ffffff4d}.conference__container .conference-header .header-btn:disabled{cursor:not-allowed;opacity:.5}.conference__container .conference-header .header-btn.chat-btn{background:#0078d4;border-color:#0078d4}.conference__container .conference-header .header-btn.chat-btn:hover{background:#106ebe}.conference__container .conference-header .header-btn.whiteboard-btn{background:#fd7e14;border-color:#fd7e14}.conference__container .conference-header .header-btn.whiteboard-btn:hover{background:#e8690b}.conference__container .conference-header .header-btn.participants-btn{background:#6f42c1;border-color:#6f42c1}.conference__container .conference-header .header-btn.participants-btn:hover{background:#5a32a3}.conference__container .conference-header .header-btn.meeting-lock-btn.locked{background:#dc3545;border-color:#dc3545}.conference__container .conference-header .header-btn.meeting-lock-btn.locked:hover{background:#c82333}.conference__container .conference-header .header-btn.meeting-lock-btn.unlocked{background:#28a745;border-color:#28a745}.conference__container .conference-header .header-btn.meeting-lock-btn.unlocked:hover{background:#218838}.conference__container .conference-header .settings-dropdown-container{position:relative}.conference__container .conference-header .settings-dropdown-container .settings-dropdown{animation:slideDown .2s ease-out;background:#2d2d2d;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 10px 30px #00000080;min-width:300px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.conference__container .conference-header .settings-dropdown-container .settings-dropdown .settings-dropdown-content{padding:16px}.conference__container .conference-header .settings-dropdown-container .settings-dropdown .settings-dropdown-content .device-setting-group{margin-bottom:16px}.conference__container .conference-header .settings-dropdown-container .settings-dropdown .settings-dropdown-content .device-setting-group:last-of-type{margin-bottom:0}.conference__container .conference-header .settings-dropdown-container .settings-dropdown .settings-dropdown-content .device-setting-group .device-label{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:6px}.conference__container .conference-header .settings-dropdown-container .settings-dropdown .settings-dropdown-content .device-setting-group .device-label .device-icon{font-size:14px;opacity:.8}.conference__container .conference-header .settings-dropdown-container .settings-dropdown .settings-dropdown-content .device-setting-group .device-selector-wrapper select{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 8px;width:100%}.conference__container .conference-header .settings-dropdown-container .settings-dropdown .settings-dropdown-content .device-setting-group .device-selector-wrapper select:focus{border-color:#0078d4;box-shadow:0 0 0 1px #0078d44d;outline:none}.conference__container .conference-header .settings-dropdown-container .settings-dropdown .settings-dropdown-content .device-setting-group .device-selector-wrapper select option{background:#2d2d2d;color:#fff}.conference__container .conference-header .settings-dropdown-container .settings-dropdown .settings-dropdown-content .settings-actions{border-top:1px solid #ffffff1a;display:flex;justify-content:flex-end;padding-top:12px}.conference__container .conference-header .settings-dropdown-container .settings-dropdown .settings-dropdown-content .settings-actions .test-speaker-btn{background:#0078d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:6px 10px;transition:all .2s ease}.conference__container .conference-header .settings-dropdown-container .settings-dropdown .settings-dropdown-content .settings-actions .test-speaker-btn:hover{background:#106ebe}.conference__container .camera__block{background:#1a1a1a;display:flex;flex:1 1;flex-direction:column;position:relative}.streams_container{flex:1 1;overflow:hidden;position:relative}.streams_container.sidebar{display:flex;gap:10px;padding:10px}.streams_container.sidebar .speaker-stream{background:#000;border-radius:12px;box-shadow:0 4px 20px #0000004d;flex:1 1;overflow:hidden;position:relative}.streams_container .users__cams.grid{grid-gap:8px;background:#1a1a1a;display:grid;gap:8px;height:100%;overflow-y:auto;padding:10px}.streams_container .users__cams.grid[data-participants="1"]{grid-template-columns:1fr}.streams_container .users__cams.grid[data-participants="2"],.streams_container .users__cams.grid[data-participants="3"],.streams_container .users__cams.grid[data-participants="4"]{grid-template-columns:repeat(2,1fr)}.streams_container .users__cams.grid[data-participants="5"],.streams_container .users__cams.grid[data-participants="6"],.streams_container .users__cams.grid[data-participants="7"],.streams_container .users__cams.grid[data-participants="8"],.streams_container .users__cams.grid[data-participants="9"]{grid-template-columns:repeat(3,1fr)}.streams_container .users__cams.grid .user__cam-container{background:#000;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 12px #0000004d;min-height:200px;overflow:hidden;position:relative;transition:all .2s ease}.streams_container .users__cams.grid .user__cam-container:hover{border-color:#fff3;transform:scale(1.02)}.streams_container .users__cams.grid .user__cam-container.speaking{border-color:#00b4d8;box-shadow:0 0 20px #00b4d84d}.streams_container .users__cams.sidebar{background:#0000004d;border-radius:12px;display:flex;flex-direction:column;gap:8px;margin:10px;padding:10px;width:280px}.streams_container .users__cams.sidebar .user__cam-container{background:#000;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 2px 8px #0000004d;height:160px;overflow:hidden;position:relative;transition:all .2s ease}.streams_container .users__cams.sidebar .user__cam-container:hover{border-color:#ffffff4d}.streams_container .users__cams.sidebar .user__cam-container.speaking{border-color:#00b4d8;box-shadow:0 0 15px #00b4d84d}.user__buttons{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #ffffff1a;border-radius:50px;bottom:30px;display:flex;gap:8px;left:50%;padding:12px 16px;pointer-events:auto;position:fixed;transform:translateX(-50%);transition:all .3s ease;z-index:100}.user__buttons .call__btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:44px;justify-content:center;position:relative;transition:all .2s ease;width:44px}.user__buttons .call__btn:hover{transform:scale(1.1)}.user__buttons .call__btn:disabled{cursor:not-allowed;opacity:.5}.user__buttons .call__btn:disabled:hover{transform:none}.user__buttons .call__btn.mic-btn{background:#4a4a4a}.user__buttons .call__btn.mic-btn.mute{background:#dc3545}.user__buttons .call__btn.mic-btn.host-muted{background:linear-gradient(135deg,#dc3545,#c82333);border:2px solid #dc3545;cursor:not-allowed}.user__buttons .call__btn.mic-btn.host-muted:after{align-items:center;background:#dc3545;border:2px solid #1a1a1a;border-radius:50%;content:"🔒";display:flex;font-size:12px;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.user__buttons .call__btn.camera-btn{background:#4a4a4a}.user__buttons .call__btn.camera-btn.mute{background:#dc3545}.user__buttons .call__btn.speaker__btn{background:#4a4a4a}.user__buttons .call__btn.speaker__btn.mute{background:#dc3545}.user__buttons .call__btn.screen-share-btn{background:#4a4a4a}.user__buttons .call__btn.screen-share-btn.active{background:#28a745}.user__buttons .call__btn.chat-btn{background:#0078d4}.user__buttons .call__btn.whiteboard-btn{background:#6f42c1}.user__buttons .call__btn.participants-btn{background:#17a2b8}.user__buttons .call__btn.hand-raise-btn{background:#fd7e14}.user__buttons .call__btn.hand-raise-btn.raised{animation:handRaiseGlow 2s infinite;background:#28a745}.user__buttons .call__btn.request-speak-btn{animation:requestSpeakPulse 2s infinite;background:linear-gradient(135deg,#ffc107,#ffb300);font-size:18px}.user__buttons .call__btn.end-call-btn{background:#dc3545}.user__buttons .call__btn.switch__btn{background:#6c757d;font-size:14px;height:36px;width:36px}.user__buttons .call__btn.record__btn{background:#6c757d;transition:all .3s ease}.user__buttons .call__btn.record__btn.recording{animation:recordingPulse 1s infinite;background:#ff4757;box-shadow:0 0 15px #ff475799}.user__buttons .call__btn.record__btn:hover{background:#5a6268}.user__buttons .call__btn.record__btn:hover.recording{background:#ff3742}.user__buttons .call__btn.leave__btn{background:#6c757d}.user__buttons .call__btn.leave__btn:hover{background:#5a6268}.user__buttons .call__btn.leave__btn.recording-warning{animation:recordingWarningPulse 2s infinite;background:linear-gradient(45deg,#ff9800,#f57c00);box-shadow:0 0 10px #ff980080}.user__buttons .call__btn.leave__btn.recording-warning:hover{background:linear-gradient(45deg,#f57c00,#ef6c00)}.user__buttons .call__btn.meeting-lock-btn.locked{animation:lockPulse 2s infinite;background:linear-gradient(135deg,#dc3545,#c82333)}.user__buttons .call__btn.meeting-lock-btn.unlocked{background:linear-gradient(135deg,#28a745,#218838)}.user__buttons .call__btn.mobile-speaker-btn{background:#6c757d;font-size:18px;transition:all .3s ease}.user__buttons .call__btn.mobile-speaker-btn.earpiece{background:linear-gradient(135deg,#495057,#6c757d)}.user__buttons .call__btn.mobile-speaker-btn.earpiece:hover{background:linear-gradient(135deg,#5a6268,#7a848a)}.user__buttons .call__btn.mobile-speaker-btn.speakerphone{animation:speakerphonePulse 2s infinite;background:linear-gradient(135deg,#17a2b8,#138496)}.user__buttons .call__btn.mobile-speaker-btn.speakerphone:hover{background:linear-gradient(135deg,#1f9bab,#16829e)}@media screen and (max-width:768px){.user__buttons{bottom:20px;gap:6px;padding:10px 14px}.user__buttons .call__btn{font-size:14px;height:40px;width:40px}}@media screen and (max-width:480px){.user__buttons{bottom:15px;gap:4px;padding:8px 12px}.user__buttons .call__btn{font-size:14px;height:36px;width:36px}}.view__changer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;min-width:140px;padding:8px 12px;position:absolute;right:20px;top:20px;z-index:100}.view__changer:focus{border-color:#0078d4;box-shadow:0 0 0 2px #0078d44d;outline:none}.view__changer option{background:#2d2d2d;color:#fff}.meeting-status-indicator{align-items:center;animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dc3545f2;border-radius:20px;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;left:50%;padding:8px 16px;position:absolute;top:80px;transform:translateX(-50%);z-index:100}.meeting-status-indicator .status-icon{font-size:16px}.speaker-controls{display:flex;gap:8px;position:absolute;right:180px;top:20px;z-index:100}.speaker-controls .speaker-mode-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px;transition:all .2s ease}.speaker-controls .speaker-mode-btn:hover{background:#ffffff1a}.speaker-controls .speaker-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:12px;min-width:120px;padding:8px 12px}.speaker-controls .speaker-selector:focus{border-color:#0078d4;outline:none}.speaker-controls .speaker-selector option{background:#2d2d2d;color:#fff}@keyframes handRaiseGlow{0%,to{box-shadow:0 0 10px #ffc10780}50%{box-shadow:0 0 25px #ffc107cc}}@keyframes requestSpeakPulse{0%,to{box-shadow:0 0 10px #ffc10780;transform:scale(1)}50%{box-shadow:0 0 20px #ffc107cc;transform:scale(1.05)}}@keyframes lockPulse{0%,to{box-shadow:0 0 10px #dc354566}50%{box-shadow:0 0 25px #dc3545b3}}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes speakerphonePulse{0%,to{box-shadow:0 0 10px #17a2b866}50%{box-shadow:0 0 25px #17a2b8b3}}@keyframes recordingPulse{0%,to{box-shadow:0 0 15px #ff475799;transform:scale(1)}50%{box-shadow:0 0 25px #ff4757e6;transform:scale(1.05)}}@keyframes recordingWarningPulse{0%,to{box-shadow:0 0 10px #ff980080}50%{box-shadow:0 0 20px #ff9800cc}}.hand-raise-notification{animation:slideInFromRight .3s ease-out;background-color:#00c800f2;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;left:auto!important;max-width:300px;padding:12px 16px;position:fixed!important;right:20px!important;top:20px!important;z-index:9999}.hand-raise-notification .notification-content{align-items:center;display:flex;gap:8px}.hand-raise-notification .notification-content .notification-icon{font-size:18px}.hand-raise-notification .notification-content .notification-text{font-size:14px;font-weight:500}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.chat__block{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;border-left:1px solid #ffffff1a;height:calc(100vh - 160px);position:fixed;right:0;top:80px;transform:translateX(100%);transition:transform .3s ease;width:350px;z-index:1000}.chat__block.show{transform:translateX(0)}@media screen and (max-width:768px){.chat__block{width:300px}}@media screen and (max-width:480px){.chat__block{border-left:none;border-top:1px solid #ffffff1a;height:calc(100vh - 140px);top:60px;width:100%}}.invite-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.invite-modal-overlay .invite-modal{background:#2d2d2d;border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:500px;padding:24px;width:90%}.invite-modal-overlay .invite-modal .invite-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.invite-modal-overlay .invite-modal .invite-modal-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.invite-modal-overlay .invite-modal .invite-modal-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#a0a0a0;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.invite-modal-overlay .invite-modal .invite-modal-header .close-btn:hover{background:#ffffff1a;color:#fff}.invite-modal-overlay .invite-modal .invite-modal-content{color:#fff}.invite-modal-overlay .invite-modal .invite-modal-content p{color:#a0a0a0;margin-bottom:16px}.invite-modal-overlay .invite-modal .invite-modal-content .meeting-url-container{display:flex;gap:8px;margin-bottom:20px}.invite-modal-overlay .invite-modal .invite-modal-content .meeting-url-container .meeting-url-input{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;flex:1 1;font-size:14px;padding:10px 12px}.invite-modal-overlay .invite-modal .invite-modal-content .meeting-url-container .meeting-url-input:focus{border-color:#0078d4;outline:none}.invite-modal-overlay .invite-modal .invite-modal-content .meeting-url-container .copy-btn{background:#0078d4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s ease}.invite-modal-overlay .invite-modal .invite-modal-content .meeting-url-container .copy-btn:hover{background:#106ebe}.invite-modal-overlay .invite-modal .invite-modal-content .invite-instructions h4{color:#fff;font-size:16px;margin-bottom:12px}.invite-modal-overlay .invite-modal .invite-modal-content .invite-instructions ol{color:#a0a0a0;padding-left:20px}.invite-modal-overlay .invite-modal .invite-modal-content .invite-instructions ol li{line-height:1.4;margin-bottom:6px}.settings-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.settings-modal-overlay .settings-modal{background:#2d2d2d;border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:450px;padding:24px;width:90%}.settings-modal-overlay .settings-modal .settings-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.settings-modal-overlay .settings-modal .settings-modal-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.settings-modal-overlay .settings-modal .settings-modal-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#a0a0a0;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.settings-modal-overlay .settings-modal .settings-modal-header .close-btn:hover{background:#ffffff1a;color:#fff}.settings-modal-overlay .settings-modal .settings-modal-content{color:#fff}.settings-modal-overlay .settings-modal .settings-modal-content .device-setting-group{margin-bottom:20px}.settings-modal-overlay .settings-modal .settings-modal-content .device-setting-group .device-label{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:8px}.settings-modal-overlay .settings-modal .settings-modal-content .device-setting-group .device-label .device-icon{font-size:16px;opacity:.8}.settings-modal-overlay .settings-modal .settings-modal-content .device-setting-group .device-selector-wrapper select{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 12px;width:100%}.settings-modal-overlay .settings-modal .settings-modal-content .device-setting-group .device-selector-wrapper select:focus{border-color:#0078d4;box-shadow:0 0 0 2px #0078d44d;outline:none}.settings-modal-overlay .settings-modal .settings-modal-content .device-setting-group .device-selector-wrapper select option{background:#2d2d2d;color:#fff}.settings-modal-overlay .settings-modal .settings-modal-content .settings-actions{border-top:1px solid #ffffff1a;display:flex;justify-content:flex-end;padding-top:20px}.settings-modal-overlay .settings-modal .settings-modal-content .settings-actions .test-speaker-btn{background:#0078d4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s ease}.settings-modal-overlay .settings-modal .settings-modal-content .settings-actions .test-speaker-btn:hover{background:#106ebe}@media screen and (max-width:768px){.conference__container .conference-header{gap:12px;padding:12px 20px}.conference__container .conference-header .meeting-info{gap:12px}.conference__container .conference-header .meeting-info .meeting-title{font-size:14px}.conference__container .conference-header .header-controls{gap:8px}.conference__container .conference-header .header-controls .header-btn{font-size:11px;padding:6px 10px}.conference__container .conference-header .header-controls .header-speaker-selector,.conference__container .conference-header .header-controls .header-view-selector{font-size:11px;min-width:100px;padding:5px 8px}.conference__container .conference-header .header-controls .header-view-selector{min-width:110px}.conference__container .conference-header .header-controls .header-speaker-selector{min-width:100px}.settings-dropdown{min-width:280px}.settings-dropdown .settings-dropdown-content{padding:14px}.settings-dropdown .settings-dropdown-content .device-setting-group{margin-bottom:14px}.settings-dropdown .settings-dropdown-content .device-setting-group .device-label{font-size:11px;margin-bottom:5px}.settings-dropdown .settings-dropdown-content .device-selector-wrapper select{font-size:11px;padding:5px 6px}.settings-dropdown .settings-dropdown-content .settings-actions .test-speaker-btn{font-size:10px;padding:5px 8px}}@media screen and (max-width:480px){.conference__container .conference-header{flex-direction:column;gap:8px;height:auto;padding:10px 15px}.conference__container .conference-header .meeting-info{font-size:12px;gap:8px;text-align:center}.conference__container .conference-header .header-controls{flex-wrap:wrap;gap:6px;justify-content:center}.conference__container .conference-header .header-controls .header-btn{font-size:10px;min-width:auto;padding:4px 8px}.conference__container .conference-header .header-controls .header-speaker-selector,.conference__container .conference-header .header-controls .header-view-selector{flex:1 1;font-size:10px;max-width:120px;min-width:90px;padding:4px 6px}.conference__container .conference-header .header-controls .header-view-selector{min-width:95px}.conference__container .conference-header .header-controls .header-speaker-selector{min-width:85px}.conference__container .conference-header .header-controls .header-secondary-controls{border-left:none;border-top:1px solid #ffffff1a;justify-content:center;margin-top:8px;order:-1;padding-left:0;padding-top:8px;width:100%}.settings-dropdown{min-width:250px}.settings-dropdown .settings-dropdown-content{padding:12px}.settings-dropdown .settings-dropdown-content .device-setting-group{margin-bottom:12px}.settings-dropdown .settings-dropdown-content .device-setting-group .device-label{font-size:10px;margin-bottom:4px}.settings-dropdown .settings-dropdown-content .device-selector-wrapper select{font-size:10px;padding:4px 5px}.settings-dropdown .settings-dropdown-content .settings-actions{padding-top:10px}.settings-dropdown .settings-dropdown-content .settings-actions .test-speaker-btn{font-size:9px;padding:4px 6px}}@media screen and (max-width:360px){.conference__container .conference-header .header-controls{gap:4px}.conference__container .conference-header .header-controls .header-btn{font-size:9px;min-width:auto;padding:3px 6px}.conference__container .conference-header .header-controls .header-speaker-selector,.conference__container .conference-header .header-controls .header-view-selector{font-size:9px;max-width:100px;min-width:80px;padding:3px 5px}.conference__container .conference-header .header-controls .header-view-selector{min-width:85px}.conference__container .conference-header .header-controls .header-speaker-selector{min-width:75px}}@media screen and (max-width:768px){.conference__container{height:calc(100vh - 120px);overflow:hidden}.conference__container .streams_container{height:100%;overflow:auto}.conference__container .streams_container .users__cams.grid{-webkit-overflow-scrolling:touch;gap:5px;min-height:100%;overflow-y:auto;padding:5px}.conference__container .streams_container .users__cams.grid[data-participants="1"]{grid-template-columns:1fr}.conference__container .streams_container .users__cams.grid[data-participants="1"] .user__cam-container{min-height:calc(50vh - 100px)}.conference__container .streams_container .users__cams.grid[data-participants="2"]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.conference__container .streams_container .users__cams.grid[data-participants="2"] .user__cam-container{min-height:calc(40vh - 80px)}.conference__container .streams_container .users__cams.grid[data-participants="3"],.conference__container .streams_container .users__cams.grid[data-participants="4"]{grid-template-columns:1fr;grid-template-rows:repeat(auto-fit,minmax(200px,1fr))}.conference__container .streams_container .users__cams.grid[data-participants="3"] .user__cam-container,.conference__container .streams_container .users__cams.grid[data-participants="4"] .user__cam-container{min-height:180px}.conference__container .streams_container .users__cams.grid[data-participants="5"],.conference__container .streams_container .users__cams.grid[data-participants="6"],.conference__container .streams_container .users__cams.grid[data-participants="7"],.conference__container .streams_container .users__cams.grid[data-participants="8"],.conference__container .streams_container .users__cams.grid[data-participants="9"]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(auto-fit,minmax(160px,1fr))}.conference__container .streams_container .users__cams.grid[data-participants="5"] .user__cam-container,.conference__container .streams_container .users__cams.grid[data-participants="6"] .user__cam-container,.conference__container .streams_container .users__cams.grid[data-participants="7"] .user__cam-container,.conference__container .streams_container .users__cams.grid[data-participants="8"] .user__cam-container,.conference__container .streams_container .users__cams.grid[data-participants="9"] .user__cam-container{min-height:160px}.conference__container .streams_container .users__cams.grid .user__cam-container{border-radius:8px;box-shadow:0 2px 8px #0000004d}.conference__container .streams_container .users__cams.grid .user__cam-container:hover{transform:none}.user__buttons{bottom:20px;gap:6px;padding:8px 12px}.user__buttons .call__btn{font-size:14px;height:40px;width:40px}.user__buttons .call__btn.mobile-speaker-btn{border:2px solid #0000;font-size:16px}.user__buttons .call__btn.mobile-speaker-btn.speakerphone{border-color:#17a2b84d}}@media screen and (max-width:480px){.conference__container{height:calc(100vh - 140px)}.conference__container .streams_container .users__cams.grid{gap:4px;padding:4px}.conference__container .streams_container .users__cams.grid[data-participants="1"] .user__cam-container{min-height:calc(60vh - 120px)}.conference__container .streams_container .users__cams.grid[data-participants="2"] .user__cam-container{min-height:calc(45vh - 100px)}.conference__container .streams_container .users__cams.grid[data-participants="3"],.conference__container .streams_container .users__cams.grid[data-participants="4"],.conference__container .streams_container .users__cams.grid[data-participants="5"],.conference__container .streams_container .users__cams.grid[data-participants="6"],.conference__container .streams_container .users__cams.grid[data-participants="7"],.conference__container .streams_container .users__cams.grid[data-participants="8"],.conference__container .streams_container .users__cams.grid[data-participants="9"]{grid-template-columns:1fr}.conference__container .streams_container .users__cams.grid[data-participants="3"] .user__cam-container,.conference__container .streams_container .users__cams.grid[data-participants="4"] .user__cam-container,.conference__container .streams_container .users__cams.grid[data-participants="5"] .user__cam-container,.conference__container .streams_container .users__cams.grid[data-participants="6"] .user__cam-container,.conference__container .streams_container .users__cams.grid[data-participants="7"] .user__cam-container,.conference__container .streams_container .users__cams.grid[data-participants="8"] .user__cam-container,.conference__container .streams_container .users__cams.grid[data-participants="9"] .user__cam-container{min-height:180px}.user__buttons{bottom:15px;gap:4px;padding:6px 10px}.user__buttons .call__btn{font-size:12px;height:36px;width:36px}.user__buttons .call__btn.mobile-speaker-btn{font-size:14px}}@media screen and (max-width:768px)and (orientation:landscape){.conference__container{height:calc(100vh - 80px)}.conference__container .streams_container .users__cams.grid[data-participants="1"]{grid-template-columns:1fr}.conference__container .streams_container .users__cams.grid[data-participants="1"] .user__cam-container{min-height:calc(70vh - 100px)}.conference__container .streams_container .users__cams.grid[data-participants="2"]{grid-template-columns:repeat(2,1fr)}.conference__container .streams_container .users__cams.grid[data-participants="2"] .user__cam-container{min-height:calc(70vh - 100px)}.conference__container .streams_container .users__cams.grid[data-participants="3"],.conference__container .streams_container .users__cams.grid[data-participants="4"]{grid-template-columns:repeat(2,1fr)}.conference__container .streams_container .users__cams.grid[data-participants="3"] .user__cam-container,.conference__container .streams_container .users__cams.grid[data-participants="4"] .user__cam-container{min-height:calc(50vh - 80px)}.conference__container .streams_container .users__cams.grid[data-participants="5"],.conference__container .streams_container .users__cams.grid[data-participants="6"]{grid-template-columns:repeat(3,1fr)}.conference__container .streams_container .users__cams.grid[data-participants="5"] .user__cam-container,.conference__container .streams_container .users__cams.grid[data-participants="6"] .user__cam-container{min-height:calc(50vh - 80px)}.conference__container .streams_container .users__cams.grid[data-participants="7"],.conference__container .streams_container .users__cams.grid[data-participants="8"],.conference__container .streams_container .users__cams.grid[data-participants="9"]{grid-template-columns:repeat(3,1fr)}.conference__container .streams_container .users__cams.grid[data-participants="7"] .user__cam-container,.conference__container .streams_container .users__cams.grid[data-participants="8"] .user__cam-container,.conference__container .streams_container .users__cams.grid[data-participants="9"] .user__cam-container{min-height:calc(40vh - 70px)}.user__buttons{bottom:10px}.user__buttons .call__btn{height:38px;width:38px}}.stats{height:150px;left:0;position:absolute;top:0;width:150px}.chat__button,.hand-raise__button,.participants__button,.whiteboard__button{align-items:center;border:0;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;padding:0;transition:all .2s ease;width:50px}.chat__button:hover,.hand-raise__button:hover,.participants__button:hover,.whiteboard__button:hover{transform:scale(1.05)}.chat__button:disabled,.hand-raise__button:disabled,.participants__button:disabled,.whiteboard__button:disabled{cursor:not-allowed;opacity:.5}.chat__button{background:#008cba}.participants__button,.whiteboard__button{background:#2c5aa0}.participants__button:hover,.whiteboard__button:hover{background:#1e3d6f}.participants__button{background:#5a2c5a}.participants__button:hover{background:#3d1e3d}.hand-raise__button{background:#ff6b35}.hand-raise__button:hover{background:#e55a2b}.hand-raise__button.raised{animation:handRaiseGlow 2s infinite;background:#28a745}.hand-raise__button.raised:hover{background:#218838}.meeting-lock__btn{background:#2c2c2ee6;border:2px solid #0000;color:#fff;font-size:20px;position:relative;transition:all .3s ease}.meeting-lock__btn.locked{animation:lockPulse 2s infinite;background:linear-gradient(135deg,#dc3545,#c82333);border-color:#dc3545;box-shadow:0 0 15px #dc354566}.meeting-lock__btn.unlocked{background:linear-gradient(135deg,#28a745,#218838);border-color:#28a745;box-shadow:0 0 15px #28a7454d}.meeting-lock__btn:hover.locked{background:linear-gradient(135deg,#e84857,#dc3545);box-shadow:0 0 20px #dc354599}.meeting-lock__btn:hover.unlocked{background:linear-gradient(135deg,#34ce57,#28a745);box-shadow:0 0 20px #28a74580}.meeting-lock__btn:disabled{cursor:not-allowed;opacity:.6}@media screen and (max-width:767px){.sidebar{flex-direction:column}.sidebar .user__cam-container{max-height:100%!important}}.bi-chat{background:gray;border-radius:50%;color:#fff;min-height:35px;min-width:35px;object-fit:contain}.header-speaker-selector,.header-view-selector{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;min-width:120px;padding:6px 10px;transition:all .2s ease}.header-speaker-selector:focus,.header-view-selector:focus{border-color:#0078d4;box-shadow:0 0 0 2px #0078d44d;outline:none}.header-speaker-selector:hover,.header-view-selector:hover{background:#ffffff26;border-color:#ffffff4d}.header-speaker-selector option,.header-view-selector option{background:#2d2d2d;color:#fff;padding:4px 8px}.header-view-selector{min-width:140px}.header-speaker-selector{min-width:130px}.speaker-mode-btn.auto{background:#28a745}.speaker-mode-btn.auto:hover{background:#218838}.speaker-mode-btn.manual{background:#6c757d}.speaker-mode-btn.manual:hover{background:#5a6268}.cam__button{background:#0000;border:1px solid #35495e;border-radius:6px;color:#35495e;cursor:pointer;font-family:system-ui,-apple-system,sans-serif;font-size:14px;height:32px;min-width:220px;overflow:hidden;padding:0 8px;text-align:left;text-overflow:ellipsis;transition:.2s ease-in-out;white-space:nowrap;width:100%}@media screen and (max-width:767px){.cam__button{font-size:13px;min-width:180px}}.cam__button:active,.cam__button:hover{background-color:#2f3b47;color:#fff}.cam__button:not(:last-child){margin-bottom:4px}.chat__container{background:#0000;display:flex;flex-direction:column;height:100%;position:relative;width:100%}.chat__container .chat__header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.chat__container .chat__header .chat__name{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;font-weight:600}.chat__container .chat__header .close__btn{align-items:center;background:#ffffff1a;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px}.chat__container .chat__header .close__btn:hover{background:#fff3}.chat__container .chat__header .close__btn:after,.chat__container .chat__header .close__btn:before{background-color:#fff;border-radius:1px;content:"";height:2px;position:absolute;width:16px}.chat__container .chat__header .close__btn:after{transform:rotate(45deg)}.chat__container .chat__header .close__btn:before{transform:rotate(-45deg)}.chat__container .chat__content{display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:0}.chat__container .chat__content .messages__loader{animation:spinRight .8s linear infinite;border-radius:50%;border-right:3px solid #0078d4;height:40px;margin:20px auto;width:40px}.chat__container .chat__content .messages__loader:after,.chat__container .chat__content .messages__loader:before{animation:spinLeft .8s linear infinite;border-left:2px solid #0078d4;border-radius:50%;content:"";display:block;height:30px;left:calc(50% - 15px);position:absolute;top:calc(50% - 15px);width:30px}.chat__container .chat__content .messages__loader:after{animation:none;border:0;border-right:1px solid #0078d4;height:20px;left:calc(50% - 10px);top:calc(50% - 10px);width:20px}@keyframes spinLeft{0%{transform:rotate(0deg)}to{transform:rotate(2turn)}}@keyframes spinRight{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.chat__container .chat__form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-top:1px solid #ffffff1a;padding:16px}.chat__container .chat__form .area__container{align-items:flex-end;display:flex;gap:8px;position:relative}.chat__container .chat__form .area__container textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;max-height:120px;min-height:40px;outline:none;padding:12px 16px;resize:none;transition:all .2s ease}.chat__container .chat__form .area__container textarea:focus{background:#ffffff26;border-color:#0078d4}.chat__container .chat__form .area__container textarea::placeholder{color:#fff9}.chat__container .chat__form .area__container button{align-items:center;background:#0078d4;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;outline:none;transition:all .2s ease;width:40px}.chat__container .chat__form .area__container button:hover{background:#106ebe;transform:scale(1.05)}.chat__container .chat__form .area__container button:active{transform:scale(.95)}.chat__container .chat__form .area__container button:after{color:#fff;content:"➤";font-size:16px;font-weight:700}@media screen and (max-width:480px){.chat__container .chat__header{padding:12px 16px}.chat__container .chat__header .chat__name{font-size:16px}.chat__container .chat__form{padding:12px}}.messages__container{align-self:flex-start;background-color:#fff;border-radius:.25rem;display:flex;flex-direction:column;font-family:Roboto;font-size:1.1rem;font-weight:300;overflow-x:hidden;padding:1rem 1.5rem 1.5rem;width:100%}.messages__container .message:not(:last-child){margin-bottom:30px}.messages__container .message{word-wrap:break-word;border-radius:1.15rem;line-height:1.25;max-width:75%;min-width:150px;padding:.2rem .875rem;position:relative}.messages__container .message .message__time{bottom:-20px;color:#000;font-size:.85rem!important;font-weight:400;position:absolute;right:0}.messages__container .message .message__text{padding-top:5px;white-space:pre-line}.messages__container .message .message__name{color:#000;font-size:.85rem!important;font-weight:700;max-width:50px}.messages__container .message .message__name.me{left:100%}.messages__container .message.them{align-self:flex-start;background-color:#e5e5ea;color:#000}.messages__container .message.them:before{border-bottom-right-radius:.8rem .7rem;border-left:1rem solid #e5e5ea;left:-.35rem;transform:translateY(-.1rem)}.messages__container .message.them:after{background-color:#fff;border-bottom-right-radius:.5rem;left:20px;transform:translate(-30px,-2px);width:10px}.messages__container .message.me{align-self:flex-end;background-color:#248bf5;color:#fff!important}.messages__container .message.me:before{border-bottom-left-radius:.8rem .7rem;border-right:1rem solid #248bf5;right:-.35rem;transform:translateY(-.1rem)}.messages__container .message.me:after{background-color:#fff;border-bottom-left-radius:.5rem;right:-40px;transform:translate(-30px,-2px);width:10px}.messages__container .message:after,.messages__container .message:before{bottom:-.1rem;content:"";height:1rem;position:absolute}.whiteboard-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.whiteboard-container{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;height:85%;overflow:hidden;width:90%}.whiteboard-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px 20px}.whiteboard-header h3{color:#333;font-size:18px;margin:0}.whiteboard-header .whiteboard-actions{display:flex;gap:8px}.whiteboard-header .whiteboard-actions .btn-icon{background:none;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:6px 8px;transition:background-color .2s}.whiteboard-header .whiteboard-actions .btn-icon:hover{background:#e9ecef}.whiteboard-toolbar{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:20px;padding:12px 20px}.whiteboard-toolbar .tool-group{align-items:center;display:flex;gap:8px}.whiteboard-toolbar .tool-group label{color:#555;font-size:14px;font-weight:500;margin-right:4px}.whiteboard-toolbar .tool-group .tool-btn{background:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .2s}.whiteboard-toolbar .tool-group .tool-btn:hover{border-color:#007bff;transform:translateY(-1px)}.whiteboard-toolbar .tool-group .tool-btn.active{background:#007bff;border-color:#007bff;box-shadow:0 2px 8px #007bff4d;color:#fff;transform:translateY(-1px)}.whiteboard-toolbar .tool-group .color-picker{background:none;border:2px solid #dee2e6;border-radius:6px;cursor:pointer;height:32px;width:40px}.whiteboard-toolbar .tool-group .color-picker::-webkit-color-swatch-wrapper{padding:0}.whiteboard-toolbar .tool-group .color-picker::-webkit-color-swatch{border:none;border-radius:4px}.whiteboard-toolbar .tool-group .size-slider{background:#dee2e6;border-radius:3px;cursor:pointer;height:6px;outline:none;width:80px}.whiteboard-toolbar .tool-group .size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#007bff;border-radius:50%;cursor:pointer;height:16px;width:16px}.whiteboard-toolbar .tool-group .size-slider::-moz-range-thumb{background:#007bff;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.whiteboard-toolbar .tool-group .size-display{color:#666;font-size:12px;font-weight:500;min-width:30px}.whiteboard-toolbar .tool-group .clear-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.whiteboard-toolbar .tool-group .clear-btn:hover{background:#c82333}.whiteboard-canvas-container{background:#fff;flex:1 1;overflow:hidden;position:relative}.whiteboard-canvas{background:#fff;display:block;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}@media screen and (max-width:768px){.whiteboard-overlay{padding:10px}.whiteboard-container{border-radius:8px;height:100%;max-height:none;max-width:none;width:100%}.whiteboard-header{padding:8px 12px}.whiteboard-header h3{font-size:16px}.whiteboard-header .btn-icon{font-size:14px;padding:4px 6px}.whiteboard-toolbar{flex-wrap:wrap;gap:12px;padding:8px 12px}.whiteboard-toolbar .tool-group{gap:6px}.whiteboard-toolbar .tool-group .tool-btn{font-size:14px;padding:6px 10px}.whiteboard-toolbar .tool-group .color-picker{height:28px;width:32px}.whiteboard-toolbar .tool-group .size-slider{width:60px}.whiteboard-toolbar .tool-group .clear-btn{font-size:12px;padding:6px 12px}.whiteboard-toolbar .tool-group label{font-size:12px}.whiteboard-canvas-container{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow:auto}.whiteboard-canvas-container::-webkit-scrollbar{height:8px;width:8px}.whiteboard-canvas-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.whiteboard-canvas-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.whiteboard-canvas-container::-webkit-scrollbar-thumb:hover{background:#555}.whiteboard-canvas{height:max(100%,600px);min-height:600px;min-width:800px;object-fit:contain;width:max(100%,800px)}.whiteboard-canvas.drawing-mode{touch-action:none}.whiteboard-canvas.pan-mode{touch-action:auto}}@media screen and (max-width:480px){.whiteboard-container{height:95%;width:98%}.whiteboard-toolbar{align-items:flex-start;flex-direction:column;gap:12px;padding:8px 12px}.whiteboard-toolbar .tool-group{gap:6px}.whiteboard-toolbar .tool-group .tool-btn{font-size:12px;padding:4px 8px}.whiteboard-toolbar .tool-group .size-slider{width:60px}.whiteboard-toolbar .tool-group label{font-size:12px}.whiteboard-header{padding:10px 16px}.whiteboard-header h3{font-size:16px}}.participants-overlay{align-items:flex-start;background:#00000080;display:flex;height:100%;justify-content:flex-end;padding:20px;position:fixed;right:0;top:0;width:100%;z-index:999}.participants-container{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;margin-top:20px;max-height:90vh;overflow:hidden;width:380px}.participants-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px 20px}.participants-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.participants-header .close-btn{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:18px;padding:4px 8px;transition:all .2s}.participants-header .close-btn:hover{background:#e9ecef;color:#333}.participants-stats{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-around;padding:12px 20px}.participants-stats .stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.participants-stats .stat-item .stat-label{color:#666;font-size:12px;font-weight:500}.participants-stats .stat-item .stat-value{color:#007bff;font-size:18px;font-weight:600}.participants-controls{background:#fff;border-bottom:1px solid #e9ecef;display:flex;gap:12px;padding:16px 20px}.participants-controls .search-input{border:2px solid #e9ecef;border-radius:8px;flex:1 1;font-size:14px;padding:8px 12px;transition:border-color .2s}.participants-controls .search-input:focus{border-color:#007bff;outline:none}.participants-controls .search-input::placeholder{color:#999}.participants-controls .sort-select{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s}.participants-controls .sort-select:focus{border-color:#007bff;outline:none}.participants-controls .mute-all-btn{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.participants-controls .mute-all-btn:hover{background:#c82333;transform:translateY(-1px)}.participants-controls .mute-all-btn:active{transform:translateY(0)}.participants-list{flex:1 1;max-height:60vh;overflow-y:auto;padding:8px 0}.participants-list::-webkit-scrollbar{width:6px}.participants-list::-webkit-scrollbar-track{background:#f1f1f1}.participants-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.participants-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.participant-item{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;padding:12px 20px;transition:background-color .2s}.participant-item:hover{background:#f8f9fa}.participant-item:last-child{border-bottom:none}.participant-item .participant-avatar{flex-shrink:0;font-size:24px;margin-right:12px}.participant-item .participant-info{flex:1 1;min-width:0}.participant-item .participant-info .participant-name{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:4px}.participant-item .participant-info .participant-name .you-badge{background:#007bff;border-radius:10px;color:#fff;font-size:10px;font-weight:500;padding:2px 6px}.participant-item .participant-info .participant-name .hand-raised-indicator{animation:handRaisePulse 2s infinite;background:#28a745;border-radius:10px;color:#fff;font-size:12px;margin-left:4px;padding:2px 6px}.participant-item .participant-info .participant-details{align-items:center;display:flex;font-size:12px;gap:12px}.participant-item .participant-info .participant-details .connection-status{align-items:center;color:#666;display:flex;gap:4px}.participant-item .participant-info .participant-details .bitrate{color:#666}.participant-item .participant-status{align-items:flex-end;display:flex;flex-direction:column;gap:6px;margin-right:8px}.participant-item .participant-status .media-status{display:flex;gap:6px}.participant-item .participant-status .media-status .media-icon{font-size:16px;opacity:.4;transition:opacity .2s}.participant-item .participant-status .media-status .media-icon.active{opacity:1}.participant-item .participant-status .media-status .media-icon.inactive{filter:grayscale(100%);opacity:.3}.participant-item .participant-status .mic-level{height:4px;width:40px}.participant-item .participant-status .mic-level .mic-level-bar{background:#e9ecef;border-radius:2px;height:100%;overflow:hidden;width:100%}.participant-item .participant-status .mic-level .mic-level-bar .mic-level-fill{background:linear-gradient(90deg,#28a745,#ffc107,#dc3545);border-radius:2px;height:100%;transition:width .1s ease}.participant-item .participant-actions{display:flex;flex-shrink:0;gap:4px}.participant-item .participant-actions .action-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:16px;opacity:.6;padding:6px;transition:all .2s}.participant-item .participant-actions .action-btn:hover{background:#f8f9fa;opacity:1}.participant-item .participant-actions .action-btn.mute-btn:hover{background:#fff3cd}.participant-item .participant-actions .action-btn.remove-btn:hover{background:#f8d7da}.participant-item .participant-actions .action-btn.lower-hand-btn{color:#28a745}.participant-item .participant-actions .action-btn.lower-hand-btn:hover{background:#d4edda}.no-participants{color:#666;padding:40px 20px;text-align:center}.no-participants p{font-size:14px;margin:0}.participants-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:12px 20px}.participants-footer .legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.participants-footer .legend .legend-item{color:#666;font-size:11px}@media screen and (max-width:768px){.participants-overlay{align-items:center;justify-content:center;padding:10px}.participants-container{margin-top:0;max-height:80vh;max-width:400px;width:95%}.participants-controls{flex-direction:column;gap:8px}.participants-controls .search-input,.participants-controls .sort-select{width:100%}.participant-item{padding:10px 16px}.participant-item .participant-info .participant-name{font-size:13px}.participant-item .participant-info .participant-details{font-size:11px;gap:8px}.participant-item .participant-status .media-status .media-icon{font-size:14px}.participant-item .participant-status .mic-level{width:30px}.participants-footer .legend{flex-direction:column;gap:4px}.participants-footer .legend .legend-item{text-align:center}}@media screen and (max-width:480px){.participants-container{max-height:85vh;width:98%}.participants-header{padding:12px 16px}.participants-header h3{font-size:16px}.participants-controls{padding:12px 16px}.participant-item{padding:8px 16px}.participant-item .participant-avatar{font-size:20px;margin-right:8px}}@keyframes handRaisePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.conference-wrapper-error,.conference-wrapper-loading,.conference-wrapper-locked{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.conference-wrapper-loading{color:#fff;text-align:center}.conference-wrapper-loading p{font-size:16px;margin:0;opacity:.9}.error-container,.locked-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:500px;padding:40px;text-align:center;width:100%}.error-container h2,.locked-container h2{color:#333;font-size:24px;font-weight:600;margin-bottom:16px}.error-container p,.locked-container p{color:#666;font-size:16px;line-height:1.5;margin-bottom:24px}.meeting-details{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:16px;text-align:left}.meeting-details p{color:#555;font-size:14px;margin:8px 0}.meeting-details p strong{color:#333}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.conference-wrapper-error .error-container h2{color:#dc3545}.conference-wrapper-locked .locked-container h2{color:#ffc107}@media(max-width:768px){.conference-wrapper-error,.conference-wrapper-loading,.conference-wrapper-locked{padding:10px}.error-container,.locked-container{margin:0 10px;padding:24px}.error-container h2,.locked-container h2{font-size:20px}.error-container p,.locked-container p{font-size:14px}.btn-primary{padding:14px 20px;width:100%}}.dashboard-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:800px;padding:20px}.dashboard-header{margin-bottom:30px;text-align:center}.dashboard-header .img__container{margin-bottom:20px}.dashboard-header .img__container img{height:auto;max-width:150px}.dashboard-header h1{color:#333;font-size:2.5rem;font-weight:300;margin:0}.dashboard-actions{margin-bottom:40px;text-align:center}.start-meeting-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.start-meeting-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.start-meeting-btn:active{transform:translateY(0)}.meeting-history h2{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.8rem;font-weight:400;margin-bottom:20px;padding-bottom:10px}.meeting-list{display:flex;flex-direction:column;gap:15px}.meeting-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.meeting-item:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-1px)}.meeting-info{flex:1 1}.meeting-info h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 8px}.meeting-info .meeting-date{color:#666;font-size:.9rem;margin:4px 0}.meeting-info .meeting-status{font-size:.9rem;margin:8px 0 0}.meeting-info .meeting-status .status-active{color:#4caf50;font-weight:600}.meeting-info .meeting-status .status-left{color:#9e9e9e;font-weight:600}.meeting-info .rejoin-note{color:#888;font-size:.8rem;font-style:italic;margin:8px 0 0}.meeting-actions{display:flex;flex-shrink:0;gap:10px}.rejoin-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.rejoin-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px)}.delete-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-weight:600;padding:10px 15px;transition:all .3s ease}.delete-btn:hover{background:#ffebee;border-color:#f44336;color:#f44336}.no-meetings{background:#f9f9f9;border:2px dashed #ddd;border-radius:12px;color:#666;font-size:1.1rem;padding:40px 20px;text-align:center}@media(max-width:768px){.dashboard-container{padding:15px}.dashboard-header h1{font-size:2rem}.meeting-item{align-items:flex-start;flex-direction:column;gap:15px}.meeting-item .meeting-actions{justify-content:flex-end;width:100%}.start-meeting-btn{max-width:300px;width:100%}}.App{min-height:100vh;overflow-x:hidden;overflow-y:auto;text-align:center;width:100vw}@media (max-width:768px){.video-grid{gap:4px;padding:4px}.video-tile{border-radius:8px}.controls-container{bottom:10px!important;gap:8px!important;left:50%!important;padding:8px!important;transform:translateX(-50%)!important}.controls-container .MuiIconButton-root{height:48px;width:48px}}@media (max-width:768px) and (orientation:landscape){.video-grid{height:calc(100vh - 60px)}.controls-container{bottom:5px!important;padding:4px 8px!important}.controls-container .MuiIconButton-root{height:40px;width:40px}}@media (pointer:coarse){.MuiIconButton-root{touch-action:manipulation}.video-tile{cursor:pointer}}*{touch-action:manipulation}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.dark-theme-message{background-color:#424242!important;border:1px solid #616161!important}.dark-theme-message,.dark-theme-message *,.dark-theme-message .MuiTypography-root{color:#fff!important}*{scroll-behavior:smooth!important}body,html{height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:smooth!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}#root{height:auto!important;min-height:100vh;overflow-x:hidden!important;overflow-y:auto!important}.scrollable-container{overflow-x:hidden;overflow-y:auto}:root{--scrollbar-width:12px;--scrollbar-track-color:#f5f5f5;--scrollbar-thumb-color:#1976d2;--scrollbar-thumb-hover-color:#1565c0;--scrollbar-thumb-active-color:#0d47a1}.theme-dark,[data-theme=dark],html.theme-dark,html[data-theme=dark]{--scrollbar-track-color:#2d2d2d;--scrollbar-thumb-color:#666;--scrollbar-thumb-hover-color:#777;--scrollbar-thumb-active-color:#555}* ::-webkit-scrollbar,::-webkit-scrollbar,body ::-webkit-scrollbar,html ::-webkit-scrollbar{height:12px!important;height:var(--scrollbar-width)!important;width:12px!important;width:var(--scrollbar-width)!important}* ::-webkit-scrollbar-track,::-webkit-scrollbar-track,body ::-webkit-scrollbar-track,html ::-webkit-scrollbar-track{background:#f5f5f5!important;background:var(--scrollbar-track-color)!important;border-radius:6px!important}* ::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb,body ::-webkit-scrollbar-thumb,html ::-webkit-scrollbar-thumb{background:#1976d2!important;background:var(--scrollbar-thumb-color)!important;border:2px solid #f5f5f5!important;border:2px solid var(--scrollbar-track-color)!important;border-radius:6px!important;-webkit-transition:background-color .2s ease!important;transition:background-color .2s ease!important}* ::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:hover,body ::-webkit-scrollbar-thumb:hover,html ::-webkit-scrollbar-thumb:hover{background:#1565c0!important;background:var(--scrollbar-thumb-hover-color)!important}* ::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:active,body ::-webkit-scrollbar-thumb:active,html ::-webkit-scrollbar-thumb:active{background:#0d47a1!important;background:var(--scrollbar-thumb-active-color)!important}* ::-webkit-scrollbar-corner,::-webkit-scrollbar-corner,body ::-webkit-scrollbar-corner,html ::-webkit-scrollbar-corner{background:#f5f5f5!important;background:var(--scrollbar-track-color)!important}*,body,html{scrollbar-color:#1976d2 #f5f5f5!important;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)!important;scrollbar-width:thin!important}@media (prefers-contrast:high){:root{--scrollbar-thumb-color:#000;--scrollbar-track-color:#fff}.theme-dark,[data-theme=dark],html.theme-dark,html[data-theme=dark]{--scrollbar-thumb-color:#fff;--scrollbar-track-color:#000}}@media (prefers-reduced-motion:reduce){* ::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb,body ::-webkit-scrollbar-thumb,html ::-webkit-scrollbar-thumb{-webkit-transition:none!important;transition:none!important}}.MuiCssBaseline-root[data-mui-color-scheme=dark] ::-webkit-scrollbar-thumb,[data-mui-color-scheme=dark] ::-webkit-scrollbar-thumb{background:#666!important;border:2px solid #2d2d2d!important}.MuiCssBaseline-root[data-mui-color-scheme=dark] ::-webkit-scrollbar-track,[data-mui-color-scheme=dark] ::-webkit-scrollbar-track{background:#2d2d2d!important}.MuiDialog-root .custom-datetime-input input{box-sizing:border-box!important;font-size:.68rem!important;height:48px!important;line-height:1.6!important;min-height:48px!important;overflow:visible!important;padding:10px 12px!important}.MuiDialog-root .custom-datetime-input .MuiInputBase-input,.MuiDialog-root .custom-datetime-input .MuiInputBase-root{box-sizing:border-box!important;font-size:1rem!important;max-width:350px!important;min-width:0!important;overflow:visible!important;padding-right:48px!important;width:100%!important}