@charset "UTF-8";.page{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:80px 24px;background:#243b55;color:#fff;text-align:center;font-family:Arial,sans-serif}.page .user-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:600px;margin-bottom:24px;padding:16px 24px;background:color-mix(in srgb,#ffffff 10%,transparent);border-radius:16px;border:1.5px solid color-mix(in srgb,#ffffff 20%,transparent)}.page .user-info{display:flex;align-items:center;gap:12px}.page .user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #00d492}.page .user-details{display:flex;flex-direction:column;gap:2px}.page .user-name{font-size:1rem;font-weight:500;color:#fff}.page .user-email{font-size:.875rem;color:#cbd5e1}.page .title{font-size:2rem;font-weight:700;line-height:1.1}.page .accent{color:#00d492;font-weight:700}.page .subtitle{font-size:1.2rem;color:#cbd5e1;max-width:600px;margin-left:auto;margin-right:auto}.page .card{background:color-mix(in srgb,#ffffff 10%,transparent);border-radius:24px;box-shadow:0 8px 32px #202d482e;padding:2.5rem 2rem 1.5rem;display:flex;flex-direction:column;align-items:center;min-width:400px;max-width:540px;margin-top:.5rem;border:1.5px solid color-mix(in srgb,#ffffff 20%,transparent)}@media(max-width:600px){.page .card{min-width:unset;width:100%;padding:1.2rem .5rem 1rem}}.page .radio-group{width:100%;display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2.2rem}.page .radio-label{display:flex;align-items:center;gap:1rem;border-radius:16px;border:2px solid color-mix(in srgb,#ffffff 20%,transparent);padding:1.2rem 1.2rem 1.2rem .8rem;cursor:pointer;position:relative;transition:border-color .21s,background .21s;box-sizing:border-box}.page .radio-label:hover{border-color:#22c55e80;background:color-mix(in srgb,#ffffff 10%,transparent)}.page .radio-label .custom-radio{position:relative;width:24px;height:24px}.page .radio-label .custom-radio input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:50%;border:2.5px solid #8395b8;background:#232e43;outline:none;margin:0;cursor:pointer;position:relative;display:block}.page .radio-label .custom-radio .radio-circle{pointer-events:none;position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:50%;background:#00d492;opacity:0;transition:opacity .19s;transform:translate(-50%,-50%)}.page .radio-label .custom-radio input[type=radio]:checked+.radio-circle{opacity:1}.page .radio-label .icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.page .radio-label .meta{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.page .radio-label .meta .room-title{font-size:1.18rem;font-weight:500}.page .radio-label .meta .room-desc{font-size:.97rem;color:#d1d5db;font-weight:400;letter-spacing:.01em}.page .radio-label.checked{border-color:#00d492;background:#243b55fa}.page .radio-label.checked .meta .room-title{color:#00d492}.page .radio-label.checked .custom-radio input[type=radio]{border-color:#00d492}.page .radio-label.checked .icon{color:#00d492}.page .button{background-color:#096;color:#fff;border:none;height:40px;padding:0 12px;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;box-shadow:0 2px 16px #22c55e22;transition:background-color .2s,box-shadow .2s}.page .button:hover,.page .button:focus{background-color:#096;box-shadow:0 0 0 3px #22c55e44}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(/fonts/Roboto-light-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(/fonts/Roboto-light.woff2) format("woff2"),url(/fonts/Roboto-light.ttf) format("ttf");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(/fonts/Roboto-regular-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(/fonts/Roboto-regular.woff2) format("woff2"),url(/fonts/Roboto-regular.ttf) format("ttf");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium"),url(/fonts/Roboto-medium-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium"),url(/fonts/Roboto-medium.woff2) format("woff2"),url(/fonts/Roboto-medium.ttf) format("ttf");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}*,*:before,*:after{box-sizing:border-box;outline:none}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{background:none;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}.add-participant-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;font-size:15px;font-weight:500;color:#fff;background:linear-gradient(90deg,#1976d2 60%,#42a5f5);border:none;border-radius:8px;box-shadow:0 1px 4px #1976d214;cursor:pointer;transition:background .18s,box-shadow .18s;margin-bottom:10px;margin-right:10px}.participants-panel-dropdown{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:340px;margin:0 auto 12px}.add-participant-btn{display:flex;align-items:center;justify-content:flex-start;width:48%;min-width:140px;max-width:200px;padding:10px 0 10px 16px;font-size:16px;font-weight:600;color:#fff;background:#7db82f;border:none;border-radius:16px;box-shadow:none;cursor:pointer;transition:background .18s,box-shadow .18s;margin-bottom:16px;gap:8px}.add-participant-btn svg{font-size:20px;color:#1976d2;margin-right:4px}.add-participant-btn:hover{background:#d2e6fa}.add-participant-btn .add-participant-btn{margin-right:auto}.add-participant-btn:hover,.add-participant-btn:focus{background:linear-gradient(90deg,#1565c0 60%,#1976d2);box-shadow:0 2px 8px #1976d226}.search-participant-input{display:block;width:100%;height:40px;line-height:40px;padding:0 14px 0 40px;font-size:15px;border:1.5px solid #d1d5db;border-radius:16px;outline:none;margin-bottom:14px;background:#fff;color:#222;transition:border .18s,box-shadow .18s;box-sizing:border-box}.search-participant-input::placeholder{color:#9ca3af;opacity:1;font-size:15px;line-height:40px}.search-participant-input-wrapper{position:relative;width:100%}.search-icon{position:absolute;left:12px;top:0;width:28px;height:40px;display:flex;align-items:center;justify-content:center;color:#9ca3af;pointer-events:none;font-size:18px}.search-icon svg{display:inline-block;height:20px;width:20px;vertical-align:middle;margin:0;padding:0}.search-participant-input:focus{border-color:#1976d2;box-shadow:0 1px 4px #1976d214}.participants-list-label{display:block;width:100%;font-size:12px;font-weight:300;color:#ffffffa4;text-align:left;padding-left:0}.participants-dropdown-toggle{transition:border .18s,background .18s,box-shadow .18s,transform .18s;will-change:background,box-shadow,transform;display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;background:#2b527840;border:1px solid #1565c0;border-radius:10px 10px 0 0;font-size:14px;font-weight:500;color:#fff;cursor:pointer;box-shadow:none;transition:border .18s}.participants-dropdown-toggle:hover{background:#2b5278cc;box-shadow:0 2px 8px #1976d21a;border-color:#1976d2}.participants-dropdown-toggle.active,.participants-dropdown-toggle.open{background:#1976d2;color:#fff;box-shadow:0 4px 16px #1976d22e;border-color:#1976d2}.participants-dropdown-toggle .dropdown-arrow{margin-left:8px;color:#fff;font-size:20px;display:flex;align-items:center}.participants-dropdown-toggle .dropdown-arrow svg{display:block}.participants-dropdown-toggle:hover{border-color:#1565c0}.avatar-wrapper{position:relative;display:inline-block}.avatar--owner{border-color:#f7c948!important}.crown-icon--ontop{position:absolute;top:-12px;left:50%;transform:translate(-30%) rotate(30deg);font-size:22px!important;pointer-events:none;z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5333333333))}@media(min-width:1025px){.corner-actions-expanded{flex-direction:row!important;justify-content:flex-end;align-items:center;gap:12px}}@media(min-width:1025px){.bottom-navbar .ctrl-btn.change-webcam{display:none!important}}[data-component=Room]{position:relative;height:100%;width:100%}[data-component=Room] .chat-body{scroll-behavior:smooth;scrollbar-width:auto;scrollbar-color:rgba(255,255,255,.4) rgba(255,255,255,.1)}[data-component=Room] .chat-body::-webkit-scrollbar{width:12px}[data-component=Room] .chat-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:6px}[data-component=Room] .chat-body::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:6px;border:2px solid transparent;background-clip:content-box;transition:all .2s ease}[data-component=Room] .chat-body::-webkit-scrollbar-thumb:hover{background:#ffffff80;background-clip:content-box}[data-component=Room] .chat-body::-webkit-scrollbar-thumb:active{background:#ffffffb3;background-clip:content-box}[data-component=Room] .ctrl-btn.recording{background-image:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"%3e%3ccircle cx="12" cy="12" r="8"/%3e%3c/svg%3e');background-size:24px;position:relative}[data-component=Room] .ctrl-btn.recording.on{background-color:#f44336;background-image:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"%3e%3crect x="6" y="6" width="12" height="12" rx="2"/%3e%3c/svg%3e')}[data-component=Room] .ctrl-btn.recording.recording{animation:recording-pulse 2s ease-in-out infinite}@keyframes recording-pulse{0%,to{opacity:1}50%{opacity:.7}}[data-component=Room] .record-panel{display:flex;align-items:center;justify-content:center;background:#0000001a;border-radius:8px;transition:background-color .2s ease}[data-component=Room] .record-panel:hover{background:#00000026}[data-component=Room] .rec-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:none;border-radius:50%;background:transparent;cursor:pointer;transition:all .2s ease;outline:none}[data-component=Room] .rec-btn:focus{box-shadow:0 0 0 2px #ff00004d}[data-component=Room] .active-rec{background:#ff00001a;border:2px solid rgba(255,0,0,.3)}[data-component=Room] .rec-indicator{position:relative;display:flex;align-items:center;justify-content:center}[data-component=Room] .rec-icon{color:#ef4444;font-size:1.875rem;animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}[data-component=Room] .duration-text{position:absolute;bottom:2px;font-size:.625rem;color:#fff;font-family:monospace;text-align:center;background:#0006;padding:1px 3px;border-radius:4px}[data-component=Room] .stop-icon{color:#9ca3af;font-size:1.875rem;transition:color .2s ease}[data-component=Room] .rec-btn:hover .stop-icon{color:#ef4444}@media(max-width:640px){[data-component=Room] .rec-btn{width:40px;height:40px}[data-component=Room] .rec-icon,[data-component=Room] .stop-icon{font-size:1.5rem}[data-component=Room] .duration-text{font-size:.625rem}}[data-component=Room] .crown-icon{display:flex;font-size:14px;line-height:1;margin-left:9px;padding-left:9px;transform:translate(-30%) rotate(30deg);filter:drop-shadow(0 1px 0 rgba(0,0,0,.2));z-index:100}[data-component=Room] .crown-icon-peer{display:flex;font-size:22px;line-height:1;margin-left:8px;padding-left:0;transform:none;filter:drop-shadow(0 1px 0 rgba(0,0,0,.2));z-index:100}[data-component=Room] .video-frame .crown-icon{font-size:32px!important;transform:none!important;margin-left:4px;padding-left:0}[data-component=Room] .crown-icon--mask{width:14px;height:14px;margin-left:6px;background:#ffd54a;-webkit-mask-image:url(/images/icon_crown.svg);mask-image:url(/images/icon_crown.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}[data-component=Room].cc-enabled .meet-shell{top:70px;right:16px;bottom:160px;left:16px}[data-component=Room] .corner-actions{position:fixed;right:16px;bottom:16px;z-index:1001;display:flex;flex-direction:column-reverse;gap:10px}@media(min-width:768px){[data-component=Room] .corner-actions{flex-direction:column}}[data-component=Room] .corner-actions .ctrl-btn{width:42px;height:42px;display:flex;align-items:center;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.06);background:#11182799;cursor:pointer}[data-component=Room] .corner-actions .ctrl-btn:hover{background:#1f2937bf;transform:translateY(-1px);box-shadow:0 6px 14px #00000059}[data-component=Room] .corner-actions .ctrl-btn:after{content:"";display:block;width:22px;height:22px;margin:10px auto;background:#e5e7eb;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}[data-component=Room] .corner-actions .ctrl-btn.on{background:#10b98129;border-color:#34d39973}[data-component=Room] .corner-actions .ctrl-btn.on:after{background:#6ee7b7}[data-component=Room] .corner-actions .participants-toggle{position:relative}[data-component=Room] .corner-actions .participants-toggle .notif-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;pointer-events:none}[data-component=Room] .corner-actions .participants-toggle:after{-webkit-mask-image:url(/images/group-svgrepo-com.svg);mask-image:url(/images/group-svgrepo-com.svg)}[data-component=Room] .corner-actions .chat-toggle{position:relative}[data-component=Room] .corner-actions .chat-toggle .chat-icon{font-size:16px;pointer-events:none}[data-component=Room] .corner-actions .chat-toggle .notif-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;pointer-events:none}[data-component=Room] .corner-actions .chat-toggle:hover{background:#3b82f629;border-color:#60a5fa73}[data-component=Room] .corner-actions .chat-toggle:hover .chat-icon{color:#93c5fd}[data-component=Room] .corner-actions .chat-toggle.active{background:#3b82f629;border-color:#60a5fa73}[data-component=Room] .corner-actions .chat-toggle.active .chat-icon{color:#93c5fd}[data-component=Room] .corner-actions .cc-panel-toggle{position:relative;background:transparent!important}[data-component=Room] .corner-actions .cc-panel-toggle:after{content:"CC"!important;background:none!important;color:#e5e7eb!important;font-size:13px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;margin:0!important;-webkit-mask-image:none!important;mask-image:none!important}[data-component=Room] .corner-actions .cc-panel-toggle .notif-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;pointer-events:none}[data-component=Room] .corner-actions .cc-panel-toggle:hover{background:#1f29374d!important}[data-component=Room] .corner-actions .chat-toggle:after{-webkit-mask-image:url(/images/chat-line-svgrepo-com.svg);mask-image:url(/images/chat-line-svgrepo-com.svg)}[data-component=Room] .corner-actions .cc-toggle:after{content:"CC";background:none;color:#e5e7eb;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0}[data-component=Room] .corner-actions .corner-toggle{justify-content:center;align-items:center;transition:all .2s ease}[data-component=Room] .corner-actions .corner-toggle:after{display:none}[data-component=Room] .corner-actions .corner-toggle svg{color:#e5e7eb;transition:all .2s ease}[data-component=Room] .corner-actions .corner-toggle:hover svg{color:#f3f4f6;transform:scale(1.1)}[data-component=Room] .corner-actions .corner-toggle.expanded{background:#10b98129;border-color:#34d39973}[data-component=Room] .corner-actions .corner-toggle.expanded svg{color:#6ee7b7}[data-component=Room] .corner-actions .corner-actions-expanded{display:flex;flex-direction:column-reverse;gap:10px;animation:slideInUp .2s ease-out}@media(min-width:768px){[data-component=Room] .corner-actions .corner-actions-expanded{flex-direction:column;animation:slideInDown .2s ease-out}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes perSpeakerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.002)}}[data-component=Room] .meet-shell .participants-panel.open,[data-component=Room] .meet-shell .cc-history-panel.open{display:grid}[data-component=Room].Appear-appear{will-change:opacity;opacity:0}[data-component=Room].Appear-appear.Appear-appear-active{transition-property:opacity;transition-duration:.3s;opacity:1}[data-component=Room]>.state{position:fixed;z-index:100;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:25px;background-color:#243b55bf}@media(min-device-width:721px){[data-component=Room]>.state{top:20px;left:20px;width:124px}}@media(max-device-width:720px){[data-component=Room]>.state{top:10px;left:10px;width:110px}}[data-component=Room]>.state>.icon{flex:0 0 auto;border-radius:100%}@media(min-device-width:721px){[data-component=Room]>.state>.icon{margin:6px 0 6px 6px;height:16px;width:16px}}@media(max-device-width:720px){[data-component=Room]>.state>.icon{margin:4px 0 4px 4px;height:16px;width:16px}}[data-component=Room]>.state>.icon.new,[data-component=Room]>.state>.icon.closed{background-color:#aaaaaa80}[data-component=Room]>.state>.icon.connecting{animation:Room-info-state-connecting .75s infinite linear}[data-component=Room]>.state>.icon.connected{background-color:#30bd18bf}[data-component=Room]>.state>.text{flex:100 0 auto;-webkit-user-select:none;user-select:none;pointer-events:none;text-align:center;text-transform:uppercase;font-family:Roboto;font-weight:400;color:#ffffffbf}@media(min-device-width:721px){[data-component=Room]>.state>.text{font-size:12px}}@media(max-device-width:720px){[data-component=Room]>.state>.text{font-size:10px}}[data-component=Room]>.info{position:fixed;z-index:100}@media(min-device-width:721px){[data-component=Room]>.info{top:55px;left:20px;width:124px}}@media(max-device-width:720px){[data-component=Room]>.info{top:40px;height:18px;width:110px}}[data-component=Room]>.info>p.text{height:18px;left:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex:100 0 auto;-webkit-user-select:none;user-select:none;pointer-events:none;text-align:center;font-family:Roboto;font-weight:400;color:#ffffffbf;border-radius:25px;background-color:#243b55bf;margin-bottom:2px}@media(min-device-width:721px){[data-component=Room]>.info>p.text{font-size:11px}}@media(max-device-width:720px){[data-component=Room]>.info>p.text{font-size:9px}}[data-component=Room]>.info>p.text>span.label{color:#ffffff73}[data-component=Room]>.info>p.text .owner-flag{display:inline-flex;align-items:center;margin-left:6px}[data-component=Room]>.info>p.text .owner-flag .crown-icon{font-size:13px;z-index:100}[data-component=Room]>.room-link-wrapper{pointer-events:none;position:fixed;z-index:110;top:10px;left:0;right:0;display:flex;flex-direction:row;justify-content:center}[data-component=Room]>.room-link-wrapper>.room-link,[data-component=Room]>.room-link-wrapper>.room-link--dropdown{position:relative;display:flex;align-items:center;width:auto;background:linear-gradient(135deg,#4663ff2e,#a14bff2e);background-color:#243b55bf;border-radius:10px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #a14bff47,0 2px 10px #00000059}[data-component=Room]>.room-link-wrapper>.room-link:hover,[data-component=Room]>.room-link-wrapper>.room-link--dropdown:hover{background:linear-gradient(135deg,#4663ff42,#a14bff42);box-shadow:0 14px 36px #a14bff61,0 3px 12px #0006;transform:translateY(-1px)}[data-component=Room]>.room-link-wrapper>.room-link--dropdown{pointer-events:auto;margin-right:10px}[data-component=Room]>.room-link-wrapper>.room-link--dropdown>a.link{display:flex;height:100%;align-items:center;-webkit-user-select:none;user-select:none;pointer-events:auto;text-transform:uppercase;font-family:Roboto;font-weight:500;letter-spacing:.02em;color:#f2f7ff;cursor:pointer;text-decoration:none;transition:color .1s}@media(min-device-width:721px){[data-component=Room]>.room-link-wrapper>.room-link--dropdown>a.link{padding:10px 20px;font-size:12px}}@media(max-device-width:720px){[data-component=Room]>.room-link-wrapper>.room-link--dropdown>a.link{padding:6px 10px;font-size:10px}}[data-component=Room]>.room-link-wrapper>.room-link--dropdown>a.link:hover{color:#fff;text-decoration:underline}[data-component=Room]>.room-link-wrapper>.room-link--dropdown>a.link:focus-visible{outline:2px solid rgba(70,99,255,.55);outline-offset:2px;border-radius:8px}[data-component=Room]>.room-link-wrapper>.room-link--dropdown>.share-dropdown{position:absolute;top:100%;left:0;z-index:115;pointer-events:auto;margin-top:8px;background:linear-gradient(135deg,#4663ff1a,#a14bff1a);background-color:#243b55bf;border:1px solid rgba(161,75,255,.35);border-radius:14px;box-shadow:0 16px 40px #a14bff59,0 6px 18px #00000073;list-style:none;margin-inline:0;padding:8px;min-width:220px;--arrow-size: 9px;--arrow-offset: 28px}[data-component=Room]>.room-link-wrapper>.room-link--dropdown>.share-dropdown:before{content:"";position:absolute;top:calc(-1 * var(--arrow-size) - 1px);left:var(--arrow-offset);border-left:calc(var(--arrow-size) + 1px) solid transparent;border-right:calc(var(--arrow-size) + 1px) solid transparent;border-bottom:calc(var(--arrow-size) + 1px) solid rgba(161,75,255,.35);filter:drop-shadow(0 2px 2px rgba(0,0,0,.22));pointer-events:none}[data-component=Room]>.room-link-wrapper>.room-link--dropdown>.share-dropdown:after{content:"";position:absolute;top:calc(-1 * var(--arrow-size));left:calc(var(--arrow-offset) + 1px);border-left:var(--arrow-size) solid transparent;border-right:var(--arrow-size) solid transparent;border-bottom:var(--arrow-size) solid rgba(36,59,85,.75);pointer-events:none}[data-component=Room]>.room-link-wrapper>.room-link--dropdown>.share-dropdown>.item{display:block;width:100%;border-radius:8px;cursor:pointer;color:#ffffffe6;font-family:Roboto;font-weight:500;transition:background .12s ease,color .12s ease,transform .05s ease}@media(min-device-width:721px){[data-component=Room]>.room-link-wrapper>.room-link--dropdown>.share-dropdown>.item{font-size:12px;padding:10px 12px}}@media(max-device-width:720px){[data-component=Room]>.room-link-wrapper>.room-link--dropdown>.share-dropdown>.item{font-size:10px;padding:8px 10px}}[data-component=Room]>.room-link-wrapper>.room-link--dropdown>.share-dropdown>.item:hover{background:linear-gradient(135deg,#4663ff38,#a14bff38);color:#fff;transform:translate(1px)}[data-component=Room]>.room-link-wrapper>.room-link--dropdown>.share-dropdown>.item.active{background:linear-gradient(135deg,#4663ff4d,#a14bff4d);color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f}[data-component=Room]>.room-link-wrapper>.room-link>a.link{display:flex;align-items:center;-webkit-user-select:none;user-select:none;pointer-events:auto;text-transform:uppercase;font-family:Roboto;font-weight:600;letter-spacing:.02em;color:#f2f7ff;cursor:pointer;text-decoration:none;transition:color .1s}@media(min-device-width:721px){[data-component=Room]>.room-link-wrapper>.room-link>a.link{padding:10px 20px;font-size:12px}}@media(max-device-width:720px){[data-component=Room]>.room-link-wrapper>.room-link>a.link{padding:6px 10px;font-size:10px}}[data-component=Room]>.room-link-wrapper>.room-link>a.link:hover{color:#fff;text-decoration:underline}[data-component=Room]>.room-link-wrapper>.room-link>a.link:focus-visible{outline:2px solid rgba(70,99,255,.55);outline-offset:2px;border-radius:8px}[data-component=Room]>.room-link-wrapper>.room-link>a.link>.share-icon,[data-component=Room]>.room-link-wrapper>.room-link>a.link>.copy-icon{flex:0 0 auto;width:20px;height:20px;margin-left:8px;background:#f2f7ff;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}[data-component=Room]>.room-link-wrapper>.room-link>a.link>.share-icon{-webkit-mask-image:url(/images/share-svgrepo-com.svg);mask-image:url(/images/share-svgrepo-com.svg)}[data-component=Room]>.room-link-wrapper>.room-link>a.link>.copy-icon{-webkit-mask-image:url(/images/copy-svgrepo-com.svg);mask-image:url(/images/copy-svgrepo-com.svg)}[data-component=Room]>.room-link-wrapper>.room-link>a.link:hover>.share-icon,[data-component=Room]>.room-link-wrapper>.room-link>a.link:hover>.copy-icon{background:linear-gradient(135deg,#4663ff,#a14bff);filter:drop-shadow(0 2px 6px rgba(161,75,255,.55))}[data-component=Room] .meet-shell{position:absolute;top:70px;right:16px;bottom:86px;left:16px;display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch;min-height:0}[data-component=Room] .meet-shell.with-chat,[data-component=Room] .meet-shell.with-pending,[data-component=Room] .meet-shell.with-participants,[data-component=Room] .meet-shell.with-cc-panel{grid-template-columns:minmax(0,1fr) 340px}[data-component=Room] .meet-shell.share-mode .stage-grid,[data-component=Room] .meet-shell.share-mode .stage-grid-stream{pointer-events:none}[data-component=Room] .meet-shell.share-mode .peers-grid{position:absolute;right:16px;bottom:16px;display:flex;gap:8px;z-index:3;pointer-events:auto}[data-component=Room] .meet-shell.share-mode .peers-grid .tile,[data-component=Room] .meet-shell.share-mode .peers-grid [class*=peer],[data-component=Room] .meet-shell.share-mode .peers-grid [data-component*=Peer]{width:176px;height:99px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000059}[data-component=Room] .meet-shell.share-mode .peers-grid video,[data-component=Room] .meet-shell.share-mode .peers-grid canvas{width:100%;height:100%;object-fit:cover}[data-component=Room] .meet-shell.share-mode .me-tile{display:none}[data-component=Room] .meet-shell.share-mode.with-participants .peers-grid,[data-component=Room] .meet-shell.share-mode.with-chat .peers-grid,[data-component=Room] .meet-shell.share-mode.with-cc-panel .peers-grid{right:360px}[data-component=Room] .stage-area{position:relative;overflow:hidden;border-radius:14px;height:100%;min-height:0}[data-component=Room] .stage-area *{min-width:0}[data-component=Room] .stage-area .local-pip{position:absolute;right:16px;bottom:16px;width:176px;height:99px;border-radius:12px;box-shadow:0 8px 24px #00000059;background:#000;object-fit:cover;pointer-events:none;z-index:5}[data-component=Room] .stage-grid,[data-component=Room] .stage-grid-stream,[data-component=Room] .wraper-peer-grid{--gap: 12px;height:100%;width:100%;display:grid;gap:var(--gap);padding:8px;grid-auto-rows:1fr;grid-template-rows:1fr;align-content:stretch;align-items:stretch;min-height:0}[data-component=Room] .stage-grid .tile-label,[data-component=Room] .stage-grid-stream .tile-label,[data-component=Room] .wraper-peer-grid .tile-label{position:absolute;left:12px;top:12px;padding:4px 8px;border-radius:8px;background:#0000008c;color:#fff;font-size:12px;line-height:1.2;pointer-events:none;display:inline-flex;align-items:center;gap:6px}[data-component=Room] .stage-grid .tile-label .crown-icon,[data-component=Room] .stage-grid-stream .tile-label .crown-icon,[data-component=Room] .wraper-peer-grid .tile-label .crown-icon{font-size:14px;z-index:100}[data-component=Room] .stage-grid .fs-toggle-btn,[data-component=Room] .stage-grid-stream .fs-toggle-btn,[data-component=Room] .wraper-peer-grid .fs-toggle-btn{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:10px;background-color:#00000080;display:grid;place-items:center;border:0;cursor:pointer;z-index:4;transition:transform .15s ease,background-color .2s ease;background-image:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"%3e%3cpath d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/%3e%3c/svg%3e');background-repeat:no-repeat;background-position:center;background-size:22px}[data-component=Room] .stage-grid .fs-toggle-btn:hover,[data-component=Room] .stage-grid-stream .fs-toggle-btn:hover,[data-component=Room] .wraper-peer-grid .fs-toggle-btn:hover{transform:translateY(-1px)}[data-component=Room] .stage-grid .fs-toggle-btn.on,[data-component=Room] .stage-grid-stream .fs-toggle-btn.on,[data-component=Room] .wraper-peer-grid .fs-toggle-btn.on{background-color:#111111a6}[data-component=Room] .stage-grid .share-tile.share-0,[data-component=Room] .stage-grid-stream .share-tile.share-0,[data-component=Room] .wraper-peer-grid .share-tile.share-0{grid-column:span 2;grid-row:span 2}[data-component=Room] .stage-grid .share-tile.share-1,[data-component=Room] .stage-grid-stream .share-tile.share-1,[data-component=Room] .wraper-peer-grid .share-tile.share-1{grid-column:1/3;grid-row:1/-1}[data-component=Room] .stage-grid.shares-2 .share-0,[data-component=Room] .stage-grid-stream.shares-2 .share-0,[data-component=Room] .wraper-peer-grid.shares-2 .share-0{grid-column:1/3;grid-row:1/2}[data-component=Room] .stage-grid .share-tile video,[data-component=Room] .stage-grid-stream .share-tile video,[data-component=Room] .wraper-peer-grid .share-tile video{width:100%;height:100%;object-fit:contain;background:#000}[data-component=Room] .stage-grid.count-1,[data-component=Room] .stage-grid-stream.count-1,[data-component=Room] .wraper-peer-grid.count-1{grid-template-columns:1fr}[data-component=Room] .stage-grid.count-2,[data-component=Room] .stage-grid-stream.count-2,[data-component=Room] .wraper-peer-grid.count-2{grid-template-columns:repeat(2,1fr)}[data-component=Room] .stage-grid.count-2.shares-0,[data-component=Room] .stage-grid-stream.count-2.shares-0,[data-component=Room] .wraper-peer-grid.count-2.shares-0{grid-template-columns:unset}[data-component=Room] .stage-grid.count-2.shares-0 .me-tile,[data-component=Room] .stage-grid-stream.count-2.shares-0 .me-tile,[data-component=Room] .wraper-peer-grid.count-2.shares-0 .me-tile{position:absolute!important;bottom:16px;left:16px;width:20%;border:1px solid rgb(99,97,97);z-index:10;aspect-ratio:16/9}[data-component=Room] .stage-grid.count-2.shares-0 .me-tile [data-component=PeerView]>.info>.peer>span.display-name,[data-component=Room] .stage-grid-stream.count-2.shares-0 .me-tile [data-component=PeerView]>.info>.peer>span.display-name,[data-component=Room] .wraper-peer-grid.count-2.shares-0 .me-tile [data-component=PeerView]>.info>.peer>span.display-name{max-width:220px}@media screen and (max-width:768px){[data-component=Room] .stage-grid.count-2.shares-0 .me-tile,[data-component=Room] .stage-grid-stream.count-2.shares-0 .me-tile,[data-component=Room] .wraper-peer-grid.count-2.shares-0 .me-tile{width:30%;aspect-ratio:9/16}[data-component=Room] .stage-grid.count-2.shares-0 .me-tile [data-component=PeerView]>.info>.peer>span.display-name,[data-component=Room] .stage-grid-stream.count-2.shares-0 .me-tile [data-component=PeerView]>.info>.peer>span.display-name,[data-component=Room] .wraper-peer-grid.count-2.shares-0 .me-tile [data-component=PeerView]>.info>.peer>span.display-name{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}[data-component=Room] .stage-grid.count-2.shares-0 .me-tile [data-component=PeerView]>.info>.peer>input.display-name.editable,[data-component=Room] .stage-grid-stream.count-2.shares-0 .me-tile [data-component=PeerView]>.info>.peer>input.display-name.editable,[data-component=Room] .wraper-peer-grid.count-2.shares-0 .me-tile [data-component=PeerView]>.info>.peer>input.display-name.editable{max-width:100%}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .stage-grid.count-2.shares-0 .me-tile,[data-component=Room] .stage-grid-stream.count-2.shares-0 .me-tile,[data-component=Room] .wraper-peer-grid.count-2.shares-0 .me-tile{width:20%;aspect-ratio:9/16}}[data-component=Room] .stage-grid.count-2.shares-1,[data-component=Room] .stage-grid-stream.count-2.shares-1,[data-component=Room] .wraper-peer-grid.count-2.shares-1{grid-template-columns:unset!important;grid-template-rows:unset!important;display:block}@media(max-device-width:720px){[data-component=Room] .stage-grid.count-2.shares-1,[data-component=Room] .stage-grid-stream.count-2.shares-1,[data-component=Room] .wraper-peer-grid.count-2.shares-1{display:grid}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .stage-grid.count-2.shares-1,[data-component=Room] .stage-grid-stream.count-2.shares-1,[data-component=Room] .wraper-peer-grid.count-2.shares-1{display:grid}}[data-component=Room] .stage-grid.count-2.shares-1 .me-tile,[data-component=Room] .stage-grid-stream.count-2.shares-1 .me-tile,[data-component=Room] .wraper-peer-grid.count-2.shares-1 .me-tile{position:absolute!important;bottom:16px;left:16px;width:20%;z-index:10;aspect-ratio:16/9}[data-component=Room] .stage-grid.count-2.shares-1 .me-tile [data-component=PeerView]>.info>.peer>span.display-name,[data-component=Room] .stage-grid-stream.count-2.shares-1 .me-tile [data-component=PeerView]>.info>.peer>span.display-name,[data-component=Room] .wraper-peer-grid.count-2.shares-1 .me-tile [data-component=PeerView]>.info>.peer>span.display-name{max-width:200px}@media screen and (max-width:768px){[data-component=Room] .stage-grid.count-2.shares-1 .me-tile,[data-component=Room] .stage-grid-stream.count-2.shares-1 .me-tile,[data-component=Room] .wraper-peer-grid.count-2.shares-1 .me-tile{width:30%;aspect-ratio:9/16}[data-component=Room] .stage-grid.count-2.shares-1 .me-tile [data-component=PeerView]>.info>.peer>span.display-name,[data-component=Room] .stage-grid-stream.count-2.shares-1 .me-tile [data-component=PeerView]>.info>.peer>span.display-name,[data-component=Room] .wraper-peer-grid.count-2.shares-1 .me-tile [data-component=PeerView]>.info>.peer>span.display-name{max-width:70px;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}[data-component=Room] .stage-grid.count-2.shares-1 .me-tile [data-component=PeerView]>.info>.peer>input.display-name.editable,[data-component=Room] .stage-grid-stream.count-2.shares-1 .me-tile [data-component=PeerView]>.info>.peer>input.display-name.editable,[data-component=Room] .wraper-peer-grid.count-2.shares-1 .me-tile [data-component=PeerView]>.info>.peer>input.display-name.editable{max-width:100%}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .stage-grid.count-2.shares-1 .me-tile,[data-component=Room] .stage-grid-stream.count-2.shares-1 .me-tile,[data-component=Room] .wraper-peer-grid.count-2.shares-1 .me-tile{width:20%;aspect-ratio:9/16}}[data-component=Room] .stage-grid.count-2.shares-1 .me-tile [data-component=PeerView]>.info>.peer>span.display-name,[data-component=Room] .stage-grid-stream.count-2.shares-1 .me-tile [data-component=PeerView]>.info>.peer>span.display-name,[data-component=Room] .wraper-peer-grid.count-2.shares-1 .me-tile [data-component=PeerView]>.info>.peer>span.display-name{max-width:150px}[data-component=Room] .stage-grid.count-2.shares-1 .me-tile [data-component=PeerView],[data-component=Room] .stage-grid-stream.count-2.shares-1 .me-tile [data-component=PeerView],[data-component=Room] .wraper-peer-grid.count-2.shares-1 .me-tile [data-component=PeerView]{background-color:#243b55!important}[data-component=Room] .stage-grid.count-2.shares-1,[data-component=Room] .stage-grid.count-2.shares-2,[data-component=Room] .stage-grid.count-2.shares-3,[data-component=Room] .stage-grid-stream.count-2.shares-1,[data-component=Room] .stage-grid-stream.count-2.shares-2,[data-component=Room] .stage-grid-stream.count-2.shares-3,[data-component=Room] .wraper-peer-grid.count-2.shares-1,[data-component=Room] .wraper-peer-grid.count-2.shares-2,[data-component=Room] .wraper-peer-grid.count-2.shares-3,[data-component=Room] .stage-grid.count-3,[data-component=Room] .stage-grid-stream.count-3,[data-component=Room] .wraper-peer-grid.count-3{grid-template-columns:repeat(3,1fr)}[data-component=Room] .stage-grid.count-3.shares-0,[data-component=Room] .stage-grid-stream.count-3.shares-0,[data-component=Room] .wraper-peer-grid.count-3.shares-0{display:block}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .stage-grid.count-3.shares-1,[data-component=Room] .stage-grid-stream.count-3.shares-1,[data-component=Room] .wraper-peer-grid.count-3.shares-1{grid-template-columns:repeat(2,1fr)}[data-component=Room] .stage-grid.count-3.shares-1 .me-tile,[data-component=Room] .stage-grid-stream.count-3.shares-1 .me-tile,[data-component=Room] .wraper-peer-grid.count-3.shares-1 .me-tile{height:650px}}@media(max-device-width:720px){[data-component=Room] .stage-grid.count-3.shares-1 .me-tile,[data-component=Room] .stage-grid-stream.count-3.shares-1 .me-tile,[data-component=Room] .wraper-peer-grid.count-3.shares-1 .me-tile{width:100%;aspect-ratio:9/16}}@media(max-device-width:720px){[data-component=Room] .stage-grid.count-3.shares-1 .peers-grid .peer-tile [data-component=PeerView]>.info>.peer>span.display-name,[data-component=Room] .stage-grid-stream.count-3.shares-1 .peers-grid .peer-tile [data-component=PeerView]>.info>.peer>span.display-name,[data-component=Room] .wraper-peer-grid.count-3.shares-1 .peers-grid .peer-tile [data-component=PeerView]>.info>.peer>span.display-name{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;max-width:100%}}@media(max-device-width:720px){[data-component=Room] .stage-grid.count-3.shares-1 .peers-grid .peer-tile [data-component=Peer]>.indicators,[data-component=Room] .stage-grid-stream.count-3.shares-1 .peers-grid .peer-tile [data-component=Peer]>.indicators,[data-component=Room] .wraper-peer-grid.count-3.shares-1 .peers-grid .peer-tile [data-component=Peer]>.indicators{bottom:0;left:0;justify-content:flex-start;top:unset;right:unset;align-items:center}}[data-component=Room] .stage-grid.count-4,[data-component=Room] .stage-grid-stream.count-4,[data-component=Room] .wraper-peer-grid.count-4{grid-template-columns:repeat(2,1fr)}[data-component=Room] .stage-grid.count-4.shares-0,[data-component=Room] .stage-grid-stream.count-4.shares-0,[data-component=Room] .wraper-peer-grid.count-4.shares-0{padding:8px 10vw;display:block}[data-component=Room] .stage-grid.count-4.shares-0 .me-tile,[data-component=Room] .stage-grid-stream.count-4.shares-0 .me-tile,[data-component=Room] .wraper-peer-grid.count-4.shares-0 .me-tile,[data-component=Room] .stage-grid.count-4.shares-0 .peers-grid [data-component=Peer],[data-component=Room] .stage-grid-stream.count-4.shares-0 .peers-grid [data-component=Peer],[data-component=Room] .wraper-peer-grid.count-4.shares-0 .peers-grid [data-component=Peer]{max-width:610px}@media screen and (max-width:1024px){[data-component=Room] .stage-grid.count-4.shares-0,[data-component=Room] .stage-grid-stream.count-4.shares-0,[data-component=Room] .wraper-peer-grid.count-4.shares-0{padding:8px}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .stage-grid.count-4.shares-1,[data-component=Room] .stage-grid-stream.count-4.shares-1,[data-component=Room] .wraper-peer-grid.count-4.shares-1{grid-template-columns:repeat(3,1fr)!important}}[data-component=Room] .stage-grid.count-4.shares-1 .share-tile,[data-component=Room] .stage-grid-stream.count-4.shares-1 .share-tile,[data-component=Room] .wraper-peer-grid.count-4.shares-1 .share-tile{grid-column:span 3!important}[data-component=Room] .stage-grid.count-4.shares-1 .me-tile,[data-component=Room] .stage-grid-stream.count-4.shares-1 .me-tile,[data-component=Room] .wraper-peer-grid.count-4.shares-1 .me-tile{height:276px}@media(max-device-width:720px){[data-component=Room] .stage-grid.count-4.shares-1 .me-tile,[data-component=Room] .stage-grid-stream.count-4.shares-1 .me-tile,[data-component=Room] .wraper-peer-grid.count-4.shares-1 .me-tile{height:100%}}[data-component=Room] .stage-grid.count-4.shares-1 .peers-grid,[data-component=Room] .stage-grid-stream.count-4.shares-1 .peers-grid,[data-component=Room] .wraper-peer-grid.count-4.shares-1 .peers-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}[data-component=Room] .stage-grid.count-4.shares-1 .peers-grid [data-component=Peer],[data-component=Room] .stage-grid-stream.count-4.shares-1 .peers-grid [data-component=Peer],[data-component=Room] .wraper-peer-grid.count-4.shares-1 .peers-grid [data-component=Peer]{height:276px}[data-component=Room] .stage-grid.count-4.shares-2,[data-component=Room] .stage-grid-stream.count-4.shares-2,[data-component=Room] .wraper-peer-grid.count-4.shares-2{grid-template-columns:repeat(3,1fr)}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .stage-grid.count-4.shares-2,[data-component=Room] .stage-grid-stream.count-4.shares-2,[data-component=Room] .wraper-peer-grid.count-4.shares-2{grid-template-columns:repeat(2,1fr)}}[data-component=Room] .stage-grid.count-4.shares-1,[data-component=Room] .stage-grid.count-4.shares-3,[data-component=Room] .stage-grid-stream.count-4.shares-1,[data-component=Room] .stage-grid-stream.count-4.shares-3,[data-component=Room] .wraper-peer-grid.count-4.shares-1,[data-component=Room] .wraper-peer-grid.count-4.shares-3{grid-template-columns:repeat(4,1fr)}[data-component=Room] .stage-grid.count-4.shares-1 :last-child,[data-component=Room] .stage-grid.count-4.shares-3 :last-child,[data-component=Room] .stage-grid-stream.count-4.shares-1 :last-child,[data-component=Room] .stage-grid-stream.count-4.shares-3 :last-child,[data-component=Room] .wraper-peer-grid.count-4.shares-1 :last-child,[data-component=Room] .wraper-peer-grid.count-4.shares-3 :last-child{justify-content:stretch}[data-component=Room] .stage-grid.count-5,[data-component=Room] .stage-grid-stream.count-5,[data-component=Room] .wraper-peer-grid.count-5{grid-template-columns:repeat(3,1fr)}[data-component=Room] .stage-grid.count-5.shares-0,[data-component=Room] .stage-grid-stream.count-5.shares-0,[data-component=Room] .wraper-peer-grid.count-5.shares-0{grid-template-columns:repeat(6,1fr);display:block}[data-component=Room] .stage-grid.count-5.shares-0 .me-tile,[data-component=Room] .stage-grid-stream.count-5.shares-0 .me-tile,[data-component=Room] .wraper-peer-grid.count-5.shares-0 .me-tile{grid-column:2/4}[data-component=Room] .stage-grid.count-5.shares-0 .peers-grid [data-component=Peer],[data-component=Room] .stage-grid-stream.count-5.shares-0 .peers-grid [data-component=Peer],[data-component=Room] .wraper-peer-grid.count-5.shares-0 .peers-grid [data-component=Peer]{grid-column:span 2}@media(max-width:767px){[data-component=Room] .stage-grid.count-5.shares-0,[data-component=Room] .stage-grid-stream.count-5.shares-0,[data-component=Room] .wraper-peer-grid.count-5.shares-0{grid-template-columns:repeat(2,1fr)}[data-component=Room] .stage-grid.count-5.shares-0 .me-tile,[data-component=Room] .stage-grid-stream.count-5.shares-0 .me-tile,[data-component=Room] .wraper-peer-grid.count-5.shares-0 .me-tile,[data-component=Room] .stage-grid.count-5.shares-0 .peers-grid [data-component=Peer],[data-component=Room] .stage-grid-stream.count-5.shares-0 .peers-grid [data-component=Peer],[data-component=Room] .wraper-peer-grid.count-5.shares-0 .peers-grid [data-component=Peer]{grid-column:span 1}}@media(max-width:1024px)and (min-width:768px){[data-component=Room] .stage-grid.count-5.shares-0 .me-tile,[data-component=Room] .stage-grid-stream.count-5.shares-0 .me-tile,[data-component=Room] .wraper-peer-grid.count-5.shares-0 .me-tile{grid-column:1/4}[data-component=Room] .stage-grid.count-5.shares-0 .peers-grid .peer-tile:first-child [data-component=Peer],[data-component=Room] .stage-grid-stream.count-5.shares-0 .peers-grid .peer-tile:first-child [data-component=Peer],[data-component=Room] .wraper-peer-grid.count-5.shares-0 .peers-grid .peer-tile:first-child [data-component=Peer]{grid-column:span 3}}[data-component=Room] .stage-grid.count-5.shares-2,[data-component=Room] .stage-grid-stream.count-5.shares-2,[data-component=Room] .wraper-peer-grid.count-5.shares-2{grid-template-columns:repeat(3,1fr)}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .stage-grid.count-5.shares-2,[data-component=Room] .stage-grid-stream.count-5.shares-2,[data-component=Room] .wraper-peer-grid.count-5.shares-2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(8,1fr)}[data-component=Room] .stage-grid.count-5.shares-2 .share-tile.share-0,[data-component=Room] .stage-grid-stream.count-5.shares-2 .share-tile.share-0,[data-component=Room] .wraper-peer-grid.count-5.shares-2 .share-tile.share-0{grid-row:1/4}[data-component=Room] .stage-grid.count-5.shares-2 .share-tile.share-1,[data-component=Room] .stage-grid-stream.count-5.shares-2 .share-tile.share-1,[data-component=Room] .wraper-peer-grid.count-5.shares-2 .share-tile.share-1{grid-row:4/8}}[data-component=Room] .stage-grid.count-5.shares-1,[data-component=Room] .stage-grid-stream.count-5.shares-1,[data-component=Room] .wraper-peer-grid.count-5.shares-1{grid-template-columns:repeat(3,1fr)}[data-component=Room] .stage-grid.count-5.shares-3,[data-component=Room] .stage-grid-stream.count-5.shares-3,[data-component=Room] .wraper-peer-grid.count-5.shares-3{grid-template-columns:repeat(4,1fr)}[data-component=Room] .stage-grid.count-6,[data-component=Room] .stage-grid-stream.count-6,[data-component=Room] .wraper-peer-grid.count-6{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr}[data-component=Room] .stage-grid.count-6.shares-0,[data-component=Room] .stage-grid-stream.count-6.shares-0,[data-component=Room] .wraper-peer-grid.count-6.shares-0{display:block}[data-component=Room] .stage-grid.count-6.shares-2,[data-component=Room] .stage-grid.count-6.shares-3,[data-component=Room] .stage-grid-stream.count-6.shares-2,[data-component=Room] .stage-grid-stream.count-6.shares-3,[data-component=Room] .wraper-peer-grid.count-6.shares-2,[data-component=Room] .wraper-peer-grid.count-6.shares-3{grid-template-columns:repeat(3,1fr)}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .stage-grid.count-6.shares-2,[data-component=Room] .stage-grid.count-6.shares-3,[data-component=Room] .stage-grid-stream.count-6.shares-2,[data-component=Room] .stage-grid-stream.count-6.shares-3,[data-component=Room] .wraper-peer-grid.count-6.shares-2,[data-component=Room] .wraper-peer-grid.count-6.shares-3{grid-template-columns:repeat(2,1fr)}}[data-component=Room] .stage-grid.count-6.shares-1,[data-component=Room] .stage-grid-stream.count-6.shares-1,[data-component=Room] .wraper-peer-grid.count-6.shares-1{grid-template-columns:repeat(3,1fr)}[data-component=Room] .stage-grid.count-6.shares-3,[data-component=Room] .stage-grid-stream.count-6.shares-3,[data-component=Room] .wraper-peer-grid.count-6.shares-3{grid-template-rows:repeat(3,1fr)}[data-component=Room] .stage-grid.count-6.shares-3 .share-tile.share-1,[data-component=Room] .stage-grid-stream.count-6.shares-3 .share-tile.share-1,[data-component=Room] .wraper-peer-grid.count-6.shares-3 .share-tile.share-1{grid-column:1/2!important;grid-row:1!important}[data-component=Room] .stage-grid.count-6.shares-3 .share-tile.share-2,[data-component=Room] .stage-grid-stream.count-6.shares-3 .share-tile.share-2,[data-component=Room] .wraper-peer-grid.count-6.shares-3 .share-tile.share-2{grid-column:2/3;grid-row:1!important}[data-component=Room] .stage-grid.count-7,[data-component=Room] .stage-grid.count-8,[data-component=Room] .stage-grid.count-9,[data-component=Room] .stage-grid.count-10,[data-component=Room] .stage-grid.count-11,[data-component=Room] .stage-grid.count-12,[data-component=Room] .stage-grid-stream.count-7,[data-component=Room] .stage-grid-stream.count-8,[data-component=Room] .stage-grid-stream.count-9,[data-component=Room] .stage-grid-stream.count-10,[data-component=Room] .stage-grid-stream.count-11,[data-component=Room] .stage-grid-stream.count-12,[data-component=Room] .wraper-peer-grid.count-7,[data-component=Room] .wraper-peer-grid.count-8,[data-component=Room] .wraper-peer-grid.count-9,[data-component=Room] .wraper-peer-grid.count-10,[data-component=Room] .wraper-peer-grid.count-11,[data-component=Room] .wraper-peer-grid.count-12{grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr}[data-component=Room] .stage-grid.count-7.shares-0,[data-component=Room] .stage-grid.count-7.shares-1,[data-component=Room] .stage-grid.count-7.shares-2,[data-component=Room] .stage-grid.count-8.shares-0,[data-component=Room] .stage-grid.count-8.shares-1,[data-component=Room] .stage-grid.count-8.shares-2,[data-component=Room] .stage-grid.count-9.shares-0,[data-component=Room] .stage-grid.count-9.shares-1,[data-component=Room] .stage-grid.count-9.shares-2,[data-component=Room] .stage-grid.count-10.shares-0,[data-component=Room] .stage-grid.count-10.shares-1,[data-component=Room] .stage-grid.count-10.shares-2,[data-component=Room] .stage-grid.count-11.shares-0,[data-component=Room] .stage-grid.count-11.shares-1,[data-component=Room] .stage-grid.count-11.shares-2,[data-component=Room] .stage-grid.count-12.shares-0,[data-component=Room] .stage-grid.count-12.shares-1,[data-component=Room] .stage-grid.count-12.shares-2,[data-component=Room] .stage-grid-stream.count-7.shares-0,[data-component=Room] .stage-grid-stream.count-7.shares-1,[data-component=Room] .stage-grid-stream.count-7.shares-2,[data-component=Room] .stage-grid-stream.count-8.shares-0,[data-component=Room] .stage-grid-stream.count-8.shares-1,[data-component=Room] .stage-grid-stream.count-8.shares-2,[data-component=Room] .stage-grid-stream.count-9.shares-0,[data-component=Room] .stage-grid-stream.count-9.shares-1,[data-component=Room] .stage-grid-stream.count-9.shares-2,[data-component=Room] .stage-grid-stream.count-10.shares-0,[data-component=Room] .stage-grid-stream.count-10.shares-1,[data-component=Room] .stage-grid-stream.count-10.shares-2,[data-component=Room] .stage-grid-stream.count-11.shares-0,[data-component=Room] .stage-grid-stream.count-11.shares-1,[data-component=Room] .stage-grid-stream.count-11.shares-2,[data-component=Room] .stage-grid-stream.count-12.shares-0,[data-component=Room] .stage-grid-stream.count-12.shares-1,[data-component=Room] .stage-grid-stream.count-12.shares-2,[data-component=Room] .wraper-peer-grid.count-7.shares-0,[data-component=Room] .wraper-peer-grid.count-7.shares-1,[data-component=Room] .wraper-peer-grid.count-7.shares-2,[data-component=Room] .wraper-peer-grid.count-8.shares-0,[data-component=Room] .wraper-peer-grid.count-8.shares-1,[data-component=Room] .wraper-peer-grid.count-8.shares-2,[data-component=Room] .wraper-peer-grid.count-9.shares-0,[data-component=Room] .wraper-peer-grid.count-9.shares-1,[data-component=Room] .wraper-peer-grid.count-9.shares-2,[data-component=Room] .wraper-peer-grid.count-10.shares-0,[data-component=Room] .wraper-peer-grid.count-10.shares-1,[data-component=Room] .wraper-peer-grid.count-10.shares-2,[data-component=Room] .wraper-peer-grid.count-11.shares-0,[data-component=Room] .wraper-peer-grid.count-11.shares-1,[data-component=Room] .wraper-peer-grid.count-11.shares-2,[data-component=Room] .wraper-peer-grid.count-12.shares-0,[data-component=Room] .wraper-peer-grid.count-12.shares-1,[data-component=Room] .wraper-peer-grid.count-12.shares-2{grid-template-columns:repeat(3,1fr)}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .stage-grid.count-7.shares-0,[data-component=Room] .stage-grid.count-7.shares-1,[data-component=Room] .stage-grid.count-7.shares-2,[data-component=Room] .stage-grid.count-8.shares-0,[data-component=Room] .stage-grid.count-8.shares-1,[data-component=Room] .stage-grid.count-8.shares-2,[data-component=Room] .stage-grid.count-9.shares-0,[data-component=Room] .stage-grid.count-9.shares-1,[data-component=Room] .stage-grid.count-9.shares-2,[data-component=Room] .stage-grid.count-10.shares-0,[data-component=Room] .stage-grid.count-10.shares-1,[data-component=Room] .stage-grid.count-10.shares-2,[data-component=Room] .stage-grid.count-11.shares-0,[data-component=Room] .stage-grid.count-11.shares-1,[data-component=Room] .stage-grid.count-11.shares-2,[data-component=Room] .stage-grid.count-12.shares-0,[data-component=Room] .stage-grid.count-12.shares-1,[data-component=Room] .stage-grid.count-12.shares-2,[data-component=Room] .stage-grid-stream.count-7.shares-0,[data-component=Room] .stage-grid-stream.count-7.shares-1,[data-component=Room] .stage-grid-stream.count-7.shares-2,[data-component=Room] .stage-grid-stream.count-8.shares-0,[data-component=Room] .stage-grid-stream.count-8.shares-1,[data-component=Room] .stage-grid-stream.count-8.shares-2,[data-component=Room] .stage-grid-stream.count-9.shares-0,[data-component=Room] .stage-grid-stream.count-9.shares-1,[data-component=Room] .stage-grid-stream.count-9.shares-2,[data-component=Room] .stage-grid-stream.count-10.shares-0,[data-component=Room] .stage-grid-stream.count-10.shares-1,[data-component=Room] .stage-grid-stream.count-10.shares-2,[data-component=Room] .stage-grid-stream.count-11.shares-0,[data-component=Room] .stage-grid-stream.count-11.shares-1,[data-component=Room] .stage-grid-stream.count-11.shares-2,[data-component=Room] .stage-grid-stream.count-12.shares-0,[data-component=Room] .stage-grid-stream.count-12.shares-1,[data-component=Room] .stage-grid-stream.count-12.shares-2,[data-component=Room] .wraper-peer-grid.count-7.shares-0,[data-component=Room] .wraper-peer-grid.count-7.shares-1,[data-component=Room] .wraper-peer-grid.count-7.shares-2,[data-component=Room] .wraper-peer-grid.count-8.shares-0,[data-component=Room] .wraper-peer-grid.count-8.shares-1,[data-component=Room] .wraper-peer-grid.count-8.shares-2,[data-component=Room] .wraper-peer-grid.count-9.shares-0,[data-component=Room] .wraper-peer-grid.count-9.shares-1,[data-component=Room] .wraper-peer-grid.count-9.shares-2,[data-component=Room] .wraper-peer-grid.count-10.shares-0,[data-component=Room] .wraper-peer-grid.count-10.shares-1,[data-component=Room] .wraper-peer-grid.count-10.shares-2,[data-component=Room] .wraper-peer-grid.count-11.shares-0,[data-component=Room] .wraper-peer-grid.count-11.shares-1,[data-component=Room] .wraper-peer-grid.count-11.shares-2,[data-component=Room] .wraper-peer-grid.count-12.shares-0,[data-component=Room] .wraper-peer-grid.count-12.shares-1,[data-component=Room] .wraper-peer-grid.count-12.shares-2{grid-template-columns:repeat(2,1fr)}}[data-component=Room] .stage-grid.count-7.shares-3,[data-component=Room] .stage-grid.count-8.shares-3,[data-component=Room] .stage-grid.count-9.shares-3,[data-component=Room] .stage-grid.count-10.shares-3,[data-component=Room] .stage-grid.count-11.shares-3,[data-component=Room] .stage-grid.count-12.shares-3,[data-component=Room] .stage-grid-stream.count-7.shares-3,[data-component=Room] .stage-grid-stream.count-8.shares-3,[data-component=Room] .stage-grid-stream.count-9.shares-3,[data-component=Room] .stage-grid-stream.count-10.shares-3,[data-component=Room] .stage-grid-stream.count-11.shares-3,[data-component=Room] .stage-grid-stream.count-12.shares-3,[data-component=Room] .wraper-peer-grid.count-7.shares-3,[data-component=Room] .wraper-peer-grid.count-8.shares-3,[data-component=Room] .wraper-peer-grid.count-9.shares-3,[data-component=Room] .wraper-peer-grid.count-10.shares-3,[data-component=Room] .wraper-peer-grid.count-11.shares-3,[data-component=Room] .wraper-peer-grid.count-12.shares-3{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr)}[data-component=Room] .stage-grid.count-7.shares-3 .share-tile.share-1,[data-component=Room] .stage-grid.count-8.shares-3 .share-tile.share-1,[data-component=Room] .stage-grid.count-9.shares-3 .share-tile.share-1,[data-component=Room] .stage-grid.count-10.shares-3 .share-tile.share-1,[data-component=Room] .stage-grid.count-11.shares-3 .share-tile.share-1,[data-component=Room] .stage-grid.count-12.shares-3 .share-tile.share-1,[data-component=Room] .stage-grid-stream.count-7.shares-3 .share-tile.share-1,[data-component=Room] .stage-grid-stream.count-8.shares-3 .share-tile.share-1,[data-component=Room] .stage-grid-stream.count-9.shares-3 .share-tile.share-1,[data-component=Room] .stage-grid-stream.count-10.shares-3 .share-tile.share-1,[data-component=Room] .stage-grid-stream.count-11.shares-3 .share-tile.share-1,[data-component=Room] .stage-grid-stream.count-12.shares-3 .share-tile.share-1,[data-component=Room] .wraper-peer-grid.count-7.shares-3 .share-tile.share-1,[data-component=Room] .wraper-peer-grid.count-8.shares-3 .share-tile.share-1,[data-component=Room] .wraper-peer-grid.count-9.shares-3 .share-tile.share-1,[data-component=Room] .wraper-peer-grid.count-10.shares-3 .share-tile.share-1,[data-component=Room] .wraper-peer-grid.count-11.shares-3 .share-tile.share-1,[data-component=Room] .wraper-peer-grid.count-12.shares-3 .share-tile.share-1{grid-column:1/2!important;grid-row:1!important}[data-component=Room] .stage-grid.count-7.shares-3 .share-tile.share-2,[data-component=Room] .stage-grid.count-8.shares-3 .share-tile.share-2,[data-component=Room] .stage-grid.count-9.shares-3 .share-tile.share-2,[data-component=Room] .stage-grid.count-10.shares-3 .share-tile.share-2,[data-component=Room] .stage-grid.count-11.shares-3 .share-tile.share-2,[data-component=Room] .stage-grid.count-12.shares-3 .share-tile.share-2,[data-component=Room] .stage-grid-stream.count-7.shares-3 .share-tile.share-2,[data-component=Room] .stage-grid-stream.count-8.shares-3 .share-tile.share-2,[data-component=Room] .stage-grid-stream.count-9.shares-3 .share-tile.share-2,[data-component=Room] .stage-grid-stream.count-10.shares-3 .share-tile.share-2,[data-component=Room] .stage-grid-stream.count-11.shares-3 .share-tile.share-2,[data-component=Room] .stage-grid-stream.count-12.shares-3 .share-tile.share-2,[data-component=Room] .wraper-peer-grid.count-7.shares-3 .share-tile.share-2,[data-component=Room] .wraper-peer-grid.count-8.shares-3 .share-tile.share-2,[data-component=Room] .wraper-peer-grid.count-9.shares-3 .share-tile.share-2,[data-component=Room] .wraper-peer-grid.count-10.shares-3 .share-tile.share-2,[data-component=Room] .wraper-peer-grid.count-11.shares-3 .share-tile.share-2,[data-component=Room] .wraper-peer-grid.count-12.shares-3 .share-tile.share-2{grid-column:2/3;grid-row:1!important}[data-component=Room] .stage-grid.count-5.shares-1 .share-tile,[data-component=Room] .stage-grid.count-6.shares-1 .share-tile,[data-component=Room] .stage-grid.count-7.shares-1 .share-tile,[data-component=Room] .stage-grid.count-8.shares-1 .share-tile,[data-component=Room] .stage-grid.count-9.shares-1 .share-tile,[data-component=Room] .stage-grid.count-10.shares-1 .share-tile,[data-component=Room] .stage-grid.count-11.shares-1 .share-tile,[data-component=Room] .stage-grid-stream.count-5.shares-1 .share-tile,[data-component=Room] .stage-grid-stream.count-6.shares-1 .share-tile,[data-component=Room] .stage-grid-stream.count-7.shares-1 .share-tile,[data-component=Room] .stage-grid-stream.count-8.shares-1 .share-tile,[data-component=Room] .stage-grid-stream.count-9.shares-1 .share-tile,[data-component=Room] .stage-grid-stream.count-10.shares-1 .share-tile,[data-component=Room] .stage-grid-stream.count-11.shares-1 .share-tile,[data-component=Room] .wraper-peer-grid.count-5.shares-1 .share-tile,[data-component=Room] .wraper-peer-grid.count-6.shares-1 .share-tile,[data-component=Room] .wraper-peer-grid.count-7.shares-1 .share-tile,[data-component=Room] .wraper-peer-grid.count-8.shares-1 .share-tile,[data-component=Room] .wraper-peer-grid.count-9.shares-1 .share-tile,[data-component=Room] .wraper-peer-grid.count-10.shares-1 .share-tile,[data-component=Room] .wraper-peer-grid.count-11.shares-1 .share-tile{grid-column:span 2!important}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .stage-grid.count-5.shares-1 .share-tile,[data-component=Room] .stage-grid.count-6.shares-1 .share-tile,[data-component=Room] .stage-grid.count-7.shares-1 .share-tile,[data-component=Room] .stage-grid.count-8.shares-1 .share-tile,[data-component=Room] .stage-grid.count-9.shares-1 .share-tile,[data-component=Room] .stage-grid.count-10.shares-1 .share-tile,[data-component=Room] .stage-grid.count-11.shares-1 .share-tile,[data-component=Room] .stage-grid-stream.count-5.shares-1 .share-tile,[data-component=Room] .stage-grid-stream.count-6.shares-1 .share-tile,[data-component=Room] .stage-grid-stream.count-7.shares-1 .share-tile,[data-component=Room] .stage-grid-stream.count-8.shares-1 .share-tile,[data-component=Room] .stage-grid-stream.count-9.shares-1 .share-tile,[data-component=Room] .stage-grid-stream.count-10.shares-1 .share-tile,[data-component=Room] .stage-grid-stream.count-11.shares-1 .share-tile,[data-component=Room] .wraper-peer-grid.count-5.shares-1 .share-tile,[data-component=Room] .wraper-peer-grid.count-6.shares-1 .share-tile,[data-component=Room] .wraper-peer-grid.count-7.shares-1 .share-tile,[data-component=Room] .wraper-peer-grid.count-8.shares-1 .share-tile,[data-component=Room] .wraper-peer-grid.count-9.shares-1 .share-tile,[data-component=Room] .wraper-peer-grid.count-10.shares-1 .share-tile,[data-component=Room] .wraper-peer-grid.count-11.shares-1 .share-tile{grid-column:span 4!important;grid-row:1}}[data-component=Room] .stage-grid.count-1>*,[data-component=Room] .stage-grid-stream.count-1>*,[data-component=Room] .wraper-peer-grid.count-1>*{grid-column:2/1;grid-row:1/-1}[data-component=Room] .stage-grid .peers-grid,[data-component=Room] .stage-grid-stream .peers-grid,[data-component=Room] .wraper-peer-grid .peers-grid{display:contents}[data-component=Room] .stage-grid .peers-grid>*,[data-component=Room] .stage-grid-stream .peers-grid>*,[data-component=Room] .wraper-peer-grid .peers-grid>*{display:contents}[data-component=Room] .stage-grid>.tile,[data-component=Room] .stage-grid .peers-grid>.tile,[data-component=Room] .stage-grid .peers-grid [class*=peer],[data-component=Room] .stage-grid .peers-grid [data-component*=Peer],[data-component=Room] .stage-grid-stream>.tile,[data-component=Room] .stage-grid-stream .peers-grid>.tile,[data-component=Room] .stage-grid-stream .peers-grid [class*=peer],[data-component=Room] .stage-grid-stream .peers-grid [data-component*=Peer],[data-component=Room] .wraper-peer-grid>.tile,[data-component=Room] .wraper-peer-grid .peers-grid>.tile,[data-component=Room] .wraper-peer-grid .peers-grid [class*=peer],[data-component=Room] .wraper-peer-grid .peers-grid [data-component*=Peer]{position:relative;border-radius:12px;overflow:hidden;min-height:0;place-items:center}[data-component=Room] .stage-grid video,[data-component=Room] .stage-grid canvas,[data-component=Room] .stage-grid-stream video,[data-component=Room] .stage-grid-stream canvas,[data-component=Room] .wraper-peer-grid video,[data-component=Room] .wraper-peer-grid canvas{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:1024px){[data-component=Room] .stage-grid .meet-shell,[data-component=Room] .stage-grid .meet-shell.with-chat,[data-component=Room] .stage-grid-stream .meet-shell,[data-component=Room] .stage-grid-stream .meet-shell.with-chat,[data-component=Room] .wraper-peer-grid .meet-shell,[data-component=Room] .wraper-peer-grid .meet-shell.with-chat{grid-template-columns:1fr}}[data-component=Room] .stage-grid .me-tile.active-speaker,[data-component=Room] .stage-grid-stream .me-tile.active-speaker,[data-component=Room] .wraper-peer-grid .me-tile.active-speaker,[data-component=Room] .stage-grid .peer-tile.active-speaker [data-component*=Peer],[data-component=Room] .stage-grid-stream .peer-tile.active-speaker [data-component*=Peer],[data-component=Room] .wraper-peer-grid .peer-tile.active-speaker [data-component*=Peer]{box-shadow:0 0 0 2px #50a0ff99,0 8px 22px #00000059}[data-component=Room] .wraper-peer-grid.count-3.shares-0,[data-component=Room] .wraper-peer-grid.count-4.shares-0,[data-component=Room] .wraper-peer-grid.count-5.shares-0,[data-component=Room] .wraper-peer-grid.count-6.shares-0{display:grid}[data-component=Room] .wraper-peer-grid.count-7.shares-0{grid-column:span 4;grid-row:span 2;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,1fr)}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-7.shares-0{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr)}}[data-component=Room] .wraper-peer-grid.count-7.shares-0 .me-tile{grid-column:span 4}@media(max-device-width:720px){[data-component=Room] .wraper-peer-grid.count-7.shares-0 .me-tile{grid-column:span 1}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-7.shares-0 .me-tile{grid-column:span 3}}[data-component=Room] .wraper-peer-grid.count-7.shares-0 .peers-grid .peer-tile:nth-child(1) [data-component=Peer],[data-component=Room] .wraper-peer-grid.count-7.shares-0 .peers-grid .peer-tile:nth-child(2) [data-component=Peer]{grid-column:span 4}@media(max-device-width:720px){[data-component=Room] .wraper-peer-grid.count-7.shares-0 .peers-grid .peer-tile:nth-child(1) [data-component=Peer],[data-component=Room] .wraper-peer-grid.count-7.shares-0 .peers-grid .peer-tile:nth-child(2) [data-component=Peer]{grid-column:span 1}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-7.shares-0 .peers-grid .peer-tile:nth-child(1) [data-component=Peer],[data-component=Room] .wraper-peer-grid.count-7.shares-0 .peers-grid .peer-tile:nth-child(2) [data-component=Peer]{grid-column:span 3}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-7.shares-0 .peers-grid .peer-tile:nth-child(3) [data-component=Peer]{grid-column:span 3}}[data-component=Room] .wraper-peer-grid.count-7.shares-0 .peers-grid .peer-tile [data-component=Peer]{grid-column:span 3}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-7.shares-0 .peers-grid .peer-tile [data-component=Peer]{grid-column:span 2}}[data-component=Room] .wraper-peer-grid.count-8.shares-0{grid-template-columns:repeat(4,1fr);grid-column:span 4}@media(max-device-width:720px){[data-component=Room] .wraper-peer-grid.count-8.shares-0{grid-column:span 2}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-8.shares-0{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr)}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-8.shares-0 .me-tile{grid-column:span 2}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-8.shares-0 .peers-grid .peer-tile:last-child [data-component=Peer],[data-component=Room] .wraper-peer-grid.count-8.shares-0 .peers-grid .peer-tile:nth-last-child(2) [data-component=Peer]{grid-column:span 3}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-8.shares-0 .peers-grid .peer-tile [data-component=Peer]{grid-column:span 2}}[data-component=Room] .wraper-peer-grid.count-9.shares-0{grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(2,1fr);grid-column:span 4}@media(max-device-width:720px){[data-component=Room] .wraper-peer-grid.count-9.shares-0{grid-column:span 2}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-9.shares-0{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr)}}[data-component=Room] .wraper-peer-grid.count-9.shares-0 .me-tile{grid-column:span 5}@media(max-device-width:720px){[data-component=Room] .wraper-peer-grid.count-9.shares-0 .me-tile{grid-column:span 1}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-9.shares-0 .me-tile{grid-column:span 2}}[data-component=Room] .wraper-peer-grid.count-9.shares-0 .peers-grid .peer-tile:nth-child(1) [data-component=Peer],[data-component=Room] .wraper-peer-grid.count-9.shares-0 .peers-grid .peer-tile:nth-child(2) [data-component=Peer],[data-component=Room] .wraper-peer-grid.count-9.shares-0 .peers-grid .peer-tile:nth-child(3) [data-component=Peer]{grid-column:span 5}@media(max-device-width:720px){[data-component=Room] .wraper-peer-grid.count-9.shares-0 .peers-grid .peer-tile:nth-child(1) [data-component=Peer],[data-component=Room] .wraper-peer-grid.count-9.shares-0 .peers-grid .peer-tile:nth-child(2) [data-component=Peer],[data-component=Room] .wraper-peer-grid.count-9.shares-0 .peers-grid .peer-tile:nth-child(3) [data-component=Peer]{grid-column:span 1}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-9.shares-0 .peers-grid .peer-tile:nth-child(1) [data-component=Peer],[data-component=Room] .wraper-peer-grid.count-9.shares-0 .peers-grid .peer-tile:nth-child(2) [data-component=Peer],[data-component=Room] .wraper-peer-grid.count-9.shares-0 .peers-grid .peer-tile:nth-child(3) [data-component=Peer]{grid-column:span 2}}[data-component=Room] .wraper-peer-grid.count-9.shares-0 .peers-grid .peer-tile [data-component=Peer]{grid-column:span 4}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-9.shares-0 .peers-grid .peer-tile [data-component=Peer]{grid-column:span 2}}[data-component=Room] .wraper-peer-grid.count-9.shares-0 .peers-grid [data-component=Peer]>.indicators{bottom:0;left:0;top:unset;right:unset;justify-content:flex-start;align-items:center}[data-component=Room] .wraper-peer-grid.count-9.shares-0 .peers-grid .combine-peer{grid-column:span 4}@media(max-device-width:720px){[data-component=Room] .wraper-peer-grid.count-9.shares-0 .peers-grid .combine-peer{grid-column:span 1}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-9.shares-0 .peers-grid .combine-peer{grid-column:span 2}}[data-component=Room] .wraper-peer-grid.count-7.shares-0 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-8.shares-0 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-9.shares-0 [data-component=PeerView]>.info>.peer>.display-name{max-width:250px}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-7.shares-0 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-8.shares-0 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-9.shares-0 [data-component=PeerView]>.info>.peer>.display-name{max-width:200px}}@media(max-device-width:720px){[data-component=Room] .wraper-peer-grid.count-7.shares-0 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-8.shares-0 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-9.shares-0 [data-component=PeerView]>.info>.peer>.display-name{max-width:100%}}@media(max-device-width:720px){[data-component=Room] .wraper-peer-grid.count-7.shares-0 [data-component=Peer]>.indicators,[data-component=Room] .wraper-peer-grid.count-8.shares-0 [data-component=Peer]>.indicators,[data-component=Room] .wraper-peer-grid.count-9.shares-0 [data-component=Peer]>.indicators{bottom:0;left:0;top:unset;right:unset;justify-content:flex-start;align-items:center}}@media(max-device-width:720px){[data-component=Room] .wraper-peer-grid.count-7.shares-0 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-8.shares-0 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-9.shares-0 [data-component=Me]>.state{top:unset;right:unset;bottom:5px;left:5px}}[data-component=Room] .wraper-peer-grid.count-3.shares-0{grid-template-columns:repeat(3,1fr)}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-3.shares-0 .me-tile{grid-template-columns:repeat(2,1fr);grid-column:span 2}}@media(max-device-width:720px){[data-component=Room] .wraper-peer-grid.count-4.shares-0 [data-component=Peer]>.indicators,[data-component=Room] .wraper-peer-grid.count-5.shares-0 [data-component=Peer]>.indicators,[data-component=Room] .wraper-peer-grid.count-6.shares-0 [data-component=Peer]>.indicators{bottom:0;left:0;top:unset;right:unset;justify-content:flex-start;align-items:center}}@media(max-device-width:720px){[data-component=Room] .wraper-peer-grid.count-4.shares-0 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-5.shares-0 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-6.shares-0 [data-component=PeerView]>.info>.peer>.display-name{width:100%}}[data-component=Room] .wraper-peer-grid.count-3.shares-1{grid-row:span 2;grid-template-columns:1fr;grid-template-rows:repeat(2,1fr)}@media(max-device-width:720px){[data-component=Room] .wraper-peer-grid.count-3.shares-1{grid-column:span 2;grid-template-rows:1fr}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-3.shares-1{grid-column:span 2;grid-template-columns:repeat(2,1fr)!important;height:650px}}[data-component=Room] .wraper-peer-grid.count-4.shares-1{grid-row:span 2;grid-template-columns:1fr}@media(max-device-width:720px){[data-component=Room] .wraper-peer-grid.count-4.shares-1{grid-column:span 3}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-4.shares-1{grid-column:span 3;grid-template-columns:repeat(3,1fr);grid-row:3}[data-component=Room] .wraper-peer-grid.count-4.shares-1 .me-tile{height:100%}[data-component=Room] .wraper-peer-grid.count-4.shares-1 .me-tile [data-component=Me]>.state{top:unset;right:unset;bottom:5px;left:5px}[data-component=Room] .wraper-peer-grid.count-4.shares-1 .peers-grid{grid-column:span 2}[data-component=Room] .wraper-peer-grid.count-4.shares-1 .peers-grid [data-component=Peer]{height:100%}}[data-component=Room] .wraper-peer-grid.count-4.shares-1 .peers-grid .indicators{top:unset;right:unset;bottom:0;left:0;width:100%;justify-content:flex-start}[data-component=Room] .wraper-peer-grid.count-4.shares-1 .peers-grid [data-component=PeerView]>.info>.peer>.display-name{max-width:100%}@media(max-device-width:720px){[data-component=Room] .wraper-peer-grid.count-4.shares-1 .peers-grid{display:block}}@media(max-device-width:720px){[data-component=Room] .wraper-peer-grid.count-4.shares-1 .peers-grid .combine-peer{height:100%}}[data-component=Room] .wraper-peer-grid.count-4.shares-2{grid-row:span 2;grid-template-columns:1fr}@media(max-device-width:720px){[data-component=Room] .wraper-peer-grid.count-4.shares-2{grid-row:unset;grid-column:span 2;height:220px}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-4.shares-2{grid-template-columns:repeat(2,1fr);grid-column:span 2}[data-component=Room] .wraper-peer-grid.count-4.shares-2 .me-tile,[data-component=Room] .wraper-peer-grid.count-4.shares-2 .peers-grid [data-component=Peer]{width:100%;aspect-ratio:9/16;margin:0 auto}}[data-component=Room] .wraper-peer-grid.count-5.shares-1,[data-component=Room] .wraper-peer-grid.count-6.shares-1,[data-component=Room] .wraper-peer-grid.count-7.shares-1,[data-component=Room] .wraper-peer-grid.count-8.shares-1,[data-component=Room] .wraper-peer-grid.count-9.shares-1,[data-component=Room] .wraper-peer-grid.count-10.shares-1,[data-component=Room] .wraper-peer-grid.count-11.shares-1{grid-template-columns:repeat(2,1fr);grid-row:span 2}@media(max-device-width:720px){[data-component=Room] .wraper-peer-grid.count-5.shares-1,[data-component=Room] .wraper-peer-grid.count-6.shares-1,[data-component=Room] .wraper-peer-grid.count-7.shares-1,[data-component=Room] .wraper-peer-grid.count-8.shares-1,[data-component=Room] .wraper-peer-grid.count-9.shares-1,[data-component=Room] .wraper-peer-grid.count-10.shares-1,[data-component=Room] .wraper-peer-grid.count-11.shares-1{grid-column:span 2}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-5.shares-1,[data-component=Room] .wraper-peer-grid.count-6.shares-1,[data-component=Room] .wraper-peer-grid.count-7.shares-1,[data-component=Room] .wraper-peer-grid.count-8.shares-1,[data-component=Room] .wraper-peer-grid.count-9.shares-1,[data-component=Room] .wraper-peer-grid.count-10.shares-1,[data-component=Room] .wraper-peer-grid.count-11.shares-1{grid-column:span 4}}[data-component=Room] .wraper-peer-grid.count-5.shares-1 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-6.shares-1 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-7.shares-1 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-8.shares-1 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-9.shares-1 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-10.shares-1 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-11.shares-1 [data-component=Me]>.state{top:unset;right:unset;bottom:5px;left:5px}[data-component=Room] .wraper-peer-grid.count-5.shares-1 [data-component=Peer]>.info>.display-name,[data-component=Room] .wraper-peer-grid.count-6.shares-1 [data-component=Peer]>.info>.display-name,[data-component=Room] .wraper-peer-grid.count-7.shares-1 [data-component=Peer]>.info>.display-name,[data-component=Room] .wraper-peer-grid.count-8.shares-1 [data-component=Peer]>.info>.display-name,[data-component=Room] .wraper-peer-grid.count-9.shares-1 [data-component=Peer]>.info>.display-name,[data-component=Room] .wraper-peer-grid.count-10.shares-1 [data-component=Peer]>.info>.display-name,[data-component=Room] .wraper-peer-grid.count-11.shares-1 [data-component=Peer]>.info>.display-name{max-width:100%}[data-component=Room] .wraper-peer-grid.count-5.shares-1 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-6.shares-1 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-7.shares-1 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-8.shares-1 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-9.shares-1 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-10.shares-1 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-11.shares-1 [data-component=PeerView]>.info>.peer>.display-name{max-width:100%}[data-component=Room] .wraper-peer-grid.count-5.shares-1 .peers-grid .indicators,[data-component=Room] .wraper-peer-grid.count-6.shares-1 .peers-grid .indicators,[data-component=Room] .wraper-peer-grid.count-7.shares-1 .peers-grid .indicators,[data-component=Room] .wraper-peer-grid.count-8.shares-1 .peers-grid .indicators,[data-component=Room] .wraper-peer-grid.count-9.shares-1 .peers-grid .indicators,[data-component=Room] .wraper-peer-grid.count-10.shares-1 .peers-grid .indicators,[data-component=Room] .wraper-peer-grid.count-11.shares-1 .peers-grid .indicators{top:unset;right:unset;bottom:0;left:0;width:100%;justify-content:flex-start}[data-component=Room] .wraper-peer-grid.count-5.shares-2,[data-component=Room] .wraper-peer-grid.count-6.shares-2,[data-component=Room] .wraper-peer-grid.count-7.shares-2,[data-component=Room] .wraper-peer-grid.count-8.shares-2,[data-component=Room] .wraper-peer-grid.count-9.shares-2,[data-component=Room] .wraper-peer-grid.count-10.shares-2,[data-component=Room] .wraper-peer-grid.count-11.shares-2,[data-component=Room] .wraper-peer-grid.count-12.shares-2{grid-row:span 2;grid-template-columns:repeat(2,1fr)}[data-component=Room] .wraper-peer-grid.count-5.shares-2 [data-component=Peer]>.info>.display-name,[data-component=Room] .wraper-peer-grid.count-6.shares-2 [data-component=Peer]>.info>.display-name,[data-component=Room] .wraper-peer-grid.count-7.shares-2 [data-component=Peer]>.info>.display-name,[data-component=Room] .wraper-peer-grid.count-8.shares-2 [data-component=Peer]>.info>.display-name,[data-component=Room] .wraper-peer-grid.count-9.shares-2 [data-component=Peer]>.info>.display-name,[data-component=Room] .wraper-peer-grid.count-10.shares-2 [data-component=Peer]>.info>.display-name,[data-component=Room] .wraper-peer-grid.count-11.shares-2 [data-component=Peer]>.info>.display-name,[data-component=Room] .wraper-peer-grid.count-12.shares-2 [data-component=Peer]>.info>.display-name{max-width:100%}[data-component=Room] .wraper-peer-grid.count-5.shares-2 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-6.shares-2 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-7.shares-2 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-8.shares-2 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-9.shares-2 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-10.shares-2 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-11.shares-2 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-12.shares-2 [data-component=PeerView]>.info>.peer>.display-name{max-width:100%}[data-component=Room] .wraper-peer-grid.count-5.shares-2 .peers-grid .indicators,[data-component=Room] .wraper-peer-grid.count-6.shares-2 .peers-grid .indicators,[data-component=Room] .wraper-peer-grid.count-7.shares-2 .peers-grid .indicators,[data-component=Room] .wraper-peer-grid.count-8.shares-2 .peers-grid .indicators,[data-component=Room] .wraper-peer-grid.count-9.shares-2 .peers-grid .indicators,[data-component=Room] .wraper-peer-grid.count-10.shares-2 .peers-grid .indicators,[data-component=Room] .wraper-peer-grid.count-11.shares-2 .peers-grid .indicators,[data-component=Room] .wraper-peer-grid.count-12.shares-2 .peers-grid .indicators{top:unset;right:unset;bottom:0;left:0;width:100%;justify-content:flex-start}[data-component=Room] .wraper-peer-grid.count-5.shares-2 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-6.shares-2 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-7.shares-2 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-8.shares-2 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-9.shares-2 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-10.shares-2 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-11.shares-2 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-12.shares-2 [data-component=Me]>.state{top:unset;right:unset;bottom:5px;left:5px}@media(max-device-width:720px){[data-component=Room] .wraper-peer-grid.count-5.shares-2,[data-component=Room] .wraper-peer-grid.count-6.shares-2,[data-component=Room] .wraper-peer-grid.count-7.shares-2,[data-component=Room] .wraper-peer-grid.count-8.shares-2,[data-component=Room] .wraper-peer-grid.count-9.shares-2,[data-component=Room] .wraper-peer-grid.count-10.shares-2,[data-component=Room] .wraper-peer-grid.count-11.shares-2,[data-component=Room] .wraper-peer-grid.count-12.shares-2{grid-row:unset;grid-column:span 2}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-5.shares-2,[data-component=Room] .wraper-peer-grid.count-6.shares-2,[data-component=Room] .wraper-peer-grid.count-7.shares-2,[data-component=Room] .wraper-peer-grid.count-8.shares-2,[data-component=Room] .wraper-peer-grid.count-9.shares-2,[data-component=Room] .wraper-peer-grid.count-10.shares-2,[data-component=Room] .wraper-peer-grid.count-11.shares-2,[data-component=Room] .wraper-peer-grid.count-12.shares-2{grid-column:span 2;grid-template-columns:repeat(3,1fr);grid-template-rows:unset}}[data-component=Room] .wraper-peer-grid.count-5.shares-2 .peers-grid .peer-tile:last-child [data-component=Peer]{grid-column:span 2}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-5.shares-2 .peers-grid .peer-tile:last-child [data-component=Peer]{grid-column:unset}}[data-component=Room] .wraper-peer-grid.count-6.shares-2,[data-component=Room] .wraper-peer-grid.count-7.shares-2,[data-component=Room] .wraper-peer-grid.count-8.shares-2,[data-component=Room] .wraper-peer-grid.count-9.shares-2,[data-component=Room] .wraper-peer-grid.count-10.shares-2,[data-component=Room] .wraper-peer-grid.count-11.shares-2,[data-component=Room] .wraper-peer-grid.count-12.shares-2{grid-template-columns:repeat(2,1fr)}[data-component=Room] .wraper-peer-grid.count-6.shares-3 [data-component=Peer]>.info>.display-name,[data-component=Room] .wraper-peer-grid.count-7.shares-3 [data-component=Peer]>.info>.display-name,[data-component=Room] .wraper-peer-grid.count-8.shares-3 [data-component=Peer]>.info>.display-name,[data-component=Room] .wraper-peer-grid.count-9.shares-3 [data-component=Peer]>.info>.display-name,[data-component=Room] .wraper-peer-grid.count-10.shares-3 [data-component=Peer]>.info>.display-name,[data-component=Room] .wraper-peer-grid.count-11.shares-3 [data-component=Peer]>.info>.display-name,[data-component=Room] .wraper-peer-grid.count-12.shares-3 [data-component=Peer]>.info>.display-name{max-width:100%}[data-component=Room] .wraper-peer-grid.count-6.shares-3 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-7.shares-3 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-8.shares-3 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-9.shares-3 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-10.shares-3 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-11.shares-3 [data-component=PeerView]>.info>.peer>.display-name,[data-component=Room] .wraper-peer-grid.count-12.shares-3 [data-component=PeerView]>.info>.peer>.display-name{max-width:100%}[data-component=Room] .wraper-peer-grid.count-6.shares-3 .peers-grid .indicators,[data-component=Room] .wraper-peer-grid.count-7.shares-3 .peers-grid .indicators,[data-component=Room] .wraper-peer-grid.count-8.shares-3 .peers-grid .indicators,[data-component=Room] .wraper-peer-grid.count-9.shares-3 .peers-grid .indicators,[data-component=Room] .wraper-peer-grid.count-10.shares-3 .peers-grid .indicators,[data-component=Room] .wraper-peer-grid.count-11.shares-3 .peers-grid .indicators,[data-component=Room] .wraper-peer-grid.count-12.shares-3 .peers-grid .indicators{top:unset;right:unset;bottom:0;left:0;width:100%;justify-content:flex-start}[data-component=Room] .wraper-peer-grid.count-6.shares-3 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-7.shares-3 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-8.shares-3 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-9.shares-3 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-10.shares-3 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-11.shares-3 [data-component=Me]>.state,[data-component=Room] .wraper-peer-grid.count-12.shares-3 [data-component=Me]>.state{top:unset;right:unset;bottom:5px;left:5px}@media(max-device-width:720px){[data-component=Room] .wraper-peer-grid.count-6.shares-3,[data-component=Room] .wraper-peer-grid.count-7.shares-3,[data-component=Room] .wraper-peer-grid.count-8.shares-3,[data-component=Room] .wraper-peer-grid.count-9.shares-3,[data-component=Room] .wraper-peer-grid.count-10.shares-3,[data-component=Room] .wraper-peer-grid.count-11.shares-3,[data-component=Room] .wraper-peer-grid.count-12.shares-3{grid-row:unset;grid-column:span 2}}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-6.shares-3,[data-component=Room] .wraper-peer-grid.count-7.shares-3,[data-component=Room] .wraper-peer-grid.count-8.shares-3,[data-component=Room] .wraper-peer-grid.count-9.shares-3,[data-component=Room] .wraper-peer-grid.count-10.shares-3,[data-component=Room] .wraper-peer-grid.count-11.shares-3,[data-component=Room] .wraper-peer-grid.count-12.shares-3{grid-column:span 2;grid-template-columns:repeat(3,1fr);grid-template-rows:unset}}[data-component=Room] .wraper-peer-grid.count-6.shares-3,[data-component=Room] .wraper-peer-grid.count-7.shares-3,[data-component=Room] .wraper-peer-grid.count-8.shares-3,[data-component=Room] .wraper-peer-grid.count-9.shares-3,[data-component=Room] .wraper-peer-grid.count-10.shares-3,[data-component=Room] .wraper-peer-grid.count-11.shares-3,[data-component=Room] .wraper-peer-grid.count-12.shares-3{grid-row:1/4;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}[data-component=Room] .wraper-peer-grid.count-6.shares-3 .peers-grid .peer-tile:last-child [data-component=Peer]{grid-column:span 2}@media screen and (min-width:769px)and (max-width:1024px){[data-component=Room] .wraper-peer-grid.count-6.shares-3 .peers-grid .peer-tile:last-child [data-component=Peer]{grid-column:unset}}[data-component=Room] .chat-panel{position:relative;background:#17212bf2;border:1px solid rgba(43,82,120,.3);border-radius:12px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-component=Room] .chat-panel .chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(43,82,120,.3);background:#0e162199;cursor:default}[data-component=Room] .chat-panel .chat-header .header-info{flex:1;display:flex;align-items:center;gap:12px}[data-component=Room] .chat-panel .chat-header .header-info .room-id{color:#fff;font-weight:600;font-size:15px;line-height:1.2}[data-component=Room] .chat-panel .chat-header .header-actions{display:flex;align-items:center;gap:8px}[data-component=Room] .chat-panel .chat-header .header-actions .participants-icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#8b9fafe6;font-size:18px;line-height:1;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease;position:relative}[data-component=Room] .chat-panel .chat-header .header-actions .participants-icon-btn:hover{background:#2b52784d;color:#fff}[data-component=Room] .chat-panel .chat-header .header-actions .participants-icon-btn.active{background:#5ca3e633;color:#5ca3e6}[data-component=Room] .chat-panel .chat-header .header-actions .participants-icon-btn .notif-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#5ca3e6;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;pointer-events:none}[data-component=Room] .chat-panel .chat-header .header-actions .participants-icon-btn svg{width:18px;height:18px}[data-component=Room] .chat-panel .chat-header .header-actions .chat-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#8b9fafe6;font-size:20px;line-height:1;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:background .12s ease,color .12s ease}[data-component=Room] .chat-panel .chat-header .header-actions .chat-close:hover{background:#2b52784d;color:#fff}[data-component=Room] .chat-panel .chat-body{overflow:auto;padding:12px;position:relative;background:linear-gradient(#0e1621e0,#0e1621e0),url(/images/bg-chat.jpg) center/cover no-repeat;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(43,82,120,.5) transparent}[data-component=Room] .chat-panel .chat-body::-webkit-scrollbar{width:6px}[data-component=Room] .chat-panel .chat-body::-webkit-scrollbar-track{background:transparent}[data-component=Room] .chat-panel .chat-body::-webkit-scrollbar-thumb{background:#2b527880;border-radius:3px}[data-component=Room] .chat-panel .chat-body::-webkit-scrollbar-thumb:hover{background:#2b5278b3}[data-component=Room] .chat-panel .chat-body .chat-empty{opacity:.6;font-size:13px;padding:8px;text-align:center;color:#8b9fafcc}[data-component=Room] .chat-panel .chat-body .chat-loading{opacity:.6;font-size:13px;padding:8px;text-align:center}[data-component=Room] .chat-panel .chat-body .chat-messages-list{display:flex;flex-direction:column;gap:12px;padding:4px}[data-component=Room] .chat-panel .chat-body .chat-message{padding:8px 12px;border-radius:12px 12px 12px 2px;max-width:75%;word-wrap:break-word;position:relative;transition:all .15s ease;animation:messageSlideIn .25s ease-out}[data-component=Room] .chat-panel .chat-body .chat-message .message-header{display:flex;align-items:center;margin-bottom:6px;min-width:0}[data-component=Room] .chat-panel .chat-body .chat-message .message-header .message-sender{font-size:14px;font-weight:700;opacity:1;font-family:Segoe UI,Roboto,Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.3);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;flex-shrink:0}[data-component=Room] .chat-panel .chat-body .chat-message .message-content{font-size:14px;line-height:1.5;color:#fff;font-family:Segoe UI,Roboto,Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.2);margin-bottom:6px}[data-component=Room] .chat-panel .chat-body .chat-message.pending{opacity:.6;position:relative}[data-component=Room] .chat-panel .chat-body .chat-message.pending .message-content:after{content:" ⏳";opacity:.7;animation:pulse 1.5s infinite}[data-component=Room] .chat-panel .chat-body .chat-message .message-time{font-size:10px;color:#fff;font-weight:400;opacity:.8;text-align:right;margin-top:2px}[data-component=Room] .chat-panel .chat-body .chat-message:not(.own-message){background:#34495ea6;border:none;align-self:flex-start;border-radius:12px 12px 12px 2px;box-shadow:0 2px 4px #0003}[data-component=Room] .chat-panel .chat-body .chat-message:not(.own-message) .message-sender{color:#5dade2;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}[data-component=Room] .chat-panel .chat-body .chat-message:not(.own-message) .message-content{color:#ecf0f1}[data-component=Room] .chat-panel .chat-body .chat-message.own-message{background:linear-gradient(135deg,#27ae60bf,#229954bf);border:none;align-self:flex-end;border-radius:12px 12px 2px;box-shadow:0 2px 4px #0003}[data-component=Room] .chat-panel .chat-body .chat-message.own-message .message-sender{color:#d5f4e6;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}[data-component=Room] .chat-panel .chat-body .chat-message.own-message .message-content{color:#fff}[data-component=Room] .chat-panel .chat-body .chat-message.own-message .message-time{color:#ffffffe6}[data-component=Room] .chat-panel .chat-body .chat-message:hover{opacity:.95}@media(max-width:480px){[data-component=Room] .chat-panel .chat-body .chat-message{max-width:90%;padding:7px 10px}[data-component=Room] .chat-panel .chat-body .chat-message .message-header .message-sender{font-size:11px;max-width:150px}[data-component=Room] .chat-panel .chat-body .chat-message .message-content{font-size:13px}[data-component=Room] .chat-panel .chat-body .chat-message .message-time{font-size:9px}}[data-component=Room] .chat-panel .chat-body .typing-indicator{display:flex;align-items:center;padding:12px 16px;background:#ffffff0f;border-radius:18px;margin:8px 0;max-width:60px}[data-component=Room] .chat-panel .chat-body .typing-indicator .typing-dots{display:flex;gap:4px}[data-component=Room] .chat-panel .chat-body .typing-indicator .typing-dots span{width:6px;height:6px;background:#4fc3f799;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}[data-component=Room] .chat-panel .chat-body .typing-indicator .typing-dots span:nth-child(1){animation-delay:-.32s}[data-component=Room] .chat-panel .chat-body .typing-indicator .typing-dots span:nth-child(2){animation-delay:-.16s}[data-component=Room] .chat-panel .chat-body .typing-indicator .typing-dots span:nth-child(3){animation-delay:0s}@keyframes typingBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}[data-component=Room] .chat-panel .chat-footer{border-top:1px solid rgba(43,82,120,.3);padding:8px;position:relative;overflow:visible;background:#0e162166}[data-component=Room] .chat-panel .chat-footer>*{width:100%}[data-component=Room] .chat-panel .participants-panel-list{position:relative;list-style:none;margin:0;padding:10px;display:flex;flex-direction:column}[data-component=Room] .chat-panel .participants-panel-list:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#2b52782e;filter:blur(5px);border-bottom-left-radius:10px;border-bottom-right-radius:10px;pointer-events:none}[data-component=Room] .chat-panel .participants-panel-list:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border:1.5px solid #1565c0;pointer-events:none;padding-left:10px;padding-right:10px}[data-component=Room] .chat-panel .participants-panel-list>*{position:relative;z-index:2}[data-component=Room] .chat-panel .participants-panel-list>*{position:relative;z-index:1}[data-component=Room] .chat-panel .participants-panel-list li{display:flex;align-items:center;padding:10px 12px;gap:12px;border-bottom:.5px solid rgba(255,255,255,.2);background:transparent;transition:background .15s ease}[data-component=Room] .chat-panel .participants-panel-list li:last-child{border-bottom:none}[data-component=Room] .chat-panel .participants-panel-list li:hover{background:#2b527866}[data-component=Room] .chat-panel .participants-panel-list li .avatar{flex:0 0 42px;height:42px;width:42px;border-radius:50%;background:#5ca3e64d;color:#fff;display:grid;place-items:center;font-weight:600;font-size:16px;border:2px solid rgba(92,163,230,.5)}[data-component=Room] .chat-panel .participants-panel-list li .crown-icon{flex:0 0 auto;margin-left:0!important;margin-right:4px;font-size:16px!important}[data-component=Room] .chat-panel .participants-panel-list li .meta{display:flex;flex:1;min-width:0;overflow:hidden}[data-component=Room] .chat-panel .participants-panel-list li .meta .name{display:inline-flex;align-items:center;gap:3px;font-weight:600;color:#fff;line-height:1.2;width:100%;white-space:nowrap}[data-component=Room] .chat-panel .participants-panel-list li .meta .name .crown-icon{margin:0;font-size:15px!important;line-height:1;display:inline-block;width:20px;min-width:20px;max-width:20px;text-align:start;flex-shrink:0;vertical-align:middle;padding:0}[data-component=Room] .chat-panel .participants-panel-list li .meta .name .dot.online{height:8px;width:8px;border-radius:50%;background:#10b981;box-shadow:0 0 4px #10b98199;flex-shrink:0;margin-right:4px}[data-component=Room] .chat-panel .participants-panel-list li .meta .name svg{flex-shrink:0;margin-right:6px}[data-component=Room] .chat-panel .participants-panel-list li .meta .name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}[data-component=Room] .participants-panel{position:relative;background:#0b1220a6;border:1px solid rgba(255,255,255,.08);border-radius:14px;display:none;grid-template-rows:auto 1fr auto;overflow:hidden;-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%);width:340px;max-width:90vw;color:#fff}[data-component=Room] .participants-panel.open{display:grid}[data-component=Room] .participants-panel .chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);color:#fffffff2;font-weight:600;font-size:16px}[data-component=Room] .participants-panel .chat-header .header-controls{display:flex;align-items:center;gap:8px}[data-component=Room] .participants-panel .chat-header .header-controls .cc-toggle-btn{background:#374151cc;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffb3;padding:0;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}[data-component=Room] .participants-panel .chat-header .header-controls .cc-toggle-btn:hover{background:#4b5563cc;color:#ffffffe6}[data-component=Room] .participants-panel .chat-header .header-controls .cc-toggle-btn.on{background:#10b98129;border-color:#34d39973;color:#6ee7b7}[data-component=Room] .participants-panel .chat-header .header-controls .cc-settings-dropdown{position:relative;display:inline-block}[data-component=Room] .participants-panel .chat-header .header-controls .cc-settings-dropdown .cc-settings-btn{background:#374151cc;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffb3;padding:0;font-size:12px;cursor:pointer;transition:all .15s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}[data-component=Room] .participants-panel .chat-header .header-controls .cc-settings-dropdown .cc-settings-btn:hover,[data-component=Room] .participants-panel .chat-header .header-controls .cc-settings-dropdown .cc-settings-btn.on{background:#4b5563cc;color:#ffffffe6}[data-component=Room] .participants-panel .chat-header .header-controls .cc-settings-dropdown .cc-language-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:#1f2937f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:99999!important;overflow:hidden}[data-component=Room] .participants-panel .chat-header .header-controls .cc-settings-dropdown .cc-language-dropdown .dropdown-item{padding:8px 12px;color:#ffffffd9;font-size:13px;cursor:pointer;transition:background .15s ease}[data-component=Room] .participants-panel .chat-header .header-controls .cc-settings-dropdown .cc-language-dropdown .dropdown-item:hover{background:#10b98129;color:#6ee7b7}[data-component=Room] .participants-panel .chat-header .header-controls .cc-settings-dropdown .cc-language-dropdown .dropdown-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.04)}[data-component=Room] .participants-panel .chat-header .header-controls .per-speaker-btn{background:#374151cc;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffb3;padding:0;font-size:12px;cursor:pointer;transition:all .15s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}[data-component=Room] .participants-panel .chat-header .header-controls .per-speaker-btn:hover{background:#4b5563cc;color:#ffffffe6}[data-component=Room] .participants-panel .chat-header .header-controls .per-speaker-btn.on{background:#10b98129;border-color:#34d39973;color:#6ee7b7}[data-component=Room] .participants-panel .chat-header .chat-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.15);background:#374151cc;color:#ffffffb3;font-size:16px;line-height:1;width:32px;height:32px;border-radius:6px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}[data-component=Room] .participants-panel .chat-header .chat-close:hover{background:#4b5563cc;color:#ffffffe6}[data-component=Room] .participants-panel .chat-body{overflow:auto;padding:10px;position:relative;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}[data-component=Room] .participants-panel .chat-body::-webkit-scrollbar{width:6px}[data-component=Room] .participants-panel .chat-body::-webkit-scrollbar-track{background:transparent}[data-component=Room] .participants-panel .chat-body::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px;transition:background .2s ease}[data-component=Room] .participants-panel .chat-body::-webkit-scrollbar-thumb:hover{background:#ffffff80}[data-component=Room] .participants-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}[data-component=Room] .participants-panel-list li{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;background:#ffffff0a}[data-component=Room] .participants-panel-list li .avatar{flex:0 0 44px;height:44px;width:44px;border-radius:999px;background:#ffffff26;color:#fff;display:grid;place-items:center;font-weight:600;letter-spacing:.5px}[data-component=Room] .participants-panel-list li .meta{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}[data-component=Room] .participants-panel-list li .meta .name{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#fff;line-height:1.2;max-width:100%}[data-component=Room] .participants-panel-list li .meta .name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-component=Room] .participants-panel-list li .meta .name .crown-icon{font-size:14px;z-index:100;flex-shrink:0}[data-component=Room] .participants-panel-list li .meta .status{display:inline-flex;align-items:center;gap:6px;margin-top:2px}[data-component=Room] .participants-panel-list li .meta .status .dot{height:10px;width:10px;border-radius:999px;background:#9ca3af}[data-component=Room] .participants-panel-list li .meta .status .dot.online{background:#10b981}[data-component=Room] .participants-panel-list li .meta .status .label{font-size:13px;color:#ffffffb3}[data-component=Room] .participants-panel-list li:hover{background:#ffffff14}[data-component=Room] .participants-panel .participants-footer{border-top:1px solid rgba(255,255,255,.08);padding:10px 14px;text-align:center;font-size:13px;color:#ffffffb3;background:#0b122073}[data-component=Room] .cc-history-panel .closed-captions-overlay{display:none!important}[data-component=Room] .cc-history-panel .cc-live-section{height:100%;display:flex;flex-direction:column}[data-component=Room] .cc-history-panel .cc-live-section .live-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#1f2937cc,#111827e6)}[data-component=Room] .cc-history-panel .cc-live-section .live-header h3{margin:0;font-size:15px;font-weight:700;color:#f9fafb;letter-spacing:.3px}[data-component=Room] .cc-history-panel .cc-live-section .live-header .live-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:16px;background:#00000040;border:1px solid rgba(255,255,255,.1)}[data-component=Room] .cc-history-panel .cc-live-section .live-header .live-indicator .live-dot{width:10px;height:10px;border-radius:50%;background:#10b981;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 8px #10b98180}[data-component=Room] .cc-history-panel .cc-live-section .live-header .live-indicator .live-status{font-size:11px;font-weight:700;color:#6ee7b7;text-transform:uppercase;letter-spacing:1px}[data-component=Room] .cc-history-panel .cc-live-section .live-header .live-indicator.off .live-dot{background:#ef4444;box-shadow:0 0 8px #ef444480}[data-component=Room] .cc-history-panel .cc-live-section .live-header .live-indicator.off .live-status{color:#f87171}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display{flex:1;overflow-y:auto;padding:0;background:linear-gradient(180deg,#111827f2,#0f172afa)}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-disabled-message{padding:40px 20px;text-align:center;color:#9ca3af;font-size:14px;line-height:1.6;border:1px dashed rgba(107,114,128,.3);border-radius:12px;margin:20px;background:#1f29374d}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-disabled-message .disabled-icon{font-size:32px;margin-bottom:12px;opacity:.6}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-disabled-message p{margin:8px 0 4px;font-weight:500}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-disabled-message small{opacity:.7;font-size:12px}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content{flex:1;display:flex;flex-direction:column;position:relative;height:100%;min-height:0}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .closed-captions-overlay{position:static!important;bottom:unset!important;left:unset!important;right:unset!important;top:unset!important;transform:none!important;width:100%!important;height:100%!important;max-width:none!important;flex:1;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;padding:16px!important;margin:0!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .closed-captions-overlay::-webkit-scrollbar{display:none}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .closed-captions-overlay .caption-container{width:100%;max-width:none!important;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;min-height:100%;padding:0}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .closed-captions-overlay .caption-container .caption-line{background:none!important;border:none!important;border-radius:0!important;text-align:left!important;width:100%;max-width:none;word-wrap:break-word;animation:fadeIn .3s ease;box-shadow:none!important;position:relative;border-bottom:1px solid rgba(55,65,81,.3);padding:6px 60px 6px 0!important;margin:0!important}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .closed-captions-overlay .caption-container .caption-line:last-child{border-bottom:none}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .closed-captions-overlay .caption-container .caption-line.own-caption,[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .closed-captions-overlay .caption-container .caption-line.peer-caption{background:none!important;border:none!important;color:inherit}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .closed-captions-overlay .caption-container .caption-line .speaker-name{color:#10b981!important;font-weight:700!important;font-size:12px!important;text-transform:none!important;letter-spacing:0!important;margin-right:8px!important;display:inline!important}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .closed-captions-overlay .caption-container .caption-line .transcript-text{color:#f3f4f6!important;font-size:15px!important;line-height:1.6!important;font-weight:400!important;display:inline!important}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .closed-captions-overlay .caption-container .caption-line .transcript-text .interim-text{opacity:.7!important;font-style:italic!important;color:#9ca3af!important;background:#6b72801a;padding:2px 4px;border-radius:3px}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .closed-captions-overlay .caption-container .caption-line .transcript-text .final-text{font-weight:500!important;color:#f9fafb!important}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .closed-captions-overlay .caption-container .caption-line.interim-per-speaker .interim-text{opacity:.8!important;font-style:italic!important;color:#a7f3d0!important;background:#10b98126;padding:2px 6px;border-radius:4px;border-left:2px solid #10b981}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .closed-captions-overlay .caption-container .caption-line.interim-per-speaker .speaking-indicator{margin-left:6px;opacity:.7;animation:pulse-mic 1.5s infinite}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .closed-captions-overlay .caption-container .caption-line:after{content:attr(data-time);position:absolute;right:0;top:6px;font-size:10px;color:#6b7280;font-weight:500;white-space:nowrap}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .closed-captions-overlay .caption-container .caption-line.peer-caption .speaker-name{color:#3b82f6!important}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .waiting-message{padding:40px 20px;text-align:center}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .waiting-message .listening-indicator{display:flex;align-items:center;justify-content:center;gap:12px;color:#9ca3af;font-size:14px;font-weight:500}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .waiting-message .listening-indicator .pulse-dot{width:12px;height:12px;border-radius:50%;background:#6ee7b7;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 12px #6ee7b766}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .per-speaker-status{background:linear-gradient(135deg,#10b9811f,#34d3990f);border:1px solid rgba(16,185,129,.25);border-radius:10px;padding:10px 14px;margin:16px 0 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #10b9811a;animation:perSpeakerPulse 3s ease-in-out infinite}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .per-speaker-status small{color:#6ee7b7;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.4);line-height:1.3}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .per-speaker-status small:before{content:"🎤";font-size:16px;margin-right:8px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .per-speaker-status small .speaker-count{background:#10b98133;color:#34d399;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700;margin-left:auto;border:1px solid rgba(52,211,153,.3)}[data-component=Room] .cc-history-panel .cc-live-section .cc-live-display .cc-live-content .per-speaker-status:hover{background:linear-gradient(135deg,#10b9812e,#34d3991a);border-color:#10b98166;transform:translateY(-1px);box-shadow:0 4px 16px #10b98133}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes pulse-mic{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseText{0%,to{opacity:.8}50%{opacity:1}}[data-component=Room] .meet-shell:not(.with-chat) .chat-panel{display:none}@media(max-device-width:720px){[data-component=Room] .meet-shell,[data-component=Room] .meet-shell.with-chat{grid-template-columns:1fr}[data-component=Room] .stage-grid,[data-component=Room] .wraper-peer-grid{grid-template-columns:repeat(2,1fr)!important}[data-component=Room] .stage-grid.count-1.shares-0,[data-component=Room] .stage-grid.count-1.shares-1,[data-component=Room] .wraper-peer-grid.count-1.shares-0,[data-component=Room] .wraper-peer-grid.count-1.shares-1{grid-template-columns:1fr!important}[data-component=Room] .stage-grid.count-2.shares-0,[data-component=Room] .stage-grid.count-2.shares-1,[data-component=Room] .wraper-peer-grid.count-2.shares-0,[data-component=Room] .wraper-peer-grid.count-2.shares-1{grid-template-columns:1fr!important;grid-column:1/-1}[data-component=Room] .stage-grid.count-3.shares-0,[data-component=Room] .wraper-peer-grid.count-3.shares-0{grid-template-columns:1fr!important}[data-component=Room] .stage-grid.count-6.shares-0,[data-component=Room] .wraper-peer-grid.count-6.shares-0{grid-row:1}[data-component=Room] .chat-panel{position:fixed;right:10px;left:auto;top:66px;bottom:82px;width:min(92vw,360px);max-width:calc(100vw - 20px);z-index:140;transition:transform .22s ease,opacity .22s ease,visibility .22s ease}[data-component=Room] .chat-panel.open{transform:translate(0);opacity:1;visibility:visible;display:grid}[data-component=Room] .chat-panel:not(.open){transform:translate(calc(100% + 12px));opacity:0;visibility:hidden;display:grid}[data-component=Room] .participants-panel{position:fixed;right:10px;left:auto;top:66px;bottom:82px;width:min(92vw,360px);max-width:calc(100vw - 20px);z-index:140;transition:transform .22s ease,opacity .22s ease,visibility .22s ease}[data-component=Room] .participants-panel.open{transform:translate(0);opacity:1;visibility:visible;display:grid}[data-component=Room] .participants-panel:not(.open){transform:translate(calc(100% + 12px));opacity:0;visibility:hidden;display:grid}[data-component=Room] .meet-shell:not(.with-chat) .chat-panel{display:grid}[data-component=Room] .meet-shell.share-mode .peers-grid{right:10px;bottom:10px}[data-component=Room] .meet-shell.share-mode.with-participants .peers-grid,[data-component=Room] .meet-shell.share-mode.with-pending .peers-grid,[data-component=Room] .meet-shell.share-mode.with-chat .peers-grid,[data-component=Room] .meet-shell.share-mode.with-cc-panel .peers-grid{right:10px}}@media(max-width:1024px)and (min-width:721px){[data-component=Room] .meet-shell,[data-component=Room] .meet-shell.with-chat{grid-template-columns:1fr}[data-component=Room] .chat-panel{position:fixed;right:16px;top:72px;bottom:88px;width:380px;max-width:calc(100vw - 32px);z-index:140;transition:transform .22s ease,opacity .22s ease,visibility .22s ease}[data-component=Room] .chat-panel.open{transform:translate(0);opacity:1;visibility:visible;display:grid}[data-component=Room] .chat-panel:not(.open){transform:translate(calc(100% + 12px));opacity:0;visibility:hidden;display:grid}[data-component=Room] .meet-shell:not(.with-chat) .chat-panel{display:grid}}[data-component=Room]>.me-container,[data-component=Room]>.chat-input-container,[data-component=Room]>.sidebar{display:none!important}[data-component=Room] .bottom-navbar{position:fixed;left:0;right:0;bottom:16px;z-index:120;display:flex;justify-content:center}[data-component=Room] .bottom-navbar .bar{display:flex;gap:12px;align-items:center;padding:8px 12px;background:#0b12208c;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 12px 28px #00000059;-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%)}[data-component=Room] .bottom-navbar .ctrl-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;display:flex;align-items:center;width:42px;height:42px;border-radius:50%;cursor:pointer;position:relative;overflow:hidden;will-change:transform;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease;background:#111827d9;border:1px solid rgba(255,255,255,.16)}[data-component=Room] .bottom-navbar .ctrl-btn:hover{background:#0b1324f2;transform:translateY(-1px);box-shadow:0 8px 20px #00000080}[data-component=Room] .bottom-navbar .ctrl-btn.disabled{opacity:.5;pointer-events:none}[data-component=Room] .bottom-navbar .ctrl-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:10%;height:10%;border-radius:50%;background:#ffffff47;transform:scale(0);opacity:0;z-index:0;pointer-events:none}[data-component=Room] .bottom-navbar .ctrl-btn:after{content:"";display:block;width:22px;height:22px;margin:10px auto;background:#e5e7eb;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;position:relative;z-index:1}[data-component=Room] .bottom-navbar .ctrl-btn.on{background:#10b98152;border-color:#34d399bf}[data-component=Room] .bottom-navbar .ctrl-btn.on:after{background:#34d399}[data-component=Room] .bottom-navbar .ctrl-btn:active{transform:translateY(0) scale(.94);box-shadow:0 4px 14px #00000073}[data-component=Room] .bottom-navbar .ctrl-btn:active:before{opacity:1;animation:btn-ripple .45s ease-out}[data-component=Room] .bottom-navbar .ctrl-btn.on:active:before{background:#34d39966}[data-component=Room] .bottom-navbar .ctrl-btn.hangup{background:#d42241;border-color:#ff94a4e6;display:flow-root;transition:all .25s ease}[data-component=Room] .bottom-navbar .ctrl-btn.hangup:hover{background:#b91c1c;border-color:#ff94a4;transform:scale(1.05)}[data-component=Room] .bottom-navbar .ctrl-btn.hangup:active{transform:scale(.92)}[data-component=Room] .bottom-navbar .ctrl-btn.hangup:after{-webkit-mask-image:url(/images/noun-phone-disable-4191389.svg);mask-image:url(/images/noun-phone-disable-4191389.svg);background:#fff}[data-component=Room] .bottom-navbar .ctrl-btn.hide-videos{background:#d42241d9;border-color:#ff94a4cc}[data-component=Room] .bottom-navbar .ctrl-btn.hide-videos:after{-webkit-mask-image:url(/images/icon_video_black_off.svg);mask-image:url(/images/icon_video_black_off.svg);background:#fff}[data-component=Room] .bottom-navbar .ctrl-btn.hide-videos.on{background:#10b98152;border-color:#34d399bf}[data-component=Room] .bottom-navbar .ctrl-btn.hide-videos.on:after{-webkit-mask-image:url(/images/icon_video_white_on.svg);mask-image:url(/images/icon_video_white_on.svg);background:#34d399}[data-component=Room] .bottom-navbar .ctrl-btn.hide-videos:not(.on):active:before{background:#ff94a473}[data-component=Room] .bottom-navbar .ctrl-btn.change-webcam{background:#111827d9;border:1px solid rgba(255,255,255,.16);cursor:pointer}[data-component=Room] .bottom-navbar .ctrl-btn.change-webcam:after{-webkit-mask-image:url(/images/icon_change_webcam_black.svg);mask-image:url(/images/icon_change_webcam_black.svg);background:#fff}[data-component=Room] .bottom-navbar .ctrl-btn.change-webcam.on{background:#10b98152;border-color:#34d399bf}[data-component=Room] .bottom-navbar .ctrl-btn.change-webcam.on:after{-webkit-mask-image:url(/images/icon_change_webcam_black.svg);mask-image:url(/images/icon_change_webcam_black.svg);background:#34d399}[data-component=Room] .bottom-navbar .ctrl-btn.mute-audio{background:#10b98152;border-color:#34d399bf}[data-component=Room] .bottom-navbar .ctrl-btn.mute-audio:after{-webkit-mask-image:url(/images/icon_mic_black_on.svg);mask-image:url(/images/icon_mic_black_on.svg);background:#34d399}[data-component=Room] .bottom-navbar .ctrl-btn.mute-audio.on{background:#d42241d9;border-color:#ff94a4cc}[data-component=Room] .bottom-navbar .ctrl-btn.mute-audio.on:after{-webkit-mask-image:url(/images/icon_remote_mic_white_off.svg);mask-image:url(/images/icon_remote_mic_white_off.svg);background:#fff}[data-component=Room] .bottom-navbar .ctrl-btn.mute-audio.on:active:before{background:#ff94a473}[data-component=Room] .bottom-navbar .ctrl-btn.restart-ice:after{-webkit-mask-image:url(/images/icon_restart_ice_white.svg);mask-image:url(/images/icon_restart_ice_white.svg)}[data-component=Room] .bottom-navbar .ctrl-btn.chat-toggle:after{-webkit-mask-image:url(/images/chat-line-svgrepo-com.svg);mask-image:url(/images/chat-line-svgrepo-com.svg)}[data-component=Room] .bottom-navbar .ctrl-btn.share:after{-webkit-mask-image:url(/images/icon_share_black_on.svg);mask-image:url(/images/icon_share_black_on.svg)}[data-component=Room] .bottom-navbar .ctrl-btn.cc-toggle:after{content:"CC";background:none;color:#e5e7eb;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0}[data-component=Room] .bottom-navbar .ctrl-btn.cc-toggle.on:after{color:#34d399}[data-component=Room] .bottom-navbar .ctrl-btn.chat-toggle.on{background:#10b98152;border-color:#34d399bf}[data-component=Room] .bottom-navbar .ctrl-btn.chat-toggle.on:after{background:#34d399}@media(prefers-reduced-motion:reduce){[data-component=Room] .bottom-navbar .ctrl-btn{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}[data-component=Room] .bottom-navbar .ctrl-btn:active{transform:none}[data-component=Room] .bottom-navbar .ctrl-btn:before,[data-component=Room] .bottom-navbar .ctrl-btn:active:before{animation:none!important}}@media(max-device-width:720px){[data-component=Room] .bottom-navbar .bar{gap:8px;padding:6px 8px}[data-component=Room] .bottom-navbar .ctrl-btn{width:38px;height:38px}[data-component=Room] .bottom-navbar .ctrl-btn:after{width:20px;height:20px;margin:9px auto}}@keyframes Room-info-state-connecting{50%{background-color:#ffa500bf}}.cc-controls{display:flex;align-items:center;gap:4px}.cc-controls .cc-settings{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#11182799;border:1px solid rgba(255,255,255,.06);color:#e5e7eb;cursor:pointer;transition:all .2s ease}.cc-controls .cc-settings:after{display:none!important}.cc-controls .cc-settings svg{width:20px;height:20px;fill:currentColor}.cc-controls .cc-settings:hover{background:#1f2937cc;color:#fff;border-color:#ffffff1a;transform:scale(1.05)}.cc-controls .cc-settings:active{transform:scale(.95)}.stage-grid.shares-2{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.stage-grid.shares-2 .share-tile{grid-column:span 2}.stage-grid.shares-2 .share-tile.share-0{grid-row:1/2}.stage-grid.shares-2 .share-tile.share-1{grid-row:2/3}.stage-grid.count-7.shares-2 .share-tile.share-0{grid-row:1/2;grid-column:1/3}.stage-grid.count-7.shares-2 .share-tile.share-1{grid-column:1/3;grid-row:2/2!important}.stage-grid.count-7.shares-2>.peer-tile:nth-last-child(2) :nth-last-child(2),.stage-grid.count-7.shares-2 .peers-grid>.peer-tile :nth-last-child(2),.stage-grid.count-7.shares-3>.peer-tile:nth-last-child(2) :nth-last-child(2),.stage-grid.count-7.shares-3 .peers-grid>.peer-tile :nth-last-child(2){grid-column:3/4!important}.approval-modal-overlay{position:fixed!important;top:auto!important;left:auto!important;right:20px!important;bottom:20px!important;width:auto!important;height:auto!important;background:none!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;z-index:1002!important;pointer-events:none!important;animation:slideInBottomRight .3s ease-out!important}.approval-modal{position:relative!important;background:linear-gradient(135deg,#fff,#f8fafc)!important;border-radius:16px!important;padding:12px!important;max-width:380px!important;width:90vw!important;max-height:70vh!important;box-shadow:0 16px 48px #0000001f,0 6px 20px #00000014!important;z-index:1003!important;border:1px solid rgba(0,0,0,.04)!important;pointer-events:auto!important;overflow:hidden!important;animation:slideUp .3s ease-out!important}.waiting-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:#0009!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1001!important;animation:fadeIn .3s ease-in-out!important;pointer-events:all!important}.waiting-modal{background:linear-gradient(135deg,#fff,#f8fafc)!important;border-radius:16px!important;padding:20px!important;max-width:360px!important;width:90%!important;box-shadow:0 16px 48px #0000001f!important;z-index:1002!important;text-align:center!important;animation:slideUp .3s ease-out!important}@keyframes slideInBottomRight{0%{opacity:0;transform:translate(100%) translateY(20px)}to{opacity:1;transform:translate(0) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px;border-bottom:1px solid rgba(0,0,0,.06)}.modal-header h3{margin:0;color:#334155;font-size:1rem;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.close-btn{background:none;border:none;font-size:1.125rem;cursor:pointer;color:#94a3b8;padding:4px;border-radius:50%;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.close-btn:hover{background:#0000000d;color:#475569}.pending-list{list-style:none;margin:0;padding:0;max-height:240px;overflow-y:auto;scrollbar-width:thin}.pending-item{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04);transition:background .2s ease;gap:12px;min-height:20px}.pending-item:hover{background:#00000005;border-radius:6px}.pending-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pending-info p{margin:0;color:#334155;font-weight:500;font-size:.9375rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-info small{color:#64748b;font-size:.8125rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pending-actions{display:flex;gap:6px;margin-left:0;flex-shrink:0;align-self:flex-end}.approve-btn,.deny-btn{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.8125rem;font-weight:600;transition:all .2s ease;min-width:72px;line-height:1.2;white-space:nowrap}.approve-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 6px #10b98133}.approve-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #10b9814d}.deny-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 6px #ef444433}.deny-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #ef44444d}@media(max-width:480px){.approval-modal{max-width:320px!important;width:95%!important;padding:12px!important;right:10px!important;bottom:10px!important}.pending-item{flex-direction:column;align-items:stretch;gap:8px;padding:8px 0!important}.pending-actions{width:100%;justify-content:flex-end;margin-left:0;gap:8px}.pending-info p{font-size:.875rem}.pending-info small{font-size:.75rem}}.pending-info small{color:#64748b;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-actions{display:flex;gap:8px;margin-left:12px}@media(max-width:480px){.approval-modal{max-width:320px!important;width:95%!important;padding:16px!important;right:10px!important;bottom:10px!important}.pending-item{flex-direction:column;align-items:stretch;gap:12px;padding:12px!important}.pending-actions{width:100%;justify-content:flex-end;margin-left:0}}.waiting-modal-overlay .ant-spin,.approval-modal-overlay .ant-spin{font-size:32px;margin-bottom:10px}.ant-spin .ant-spin-dot{font-size:32px}.waiting-modal{background:#fff;border-radius:12px;padding:2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 10px 25px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.waiting-modal h3{margin:0 0 1rem;color:#333;font-size:1.5rem}.waiting-modal p{margin:0 0 1.5rem;color:#666;line-height:1.4}.spinner{font-size:3rem;margin:1rem 0;display:block;animation:spin 1s linear infinite}.waiting-modal p:last-of-type{margin-bottom:1.5rem;font-weight:500;color:#444}.cancel-btn{background:#ff6b6b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .2s ease}.cancel-btn:hover{background:#ff5252}.approval-modal{background:#fff;border-radius:12px;max-width:500px;width:90%;max-height:60vh;overflow-y:auto;box-shadow:0 10px 25px #0003;animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee}.modal-header h3{margin:0;color:#333;font-size:1.25rem}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;padding:.25rem;border-radius:50%;transition:color .2s ease}.close-btn:hover{color:#333;background:#f0f0f0}.pending-list{list-style:none;margin:0;padding:0}.pending-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f5f5f5;transition:background .2s ease;padding:1rem 1.5rem 1rem 2rem}.pending-item:hover{background:#f9f9f9}.pending-item:last-child{border-bottom:none}.pending-info{flex:1}.pending-info p{margin:0 0 .5rem;color:#333}.pending-info small{color:#999;font-size:.875rem}.pending-actions{display:flex;gap:.5rem}.approve-btn,.deny-btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.approve-btn{background:#4caf50;color:#fff}.approve-btn:hover{background:#45a049}.deny-btn{background:#ff6b6b;color:#fff}.deny-btn:hover{background:#ff5252}@media(max-width:480px){.waiting-modal,.approval-modal{margin:1rem;width:calc(100% - 2rem)}.pending-item{flex-direction:column;align-items:flex-start;gap:1rem}.pending-actions{width:100%;justify-content:flex-end}}.pending{width:42px;height:42px;display:flex;align-items:center;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:1px solid rgba(255,255,255,.06);background:#11182799}.pending:hover{background:#1f2937bf;transform:translateY(-1px);box-shadow:0 6px 14px #00000059;border-color:#ffffff1a}.pending.on{background:#10b98129;border-color:#34d39973}.pending:after{content:"";display:block;width:22px;height:22px;margin:10px auto;background:#fff;-webkit-mask-image:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"%3e%3ccircle cx="12" cy="7" r="4"/%3e%3cpath d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/%3e%3ccircle cx="17" cy="17" r="1" fill="%23fff" opacity="0.5"/%3e%3ccircle cx="14" cy="17" r="1" fill="%23fff" opacity="0.5"/%3e%3ccircle cx="11" cy="17" r="1" fill="%23fff" opacity="0.5"/%3e%3c/svg%3e');mask-image:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"%3e%3ccircle cx="12" cy="7" r="4"/%3e%3cpath d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/%3e%3ccircle cx="17" cy="17" r="1" fill="%23fff" opacity="0.5"/%3e%3ccircle cx="14" cy="17" r="1" fill="%23fff" opacity="0.5"/%3e%3ccircle cx="11" cy="17" r="1" fill="%23fff" opacity="0.5"/%3e%3c/svg%3e');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;position:relative;z-index:1;line-height:0}.pending.on:after{color:#6ee7b7}.pending:hover:after{color:#f9fafb}@media(max-width:640px){.pending{width:38px;height:38px}.pending:after{width:20px;height:20px;margin:9px auto}}.pending-panel{position:fixed;top:75px;right:-100%;width:340px;height:82%;margin-right:20px;color:#e1e8ed;z-index:999;transition:right .3s cubic-bezier(.25,.46,.45,.94);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid rgba(43,82,120,.3);box-shadow:-4px 0 20px #00000080;border-radius:12px;background:#17212bf2}.pending-panel.open{right:0}.pending-panel .pending-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(43,82,120,.3);background:#0e162199;cursor:default}.pending-panel .pending-header .header-info{flex:1;display:flex;align-items:center;gap:12px}.pending-panel .pending-header .header-info .pending-title{color:#fff;font-weight:600;font-size:15px;line-height:1.2}.pending-panel .pending-header .header-actions{display:flex;align-items:center;gap:8px;position:relative}.pending-panel .pending-header .header-actions .notif-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#5ca3e6;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;pointer-events:none}.pending-panel .pending-header .header-actions .pending-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#8b9fafe6;font-size:20px;line-height:1;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease}.pending-panel .pending-header .header-actions .pending-close:hover{background:#2b52784d;color:#fff}.pending-panel .pending-body{overflow:auto;position:relative;background:linear-gradient(#0e1621e0,#0e1621e0),url(/images/bg-chat.jpg) center/cover no-repeat;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(43,82,120,.5) transparent}.pending-panel .pending-body::-webkit-scrollbar{width:6px}.pending-panel .pending-body::-webkit-scrollbar-track{background:transparent}.pending-panel .pending-body::-webkit-scrollbar-thumb{background:#2b527880;border-radius:3px}.pending-panel .pending-body::-webkit-scrollbar-thumb:hover{background:#2b5278b3}.pending-panel .pending-body .pending-empty{opacity:.6;font-size:13px;padding:8px;text-align:center;color:#8b9fafcc}.pending-panel .pending-body .pending-loading{opacity:.6;font-size:13px;padding:8px;text-align:center}.pending-panel .pending-body .pending-messages-scrollable{flex:1;overflow-y:auto;padding:8px;max-height:600px;background-color:#1a1a1a;border-radius:8px 8px 0 0}.pending-panel .pending-body .pending-messages-list{display:flex;flex-direction:column;gap:12px;padding:8px;background-color:#1a1a1a;border-radius:8px}.pending-panel .pending-body .pending-message{display:flex;gap:12px;padding:12px;background-color:#2a2a2a;border-radius:8px;border-left:3px solid #4a90e2;transition:background-color .2s ease;margin-bottom:10px}.pending-panel .pending-body .pending-message:hover{background-color:#3a3a3a}.pending-panel .pending-body .avatar{width:40px;height:40px;background-color:#4a90e2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.pending-panel .pending-body .message-content{flex:1;display:flex;flex-direction:column;gap:4px}.pending-panel .pending-body .message-meta{display:flex;justify-content:space-between;align-items:flex-start}.pending-panel .pending-body .display-name{font-weight:600;color:#fff;font-size:14px}.pending-panel .pending-body .timestamp{font-size:12px;color:#888;white-space:nowrap}.pending-panel .pending-body .message-text{color:#ccc;font-size:13px;line-height:1.4}.pending-panel .pending-body .message-actions{display:flex;gap:8px;margin-top:8px}.pending-panel .pending-body .approve-btn,.pending-panel .pending-body .deny-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.pending-panel .pending-body .approve-btn{background-color:#4caf50;color:#fff}.pending-panel .pending-body .approve-btn:hover{background-color:#45a049}.pending-panel .pending-body .deny-btn{background-color:#f44336;color:#fff}.pending-panel .pending-body .deny-btn:hover{background-color:#da190b}.pending-panel .pending-body .approve-all-section{padding:12px;border-top:1px solid #3a3a3a;background-color:#2a2a2a;border-radius:0 0 8px 8px;text-align:center}.pending-panel .pending-body .approve-all-btn{width:100%;padding:10px 16px;background-color:#2196f3;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.pending-panel .pending-body .approve-all-btn:hover:not(:disabled){background-color:#1976d2}.pending-panel .pending-body .approve-all-btn:disabled{background-color:#666;cursor:not-allowed}.pending-panel .pending-body .no-pending,.pending-panel .pending-body .pending-loading{text-align:center;padding:40px 20px;color:#888}.pending-panel .pending-body .pending-messages-list::-webkit-scrollbar{width:6px}.pending-panel .pending-body .pending-messages-list::-webkit-scrollbar-track{background:#1a1a1a}.pending-panel .pending-body .pending-messages-list::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:3px}.pending-panel .pending-body .pending-messages-list::-webkit-scrollbar-thumb:hover{background:#666}@media(max-width:480px){.pending-panel .pending-body .pending-message{max-width:90%;padding:7px 10px}.pending-panel .pending-body .pending-message .message-header .message-sender{font-size:11px;max-width:150px}.pending-panel .pending-body .pending-message .message-content{font-size:13px}.pending-panel .pending-body .pending-message .message-time{font-size:9px}}.pending-panel .pending-footer{border-top:1px solid rgba(43,82,120,.3);padding:8px;position:relative;overflow:visible;background:#0e162166}.pending-panel .pending-footer>*{width:100%}@media(max-device-width:720px){.pending-panel{width:min(92vw,360px);max-width:calc(100vw - 20px);right:-100%;transition:right .22s ease}.pending-panel.open{right:0}}@media(max-width:1024px)and (min-width:721px){.pending-panel{width:380px;max-width:calc(100vw - 32px);right:-100%;top:72px;bottom:88px}}.owner-actions button.locked{background:#ff572233;border:1px solid #ff5722}.owner-actions button.locked svg{color:#ff5722!important}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-overlay .loading-content{text-align:center;color:#fff}.loading-overlay .loading-content .spinner-ant{margin-bottom:20px}.loading-overlay .loading-content p{font-size:18px;margin:0 0 8px;font-weight:500}.loading-overlay .loading-content small{font-size:14px;opacity:.8}[data-component=PeerView] .info .peer{display:flex;align-items:flex-start;padding:8px 10px;gap:12px;background:transparent;border:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;min-width:150px;max-width:200px;transition:all .2s ease}[data-component=PeerView] .info .peer:hover{background:transparent}[data-component=PeerView] .info .peer .online-dot{height:6px;width:6px;border-radius:50%;background:#10b981;box-shadow:0 0 3px #10b981cc;flex-shrink:0;margin-top:2px}[data-component=PeerView] .info .peer .online-dot.connecting{background:#f59e0b;box-shadow:0 0 3px #f59e0bcc}[data-component=PeerView] .info .peer .online-dot.disconnected{background:#ef4444;box-shadow:0 0 3px #ef4444cc}[data-component=PeerView] .info .peer .avatar-wrapper{position:relative;order:1;flex:0 0 auto;margin-right:4px}[data-component=PeerView] .info .peer .avatar-wrapper .avatar{width:32px;height:32px;border-radius:50%;background:#5ca3e6b3;color:#fff;display:grid;place-items:center;font-weight:600;font-size:12px;border:2px solid rgba(92,163,230,.8);transition:all .2s ease;box-shadow:0 2px 4px #0006}[data-component=PeerView] .info .peer .avatar-wrapper .avatar.avatar--owner{background:#f7c948b3;border-color:#f7c948cc}[data-component=PeerView] .info .peer .avatar-wrapper .crown-icon--ontop{position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(30deg);font-size:12px!important;line-height:1;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}[data-component=PeerView] .info .peer .meta{order:2;flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:4px}[data-component=PeerView] .info .peer .meta .name{display:flex;align-items:center;gap:6px;width:100%}[data-component=PeerView] .info .peer .meta .name .display-name{font-weight:500;color:#fff;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;flex:1;text-shadow:0 1px 2px rgba(0,0,0,.8)}[data-component=PeerView] .info .peer .meta .name .display-name.editable{background:#1f293799!important;border:1px solid rgba(92,163,230,.4)!important;border-radius:6px!important;padding:4px 8px!important;color:#fff!important;font-size:13px!important;min-width:100px!important;max-width:150px!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important;cursor:text!important}[data-component=PeerView] .info .peer .meta .name .display-name.editable:focus{outline:none!important;border-color:#5ca3e6!important;box-shadow:0 0 0 2px #5ca3e633!important;background:#1f2937cc!important}[data-component=PeerView] .info .peer .meta .name .display-name.editable.loading{opacity:.7;pointer-events:none;cursor:wait!important}[data-component=PeerView] .info .peer .meta .name .display-name.editable.invalid{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444433!important}[data-component=PeerView] .info .peer .meta .name .display-name:not(.RIEInputEditing){cursor:pointer!important}[data-component=PeerView] .info .peer .meta .name .display-name:not(.RIEInputEditing):hover{background:#5ca3e61a!important;border-radius:4px!important;padding:2px 4px!important}[data-component=PeerView] .info .peer .meta .name .display-name.RIEInputEditing{background:#1f2937cc!important;border:2px solid #5ca3e6!important;border-radius:6px!important;padding:4px 8px!important;color:#fff!important;font-size:13px!important;font-family:inherit!important;outline:none!important;box-shadow:0 0 0 2px #5ca3e633!important}[data-component=PeerView] .info .peer .meta .name input.display-name{background:#1f293799!important;border:1px solid rgba(92,163,230,.4)!important;border-radius:6px!important;padding:4px 8px!important;color:#fff!important;font-size:13px!important;font-family:inherit!important;width:100%!important}[data-component=PeerView] .info .peer .meta .name input.display-name:focus{outline:none!important;border-color:#5ca3e6!important;box-shadow:0 0 0 2px #5ca3e633!important;background:#1f2937cc!important}[data-component=PeerView] .info .peer.is-me{border-color:#10b98133}[data-component=PeerView] .info .peer.is-me .avatar{background:#10b9814d;border-color:#10b98180}[data-component=PeerView] .info .peer.is-me:hover{border-color:#10b98166}[data-component=PeerView] .info .peer.is-me .display-name.editable{pointer-events:auto!important;-webkit-user-select:text!important;user-select:text!important;cursor:text!important}[data-component=PeerView] .info .peer .meta .name .display-name{pointer-events:auto!important;-webkit-user-select:text!important;user-select:text!important}[data-component=PeerView] .info .peer .meta .name .display-name.editable:hover{background:#5ca3e61a!important}[data-component=PeerView] .info .peer .meta .name{pointer-events:auto!important}[data-component=PeerView] .info .peer .meta .name .RIEInput,[data-component=PeerView] .info .peer .meta .name .display-name{pointer-events:auto!important;-webkit-user-select:text!important;user-select:text!important;cursor:pointer!important}[data-component=PeerView] .info .peer .meta .name .RIEInput.RIEInputEditing,[data-component=PeerView] .info .peer .meta .name .display-name.RIEInputEditing{cursor:text!important;-webkit-user-select:text!important;user-select:text!important}[data-component=PeerView] .info .peer,[data-component=PeerView] .info .peer *{pointer-events:auto!important}[data-component=Me]{position:relative;height:100%;width:100%}[data-component=Me]>.state{position:absolute;z-index:10;right:5px;top:5px}[data-component=Me]>.state>.icon{border-radius:100%}@media(min-device-width:721px){[data-component=Me]>.state>.icon{margin:6px 0 6px 6px;height:16px;width:16px}}@media(max-device-width:720px){[data-component=Me]>.state>.icon{margin:4px 0 4px 4px;height:16px;width:16px}}[data-component=Me]>.state>.icon.new,[data-component=Me]>.state>.icon.closed{background-color:#aaaaaa80}[data-component=Me]>.state>.icon.connecting{animation:Room-info-state-connecting .75s infinite linear}[data-component=Me]>.state>.icon.connected{background-color:#30bd18bf}[data-component=Me]>.controls{position:absolute;z-index:10;top:0;left:0;right:20px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;pointer-events:none}[data-component=Me]>.controls>.button{flex:0 0 auto;margin:4px 4px 4px 0;border-radius:2px;pointer-events:auto;background-position:center;background-size:75%;background-repeat:no-repeat;background-color:#00000080;cursor:pointer;transition-property:opacity,background-color;transition-duration:.15s}@media(min-device-width:721px){[data-component=Me]>.controls>.button{width:28px;height:28px;opacity:.85}[data-component=Me]>.controls>.button:hover{opacity:1}}@media(max-device-width:720px){[data-component=Me]>.controls>.button{width:26px;height:26px}}[data-component=Me]>.controls>.button.unsupported{pointer-events:none}[data-component=Me]>.controls>.button.disabled{pointer-events:none;opacity:.5}[data-component=Me]>.controls>.button.on{background-color:#ffffffd9}[data-component=Me]>.controls>.button.mic.on{background-image:url(/images/icon_mic_black_on.svg)}[data-component=Me]>.controls>.button.mic.off{background-image:url(/images/icon_mic_white_off.svg);background-color:#d42241b3}[data-component=Me]>.controls>.button.mic.unsupported{background-image:url(/images/icon_mic_white_unsupported.svg)}[data-component=Me]>.controls>.button.webcam.on{background-image:url(/images/icon_webcam_black_on.svg)}[data-component=Me]>.controls>.button.webcam.off{background-image:url(/images/icon_webcam_white_on.svg)}[data-component=Me]>.controls>.button.webcam.unsupported{background-image:url(/images/icon_webcam_white_unsupported.svg)}[data-component=Me]>.controls>.button.change-webcam.on{background-image:url(/images/icon_change_webcam_black.svg)}[data-component=Me]>.controls>.button.change-webcam.unsupported{background-image:url(/images/icon_change_webcam_white_unsupported.svg)}[data-component=Me]>.controls>.button.share.on{background-image:url(/images/icon_share_black_on.svg)}[data-component=Me]>.controls>.button.share.off{background-image:url(/images/icon_share_white_on.svg)}[data-component=Me]>.controls>.button.share.unsupported{background-image:url(/images/icon_share_white_unsupported.svg)}[data-component=ChatInput]{position:relative;height:100%;width:100%;z-index:10}[data-component=ChatInput] .chat-input-wrapper{position:relative;display:flex;align-items:center;gap:8px;padding:8px;background:#243b55cc;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s ease}[data-component=ChatInput] .chat-input-wrapper:focus-within{border-color:#4fc3f766;box-shadow:0 0 0 2px #4fc3f71a}[data-component=ChatInput] .chat-input-wrapper .textarea-container{position:relative;flex:1;display:flex;align-items:center}[data-component=ChatInput] .chat-textarea{flex:1;min-height:40px;max-height:100px;padding:8px 45px 8px 10px;resize:none;outline:none;background:#ffffff0d;color:#fff;font-family:Segoe UI,Roboto,Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.4;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .2s ease}[data-component=ChatInput] .chat-textarea::-webkit-input-placeholder{color:#ffffff80}[data-component=ChatInput] .chat-textarea:-moz-placeholder{color:#ffffff80}[data-component=ChatInput] .chat-textarea::-moz-placeholder{color:#ffffff80}[data-component=ChatInput] .chat-textarea:-ms-input-placeholder{color:#ffffff80}[data-component=ChatInput] .chat-textarea:focus{background:#ffffff14;border-color:#4fc3f74d;box-shadow:0 0 0 1px #4fc3f71a}[data-component=ChatInput] .chat-textarea:disabled{opacity:.5;cursor:not-allowed}[data-component=ChatInput] .chat-textarea:not(:focus){overflow:hidden}[data-component=ChatInput] .emoji-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;color:#fff}[data-component=ChatInput] .emoji-btn svg{color:#fff;opacity:.7;transition:opacity .2s ease,transform .2s ease}[data-component=ChatInput] .emoji-btn:hover:not(:disabled){background:#ffffff14}[data-component=ChatInput] .emoji-btn:hover:not(:disabled) svg{opacity:1;transform:scale(1.1)}[data-component=ChatInput] .emoji-btn:active:not(:disabled),[data-component=ChatInput] .emoji-btn.active{background:#4fc3f726}[data-component=ChatInput] .emoji-btn:active:not(:disabled) svg,[data-component=ChatInput] .emoji-btn.active svg{opacity:1;color:#4fc3f7}[data-component=ChatInput] .emoji-btn.inside-textarea{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;font-size:16px;border-radius:8px;z-index:2}[data-component=ChatInput] .emoji-btn.inside-textarea:hover:not(:disabled){background:#ffffff14;transform:translateY(-50%)}[data-component=ChatInput] .emoji-btn.inside-textarea:active:not(:disabled),[data-component=ChatInput] .emoji-btn.inside-textarea.active{background:#4fc3f726;transform:translateY(-50%)}[data-component=ChatInput] .emoji-btn:disabled{opacity:.4;cursor:not-allowed}[data-component=ChatInput] .chat-send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#4fc3f726;border:1px solid rgba(79,195,247,.2);border-radius:10px;color:#4fc3f799;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-component=ChatInput] .chat-send-btn:hover:not(:disabled){background:#4fc3f740;border-color:#4fc3f766;color:#4fc3f7e6;transform:scale(1.05)}[data-component=ChatInput] .chat-send-btn:active:not(:disabled){transform:scale(.95)}[data-component=ChatInput] .chat-send-btn.can-send{background:linear-gradient(135deg,#4fc3f7,#29b6f6);border-color:#4fc3f7;color:#fff;box-shadow:0 2px 8px #4fc3f74d}[data-component=ChatInput] .chat-send-btn.can-send:hover{background:linear-gradient(135deg,#29b6f6,#1e88e5);box-shadow:0 4px 12px #4fc3f766;transform:scale(1.05)}[data-component=ChatInput] .chat-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}[data-component=ChatInput] .chat-send-btn svg{transition:transform .2s ease}[data-component=ChatInput] .chat-send-btn:hover:not(:disabled) svg{transform:translate(1px)}[data-component=ChatInput] .emoji-picker{position:absolute;bottom:100%;left:-8px;right:-8px;margin-bottom:8px;background:#243b55f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #0000004d;z-index:1000;animation:emojiPickerSlideIn .3s cubic-bezier(.4,0,.2,1);width:auto}[data-component=ChatInput] .emoji-picker .emoji-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;padding:12px;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(79,195,247,.3) transparent}[data-component=ChatInput] .emoji-picker .emoji-grid::-webkit-scrollbar{width:6px}[data-component=ChatInput] .emoji-picker .emoji-grid::-webkit-scrollbar-track{background:transparent}[data-component=ChatInput] .emoji-picker .emoji-grid::-webkit-scrollbar-thumb{background:#4fc3f74d;border-radius:3px}[data-component=ChatInput] .emoji-picker .emoji-item{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;font-size:20px;cursor:pointer;transition:all .2s ease}[data-component=ChatInput] .emoji-picker .emoji-item:hover{background:#ffffff1a;transform:scale(1.2)}[data-component=ChatInput] .emoji-picker .emoji-item:active{transform:scale(1.1)}@keyframes emojiPickerSlideIn{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){[data-component=ChatInput] .chat-input-wrapper{padding:6px;gap:6px}[data-component=ChatInput] .chat-textarea{font-size:13px;padding:6px 10px}[data-component=ChatInput] .emoji-btn,[data-component=ChatInput] .chat-send-btn{width:36px;height:36px}[data-component=ChatInput] .emoji-btn,[data-component=ChatInput] .chat-icon{font-size:16px}[data-component=ChatInput] .emoji-picker{left:-6px;right:-6px;width:auto}[data-component=ChatInput] .emoji-picker .emoji-grid{grid-template-columns:repeat(8,1fr);padding:8px}[data-component=ChatInput] .emoji-picker .emoji-item{width:28px;height:28px;font-size:18px}}.chat-box{width:100%;height:100%;background:#1a1a1a;border-radius:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid #3d3d3d}.chat-box .chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);color:#fff;border-bottom:1px solid #3d3d3d;box-shadow:0 2px 8px #0000004d}.chat-box .chat-header .chat-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px}.chat-box .chat-header .chat-title .icon{width:18px;height:18px}.chat-box .chat-header .chat-title .online-count{font-size:13px;opacity:.9;font-weight:400;color:#ffffffe6}.chat-box .chat-header .chat-controls{display:flex;gap:8px}.chat-box .chat-header .chat-controls .control-btn{width:32px;height:32px;border:none;border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-box .chat-header .chat-controls .control-btn:hover{background:#fff3;transform:scale(1.1)}.chat-box .chat-header .chat-controls .control-btn.paused{background:#ffc1074d;color:#ffc107}.chat-box .chat-header .chat-controls .control-btn.close-btn:hover{background:#dc35454d;color:#dc3545}.chat-box .chat-header .chat-controls .control-btn .icon{font-size:14px}.chat-box .chat-messages{flex:1;padding:16px;overflow-y:auto;background:#0f0f0f;scroll-behavior:smooth;height:0;scrollbar-width:thin;scrollbar-color:#243b55 #2d2d2d}.chat-box .chat-messages::-webkit-scrollbar{width:12px}.chat-box .chat-messages::-webkit-scrollbar-track{background:#2d2d2d;border-radius:6px;border:1px solid #3d3d3d}.chat-box .chat-messages::-webkit-scrollbar-thumb{background:#243b55;border-radius:6px;border:2px solid #2d2d2d}.chat-box .chat-messages::-webkit-scrollbar-thumb:hover{background:#ee5a52;border-color:#1a1a1a}.chat-box .chat-messages::-webkit-scrollbar-thumb:active{background:#d63031}.chat-box .chat-messages .chat-message{margin-bottom:16px;animation:fadeInUp .3s ease}.chat-box .chat-messages .chat-message.pending{opacity:.7;border-style:dashed}.chat-box .chat-messages .chat-message.pending .message-content{position:relative}.chat-box .chat-messages .chat-message.pending .message-content .pending-indicator{margin-left:8px}.chat-box .chat-messages .chat-message.pending .message-content .pending-indicator .sending-dots{display:inline-block}.chat-box .chat-messages .chat-message.pending .message-content .pending-indicator .sending-dots span{animation:sendingDots 1.4s infinite ease-in-out}.chat-box .chat-messages .chat-message.pending .message-content .pending-indicator .sending-dots span:nth-child(1){animation-delay:-.32s}.chat-box .chat-messages .chat-message.pending .message-content .pending-indicator .sending-dots span:nth-child(2){animation-delay:-.16s}.chat-box .chat-messages .chat-message.pending .message-content .pending-indicator .sending-dots span:nth-child(3){animation-delay:0s}.chat-box .chat-messages .chat-message.pending .message-time .pending-icon{margin-left:4px;animation:pulse 1.5s infinite}.chat-box .chat-messages .chat-message.own-message .message-header{justify-content:flex-end;gap:4px}.chat-box .chat-messages .chat-message.own-message .message-header .username{color:#243b55;font-weight:600}.chat-box .chat-messages .chat-message.own-message .message-content{background:linear-gradient(135deg,#243b55,#141e30);color:#fff;margin-left:auto;border-radius:18px 18px 4px;border:1px solid #243b55;box-shadow:0 2px 8px #243b544d}.chat-box .chat-messages .chat-message.user-message .message-content{background:#2d2d2d;color:#fff;border-radius:18px 18px 18px 4px;border:1px solid #3d3d3d}.chat-box .chat-messages .chat-message .message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;padding:0 4px;flex-wrap:wrap;gap:4px}.chat-box .chat-messages .chat-message .message-header .username{font-size:13px;font-weight:500;color:#aaa;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.chat-box .chat-messages .chat-message .message-header .timestamp{font-size:11px;color:#717171;flex-shrink:0}.chat-box .chat-messages .chat-message .message-content{padding:8px 16px;max-width:80%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;font-size:14px;box-shadow:0 1px 3px #0003}.chat-box .chat-input-container{padding:16px;background:#1a1a1a;border-top:1px solid #3d3d3d}.chat-box .chat-input-container .chat-input-form{display:flex;gap:8px;margin-bottom:8px}.chat-box .chat-input-container .chat-input-form .chat-input{flex:1;padding:10px 16px;border:1px solid #3d3d3d;border-radius:20px;font-size:14px;outline:none;transition:all .2s ease;background:#2d2d2d;color:#fff}.chat-box .chat-input-container .chat-input-form .chat-input:focus{border-color:#243b55;box-shadow:0 0 0 3px #243b5433}.chat-box .chat-input-container .chat-input-form .chat-input::placeholder{color:#717171}.chat-box .chat-input-container .chat-input-form .send-btn{width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,#243b55,#141e30);color:#fff!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:1px solid #243b55}.chat-box .chat-input-container .chat-input-form .send-btn:hover:not(:disabled){background:linear-gradient(135deg,#ee5a52,#d63031);border-color:#ee5a52;transform:scale(1.05)}.chat-box .chat-input-container .chat-input-form .send-btn:disabled{background:#3d3d3d;border-color:#3d3d3d;cursor:not-allowed}.chat-box .chat-input-container .chat-input-form .send-btn .icon{width:32px;height:32px;padding:4px}.chat-box .chat-input-container .chat-info{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#717171}.chat-box .chat-input-container .chat-info .char-count{font-weight:500;color:#aaa}.chat-box .chat-input-container .chat-info .status{display:flex;align-items:center;gap:6px}.chat-box .chat-input-container .chat-info .status:before{content:"";width:6px;height:6px;border-radius:50%;background:#243b55;animation:pulse 2s infinite}.chat-box .chat-input-container-mobile{background:transparent;border:none;padding:12px}.chat-box .chat-input-container-mobile .chat-input-form .chat-input{background:#2d2d2d73}@media(max-width:768px){.chat-box{border-radius:8px}.chat-box .chat-header{padding:12px 16px}.chat-box .chat-header .chat-title{font-size:14px}.chat-box .chat-header .chat-title .icon{font-size:16px}.chat-box .chat-header .chat-title .online-count{font-size:12px}.chat-box .chat-header .chat-controls .control-btn{width:28px;height:28px}.chat-box .chat-header .chat-controls .control-btn .icon{font-size:12px}.chat-box .chat-messages{padding:12px}.chat-box .chat-messages .chat-message{margin-bottom:12px}.chat-box .chat-messages .chat-message .message-content{max-width:90%;font-size:13px;padding:6px 12px}.chat-box .chat-messages .chat-message .message-header{flex-wrap:wrap;gap:4px}.chat-box .chat-messages .chat-message .message-header .username{font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.chat-box .chat-messages .chat-message .message-header .timestamp{font-size:10px;flex-shrink:0}.chat-box .chat-messages .chat-message .message-content{word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.chat-box .chat-input-container{padding:12px}.chat-box .chat-input-container .chat-input-form{gap:6px}.chat-box .chat-input-container .chat-input-form .chat-input{padding:8px 12px;font-size:13px}.chat-box .chat-input-container .chat-input-form .send-btn{width:36px;height:36px}.chat-box .chat-input-container .chat-input-form .send-btn .icon{font-size:14px}.chat-box .chat-input-container .chat-info{font-size:11px}}@keyframes sendingDots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}[data-component=Peers]{min-height:100%;width:100%}@media(min-device-width:721px){[data-component=Peers]{width:100%;padding:40px 0 220px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center}}@media(max-device-width:720px){[data-component=Peers]{min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}}[data-component=Peers]>.peer-container{overflow:hidden;border-radius:8px}[data-component=Peers]>.peer-container.Appear-appear{will-change:opacity;opacity:0}[data-component=Peers]>.peer-container.Appear-appear.Appear-appear-active{transition-property:opacity;transition-duration:1s;opacity:1}@media(min-device-width:721px){[data-component=Peers]>.peer-container{flex:0 0 auto;height:382px;width:450px;margin:6px;border:1px solid rgba(255,255,255,.15);box-shadow:0 5px 12px 2px #11111180;transition-property:border-color;transition-duration:.35s}[data-component=Peers]>.peer-container.active-speaker{border-color:#fff}}@media(max-device-width:720px){[data-component=Peers]>.peer-container{flex:100 100 auto;order:2;min-height:25vh;width:100%;display:100 100 auto;flex-direction:column;justify-content:center;align-items:center}[data-component=Peers]>.peer-container.active-speaker{order:1}}[data-component=Peer]{flex:100 100 auto;position:relative;height:100%;width:100%}@media(max-device-width:720px){[data-component=Peer]{display:flex;flex-direction:column;justify-content:center;align-items:center}}[data-component=Peer]>.indicators{position:absolute;z-index:10;top:0;right:0;width:150px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;pointer-events:none}[data-component=Peer]>.indicators>.icon{flex:0 0 auto;margin:4px 4px 4px 0;width:32px;height:32px;background-position:center;background-size:75%;background-repeat:no-repeat;transition-property:opacity;transition-duration:.15s}@media(min-device-width:721px){[data-component=Peer]>.indicators>.icon{opacity:.85}}[data-component=Peer]>.indicators>.icon.mic-off{background-image:url(/images/icon_remote_mic_white_off.svg)}[data-component=Peer]>.indicators>.icon.mic-on{background-image:url(/images/icon_remote_mic_white_on.svg)}[data-component=Peer]>.indicators>.icon.webcam-off{background-image:url(/images/icon_remote_webcam_white_off.svg)}[data-component=Peer]>.indicators>.icon.webcam-on{background-image:url(/images/icon_remote_webcam_white_on.svg)}[data-component=Peer]>.host-controls{position:absolute;z-index:11;top:8px;left:8px;display:flex;gap:8px}[data-component=Peer]>.host-controls .btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-position:center;background-repeat:no-repeat;background-size:70%;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}[data-component=Peer]>.host-controls .btn:hover{background-color:#00000080}[data-component=Peer]>.host-controls .btn.mute-mic{background-image:url(/images/icon_remote_mic_white_off.svg)}[data-component=Peer]>.host-controls .btn.stop-cam{background-image:url(/images/icon_remote_webcam_white_off.svg)}[data-component=Peer]>.host-controls .btn.disabled{opacity:.5;pointer-events:none}[data-component=Peer] .incompatible-video{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center}[data-component=Peer] .incompatible-video>p{padding:6px 12px;border-radius:6px;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:15px;color:#ffffff8c}[data-component=PeerView]{position:relative;flex:100 100 auto;height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden;background-color:#243b55bf;background-position:bottom;background-size:auto 80%;background-repeat:no-repeat}[data-component=PeerView]>.info{position:absolute;pointer-events:none;z-index:5;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(to bottom,#0000,#0000 70%,#0000001a 80%,#00000080)}[data-component=PeerView]>.info>.icons{display:flex;flex-direction:row}[data-component=PeerView]>.info>.icons>.icon{pointer-events:auto;margin:4px 0 4px 4px;background-position:center;background-size:100%;background-repeat:no-repeat;cursor:pointer;transition-property:opacity,background-color;transition-duration:.15s}@media(min-device-width:721px){[data-component=PeerView]>.info>.icons>.icon{width:28px;height:28px;opacity:.75}[data-component=PeerView]>.info>.icons>.icon:hover{opacity:1}}@media(max-device-width:720px){[data-component=PeerView]>.info>.icons>.icon{width:26px;height:26px}}[data-component=PeerView]>.info>.icons>.icon.info.on{background-image:url(/images/icon_info_white_on.svg)}[data-component=PeerView]>.info>.icons>.icon.info:not(.on){background-image:url(/images/icon_info_white_off.svg)}[data-component=PeerView]>.info>.icons>.icon.stats{background-image:url(/images/icon_stats_white_on.svg)}[data-component=PeerView]>.info>.box{pointer-events:auto;position:absolute;left:4px;right:4px;bottom:4px;padding:4px 6px 50px;border-radius:2px;background-color:#000000a6;opacity:1;overflow:auto;transform-origin:left top;transition:.1s}@media(min-device-width:721px){[data-component=PeerView]>.info>.box{top:36px}}@media(max-device-width:720px){[data-component=PeerView]>.info>.box{top:34px}}[data-component=PeerView]>.info>.box:not(.visible){z-index:-1;opacity:0;transform:scale(0)}[data-component=PeerView]>.info>.box>h1{pointer-events:none;margin-top:5px;margin-bottom:5px;color:#fff;font-size:12px;font-weight:400}[data-component=PeerView]>.info>.box>p{pointer-events:none;margin-bottom:2px;color:#ffffffbf;font-size:11px}[data-component=PeerView]>.info>.box>p:last-child{margin-bottom:0}[data-component=PeerView]>.info>.box>p.clickable,[data-component=PeerView]>.info>.box>p .clickable{pointer-events:auto;-webkit-user-select:none;user-select:none;color:#44c5d6}[data-component=PeerView]>.info>.box>p.clickable:hover,[data-component=PeerView]>.info>.box>p .clickable:hover{cursor:pointer;color:#73feff;text-decoration:underline}[data-component=PeerView]>.info>.box>p.copiable,[data-component=PeerView]>.info>.box>p .copiable{pointer-events:auto;cursor:text}[data-component=PeerView]>.info>.box>p.copiable:hover,[data-component=PeerView]>.info>.box>p .copiable:hover{color:#44c5d6;text-decoration:underline}[data-component=PeerView]>.info>.box>p.indent{margin-left:10px}[data-component=PeerView]>.info>.peer{flex:0 0 auto;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;padding:10px}@media(min-device-width:721px){[data-component=PeerView]>.info>.peer:not(.is-me){pointer-events:none}}[data-component=PeerView]>.info>.peer>.online-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-right:4px}[data-component=PeerView]>.info>.peer>.online-dot.new,[data-component=PeerView]>.info>.peer>.online-dot.closed{background-color:#aaaaaa80}[data-component=PeerView]>.info>.peer>.online-dot.connecting{animation:Room-info-state-connecting .75s infinite linear}[data-component=PeerView]>.info>.peer>.online-dot.connected{background:#10b981}@media(max-device-width:720px){[data-component=PeerView]>.info>.peer>.online-dot{width:5px;height:5px;margin-right:3px}}[data-component=PeerView]>.info>.peer>.crown-icon{flex-shrink:0;margin-right:6px;margin-left:0;font-size:14px;display:inline-block}@media(max-device-width:720px){[data-component=PeerView]>.info>.peer>.crown-icon{font-size:12px;margin-right:4px;margin-left:0}}[data-component=PeerView]>.info>.peer>.display-name{font-size:14px;font-weight:400;color:#004085;border:1px solid #90caf9;background-color:#e3f2fd;padding:4px 8px;border-radius:20px;max-width:300px;width:fit-content;white-space:nowrap;overflow:hidden;display:inline-block;text-overflow:ellipsis}@media(max-device-width:720px){[data-component=PeerView]>.info>.peer>.display-name{max-width:200px;font-size:12px;padding:3px 6px}}[data-component=PeerView]>.info>.peer>span.display-name{-webkit-user-select:none;user-select:none;cursor:text}[data-component=PeerView]>.info>.peer>span.display-name:not(.editable){cursor:default}[data-component=PeerView]>.info>.peer>span.display-name.editable{pointer-events:auto}@media(min-device-width:721px){[data-component=PeerView]>.info>.peer>span.display-name.editable:hover{background-color:#aeff0040}}[data-component=PeerView]>.info>.peer>span.display-name.loading{opacity:.5}[data-component=PeerView]>.info>.peer>input.display-name{border:none;color:#004085;border-bottom:1px solid #aeff00;background-color:#e3f2fd;height:26px;width:100%}[data-component=PeerView]>.info>.peer>.row{margin-top:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}[data-component=PeerView]>.info>.peer>.row>.device-icon{height:16px;width:16px;margin-right:5px;-webkit-user-select:none;user-select:none;pointer-events:none;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:url(/images/devices/unknown.svg)}[data-component=PeerView]>.info>.peer>.row>.device-icon.chrome{background-image:url(/images/devices/chrome_16x16.png)}[data-component=PeerView]>.info>.peer>.row>.device-icon.firefox{background-image:url(/images/devices/firefox_16x16.png)}[data-component=PeerView]>.info>.peer>.row>.device-icon.safari{background-image:url(/images/devices/safari_16x16.png)}[data-component=PeerView]>.info>.peer>.row>.device-icon.msedge{background-image:url(/images/devices/edge_16x16.png)}[data-component=PeerView]>.info>.peer>.row>.device-icon.opera{background-image:url(/images/devices/opera_16x16.png)}[data-component=PeerView]>.info>.peer>.row>.device-icon.broadcaster{height:18px;width:18px;background-image:url(/images/devices/broadcaster.svg)}[data-component=PeerView]>.info>.peer>.row>.device-version{-webkit-user-select:none;user-select:none;pointer-events:none;font-size:11px;color:#ffffff8c}[data-component=PeerView] .fullscreen-toggle{position:absolute;bottom:5px;right:8px;z-index:10;background:#00000080;color:#fff;border:none;border-radius:6px;padding:15px;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3e%3cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center}[data-component=PeerView]>video{flex:100 100 auto;height:100%;width:100%;object-fit:cover;-webkit-user-select:none;user-select:none;transition-property:opacity;transition-duration:.5s;background-color:#000000bf}[data-component=PeerView]>video.is-me{transform:scaleX(-1)}[data-component=PeerView]>video.is-share{transform:none!important}[data-component=PeerView]>video.hidden{opacity:0;transition-duration:0s}[data-component=PeerView]>video.network-error{filter:grayscale(100%) brightness(135%) blur(5px)}[data-component=PeerView]>audio{display:none;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;border:2px solid red}[data-component=PeerView]>canvas.face-detection{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;pointer-events:none}[data-component=PeerView]>canvas.face-detection.is-me{transform:scaleX(-1)}[data-component=PeerView]>.volume-container{position:absolute;top:0;bottom:0;right:2px;width:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}[data-component=PeerView]>.volume-container>.bar{width:6px;border-radius:6px;background:#ffff00a6;transition-property:height background-color;transition-duration:.25s}[data-component=PeerView]>.volume-container>.bar.level0{height:0;background-color:#ffff00a6}[data-component=PeerView]>.volume-container>.bar.level1{height:10%;background-color:#ffff00a6}[data-component=PeerView]>.volume-container>.bar.level2{height:20%;background-color:#ffff00a6}[data-component=PeerView]>.volume-container>.bar.level3{height:30%;background-color:#ffff00a6}[data-component=PeerView]>.volume-container>.bar.level4{height:40%;background-color:#ffa500a6}[data-component=PeerView]>.volume-container>.bar.level5{height:50%;background-color:#ffa500a6}[data-component=PeerView]>.volume-container>.bar.level6{height:60%;background-color:#ff0000a6}[data-component=PeerView]>.volume-container>.bar.level7{height:70%;background-color:#ff0000a6}[data-component=PeerView]>.volume-container>.bar.level8{height:80%;background-color:#000000a6}[data-component=PeerView]>.volume-container>.bar.level9{height:90%;background-color:#000000a6}[data-component=PeerView]>.volume-container>.bar.level10{height:100%;background-color:#000000a6}[data-component=PeerView]>.spinner-container{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;background-color:#000000bf}[data-component=PeerView]>.spinner-container .react-spinner{position:relative;width:48px;height:48px;top:50%;left:50%}[data-component=PeerView]>.spinner-container .react-spinner .react-spinner_bar{position:absolute;width:20%;height:7.8%;top:-3.9%;left:-10%;animation:PeerView-spinner 1.2s linear infinite;border-radius:5px;background-color:#ffffff80}[data-component=PeerView]>.video-elem-paused{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;background-position:center;background-image:url(/images/icon_video_elem_paused.svg);background-size:35%;background-color:#00000040;background-repeat:no-repeat}@keyframes PeerView-spinner{0%{opacity:1}to{opacity:.15}}[data-component=CallPage].call-page{position:relative;display:flex;flex-direction:column;height:100vh;background:#0b0b0b;color:#fff;overflow:hidden}[data-component=CallPage].call-page .call-header{padding:12px 16px;background:#0000008c}[data-component=CallPage].call-page .call-header .room-label{font-weight:600}[data-component=CallPage].call-page .call-main{flex:1;position:relative;display:flex;align-items:center;justify-content:center}[data-component=CallPage].call-page .call-main .large-stage{position:relative;width:100%;height:calc(100vh - 160px);max-width:1200px;max-height:calc(100vh - 160px);background:#000;border-radius:8px;max-height:calc(100vh - 190px - env(safe-area-inset-top,0px));overflow:hidden;min-height:0}[data-component=CallPage].call-page .call-main .local-pip{position:absolute;right:16px;bottom:16px;width:176px;height:99px;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #0000008c;cursor:pointer;z-index:20;pointer-events:auto;touch-action:none}[data-component=CallPage].call-page .call-main .local-pip video{width:100%;height:100%;object-fit:cover;display:block}[data-component=CallPage].call-page.mobile .call-main{flex-direction:column}[data-component=CallPage].call-page.mobile .call-main .large-stage{width:100%;height:100dvh;padding-bottom:unset;max-width:none;max-height:none;border-radius:0}[data-component=CallPage].call-page.mobile .call-main .mobile-other{height:40vh;width:100%;margin-top:8px}[data-component=CallPage].call-page.mobile .call-main .mobile-other .remote-small{width:100%;height:100%;border-radius:8px;overflow:hidden;background:#000}[data-component=CallPage].call-page .call-footer{padding:12px;display:flex;justify-content:center;transition:opacity .2s ease;height:64px;background:#000000bf}[data-component=CallPage].call-page .call-footer .call-controls{display:flex;gap:12px;align-items:center}[data-component=CallPage].call-page .call-footer .call-controls .ctrl-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;display:flex;align-items:center;width:42px;height:42px;border-radius:50%;cursor:pointer;background:#111827;border:1px solid rgba(255,255,255,.25);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .15s ease}[data-component=CallPage].call-page .call-footer .call-controls .ctrl-btn:hover{background:#1f2937;transform:translateY(-2px) scale(1.08);box-shadow:0 8px 18px #0000008c}[data-component=CallPage].call-page .call-footer .call-controls .ctrl-btn:active{transform:scale(.92);box-shadow:0 4px 10px #000000a6 inset}[data-component=CallPage].call-page .call-footer .call-controls .ctrl-btn.disabled{opacity:.5;pointer-events:none}[data-component=CallPage].call-page .call-footer .call-controls .ctrl-btn:after{content:"";display:block;width:22px;height:22px;margin:10px auto;background:#e5e7eb;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;transition:background .25s ease}[data-component=CallPage].call-page .call-footer .call-controls .ctrl-btn.on{background:#10b98173;border-color:#34d399e6}[data-component=CallPage].call-page .call-footer .call-controls .ctrl-btn.on:after{background:#34d399}[data-component=CallPage].call-page .call-footer .call-controls .ctrl-btn.hide-videos{background:#d42241;border-color:#ff94a4e6}[data-component=CallPage].call-page .call-footer .call-controls .ctrl-btn.hide-videos:after{-webkit-mask-image:url(/images/icon_video_black_off.svg);mask-image:url(/images/icon_video_black_off.svg);background:#fff}[data-component=CallPage].call-page .call-footer .call-controls .ctrl-btn.hide-videos.on{background:#10b98173;border-color:#34d399e6}[data-component=CallPage].call-page .call-footer .call-controls .ctrl-btn.hide-videos.on:after{-webkit-mask-image:url(/images/icon_video_white_on.svg);mask-image:url(/images/icon_video_white_on.svg);background:#34d399}[data-component=CallPage].call-page .call-footer .call-controls .ctrl-btn.change-webcam{background:#111827d9;border:1px solid rgba(255,255,255,.16);cursor:pointer}[data-component=CallPage].call-page .call-footer .call-controls .ctrl-btn.change-webcam:after{-webkit-mask-image:url(/images/icon_change_webcam_white_unsupported.svg);mask-image:url(/images/icon_change_webcam_white_unsupported.svg);background:#fff}[data-component=CallPage].call-page .call-footer .call-controls .ctrl-btn.change-webcam.disabled{opacity:.5;cursor:not-allowed}[data-component=CallPage].call-page .call-footer .call-controls .ctrl-btn.change-webcam:hover:not(.disabled){background:#111827f2;border-color:#ffffff3d}[data-component=CallPage].call-page .call-footer .call-controls .ctrl-btn.mute-audio{background:#10b98173;border-color:#34d399e6}[data-component=CallPage].call-page .call-footer .call-controls .ctrl-btn.mute-audio:after{-webkit-mask-image:url(/images/icon_mic_black_on.svg);mask-image:url(/images/icon_mic_black_on.svg);background:#34d399}[data-component=CallPage].call-page .call-footer .call-controls .ctrl-btn.mute-audio.on{background:#d42241;border-color:#ff94a4e6}[data-component=CallPage].call-page .call-footer .call-controls .ctrl-btn.mute-audio.on:after{-webkit-mask-image:url(/images/icon_remote_mic_white_off.svg);mask-image:url(/images/icon_remote_mic_white_off.svg);background:#fff}[data-component=CallPage].call-page .call-footer .call-controls .hangup{background:#d42241;border-color:#ff94a4e6;display:flow-root;transition:all .25s ease}[data-component=CallPage].call-page .call-footer .call-controls .hangup:hover{background:#b91c1c;border-color:#ff94a4;transform:scale(1.05)}[data-component=CallPage].call-page .call-footer .call-controls .hangup:active{transform:scale(.92)}[data-component=CallPage].call-page .call-footer .call-controls .hangup:after{-webkit-mask-image:url(/images/noun-phone-disable-4191389.svg);mask-image:url(/images/noun-phone-disable-4191389.svg);background:#fff}[data-component=CallPage].call-page .waiting-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}[data-component=CallPage].call-page .waiting-overlay .waiting-text{background:#000000a6;padding:8px 12px;border-radius:6px;color:#fffffffa}[data-component=CallPage].call-page .large-stage video,[data-component=CallPage].call-page .local-pip video{transition:opacity .25s ease,transform .25s ease;background-color:#000}.room-link-wrapper{pointer-events:none;position:fixed;z-index:110;top:5px;left:0;right:0;display:flex;flex-direction:row;justify-content:center}.room-link-wrapper>.room-link,.room-link-wrapper>.room-link--dropdown{position:relative;display:flex;align-items:center;width:auto;background:linear-gradient(135deg,#4663ff42,#a14bff42);background-color:#243b55bf;border-radius:10px;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 34px #a14bff59,0 3px 12px #00000073}.room-link-wrapper>.room-link:hover,.room-link-wrapper>.room-link--dropdown:hover{background:linear-gradient(135deg,#4663ff59,#a14bff59);box-shadow:0 16px 40px #a14bff73,0 4px 14px #00000080;transform:translateY(-1px)}.room-link-wrapper>.room-link--dropdown{pointer-events:auto;margin-right:10px}.room-link-wrapper>.room-link--dropdown>a.link{display:flex;height:100%;align-items:center;-webkit-user-select:none;user-select:none;pointer-events:auto;text-transform:uppercase;font-family:Roboto;font-weight:500;letter-spacing:.02em;color:#f2f7ff;cursor:pointer;text-decoration:none;transition:color .1s}@media(min-device-width:721px){.room-link-wrapper>.room-link--dropdown>a.link{padding:10px 20px;font-size:12px}}@media(max-device-width:720px){.room-link-wrapper>.room-link--dropdown>a.link{padding:6px 10px;font-size:10px}}.room-link-wrapper>.room-link--dropdown>a.link:hover{color:#fff;text-decoration:underline}.room-link-wrapper>.room-link--dropdown>a.link:focus-visible{outline:2px solid rgba(70,99,255,.55);outline-offset:2px;border-radius:8px}.room-link-wrapper>.room-link>a.link{display:flex;align-items:center;-webkit-user-select:none;user-select:none;pointer-events:auto;text-transform:uppercase;font-family:Roboto;font-weight:600;letter-spacing:.02em;color:#f2f7ff;cursor:pointer;text-decoration:none;transition:color .1s}@media(min-device-width:721px){.room-link-wrapper>.room-link>a.link{padding:10px 20px;font-size:12px}}@media(max-device-width:720px){.room-link-wrapper>.room-link>a.link{padding:6px 10px;font-size:10px}}.room-link-wrapper>.room-link>a.link:hover{color:#fff;text-decoration:underline}.room-link-wrapper>.room-link>a.link:focus-visible{outline:2px solid rgba(70,99,255,.55);outline-offset:2px;border-radius:8px}.room-link-wrapper>.room-link>a.link>.share-icon,.room-link-wrapper>.room-link>a.link>.copy-icon{flex:0 0 auto;width:20px;height:20px;margin-left:8px;background:#f2f7ff;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.room-link-wrapper>.room-link>a.link>.share-icon{-webkit-mask-image:url(/images/share-svgrepo-com.svg);mask-image:url(/images/share-svgrepo-com.svg)}.room-link-wrapper>.room-link>a.link>.copy-icon{-webkit-mask-image:url(/images/copy-svgrepo-com.svg);mask-image:url(/images/copy-svgrepo-com.svg)}.room-link-wrapper>.room-link>a.link:hover>.share-icon,.room-link-wrapper>.room-link>a.link:hover>.copy-icon{background:linear-gradient(135deg,#4663ff,#a14bff);filter:drop-shadow(0 2px 6px rgba(161,75,255,.65))}@media(max-width:768px){.call-footer .call-controls .ctrl-btn{width:38px;height:38px}}[data-component=Stats]{position:fixed;z-index:1000;top:0;bottom:0;right:0;overflow:hidden;pointer-events:none}@media(min-device-width:721px){[data-component=Stats]{width:470px;padding-left:20px}}@media(max-device-width:720px){[data-component=Stats]{left:0}}[data-component=Stats]>.content{position:relative;height:100%;pointer-events:auto;background:#ffffffec;overscroll-behavior:contain;transition-property:transform opacity;transition-duration:.25s}@media(min-device-width:721px){[data-component=Stats]>.content{width:450px;box-shadow:-4px 0 12px 2px #00000080}}@media(max-device-width:720px){[data-component=Stats]>.content{width:100%}}[data-component=Stats]>.content:not(.visible){transform:translate(100%);opacity:0}[data-component=Stats]>.content>.header{position:absolute;z-index:2;top:0;left:0;right:0;padding:0 28px;background:linear-gradient(to bottom,#fff,#fff,#ffffffe6,#fff0)}[data-component=Stats]>.content>.header>.info{height:80px;display:flex;flex-direction:row;justify-content:center;align-items:center}[data-component=Stats]>.content>.header>.info>.close-icon{flex:0 0 auto;width:28px;height:28px;margin-left:-6px;margin-right:20px;cursor:pointer;background-position:left;background-size:100%;background-repeat:no-repeat;background-image:url(/images/icon_close_black.svg);opacity:.75}[data-component=Stats]>.content>.header>.info>.close-icon:hover{opacity:1}[data-component=Stats]>.content>.header>.info>h1{flex:100 100 auto;text-transform:uppercase;color:#444;font-size:14px;font-weight:500;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[data-component=Stats]>.content>.header>.list{height:150px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end}[data-component=Stats]>.content>.header>.list>p{margin-bottom:5px;color:#243b55bf;font-size:14px;font-weight:400;-webkit-user-select:none;user-select:none}[data-component=Stats]>.content>.header>.list>p>a{text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:500;color:#6b93c0bf;cursor:pointer}[data-component=Stats]>.content>.header>.list>p>a.disabled{opacity:.5;cursor:not-allowed}[data-component=Stats]>.content>.stats{padding:0 28px;height:100%;overflow:auto}[data-component=Stats]>.content>.stats>.items{margin-bottom:40px}[data-component=Stats]>.content>.stats>.items.Appear-appear{will-change:opacity;opacity:0}[data-component=Stats]>.content>.stats>.items.Appear-appear.Appear-appear-active{transition-property:opacity;transition-duration:.15s;opacity:1}[data-component=Stats]>.content>.stats>.items:after{content:"";display:block;visibility:hidden;margin-bottom:-230px}[data-component=Stats]>.content>.stats>.items>h2{margin-bottom:20px;text-transform:uppercase;color:#141e30a6;font-size:13px;font-weight:500;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[data-component=Stats]>.content>.stats>.items>h2:before{content:"";display:block;visibility:hidden;height:230px}[data-component=Stats]>.content>.stats>.items>.item{padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #e5e5e5}[data-component=Stats]>.content>.stats>.items>.item>.line{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:8px}[data-component=Stats]>.content>.stats>.items>.item>.line>.key{flex:0 0 auto;width:38.5%;color:#141e30a6;font-size:11px;font-weight:400;word-break:break-all;text-align:right}[data-component=Stats]>.content>.stats>.items>.item>.line>.value{flex:0 0 auto;width:58.5%;color:#6b93c0bf;font-size:11px;font-weight:400;word-break:break-all;text-align:left}[data-component=Notifications]{position:fixed;z-index:9999;pointer-events:none;top:0;right:0;bottom:0;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}@media(min-device-width:721px){[data-component=Notifications]{padding:10px;width:300px}}@media(max-device-width:720px){[data-component=Notifications]{padding:4px;width:65%;max-width:220px}}[data-component=Notifications]>.notification{pointer-events:auto;margin-top:4px;border-radius:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}@media(min-device-width:721px){[data-component=Notifications]>.notification{min-width:75%}}@media(max-device-width:720px){[data-component=Notifications]>.notification{width:100%}}[data-component=Notifications]>.notification.Appear-appear{visibility:hidden;opacity:0;transition:all .15s ease-in-out 0s,visibility 0s linear .25s;transform:translate(200px)}[data-component=Notifications]>.notification.Appear-appear.Appear-appear-active{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0);transition-delay:0s,0s}@media(min-device-width:721px){[data-component=Notifications]>.notification{padding:16px 24px 16px 12px}}@media(max-device-width:720px){[data-component=Notifications]>.notification{padding:6px 16px 6px 12px}}[data-component=Notifications]>.notification>.icon{flex:0 0 auto;height:24px;width:24px;margin-right:12px;background-position:center;background-size:100%;background-repeat:no-repeat}[data-component=Notifications]>.notification>.body>.title{font-weight:500;-webkit-user-select:none;user-select:none;cursor:default;line-height:1.35em;margin-bottom:10px}@media(min-device-width:721px){[data-component=Notifications]>.notification>.body>.title{font-size:14px}}@media(max-device-width:720px){[data-component=Notifications]>.notification>.body>.title{font-size:12px}}[data-component=Notifications]>.notification>.body>.text{-webkit-user-select:none;user-select:none;cursor:default;line-height:1.35em}@media(min-device-width:721px){[data-component=Notifications]>.notification>.body>.text{font-size:13px}}@media(max-device-width:720px){[data-component=Notifications]>.notification>.body>.text{font-size:12px}}[data-component=Notifications]>.notification.info{background-color:#141e30a6;color:#ffffffbf}[data-component=Notifications]>.notification.info>.icon{opacity:.65;background-image:url(/images/icon_notification_info_white.svg)}[data-component=Notifications]>.notification.error{background-color:#ff1914bf;color:#fff}[data-component=Notifications]>.notification.error>.icon{opacity:.85;background-image:url(/images/icon_notification_error_white.svg)}[data-component=NetworkThrottle]{position:absolute;top:0;left:0;z-index:99999;padding:0 20px;background:#fffffff2;border-radius:4px;box-shadow:0 5px 12px 2px #11111180;font-family:Roboto}[data-component=NetworkThrottle]>h1.draggable{padding:20px;text-align:center;text-transform:uppercase;font-weight:400;font-size:12px;color:#111;-webkit-user-select:none;user-select:none;cursor:move}[data-component=NetworkThrottle]>.inputs>.row{display:flex;justify-content:center;align-items:center;height:20px;margin-bottom:8px}[data-component=NetworkThrottle]>.inputs>.row:last-child{margin-bottom:0}[data-component=NetworkThrottle]>.inputs>.row>.key{margin-right:4px;flex:0 0 auto;width:100px;font-weight:400;font-size:11px;text-align:right;color:#243b55bf}[data-component=NetworkThrottle]>.inputs>.row>.value{margin-left:4px;flex:0 0 auto;width:100px;padding:4px 8px;font-size:11px;text-align:right;color:#141e30a6;border:none;background:#6666661a;border-radius:2px;transition-property:opacity;transition-duration:.1s}[data-component=NetworkThrottle]>.inputs>.row>.value:disabled{opacity:.5}[data-component=NetworkThrottle]>.inputs>.row>.value::placeholder{color:#141e3040}[data-component=NetworkThrottle]>.inputs>.row>.value:focus::placeholder{color:transparent}[data-component=NetworkThrottle]>.buttons{display:flex;justify-content:center;align-items:center;padding:20px}[data-component=NetworkThrottle]>.buttons>button{margin:0 4px;flex:0 0 auto;width:66px;height:20px;display:flex;justify-content:center;align-items:center;border:none;border-radius:2px;font-weight:400;font-size:11px;color:#fff;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;transition-property:opacity;transition-duration:.1s}[data-component=NetworkThrottle]>.buttons>button:disabled{opacity:.5;cursor:default}[data-component=NetworkThrottle]>.buttons>button.apply{background:#e9736e}[data-component=NetworkThrottle]>.buttons>button.reset{background:#3b608bbf}.closed-captions-overlay{position:fixed;left:50%;transform:translate(-50%);max-width:80%;z-index:1000;color:#fff;background:transparent;pointer-events:none;animation:fadeInUp .3s ease-out;font-family:Roboto,Inter,Noto Sans,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.closed-captions-overlay.position-bottom{bottom:80px}.closed-captions-overlay.position-top{top:20px}.closed-captions-overlay.position-center{top:50%;transform:translate(-50%,-50%)}.closed-captions-overlay .caption-container{background:transparent;padding:12px;max-height:300px;min-height:0;overflow-y:auto;overflow-x:hidden;margin:0 auto;scroll-behavior:smooth;pointer-events:auto;position:relative;scrollbar-width:none;-ms-overflow-style:none}.closed-captions-overlay .caption-container::-webkit-scrollbar{display:none}.closed-captions-overlay .caption-line{display:block;position:relative;margin-bottom:8px;margin-left:auto;margin-right:auto;animation:fadeInUp .3s ease-out;text-align:left;padding:6px 12px 20px;border-radius:8px;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:fit-content;max-width:100%;font-weight:500;letter-spacing:.02em;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.8);font-size:14px;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;font-variant-ligatures:common-ligatures}.closed-captions-overlay .caption-line:after{content:attr(data-time);position:absolute;bottom:4px;right:8px;font-size:10px;color:#9ca3af;opacity:.7}.closed-captions-overlay .caption-line.own-caption .speaker-name{color:#10b981}.closed-captions-overlay .caption-line.peer-caption .speaker-name{color:#fbbf24}.closed-captions-overlay .caption-line .speaker-name{display:inline-block;font-weight:700;font-size:16px;text-shadow:1px 1px 2px rgba(0,0,0,.8);letter-spacing:.01em;margin-right:6px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:baseline}.closed-captions-overlay .caption-line .transcript-text{display:inline;color:#fff;font-size:16px;font-weight:400;letter-spacing:.025em;line-height:1.5;text-shadow:1px 1px 2px rgba(0,0,0,.8);word-wrap:break-word;overflow-wrap:break-word}.closed-captions-overlay .caption-line .transcript-text .final-text{opacity:1;transition:opacity .2s ease}.closed-captions-overlay .caption-line .transcript-text .interim-text{opacity:.7;font-style:italic;color:#e5e7eb;transition:all .15s ease;border-left:2px solid #4CAF50;padding-left:6px;margin-left:4px;animation:interimFadeIn .2s ease-out}.closed-captions-overlay .placeholder-text{color:#9ca3af;font-style:italic;font-size:14px;text-align:center}.closed-captions-overlay .timestamp{color:#999;font-size:12px;margin-left:8px;white-space:nowrap}.closed-captions-overlay .listening-indicator{display:flex;flex-direction:column;align-items:center;color:#2196f3;font-size:14px;margin-top:8px;gap:6px}.closed-captions-overlay .listening-indicator .concurrent-speakers-indicator{font-size:12px;color:#ff9800;background:#ff98001a;padding:4px 8px;border-radius:12px;border:1px solid rgba(255,152,0,.3);font-weight:500;animation:pulse 2s ease-in-out infinite}.closed-captions-overlay .waiting-indicator{display:flex;flex-direction:column;align-items:center;gap:8px;color:#9ca3af;font-size:14px}.closed-captions-overlay .waiting-indicator span:first-child{font-size:24px;opacity:.8}.closed-captions-overlay .waiting-indicator span:nth-child(2){font-weight:500;color:#6b7280}.closed-captions-overlay .waiting-indicator small{font-size:12px;opacity:.7;text-align:center}.closed-captions-overlay .cc-background-indicator{position:fixed;bottom:20px;right:20px;z-index:999}.closed-captions-overlay .cc-background-indicator .background-status{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#000c;color:#fff;border-radius:20px;font-size:12px;opacity:.7}.closed-captions-overlay .cc-background-indicator .background-status .listening-dot{width:8px;height:8px;background:#4caf50;border-radius:50%;animation:pulse 2s ease-in-out infinite}.closed-captions-overlay .pulse-dot{width:10px;height:10px;border-radius:50%;background:#2196f3;margin-right:8px;animation:pulse 1.5s ease-in-out infinite;box-shadow:0 0 8px #2196f366}.closed-captions-overlay .scroll-indicator{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1001;pointer-events:auto}.closed-captions-overlay .scroll-indicator .scroll-to-bottom{background:#4caf50;color:#fff;border:none;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #4caf504d;animation:bounceIn .3s ease;transition:all .2s ease}.closed-captions-overlay .scroll-indicator .scroll-to-bottom:hover{background:#45a049;transform:scale(1.05);box-shadow:0 6px 16px #4caf5066}.closed-captions-overlay .scroll-indicator .scroll-to-bottom:active{transform:scale(.95)}@media(max-width:768px){.closed-captions-overlay{bottom:70px;max-width:90%}.closed-captions-overlay .caption-container{padding:10px 14px;max-height:250px}.closed-captions-overlay .caption-line .transcript-text{font-size:14px;line-height:1.4}.closed-captions-overlay .scroll-indicator{bottom:15px}.closed-captions-overlay .scroll-indicator .scroll-to-bottom{padding:6px 12px;font-size:11px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes interimFadeIn{0%{opacity:0;transform:translate(-5px)}to{opacity:.7;transform:translate(0)}}@keyframes interimFadeOut{0%{opacity:.7;transform:translate(0)}to{opacity:0;transform:translate(5px)}}@keyframes bounceIn{0%{opacity:0;transform:translate(-50%) scale(.3)}50%{transform:translate(-50%) scale(1.05)}to{opacity:1;transform:translate(-50%) scale(1)}}.cc-language-dropdown{min-width:200px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026,0 0 0 1px #0000000d;animation:dropdownSlideIn .2s ease-out;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cc-dropdown-header{padding:12px 16px;background:linear-gradient(135deg,#243b55,#141e30);color:#fff;font-size:14px;font-weight:600}.current-language{display:flex;align-items:center;gap:8px}.cc-dropdown-menu{max-height:240px;overflow-y:auto;background:#fff}.cc-dropdown-item{padding:12px 16px;cursor:pointer;font-size:14px;transition:all .15s ease;border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:8px}.cc-dropdown-item:last-child{border-bottom:none}.cc-dropdown-item:hover{background:#243b5514;color:#243b55}.cc-dropdown-item.active{background:#243b551a;color:#243b55;font-weight:600;position:relative}.cc-dropdown-item.active:after{content:"✓";position:absolute;right:16px;color:#243b55;font-weight:700}.cc-dropdown-menu::-webkit-scrollbar{width:6px}.cc-dropdown-menu::-webkit-scrollbar-track{background:#f1f1f1}.cc-dropdown-menu::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.cc-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#aaa}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.room-full-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#243b55f2,#141e30f2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-in-out}.room-full-modal{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:24px;padding:48px 40px;max-width:480px;width:90%;text-align:center;box-shadow:0 20px 60px #00000080,0 0 1px #ffffff1a inset;border:1px solid rgba(255,255,255,.1);animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.room-full-modal:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.icon-container{margin-bottom:24px;display:flex;justify-content:center}.icon-circle{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#ef44444d,#dc262633);border:3px solid rgba(248,113,113,.4);display:flex;align-items:center;justify-content:center;color:#fca5a5;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 20px #ef44444d,0 0 40px #ef44441a}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #ef44444d,0 0 40px #ef44441a}50%{transform:scale(1.05);box-shadow:0 0 30px #ef444466,0 0 60px #ef444433}}.title{font-size:32px;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.3)}.message{font-size:16px;line-height:1.6;color:#ffffffd9;margin:0 0 32px;font-weight:400}.highlight{display:block;margin-top:12px;font-weight:600;color:#fca5a5;font-size:15px}.countdown-container{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.1);border-top-color:#fca5a5;border-radius:50%;animation:spin .8s linear infinite}.countdown-text{font-size:14px;color:#ffffffb3;font-weight:500}@media(max-width:768px){.room-full-modal{padding:36px 24px;max-width:90%}.icon-circle{width:80px;height:80px}.title{font-size:26px}.message{font-size:14px}.highlight{font-size:13px}}[data-component=MeetingReport]{padding:24px;height:100%;overflow-y:auto}@media(max-device-width:720px){[data-component=MeetingReport]{padding:16px}}[data-component=MeetingReport].report-loading,[data-component=MeetingReport].report-error{display:flex;align-items:center;justify-content:center}[data-component=MeetingReport].report-loading .loading-spinner,[data-component=MeetingReport].report-loading .error-content,[data-component=MeetingReport].report-error .loading-spinner,[data-component=MeetingReport].report-error .error-content{text-align:center;color:#fff}[data-component=MeetingReport].report-loading .loading-spinner h2,[data-component=MeetingReport].report-loading .error-content h2,[data-component=MeetingReport].report-error .loading-spinner h2,[data-component=MeetingReport].report-error .error-content h2{margin-bottom:24px;font-size:24px}[data-component=MeetingReport].report-loading .spinner,[data-component=MeetingReport].report-error .spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}[data-component=MeetingReport] .report-header-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:32px;margin-bottom:24px;border:1px solid rgba(255,255,255,.1)}@media(max-device-width:720px){[data-component=MeetingReport] .report-header-section{padding:20px;border-radius:12px}}[data-component=MeetingReport] .report-header-section .back-to-home-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:20px}[data-component=MeetingReport] .report-header-section .back-to-home-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translate(-4px)}[data-component=MeetingReport] .report-header-section .back-to-home-btn svg{flex-shrink:0}@media(max-device-width:720px){[data-component=MeetingReport] .report-header-section .back-to-home-btn{margin-bottom:16px;font-size:13px;padding:8px 12px}}[data-component=MeetingReport] .report-header-section .report-header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}@media(max-device-width:720px){[data-component=MeetingReport] .report-header-section .report-header-content{flex-direction:column;gap:20px;margin-bottom:24px}}[data-component=MeetingReport] .report-header-section .report-container{display:grid;grid-template-columns:1fr;gap:20px;width:100%;max-width:1400px;margin:0 auto;padding:20px}[data-component=MeetingReport] .report-header-section .report-title-area{flex:1}[data-component=MeetingReport] .report-header-section .report-title-area .report-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px}@media(max-device-width:720px){[data-component=MeetingReport] .report-header-section .report-title-area .report-title{font-size:24px}}[data-component=MeetingReport] .report-header-section .report-title-area .report-subtitle{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#fff9}@media(max-device-width:720px){[data-component=MeetingReport] .report-header-section .report-title-area .report-subtitle{font-size:12px}}[data-component=MeetingReport] .report-header-section .report-title-area .report-subtitle .room-id,[data-component=MeetingReport] .report-header-section .report-title-area .report-subtitle .meeting-date{display:block}[data-component=MeetingReport] .report-header-section .report-actions{display:flex;gap:12px}@media(max-device-width:720px){[data-component=MeetingReport] .report-header-section .report-actions{width:100%}[data-component=MeetingReport] .report-header-section .report-actions .ctrl-btn{flex:1}}[data-component=MeetingReport] .report-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}@media(max-device-width:720px){[data-component=MeetingReport] .report-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}}[data-component=MeetingReport] .report-stats-grid .stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .2s}@media(max-device-width:720px){[data-component=MeetingReport] .report-stats-grid .stat-card{padding:16px;gap:12px}}[data-component=MeetingReport] .report-stats-grid .stat-card:hover{transform:translateY(-2px);background:#ffffff14}[data-component=MeetingReport] .report-stats-grid .stat-card .stat-icon{font-size:32px}@media(max-device-width:720px){[data-component=MeetingReport] .report-stats-grid .stat-card .stat-icon{font-size:24px}}[data-component=MeetingReport] .report-stats-grid .stat-card .stat-content{flex:1;min-width:0}[data-component=MeetingReport] .report-stats-grid .stat-card .stat-content .stat-label{font-size:12px;color:#fff9;margin-bottom:4px}@media(max-device-width:720px){[data-component=MeetingReport] .report-stats-grid .stat-card .stat-content .stat-label{font-size:10px}}[data-component=MeetingReport] .report-stats-grid .stat-card .stat-content .stat-value{font-size:24px;font-weight:700;color:#fff}@media(max-device-width:720px){[data-component=MeetingReport] .report-stats-grid .stat-card .stat-content .stat-value{font-size:18px}}[data-component=MeetingReport] .report-content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-device-width:720px){[data-component=MeetingReport] .report-content-grid{grid-template-columns:1fr;gap:12px}}[data-component=MeetingReport] .report-content-grid .host-section{grid-column:span 2}[data-component=MeetingReport] .report-content-grid .host-section.with-recording{grid-column:span 1}@media(max-device-width:720px){[data-component=MeetingReport] .report-content-grid .host-section.with-recording{grid-column:1}}@media(max-device-width:720px){[data-component=MeetingReport] .report-content-grid .host-section{grid-column:1}}[data-component=MeetingReport] .report-content-grid .recording-section{grid-column:span 1}@media(max-device-width:720px){[data-component=MeetingReport] .report-content-grid .recording-section{grid-column:1}}[data-component=MeetingReport] .report-column{display:flex;flex-direction:column;gap:24px}[data-component=MeetingReport] .notes-recording-wrapper{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}[data-component=MeetingReport] .notes-full{grid-column:1/-1}[data-component=MeetingReport] .report-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:24px}@media(max-device-width:720px){[data-component=MeetingReport] .report-section{padding:16px;border-radius:12px;margin-bottom:16px}}[data-component=MeetingReport] .report-section .section-header{display:flex;align-items:center;margin-bottom:20px;gap:12px}@media(max-device-width:720px){[data-component=MeetingReport] .report-section .section-header{margin-bottom:16px}}[data-component=MeetingReport] .report-section .section-header .section-title{font-size:20px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:8px}@media(max-device-width:720px){[data-component=MeetingReport] .report-section .section-header .section-title{font-size:18px}}[data-component=MeetingReport] .section-header.notes{justify-content:space-between}[data-component=MeetingReport] .report-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;max-height:250px}@media screen and (min-width:769px)and (max-width:1024px){[data-component=MeetingReport] .report-bottom{grid-template-columns:repeat(2,1fr);gap:14px;max-height:280px}}@media(max-device-width:720px){[data-component=MeetingReport] .report-bottom{grid-template-columns:1fr;gap:12px;max-height:none}}[data-component=MeetingReport] .report-bottom .notes-wrapper{grid-column:span 1}[data-component=MeetingReport] .report-bottom .notes-wrapper.full{grid-column:1/-1}@media(max-device-width:720px){[data-component=MeetingReport] .report-bottom .notes-wrapper.full{grid-column:1}}[data-component=MeetingReport] .host-section .host-info{display:flex;align-items:center;gap:16px;margin-bottom:24px}[data-component=MeetingReport] .host-section .host-info .avatar-large{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#243b55,#4a90e2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;flex-shrink:0}@media(max-device-width:720px){[data-component=MeetingReport] .host-section .host-info .avatar-large{width:48px;height:48px;font-size:16px}}[data-component=MeetingReport] .host-section .host-info .host-details{flex:1;min-width:0}[data-component=MeetingReport] .host-section .host-info .host-details .host-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}@media(max-device-width:720px){[data-component=MeetingReport] .host-section .host-info .host-details .host-name{font-size:15px}}[data-component=MeetingReport] .host-section .host-info .host-details .host-email{font-size:14px;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-device-width:720px){[data-component=MeetingReport] .host-section .host-info .host-details .host-email{font-size:12px}}[data-component=MeetingReport] .host-section .recording-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-top:20px}@media(max-device-width:720px){[data-component=MeetingReport] .host-section .recording-card{padding:16px;gap:12px}}[data-component=MeetingReport] .host-section .recording-card .recording-icon{width:56px;height:56px;border-radius:50%;background:#ef444433;display:flex;align-items:center;justify-content:center}@media(max-device-width:720px){[data-component=MeetingReport] .host-section .recording-card .recording-icon{width:48px;height:48px}}[data-component=MeetingReport] .host-section .recording-card .recording-icon .rec-circle{width:28px;height:28px;border-radius:50%;background:#ef4444}@media(max-device-width:720px){[data-component=MeetingReport] .host-section .recording-card .recording-icon .rec-circle{width:24px;height:24px}}[data-component=MeetingReport] .host-section .recording-card .recording-info{text-align:center}[data-component=MeetingReport] .host-section .recording-card .recording-info .recording-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}@media(max-device-width:720px){[data-component=MeetingReport] .host-section .recording-card .recording-info .recording-title{font-size:14px}}[data-component=MeetingReport] .host-section .recording-card .recording-info .recording-duration{font-size:13px;color:#fff9}@media(max-device-width:720px){[data-component=MeetingReport] .host-section .recording-card .recording-info .recording-duration{font-size:12px}}[data-component=MeetingReport] .host-section .recording-card .download-recording-btn,[data-component=MeetingReport] .host-section .recording-card .view-recording-btn{width:100%;justify-content:center;font-size:13px;padding:8px 16px}[data-component=MeetingReport] .participants-section{height:400px}[data-component=MeetingReport] .participants-section .participants-list{display:flex;max-height:300px;overflow-y:scroll;overflow:hidden;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}[data-component=MeetingReport] .participants-section .participants-list::-webkit-scrollbar{width:8px}[data-component=MeetingReport] .participants-section .participants-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:8px}[data-component=MeetingReport] .participants-section .participants-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:8px}[data-component=MeetingReport] .participants-section .participants-list::-webkit-scrollbar-thumb:hover{background:#fff6}@media(max-device-width:720px){[data-component=MeetingReport] .participants-section .participants-list{gap:8px}}[data-component=MeetingReport] .participants-section .participants-list .participant-item{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .2s}@media(max-device-width:720px){[data-component=MeetingReport] .participants-section .participants-list .participant-item{padding:12px;gap:10px}}[data-component=MeetingReport] .participants-section .participants-list .participant-item:hover{background:#ffffff14}[data-component=MeetingReport] .participants-section .participants-list .participant-item .participant-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#243b55,#4a90e2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}@media(max-device-width:720px){[data-component=MeetingReport] .participants-section .participants-list .participant-item .participant-avatar{width:36px;height:36px;font-size:12px}}[data-component=MeetingReport] .participants-section .participants-list .participant-item .participant-info{flex:1;min-width:0}[data-component=MeetingReport] .participants-section .participants-list .participant-item .participant-info .participant-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px;display:flex;align-items:center;gap:4px}@media(max-device-width:720px){[data-component=MeetingReport] .participants-section .participants-list .participant-item .participant-info .participant-name{font-size:14px}}[data-component=MeetingReport] .participants-section .participants-list .participant-item .participant-info .participant-name .crown-icon{flex-shrink:0}[data-component=MeetingReport] .participants-section .participants-list .participant-item .participant-info .participant-time{font-size:12px;color:#fff9}@media(max-device-width:720px){[data-component=MeetingReport] .participants-section .participants-list .participant-item .participant-info .participant-time{font-size:11px}}[data-component=MeetingReport] .participants-section .participants-list .participant-item .participant-duration{font-size:14px;font-weight:600;color:#fffc;padding:4px 12px;background:#ffffff1a;border-radius:20px;flex-shrink:0}@media(max-device-width:720px){[data-component=MeetingReport] .participants-section .participants-list .participant-item .participant-duration{font-size:12px;padding:4px 8px}}[data-component=MeetingReport] .notes-section{height:400px}[data-component=MeetingReport] .notes-section .notes-actions{display:flex;gap:8px}@media(max-device-width:720px){[data-component=MeetingReport] .notes-section .notes-actions .ctrl-btn{padding:8px 12px;font-size:12px}}[data-component=MeetingReport] .notes-section .notes-content{margin-top:16px;max-height:300px;overflow-y:scroll;overflow-y:hidden;max-width:600px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}[data-component=MeetingReport] .notes-section .notes-content::-webkit-scrollbar{width:8px}[data-component=MeetingReport] .notes-section .notes-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:8px}[data-component=MeetingReport] .notes-section .notes-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:8px}[data-component=MeetingReport] .notes-section .notes-content::-webkit-scrollbar-thumb:hover{background:#fff6}@media(max-device-width:720px){[data-component=MeetingReport] .notes-section .notes-content{gap:8px}}[data-component=MeetingReport] .notes-section .notes-content .notes-display{white-space:pre-wrap;font-family:Courier New,monospace;font-size:14px;color:#ffffffe6;background:#0003;padding:16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);margin:0;max-height:275px;overflow-y:auto;overflow-y:hidden}@media(max-device-width:720px){[data-component=MeetingReport] .notes-section .notes-content .notes-display{font-size:13px;padding:12px}}[data-component=MeetingReport] .notes-section .notes-content .notes-editor{width:100%;padding:16px;background:#0003;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;resize:none;max-height:275px;font-family:Courier New,monospace;font-size:14px;line-height:1.6;resize:vertical;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.1)}[data-component=MeetingReport] .notes-section .notes-content .notes-editor::-webkit-scrollbar{width:8px}[data-component=MeetingReport] .notes-section .notes-content .notes-editor::-webkit-scrollbar-track{background:#ffffff1a;border-radius:8px}[data-component=MeetingReport] .notes-section .notes-content .notes-editor::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:8px}[data-component=MeetingReport] .notes-section .notes-content .notes-editor::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media(max-device-width:720px){[data-component=MeetingReport] .notes-section .notes-content{font-size:13px;padding:12px;min-height:250px}}[data-component=MeetingReport] .notes-section .notes-content:focus{outline:none;border-color:#fff6}.recording-section .recording-card{display:flex;align-items:center;gap:12px;padding:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}@media(max-device-width:720px){.recording-section .recording-card{padding:16px;gap:10px}}.recording-section .recording-card .recording-icon{width:30px;height:30px;border-radius:50%;background:#ef444433;display:flex;align-items:center;justify-content:center}@media(max-device-width:720px){.recording-section .recording-card .recording-icon{width:20px;height:20px}}.recording-section .recording-card .recording-icon .rec-circle{width:28px;height:28px;border-radius:50%;background:#ef4444}@media(max-device-width:720px){.recording-section .recording-card .recording-icon .rec-circle{width:22px;height:22px}}.recording-section .recording-card .recording-info{text-align:center}.recording-section .recording-card .recording-info .recording-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}@media(max-device-width:720px){.recording-section .recording-card .recording-info .recording-title{font-size:15px}}.recording-section .recording-card .recording-info .recording-duration{font-size:14px;color:#fff9}@media(max-device-width:720px){.recording-section .recording-card .recording-info .recording-duration{font-size:13px}}.recording-section .recording-card .download-recording-btn{width:50%;margin-left:100px;justify-content:center}.recording-actions{width:60%;display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:8px;margin-left:50px}.view-recording-btn{width:50%;justify-content:center;font-size:13px;padding:8px 16px}.transcript-section{height:400px}.transcript-section .transcript-list{overflow-y:auto;display:flex;flex-direction:column;gap:10px}@media(max-device-width:720px){.transcript-section .transcript-list{max-height:300px;gap:8px}}.transcript-section .transcript-list::-webkit-scrollbar{width:6px}.transcript-section .transcript-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.transcript-section .transcript-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.transcript-section .transcript-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.transcript-section .transcript-list .transcript-empty{text-align:center;padding:40px 20px;color:#fff9}@media(max-device-width:720px){.transcript-section .transcript-list .transcript-empty{padding:30px 15px}}.transcript-section .transcript-list .transcript-empty .empty-icon{font-size:48px;margin-bottom:16px}@media(max-device-width:720px){.transcript-section .transcript-list .transcript-empty .empty-icon{font-size:40px;margin-bottom:12px}}.transcript-section .transcript-list .transcript-empty p{margin:0;font-size:14px}@media(max-device-width:720px){.transcript-section .transcript-list .transcript-empty p{font-size:13px}}.transcript-section .transcript-list .transcript-loading{text-align:center;padding:40px 20px;color:#fffc}@media(max-device-width:720px){.transcript-section .transcript-list .transcript-loading{padding:30px 15px}}.transcript-section .transcript-list .transcript-loading .loading-spinner{margin-bottom:16px;display:flex;justify-content:center;align-items:center}.transcript-section .transcript-list .transcript-loading .loading-spinner .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#fffc;border-radius:50%;animation:spin 1s linear infinite}@media(max-device-width:720px){.transcript-section .transcript-list .transcript-loading .loading-spinner .spinner{width:32px;height:32px;border-width:2px}}.transcript-section .transcript-list .transcript-loading p{margin:0;font-size:14px;color:#ffffffb3}@media(max-device-width:720px){.transcript-section .transcript-list .transcript-loading p{font-size:13px}}.transcript-section .transcript-list .transcript-item{padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s}@media(max-device-width:720px){.transcript-section .transcript-list .transcript-item{padding:8px}}.transcript-section .transcript-list .transcript-item:hover{background:#ffffff14}.transcript-section .transcript-list .transcript-item .transcript-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}@media(max-device-width:720px){.transcript-section .transcript-list .transcript-item .transcript-header{gap:8px;margin-bottom:5px}}.transcript-section .transcript-list .transcript-item .transcript-header .transcript-time{font-size:10px;color:#ffffff80;font-weight:600}@media(max-device-width:720px){.transcript-section .transcript-list .transcript-item .transcript-header .transcript-time{font-size:9px}}.transcript-section .transcript-list .transcript-item .transcript-header .transcript-speaker{font-size:13px;color:#fff;font-weight:600}@media(max-device-width:720px){.transcript-section .transcript-list .transcript-item .transcript-header .transcript-speaker{font-size:12px}}.transcript-section .transcript-list .transcript-item .transcript-text{font-size:13px;line-height:1.5;color:#fffc;margin:0}@media(max-device-width:720px){.transcript-section .transcript-list .transcript-item .transcript-text{font-size:12px}}.notes-full-width{grid-column:1/-1}@media(max-device-width:720px){.notes-full-width{grid-column:1}}-list{display:flex;flex-direction:column;gap:12px}@media(max-device-width:720px){-list{max-height:400px;gap:8px}}-list::-webkit-scrollbar{width:8px}-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}-list .transcript-empty{text-align:center;padding:40px 20px;color:#fff9}@media(max-device-width:720px){-list .transcript-empty{padding:30px 15px}}-list .transcript-empty .empty-icon{font-size:48px;margin-bottom:16px}@media(max-device-width:720px){-list .transcript-empty .empty-icon{font-size:40px;margin-bottom:12px}}-list .transcript-empty p{margin:0;font-size:14px}@media(max-device-width:720px){-list .transcript-empty p{font-size:13px}}-list .transcript-item{padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s}@media(max-device-width:720px){-list .transcript-item{padding:10px}}-list .transcript-item:hover{background:#ffffff14}-list .transcript-item .transcript-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}@media(max-device-width:720px){-list .transcript-item .transcript-header{gap:8px;margin-bottom:6px}}-list .transcript-item .transcript-header .transcript-time{font-size:11px;color:#ffffff80;font-weight:600}@media(max-device-width:720px){-list .transcript-item .transcript-header .transcript-time{font-size:10px}}-list .transcript-item .transcript-header .transcript-speaker{font-size:14px;color:#fff;font-weight:600}@media(max-device-width:720px){-list .transcript-item .transcript-header .transcript-speaker{font-size:13px}}-list .transcript-item .transcript-text{font-size:14px;line-height:1.5;color:#fffc;margin:0}@media(max-device-width:720px){-list .transcript-item .transcript-text{font-size:13px}}.action-button{display:flex;justify-items:flex-end;align-items:center;gap:8px;padding:10px 20px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}@media(max-device-width:720px){.action-button{padding:8px 16px;font-size:13px;gap:6px}}.action-button:hover{background:#fff3;transform:translateY(-2px)}.action-button:active{transform:translateY(0)}.action-button .btn-icon{font-size:16px}@media(max-device-width:720px){.action-button .btn-icon{font-size:14px}}@media(max-device-width:720px){.action-button .btn-text{display:none}}.action-button.edit-btn,.action-button.save-btn{background:#22c55e33;border-color:#22c55e4d}.action-button.edit-btn:hover,.action-button.save-btn:hover{background:#22c55e4d}.action-button.cancel-btn{background:#ef444433;border-color:#ef44444d}.action-button.cancel-btn:hover{background:#ef44444d}.action-button.download-btn{padding:8px 12px;min-width:40px;justify-content:center}.action-button.download-btn .btn-text{display:none}.crown-icon{color:#f7c948;font-size:18px;flex-shrink:0}@media(max-device-width:720px){.crown-icon{font-size:16px}}.sidebar__menu{padding:16px 12px 8px;flex:1;display:flex;flex-direction:column;gap:8px}.sidebar__menu .menu-items-main{flex:1;display:flex;flex-direction:column;gap:4px}.sidebar__menu .menu-bottom-section{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.upgrade-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:16px;border:none;border-radius:12px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;cursor:pointer;transition:all .3s ease;font-weight:600}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ee5a524d}.upgrade-btn .upgrade-icon{font-size:1.2rem}.menu-item.language-item{padding:8px 12px!important;margin-bottom:0;border-radius:8px}.sidebar__bottom{border-top:1px solid rgba(255,255,255,.1);background:#1a2d42cc;padding:16px 12px;margin-top:auto}.sidebar__bottom .sidebar__user-btn{width:100%;display:flex;align-items:center;gap:12px;padding:8px 12px;border:none;background:transparent;color:#fff;cursor:pointer;border-radius:8px;transition:all .2s ease}.sidebar__bottom .sidebar__user-btn:hover{background:#ffffff1a}.sidebar__bottom .sidebar__user-btn .user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#00d492,#096);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;color:#fff;flex-shrink:0}.sidebar__bottom .sidebar__user-btn .sidebar__user-name{flex:1;text-align:left;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__bottom .sidebar__dropdown{position:absolute;bottom:100%;left:12px;right:12px;background:#243b55f2;border-radius:8px;padding:8px 0;box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:8px}.sidebar__bottom .sidebar__dropdown .dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s ease;color:#fff}.sidebar__bottom .sidebar__dropdown .dropdown-item:hover{background:#ffffff1a}.sidebar__bottom .sidebar__dropdown .dropdown-item.logout{color:#ff6b6b}.sidebar__bottom .sidebar__dropdown .dropdown-item.logout:hover{background:#ff6b6b1a}.sidebar__bottom .sidebar__dropdown .dropdown-item .dropdown-text{font-weight:500}.sidebar__header{background:#1a2d42cc;padding:16px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar__header .sidebar__brand{display:flex;align-items:center;gap:12px}.sidebar__header .sidebar__brand .logo-icon{width:42px;height:42px;background:linear-gradient(135deg,#00d492,#096);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;flex-shrink:0}.sidebar__header .sidebar__brand span{font-weight:600;font-size:1.1rem;color:#fff}.account-page{background:linear-gradient(135deg,#f7f7fb,#e8e8f5);min-height:100vh;padding:2rem;color:#1e1e1e}.account-page .account-title{font-size:2.5rem;margin-bottom:2rem;font-weight:700;background:linear-gradient(135deg,#243b55,#4a90e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(36,59,85,.1)}.account-page .account-tabs{display:flex;gap:0;background:#fff;border-radius:16px;padding:.5rem;margin-bottom:2rem;box-shadow:0 4px 12px #00000014}.account-page .account-tabs button{flex:1;background:none;border:none;padding:.8rem 1.5rem;cursor:pointer;font-size:1rem;font-weight:600;color:#666;border-radius:12px;transition:all .3s ease;position:relative}.account-page .account-tabs button:hover{color:#243b55;background:#243b550d}.account-page .account-tabs button.active{background:linear-gradient(135deg,#243b55,#4a90e2);color:#fff;box-shadow:0 4px 12px #243b554d}.account-page .card{background:#fff;border-radius:16px;padding:2rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;box-shadow:0 4px 16px #0000000f;color:#1e1e1e;border:1px solid #e6e3ff;transition:transform .2s ease,box-shadow .2s ease}.account-page .card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.account-page .card__info p{margin:.5rem 0;color:#555;font-size:.95rem}.account-page .card__info .card__title{font-weight:700;font-size:1.4rem;color:#1e1e1e;margin-bottom:.5rem}.account-page .card__info .card__value{font-size:1.3rem;font-weight:600;color:#4a90e2}.account-page .card__info .card__value span{font-size:.9rem;color:#999;margin-left:.5rem}.account-page .card .btn{padding:.8rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.account-page .card .btn--primary{background:linear-gradient(135deg,#243b55,#4a90e2);color:#fff;border:none;box-shadow:0 4px 12px #243b554d}.account-page .card .btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #243b5566}.account-page .card .btn--outline{background:#fff;color:#243b55;border:2px solid #243b55}.account-page .card .btn--outline:hover{background:linear-gradient(135deg,#243b55,#4a90e2);color:#fff;border-color:transparent}.manage-plan{display:flex;flex-direction:column;gap:1.5rem}.manage-plan .card{background:#fff;border-radius:16px;padding:2rem;border:1px solid #e6e3ff;box-shadow:0 4px 16px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.manage-plan .card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.manage-plan .package-details-card{background:#fff;border-radius:16px;padding:2rem;border:1px solid #e6e3ff;box-shadow:0 4px 16px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.manage-plan .package-details-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.manage-plan .package-details-card h3{margin-bottom:2rem;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#243b55,#4a90e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem}.manage-plan .package-details-card h3:before{content:"📦";font-size:1.8rem}.manage-plan .package-details-card .package-details{display:flex;flex-direction:column;gap:2rem}.manage-plan .package-details-card .details-section{background:#f9f8ff;padding:1.5rem;border-radius:12px;border:1px solid #e6e3ff}.manage-plan .package-details-card .details-section h4{margin-bottom:1.2rem;font-size:1.1rem;font-weight:700;color:#4a90e2;display:flex;align-items:center;gap:.5rem}.manage-plan .package-details-card .details-section h4:before{content:"•";font-size:1.5rem}.manage-plan .package-details-card .details-section .detail-row{display:flex;justify-content:space-between;align-items:center;padding:.8rem;background:#fff;border-radius:8px;margin-bottom:.5rem;transition:all .2s ease}.manage-plan .package-details-card .details-section .detail-row:hover{background:#4a90e20d;transform:translate(4px)}.manage-plan .package-details-card .details-section .detail-row:last-child{margin-bottom:0}.manage-plan .package-details-card .details-section .detail-row .detail-label{color:#666;font-weight:500;font-size:.95rem}.manage-plan .package-details-card .details-section .detail-row .detail-value{color:#1e1e1e;font-weight:700;font-size:1rem}.manage-plan .package-details-card .details-section .features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.manage-plan .package-details-card .details-section .features-grid .feature-item{background:linear-gradient(135deg,#243b55,#4a90e2);color:#fff;padding:1rem 1.2rem;border-radius:12px;font-size:.95rem;font-weight:600;box-shadow:0 4px 12px #243b554d;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;gap:.5rem}.manage-plan .package-details-card .details-section .features-grid .feature-item:before{content:"✓";font-size:1.2rem;font-weight:700}.manage-plan .package-details-card .details-section .features-grid .feature-item:hover{transform:translateY(-3px);box-shadow:0 6px 16px #243b5566}.account-details{display:flex;flex-direction:column;gap:2rem;color:#222}.account-details .loading,.account-details .error{text-align:center;padding:3rem;font-size:1.2rem;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f}.account-details .loading{color:#4a90e2}.account-details .loading:before{content:"⏳";font-size:2rem;display:block;margin-bottom:1rem}.account-details .error{color:#e74c3c}.account-details .error:before{content:"⚠️";font-size:2rem;display:block;margin-bottom:1rem}.account-details .details-form{background:#fff;padding:2rem;border-radius:16px;border:1px solid #e6e3ff;box-shadow:0 4px 16px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.account-details .details-form:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.account-details .details-form h3{margin-bottom:2rem;font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#243b55,#4a90e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem}.account-details .details-form h3:before{content:"👤";font-size:1.6rem}.account-details .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.account-details .form-group{display:flex;flex-direction:column}.account-details .form-group label{font-weight:600;margin-bottom:.6rem;color:#555;font-size:.95rem}.account-details .form-group input{padding:.9rem 1.2rem;border-radius:12px;border:2px solid #e6e3ff;font-size:1rem;outline:none;background:#fff;transition:all .2s ease}.account-details .form-group input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.account-details .form-group input:disabled{background:#f9f8ff;color:#999;cursor:not-allowed;border-color:#e6e3ff}.account-details .form-group .required{font-size:.85rem;color:#e74c3c;margin-top:.4rem;font-weight:500}.account-details .avatar-preview{margin:1.5rem 0;padding:1.5rem;background:#f9f8ff;border-radius:12px;border:1px solid #e6e3ff}.account-details .avatar-preview label{display:block;font-weight:600;margin-bottom:1rem;color:#243b55;font-size:.95rem}.account-details .avatar-preview img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #4a90e2;box-shadow:0 4px 16px #4a90e24d;transition:transform .3s ease}.account-details .avatar-preview img:hover{transform:scale(1.05)}.account-details .btn-primary{background:linear-gradient(135deg,#243b55,#4a90e2);color:#fff;border:none;padding:.9rem 2rem;font-weight:600;font-size:1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #243b554d;margin-top:1rem}.account-details .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #243b5566}.account-details .btn-primary:active{transform:translateY(0)}.account-details .btn-primary:disabled{background:linear-gradient(135deg,#ccc,#999);cursor:not-allowed;transform:none;box-shadow:none}.account-details .btn-primary:disabled:hover{transform:none;box-shadow:none}.account-details .billing-section h3{margin-bottom:1rem}.account-details .billing-section .billing-card{background:#fff;border-radius:16px;padding:1.5rem 2rem;border:1px solid #e6e3ff;box-shadow:0 1px 3px #0000000d}@media(max-width:768px){.account-page{padding:1rem}.account-page .account-title{font-size:2rem}.account-page .account-tabs button{font-size:.9rem;padding:.7rem 1rem}.account-page .card{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem}.manage-plan .package-details-card{padding:1.5rem}.manage-plan .package-details-card .details-section .features-grid{grid-template-columns:1fr}.account-details .details-form{padding:1.5rem}.account-details .form-row{grid-template-columns:1fr}}.sidebar__menu{overflow:visible;padding-bottom:12px!important}.language-selector.flag-only .menu-label{display:none!important}.language-selector.flag-only .menu-item.language-item{min-width:0!important;justify-content:center!important;padding-bottom:0!important}.language-dropdown.dropdown-up{bottom:100%;left:0;right:0;transform:none;min-width:120px;max-width:180px;position:absolute;z-index:1000;box-sizing:border-box;padding:0}.sidebar.collapsed .language-dropdown.dropdown-up{min-width:0;width:100%;left:0;right:0;transform:none;padding:0}.sidebar.collapsed .language-dropdown .language-option{padding:8px 0!important;justify-content:center!important;gap:0!important}.sidebar.collapsed .language-dropdown .option-text{display:none!important}@media(max-width:768px){.language-selector.flag-only .menu-label{display:none!important}.language-selector.flag-only .menu-item.language-item{min-width:0!important;justify-content:center!important}.language-dropdown.dropdown-up{left:50%;right:auto;transform:translate(-50%);width:60px;min-width:60px;max-width:100px;padding:0}.language-dropdown .language-option{padding:8px 0!important;justify-content:center!important;gap:0!important}.language-dropdown .option-text{display:none!important}}.logo-icon{width:42px;height:42px;background:linear-gradient(135deg,#00d492,#096);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.2rem;box-shadow:0 4px 12px #00d4924d}.layout-wrapper{display:flex;min-height:100vh;background:#f7f7fb}.layout-content{flex:1;background:linear-gradient(135deg,#f7f7fb,#e8e8f5);overflow-y:auto;position:relative;height:100vh}.management-header{display:none;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:100}@media(max-width:768px){.management-header{display:flex}}.management-header .language-switcher-wrapper .language-switcher-btn{transition:all .2s ease}.management-header .language-switcher-wrapper .language-switcher-btn:hover{border-color:#00d492!important;box-shadow:0 2px 8px #00d49226}.management-header .language-switcher-wrapper .language-dropdown button:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.management-header .language-switcher-wrapper .language-dropdown button:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.management-header .language-switcher-wrapper .language-dropdown button:hover{background:#f8f9fa!important}.mobile-menu-btn{display:none;position:fixed;top:1rem;left:1rem;z-index:998;background:#686868;border:none;color:#fff;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 12px #6b4eff4d;font-size:20px;transition:all .3s ease}.mobile-menu-btn:hover{background:linear-gradient(135deg,#5d3df0,#7d5ef0);box-shadow:0 4px 16px #6b4eff66;transform:scale(1.05)}.mobile-menu-btn:active{transform:scale(.95)}@media(min-width:769px){.mobile-menu-btn{display:none!important}}@media(max-width:768px){.mobile-menu-btn{display:flex}}.sidebar{width:210px;background:linear-gradient(180deg,#243b55,#1a2d42);color:#fff;display:flex;flex-direction:column;box-shadow:2px 0 20px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;height:100vh;overflow:hidden}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar__brand .brand-text{opacity:0;width:0}.sidebar.collapsed .menu-item{flex-direction:column;gap:4px;justify-content:center;padding:8px 4px;text-align:center}.sidebar.collapsed .menu-item .menu-icon{font-size:1.4rem}.sidebar.collapsed .menu-item .menu-label{font-size:.7rem;font-weight:500;line-height:1;width:auto;opacity:1}.sidebar.collapsed .menu-item:hover{transform:none}.sidebar.collapsed .menu-item.language-item{flex-direction:column;gap:4px;padding:8px 4px}.sidebar.collapsed .menu-item.language-item .menu-label{font-size:.7rem;opacity:1;width:auto}.sidebar.collapsed .language-selector .language-dropdown{left:50%;transform:translate(-50%);bottom:100%;margin-left:0;margin-bottom:8px}.sidebar.collapsed .sidebar__user-btn{flex-direction:column;gap:4px;padding:8px 4px}.sidebar.collapsed .sidebar__user-btn .sidebar__user-name{font-size:.65rem;opacity:1;width:auto;text-align:center}@media(max-width:768px){.sidebar.collapsed{width:210px}.sidebar.collapsed .sidebar__brand .brand-text,.sidebar.collapsed .menu-item .menu-label{opacity:1;width:auto}.sidebar.collapsed .sidebar__user-btn .user-name{opacity:1;width:auto;flex:1}}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);min-height:80px}.sidebar.collapsed .sidebar__header{justify-content:center}.sidebar__brand{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;color:#fff}.sidebar__brand .brand-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#243b55,#4a90e2);border-radius:10px;font-size:1rem;font-weight:700;box-shadow:0 4px 12px #243b554d;color:#fff}.sidebar__brand .brand-text{transition:opacity .3s,width .3s;white-space:nowrap;overflow:hidden;color:#fff}.sidebar__toggle{background:transparent;border:2px solid rgba(255,255,255,.2);color:#fff;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.1rem}.sidebar__toggle:hover{background:#4a90e24d;border-color:#4a90e299;transform:rotate(90deg)}.sidebar__toggle:active{transform:rotate(90deg) scale(.9)}.sidebar__menu{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1rem;flex:1;overflow-y:auto;min-height:0}.sidebar__menu .upgrade-btn{display:flex;align-items:center;gap:12px;padding:.875rem 1rem;border-radius:12px;border:none;background:linear-gradient(135deg,#00d492,#096);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:.95rem;margin-bottom:1rem;box-shadow:0 4px 12px #00d4924d}.sidebar__menu .upgrade-btn .upgrade-icon{font-size:1.3rem;min-width:24px}.sidebar__menu .upgrade-btn .upgrade-text{white-space:nowrap;overflow:hidden}.sidebar__menu .upgrade-btn:hover{background:linear-gradient(135deg,#096,#00d492);transform:translateY(-2px);box-shadow:0 6px 16px #00d49266}.sidebar__menu .upgrade-btn:active{transform:translateY(0)}.sidebar .menu-item{display:flex;align-items:center;gap:12px;padding:.875rem 1rem;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;color:#fff;justify-content:flex-start}.sidebar .menu-item .menu-icon{font-size:1.3rem;display:flex;align-items:center;justify-content:center;min-width:24px;transition:transform .3s ease;color:#fff}.sidebar .menu-item .menu-label{transition:opacity .3s,width .3s;white-space:nowrap;overflow:hidden;font-weight:500;color:#fff}.sidebar .menu-item:hover{background:#4a90e233;transform:translate(4px)}.sidebar .menu-item:hover .menu-icon{transform:scale(1.1)}.sidebar .menu-item.active{background:linear-gradient(135deg,#4a90e2,#5ba3f5);box-shadow:0 4px 16px #4a90e266}.sidebar .menu-item.active .menu-icon{color:#fff}.sidebar .menu-item.teams-style{flex-direction:column;gap:4px;padding:8px 4px;text-align:center;justify-content:center}.sidebar .menu-item.teams-style .menu-icon{font-size:1.5rem;min-width:auto}.sidebar .menu-item.teams-style .menu-label{font-size:.75rem;font-weight:500;opacity:.9;line-height:1;overflow:hidden;text-overflow:ellipsis}.sidebar .menu-item.teams-style:hover{transform:none;background:#4a90e226}.sidebar .language-selector{position:relative;margin-top:auto}.sidebar .language-selector .language-item{margin-bottom:0}.sidebar .language-selector .language-flag{font-size:1.2rem}.sidebar .language-selector .language-dropdown{position:absolute;bottom:100%;left:0;right:0;background:#2c3e50;border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 8px 24px #0000004d;z-index:1000;margin-bottom:8px;overflow:hidden}.sidebar .language-selector .language-dropdown .language-option{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:all .2s ease;color:#fff;position:relative}.sidebar .language-selector .language-dropdown .language-option:hover{background:#ffffff1a}.sidebar .language-selector .language-dropdown .language-option.active{background:#4a90e233;color:#4a90e2}.sidebar .language-selector .language-dropdown .language-option .option-flag{font-size:1rem;flex-shrink:0}.sidebar .language-selector .language-dropdown .language-option .option-text{flex:1;font-size:13px;font-weight:500}.sidebar .language-selector .language-dropdown .language-option .option-check{color:#4a90e2;font-weight:700;font-size:14px}.sidebar .upgrade-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.sidebar .upgrade-modal{background:#fff;border-radius:16px;padding:0;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;overflow:hidden}.sidebar .upgrade-modal-header{background:linear-gradient(135deg,#00d492,#096);padding:24px 28px;display:flex;align-items:center;gap:12px}.sidebar .upgrade-modal-header .upgrade-modal-icon{font-size:32px;color:#fff}.sidebar .upgrade-modal-header h3{margin:0;font-size:24px;font-weight:700;color:#fff}.sidebar .upgrade-modal-body{padding:28px;color:#1e1e1e}.sidebar .upgrade-modal-body p{margin:0 0 20px;font-size:16px;line-height:1.6;color:#555}.sidebar .upgrade-modal-body ul{list-style:none;padding:0;margin:0}.sidebar .upgrade-modal-body ul li{padding:10px 0 10px 28px;position:relative;font-size:15px;color:#333}.sidebar .upgrade-modal-body ul li:before{content:"✓";position:absolute;left:0;color:#00d492;font-weight:700;font-size:18px}.sidebar .upgrade-modal-footer{padding:20px 28px;display:flex;gap:12px;border-top:1px solid #f0f0f0}.sidebar .upgrade-modal-btn{flex:1;padding:12px 24px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;border:none}.sidebar .upgrade-modal-btn.cancel{background:#fff;border:2px solid #e0e0e0;color:#666}.sidebar .upgrade-modal-btn.cancel:hover{background:#f5f5f5;border-color:#ccc}.sidebar .upgrade-modal-btn.upgrade{background:linear-gradient(135deg,#00d492,#096);color:#fff;box-shadow:0 4px 12px #00d4924d}.sidebar .upgrade-modal-btn.upgrade:hover{background:linear-gradient(135deg,#096,#00d492);box-shadow:0 6px 16px #00d49266;transform:translateY(-2px)}.sidebar .upgrade-modal-btn.upgrade:active{transform:translateY(0)}.sidebar__bottom{position:relative;padding:1rem;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;margin-top:auto}.sidebar__user-btn{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;padding:12px;background:transparent;border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease}.sidebar__user-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.sidebar__user-btn .user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4a90e2,#5ba3f5);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0;color:#fff}.sidebar__user-btn .user-name{transition:opacity .3s,width .3s;white-space:nowrap;overflow:hidden;font-weight:500;flex:1;color:#fff}.sidebar.collapsed .sidebar__user-btn{justify-content:flex-start;padding:12px 8px}.sidebar__dropdown{position:absolute;bottom:70px;left:10px;right:10px;background:#fff;color:#000;border-radius:12px;box-shadow:0 8px 24px #0003;overflow:hidden;z-index:100;animation:slideUp .3s ease;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar__dropdown .dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:background .2s;font-weight:500;color:#333}.sidebar__dropdown .dropdown-item svg{font-size:1.1rem}.sidebar__dropdown .dropdown-item:hover{background:#f8f8f8}.sidebar__dropdown .dropdown-item.logout{color:#e74c3c}.sidebar__dropdown .dropdown-item.logout:hover{background:#e74c3c1a}.sidebar.collapsed .sidebar__dropdown{left:10px;right:auto;width:60px}.sidebar.collapsed .sidebar__dropdown .dropdown-item{padding:14px;gap:0;justify-content:center;min-width:60px}.sidebar.collapsed .sidebar__dropdown .dropdown-item svg{margin:0;font-size:1.3rem}.sidebar.collapsed .sidebar__dropdown .dropdown-item .dropdown-text{display:none}.sidebar.collapsed .sidebar__dropdown .dropdown-item:hover{position:relative}.sidebar.collapsed .sidebar__dropdown .dropdown-item:hover:after{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:10px;padding:6px 12px;background:#333;color:#fff;border-radius:6px;white-space:nowrap;font-size:.85rem;z-index:1000;opacity:0;animation:tooltipFadeIn .2s ease forwards}@keyframes tooltipFadeIn{to{opacity:1}}@media(max-width:768px){.sidebar.collapsed .sidebar__dropdown{left:10px;right:10px;width:auto}.sidebar.collapsed .sidebar__dropdown .dropdown-item{padding:12px 16px;gap:10px;justify-content:flex-start}.sidebar.collapsed .sidebar__dropdown .dropdown-item svg{font-size:1.1rem}.sidebar.collapsed .sidebar__dropdown .dropdown-item .dropdown-text{display:inline}.sidebar.collapsed .sidebar__dropdown .dropdown-item:hover:after{display:none}}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:1000;width:210px;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .2s ease}}.btn{border:none;border-radius:8px;padding:.5rem 1.2rem;cursor:pointer;font-weight:500}.btn--primary{background:#5b3aff;color:#fff}.btn--outline{background:transparent;border:1px solid #5b3aff;color:#5b3aff}.sessions-container{background:#fff;border-radius:16px;padding:24px;margin:20px 0;box-shadow:0 2px 12px #0000000f;width:100%;max-width:100%;box-sizing:border-box}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;border-radius:12px;border:1px solid #e0e0e0}.meeting-table{width:100%;min-width:unset;border-collapse:separate;border-spacing:0;background:#fff;font-size:14px;table-layout:fixed}.meeting-table thead{background:linear-gradient(135deg,#243b55,#4a90e2);position:sticky;top:0;z-index:10}.meeting-table th{color:#fff;font-weight:600;padding:16px 12px;text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.15);white-space:nowrap}.meeting-table th:first-child{border-top-left-radius:12px;width:12%}.meeting-table th:nth-child(2){width:18%}.meeting-table th:nth-child(3){width:10%}.meeting-table th:nth-child(4){width:18%}.meeting-table th:nth-child(5){width:12%}.meeting-table th:nth-child(6){width:10%}.meeting-table th:last-child{border-top-right-radius:12px;text-align:center;width:20%;min-width:200px}.meeting-table tbody tr{transition:all .2s ease;border-bottom:1px solid #f0f0f0}.meeting-table tbody tr:nth-child(odd){background:#fafafa}.meeting-table tbody tr:nth-child(2n){background:#fff}.meeting-table tbody tr:hover{background:#f0f4f8!important;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.meeting-table tbody tr:last-child{border-bottom:none}.meeting-table td{padding:16px 8px;vertical-align:middle;font-size:14px;white-space:nowrap;border-right:1px solid #f0f0f0;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.meeting-table td:last-child{border-right:none;text-align:center}.meeting-table td[data-label="Session ID"]{font-family:Courier New,monospace;font-size:10px;color:#666;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meeting-table td[data-label="Session ID"] div{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meeting-table td[data-label=Actions]{min-width:200px;text-align:center}.meeting-table td[data-label=Actions] .btn-delete{background:transparent!important;border:1.5px solid #e0e0e0;color:#666;width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;margin:0 2px;transition:all .2s ease;flex-shrink:0}.meeting-table td[data-label=Actions] .btn-delete[title*=Play]{background:transparent!important;border-color:#28a745;color:#28a745}.meeting-table td[data-label=Actions] .btn-delete[title*=Play]:hover{background:transparent!important;border-color:#1e7e34;color:#1e7e34;transform:translateY(-1px);box-shadow:0 2px 6px #28a7454d}.meeting-table td[data-label=Actions] .btn-delete[title*=Play]:disabled{opacity:.5;cursor:not-allowed}.meeting-table td[data-label=Actions] .btn-delete[title*=Play]:disabled:hover{transform:none;box-shadow:none}.meeting-table td[data-label=Actions] .btn-delete[title*=Download]{background:transparent!important;border-color:#17a2b8;color:#17a2b8}.meeting-table td[data-label=Actions] .btn-delete[title*=Download]:hover{background:transparent!important;border-color:#117a8b;color:#117a8b;transform:translateY(-1px);box-shadow:0 2px 6px #17a2b84d}.meeting-table td[data-label=Actions] .btn-delete[title*=Download]:disabled{opacity:.5;cursor:not-allowed}.meeting-table td[data-label=Actions] .btn-delete[title*=Download]:disabled:hover{transform:none;box-shadow:none}.meeting-table td[data-label=Actions] .btn-delete[title*=View]{background:transparent!important;border-color:#4a90e2;color:#4a90e2}.meeting-table td[data-label=Actions] .btn-delete[title*=View]:hover{background:transparent!important;border-color:#357abd;color:#357abd;transform:translateY(-1px);box-shadow:0 2px 6px #4a90e24d}.meeting-table td[data-label=Actions] .btn-delete[title*=Delete]{background:transparent!important;border-color:#dc3545;color:#dc3545}.meeting-table td[data-label=Actions] .btn-delete[title*=Delete]:hover{background:transparent!important;border-color:#bd2130;color:#bd2130;transform:translateY(-1px);box-shadow:0 2px 6px #dc35454d}.meeting-table td[data-label=Actions] .btn-delete:first-child{background:transparent!important;border-color:#4a90e2;color:#4a90e2}.meeting-table td[data-label=Actions] .btn-delete:first-child:hover{background:transparent!important;border-color:#357abd;color:#357abd;transform:scale(1.05)}.meeting-table td[data-label=Actions] .btn-delete:last-child{background:transparent!important;border-color:#ffecec;color:#e74c3c}.meeting-table td[data-label=Actions] .btn-delete:last-child:hover{background:transparent!important;border-color:#e74c3c;transform:scale(1.05)}.meeting-table td[data-label=Actions] .btn-delete:active{transform:scale(.95)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px;background:#fff;border-radius:16px;margin:20px 0;box-shadow:0 2px 12px #0000000f}.loading-container .loading-text{font-size:16px;color:#666;font-weight:500}.no-sessions-container{background:#fff;border-radius:16px;padding:60px 40px;text-align:center;margin:20px 0;box-shadow:0 2px 12px #0000000f}.no-sessions-container .no-sessions-icon{font-size:48px;color:#ccc;margin-bottom:16px}.no-sessions-container .no-sessions-title{color:#666;margin:0 0 8px;font-size:20px;font-weight:600}.no-sessions-container .no-sessions-text{color:#999;margin:0;font-size:14px}.meeting-header .header-content{display:flex;align-items:center;gap:16px;width:100%}.meeting-header .header-content .back-btn{background:none;border:none;font-size:24px;color:#243b55;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.meeting-header .header-content .back-btn:hover{background:#243b551a;color:#4a90e2}.meeting-header .header-content .back-btn:active{transform:scale(.95)}.meeting-header .header-content .header-info{flex:1;min-width:0}.meeting-header .header-content .header-info h1{margin:0;font-size:32px;font-weight:700;color:#243b55;line-height:1.2}.meeting-header .header-content .header-info .room-info{color:#999;margin:6px 0 0;font-size:14px;font-weight:500;line-height:1.3}.pagination-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e8e8e8}.pagination-controls .pagination-limit .limit-select{padding:10px 12px;border-radius:8px;border:1px solid #ddd;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease}.pagination-controls .pagination-limit .limit-select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.pagination-controls .pagination-nav{display:flex;align-items:center;gap:12px}.pagination-controls .pagination-nav .pagination-btn{padding:10px 16px;border-radius:8px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;color:#333}.pagination-controls .pagination-nav .pagination-btn:hover:not(.disabled){background:#f8f9fa;border-color:#4a90e2;color:#4a90e2}.pagination-controls .pagination-nav .pagination-btn.disabled{background:#f5f5f5;color:#999;cursor:not-allowed;border-color:#e0e0e0}.pagination-controls .pagination-nav .pagination-btn:active:not(.disabled){transform:translateY(1px)}.pagination-controls .pagination-nav .pagination-info{font-size:14px;color:#666;font-weight:500;white-space:nowrap}@media(max-width:1400px){.meeting-table th,.meeting-table td{padding:14px 6px;font-size:13px}.meeting-table th:first-child{width:11%}.meeting-table th:nth-child(2){width:18%}.meeting-table th:nth-child(3){width:9%}.meeting-table th:nth-child(4){width:18%}.meeting-table th:nth-child(5){width:14%}.meeting-table th:nth-child(6){width:10%}.meeting-table th:last-child{width:20%}}@media(max-width:1200px){.sessions-container{padding:20px;margin:16px 0}.meeting-table{font-size:12px}.meeting-table th,.meeting-table td{padding:12px 4px}.meeting-table th{font-size:11px}.meeting-table th:first-child{width:9%}.meeting-table th:nth-child(2){width:20%}.meeting-table th:nth-child(3){width:8%}.meeting-table th:nth-child(4){width:20%}.meeting-table th:nth-child(5){width:13%}.meeting-table th:nth-child(6){width:10%}.meeting-table th:last-child{width:20%}.meeting-table td{font-size:11px}.meeting-header .header-content .header-info h1{font-size:28px}}@media(max-width:1024px){.sessions-container{padding:16px;border-radius:12px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.meeting-table{min-width:900px;font-size:11px}.meeting-table th,.meeting-table td{padding:10px 3px}.meeting-table th,.meeting-table td{font-size:10px}.meeting-table td[data-label=Actions] .btn-delete{width:24px;height:24px;font-size:11px;margin:0 2px}}@media(max-width:900px){.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #e0e0e0;border-radius:8px}.meeting-table{min-width:800px}.meeting-table th,.meeting-table td{padding:8px 2px;font-size:10px}.meeting-table th{font-size:9px;padding:8px 2px}.meeting-table th:first-child{min-width:80px;width:8%}.meeting-table th:nth-child(2){min-width:180px;width:24%}.meeting-table th:nth-child(3){min-width:60px;width:6%}.meeting-table th:nth-child(4){min-width:180px;width:24%}.meeting-table th:nth-child(5){min-width:120px;width:15%}.meeting-table th:nth-child(6){min-width:80px;width:13%}.meeting-table th:last-child{min-width:80px;width:10%}.meeting-table td:first-child{min-width:80px}.meeting-table td:nth-child(2){min-width:180px}.meeting-table td:nth-child(3){min-width:60px}.meeting-table td:nth-child(4){min-width:180px}.meeting-table td:nth-child(5){min-width:120px}.meeting-table td:nth-child(6){min-width:80px}.meeting-table td:last-child{min-width:80px}}@media(max-width:900px){.meeting-table{min-width:600px;table-layout:auto}.meeting-table th,.meeting-table td{white-space:normal;word-break:break-word;font-size:13px;padding:10px 6px}.meeting-table th{font-size:12px;padding:10px 6px}}@media(max-width:600px){.meeting-table{min-width:400px;table-layout:auto}.meeting-table th,.meeting-table td{white-space:normal;word-break:break-word;font-size:12px;padding:8px 4px}.meeting-table th{font-size:11px;padding:8px 4px}}@media(max-width:640px){.sessions-container{padding:8px;margin:8px 0}.meeting-table td{padding:12px 14px;font-size:13px}.meeting-table td:before{font-size:13px;min-width:100px;margin-right:10px}.meeting-table td[data-label="Session ID"] div{font-size:11px}.meeting-table td[data-label=Actions]{flex-direction:column;align-items:center;gap:6px}.meeting-table td[data-label=Actions] .btn-delete{width:36px;height:32px;font-size:12px;margin:0}.meeting-header{padding:16px 20px}.meeting-header .header-content{gap:10px}.meeting-header .header-content .back-btn{font-size:18px;padding:5px}.meeting-header .header-content .header-info h1{font-size:22px}.meeting-header .header-content .header-info .room-info{font-size:12px}}@media(max-width:480px){.meeting-page{padding:12px}.sessions-container{padding:6px;border-radius:8px}.meeting-table tr{margin-bottom:12px;border-radius:8px}.meeting-table td{padding:10px 12px;font-size:12px;align-items:flex-start;gap:4px}.meeting-table td:before{font-size:12px;min-width:auto;margin-right:0;margin-bottom:2px;color:#666}.meeting-table td[data-label=Actions]{flex-direction:column;justify-content:center;gap:8px}.meeting-table td[data-label=Actions] .btn-delete{width:30px;height:26px;font-size:11px;margin:0}.meeting-table td[data-label="Session ID"] div{font-size:10px;margin-top:2px}.loading-container{min-height:120px;margin:12px 0;border-radius:10px;padding:20px}.loading-container .loading-text{font-size:14px}.no-sessions-container{padding:30px 20px;margin:12px 0;border-radius:10px}.no-sessions-container .no-sessions-icon{font-size:36px;margin-bottom:10px}.no-sessions-container .no-sessions-title{font-size:16px;margin-bottom:6px}.no-sessions-container .no-sessions-text{font-size:12px}.meeting-header{padding:12px 16px}.meeting-header .header-content{gap:8px}.meeting-header .header-content .back-btn{font-size:16px;padding:4px}.meeting-header .header-content .header-info h1{font-size:20px}.meeting-header .header-content .header-info .room-info{font-size:11px}.pagination-controls{padding:10px 12px;gap:8px;border-radius:8px}.pagination-controls .pagination-limit .limit-select{padding:6px 8px;font-size:12px}.pagination-controls .pagination-nav{gap:6px}.pagination-controls .pagination-nav .pagination-btn{padding:6px 10px;font-size:12px;max-width:80px}.pagination-controls .pagination-nav .pagination-info{font-size:12px;min-width:100px}}@media(max-width:400px){.meeting-page{padding:6px}.sessions-container{padding:3px;margin:3px 0;border-radius:6px}.meeting-table tr{margin-bottom:8px;border-radius:6px}.meeting-table td{padding:6px 8px;font-size:10px}.meeting-table td:before{font-size:10px}.meeting-table td[data-label=Actions]{flex-direction:column;align-items:center;gap:4px}.meeting-table td[data-label=Actions] .btn-delete{width:28px;height:24px;font-size:9px;margin:0}.meeting-table td[data-label="Session ID"] div{font-size:9px}.loading-container{min-height:80px;margin:6px 0;border-radius:6px;padding:12px}.loading-container .loading-text{font-size:12px}.no-sessions-container{padding:20px 12px;margin:6px 0;border-radius:6px}.no-sessions-container .no-sessions-icon{font-size:28px;margin-bottom:6px}.no-sessions-container .no-sessions-title{font-size:13px;margin-bottom:3px}.no-sessions-container .no-sessions-text{font-size:10px}.meeting-header{padding:8px 10px}.meeting-header .header-content{gap:5px}.meeting-header .header-content .back-btn{font-size:13px;padding:2px}.meeting-header .header-content .header-info h1{font-size:16px}.meeting-header .header-content .header-info .room-info{font-size:9px}.pagination-controls{padding:6px 8px;gap:5px}.pagination-controls .pagination-limit .limit-select{padding:4px 5px;font-size:10px}.pagination-controls .pagination-nav{gap:3px}.pagination-controls .pagination-nav .pagination-btn{padding:4px 6px;font-size:10px;max-width:60px}.pagination-controls .pagination-nav .pagination-info{font-size:10px;min-width:80px}}@media(max-width:350px){.meeting-page{padding:4px}.sessions-container{padding:2px;margin:2px 0;border-radius:4px}.meeting-table tr{margin-bottom:6px;border-radius:4px}.meeting-table td{padding:4px 6px;font-size:9px}.meeting-table td:before{font-size:9px}.meeting-table td[data-label=Actions]{flex-direction:column;align-items:center;gap:3px}.meeting-table td[data-label=Actions] .btn-delete{width:24px;height:20px;font-size:8px;margin:0}.meeting-table td[data-label="Session ID"] div{font-size:8px}.loading-container{min-height:60px;margin:4px 0;border-radius:4px;padding:8px}.loading-container .loading-text{font-size:11px}.no-sessions-container{padding:16px 8px;margin:4px 0;border-radius:4px}.no-sessions-container .no-sessions-icon{font-size:24px;margin-bottom:4px}.no-sessions-container .no-sessions-title{font-size:12px;margin-bottom:2px}.no-sessions-container .no-sessions-text{font-size:9px}.meeting-header{padding:6px 8px}.meeting-header .header-content{gap:4px}.meeting-header .header-content .back-btn{font-size:12px;padding:1px}.meeting-header .header-content .header-info h1{font-size:14px}.meeting-header .header-content .header-info .room-info{font-size:8px}.pagination-controls{padding:4px 6px;gap:4px}.pagination-controls .pagination-limit .limit-select{padding:3px 4px;font-size:9px}.pagination-controls .pagination-nav{gap:2px}.pagination-controls .pagination-nav .pagination-btn{padding:3px 5px;font-size:9px;max-width:50px}.pagination-controls .pagination-nav .pagination-info{font-size:9px;min-width:70px}}@media(max-width:320px){.meeting-page{padding:2px}.sessions-container{padding:1px;margin:1px 0;border-radius:3px}.meeting-table tr{margin-bottom:4px;border-radius:3px}.meeting-table td{padding:3px 4px;font-size:8px}.meeting-table td:before{font-size:8px;margin-bottom:1px}.meeting-table td[data-label=Actions]{flex-direction:column;align-items:center;gap:2px}.meeting-table td[data-label=Actions] .btn-delete{width:22px;height:18px;font-size:7px;margin:0}.meeting-table td[data-label="Session ID"] div{font-size:7px}.loading-container{min-height:50px;margin:2px 0;border-radius:3px;padding:6px}.loading-container .loading-text{font-size:10px}.no-sessions-container{padding:12px 6px;margin:2px 0;border-radius:3px}.no-sessions-container .no-sessions-icon{font-size:20px;margin-bottom:3px}.no-sessions-container .no-sessions-title{font-size:11px;margin-bottom:1px}.no-sessions-container .no-sessions-text{font-size:8px}.meeting-header{padding:4px 6px}.meeting-header .header-content{gap:3px}.meeting-header .header-content .back-btn{font-size:11px;padding:1px}.meeting-header .header-content .header-info h1{font-size:12px}.meeting-header .header-content .header-info .room-info{font-size:7px}.pagination-controls{padding:3px 4px;gap:3px}.pagination-controls .pagination-limit .limit-select{padding:2px 3px;font-size:8px}.pagination-controls .pagination-nav{gap:1px}.pagination-controls .pagination-nav .pagination-btn{padding:2px 4px;font-size:8px;max-width:40px}.loading-container{min-height:100px;margin:8px 0;border-radius:8px;padding:16px}.loading-container .loading-text{font-size:13px}.no-sessions-container{padding:24px 16px;margin:8px 0;border-radius:8px}.no-sessions-container .no-sessions-icon{font-size:32px;margin-bottom:8px}.no-sessions-container .no-sessions-title{font-size:14px;margin-bottom:4px}.no-sessions-container .no-sessions-text{font-size:11px}.meeting-header{padding:10px 12px}.meeting-header .header-content{gap:6px}.meeting-header .header-content .back-btn{font-size:14px;padding:3px}.meeting-header .header-content .header-info h1{font-size:18px}.meeting-header .header-content .header-info .room-info{font-size:10px}.pagination-controls{padding:8px 10px;gap:6px}.pagination-controls .pagination-limit .limit-select{padding:5px 6px;font-size:11px}.pagination-controls .pagination-nav{gap:4px}.pagination-controls .pagination-nav .pagination-btn{padding:5px 8px;font-size:11px;max-width:70px}.pagination-controls .pagination-nav .pagination-info{font-size:8px;min-width:60px}}.meeting-page{min-height:100vh;box-sizing:border-box;background:linear-gradient(135deg,#f7f7fb,#e8e8f5);padding:2rem 2.5rem}.meeting-page .meeting-table-wrapper{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:1400px;margin:0 auto;position:relative}.meeting-page .meeting-table-actions{padding:0 0 1.25rem;box-sizing:border-box;width:100%;display:flex;justify-content:flex-end;align-items:center}.meeting-page .new-meeting-btn,.meeting-page button.new-meeting-btn{display:flex;align-items:center;justify-content:center;background:#7db82f;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:15px;box-shadow:0 4px 16px #243b554d;cursor:pointer;gap:7px;letter-spacing:.2px;transition:all .3s cubic-bezier(.4,0,.2,1);margin:0}.meeting-page .new-meeting-btn svg,.meeting-page button.new-meeting-btn svg{font-size:17px;margin-right:4px}.meeting-page .new-meeting-btn:hover,.meeting-page button.new-meeting-btn:hover{background:linear-gradient(90deg,#357abd,#7db82f);box-shadow:0 4px 16px #4a90e22e,0 2px 8px #7db82f21;transform:translateY(-1px) scale(1.06);margin:0}.meeting-page .new-meeting-btn:active,.meeting-page button.new-meeting-btn:active{background:linear-gradient(90deg,#2c3e50,#7db82f);border-radius:14px;transform:scale(.97)}.meeting-page .table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;box-shadow:0 2px 8px #0000000f;background:#fff;margin-bottom:1.5rem}.meeting-page .meeting-table{width:100%;border-collapse:separate;border-spacing:0;background:transparent;border-radius:0;overflow:visible;box-shadow:none}.meeting-page .meeting-table thead{background:linear-gradient(135deg,#243b55,#4a90e2)}.meeting-page .meeting-table th{padding:14px 16px;text-align:center;color:#fff;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.meeting-page .meeting-table th:first-child{width:80px;border-top-left-radius:12px}.meeting-page .meeting-table th:nth-child(2){width:140px}.meeting-page .meeting-table th:nth-child(3){width:200px}.meeting-page .meeting-table th:nth-child(4){width:100px}.meeting-page .meeting-table th:last-child{width:180px;border-top-right-radius:12px}.meeting-page .meeting-table tbody tr{transition:background .2s ease}.meeting-page .meeting-table tbody tr:nth-child(odd){background:#fafafa}.meeting-page .meeting-table tbody tr:nth-child(2n){background:#fff}.meeting-page .meeting-table tbody tr:hover{background:#f0f4f8!important}.meeting-page .meeting-table td{padding:14px 16px;text-align:center;color:#1e1e1e;font-size:14px;border-top:1px solid #f0f0f0;vertical-align:middle}.meeting-page .meeting-table td:first-child{font-weight:600;color:#666}.meeting-page .meeting-table td:nth-child(2){font-family:Courier New,monospace;font-size:15px;font-weight:600}.meeting-page .meeting-table td:nth-child(3){font-size:16px;font-weight:600}.meeting-page .meeting-table .meeting-id{color:#22c55e;font-weight:600;cursor:pointer;transition:color .2s ease}.meeting-page .meeting-table .meeting-id:hover{color:#16a34a}.meeting-page .meeting-table .actions{display:flex;gap:4px;align-items:center;justify-content:center;flex-wrap:nowrap}.meeting-page .meeting-table .actions .btn-delete{width:28px;height:28px;border-radius:6px;border:1.5px solid;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .2s ease;flex-shrink:0}.meeting-page .meeting-table .actions .btn-delete:active{transform:scale(.95)}.meeting-page .meeting-table .actions .btn-delete:nth-child(1){border-color:#1976d2;color:#1976d2}.meeting-page .meeting-table .actions .btn-delete:nth-child(1):hover{border-color:#1565c0;color:#1565c0;transform:scale(1.05)}.meeting-page .meeting-table .actions .btn-delete:nth-child(2){border-color:#28a745;color:#28a745}.meeting-page .meeting-table .actions .btn-delete:nth-child(2):hover{border-color:#218838;color:#218838;transform:scale(1.05)}.meeting-page .meeting-table .actions .btn-delete:nth-child(3){border-color:#e74c3c;color:#e74c3c}.meeting-page .meeting-table .actions .btn-delete:nth-child(3):hover{border-color:#dc3545;color:#dc3545;transform:scale(1.05)}.meeting-page .meeting-table .actions .btn-delete.btn-invite{border-color:#28a745;color:#28a745}.meeting-page .meeting-table .actions .btn-delete.btn-invite:hover{border-color:#218838;color:#218838}.meeting-page .meeting-footer{text-align:left;color:#999;font-size:12px;margin-top:40px}@media(min-width:1400px){.meeting-page .meeting-table th:nth-child(3){width:250px}.meeting-page .meeting-table th:last-child{width:200px}}@media(max-width:1200px){.meeting-page .meeting-table th:nth-child(3){width:160px}.meeting-page .meeting-table th:last-child{width:170px}}@media(max-width:1024px){.meeting-page{padding:1.5rem 2rem}.meeting-page .meeting-table th,.meeting-page .meeting-table td{padding:10px 8px;font-size:13px}.meeting-page .meeting-table th:nth-child(3){width:180px}.meeting-page .meeting-table th:last-child{width:160px}.meeting-page .meeting-table .actions{gap:3px}.meeting-page .meeting-table .actions .btn-delete{width:26px;height:26px;font-size:11px}.meeting-page .meeting-table .actions .btn-delete:nth-child(1){border-color:#1976d2;color:#1976d2}.meeting-page .meeting-table .actions .btn-delete:nth-child(2){border-color:#28a745;color:#28a745}.meeting-page .meeting-table .actions .btn-delete:nth-child(3){border-color:#e74c3c;color:#e74c3c}}@media(max-width:640px){.meeting-page{padding:1rem}.meeting-page .meeting-table-actions{padding:0 0 1rem}.meeting-page .new-meeting-btn{font-size:14px;padding:8px 14px}.meeting-page .table-responsive{border-radius:10px;box-shadow:0 2px 8px #0000000f;margin-bottom:1rem}.meeting-page .meeting-table{min-width:600px;background:transparent;border-radius:0;box-shadow:none}.meeting-page .meeting-table th,.meeting-page .meeting-table td{font-size:12px;padding:10px 8px;white-space:nowrap}.meeting-page .meeting-table th{font-size:13px}.meeting-page .meeting-table .actions{flex-wrap:nowrap;gap:2px}}@media(max-width:480px){.meeting-page{padding:.75rem}.meeting-page .new-meeting-btn{font-size:13px;padding:7px 12px}.meeting-page .meeting-table td{padding:10px 14px;font-size:13px}.meeting-page .meeting-table td:before{font-size:11px}}.meeting-page .actions .btn-invite{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#0b74de;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .12s,transform .06s;font-size:13px}.meeting-page .actions .btn-invite:hover{background:#095fa8}.meeting-page .actions .btn-invite:active{transform:translateY(1px)}.meeting-page .invite-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1200}.meeting-page .invite-modal{width:420px;max-width:calc(100% - 32px);background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000002e;padding:18px;animation:pop .12s ease-out}@keyframes pop{0%{transform:translateY(-6px) scale(.995);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.meeting-page .invite-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.meeting-page .invite-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#111}.meeting-page .invite-modal-body{margin-top:12px;display:flex;flex-direction:column;gap:8px}.meeting-page .invite-modal-body label{font-size:13px;color:#333;font-weight:500;margin-bottom:4px}.meeting-page .invite-modal-body input[type=email]{padding:12px;border-radius:8px;border:2px solid #e0e0e0;outline:none;font-size:14px;transition:border-color .2s ease}.meeting-page .invite-modal-body input[type=email]:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.meeting-page .invite-modal-body input[type=email].error{border-color:#e74c3c}.meeting-page .invite-modal-body input[type=email].error:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.meeting-page .email-input-container{display:flex;gap:8px;align-items:flex-start}.meeting-page .add-email-btn{padding:12px 16px;background-color:#4a90e2;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s ease}.meeting-page .add-email-btn:hover{background-color:#357abd}.meeting-page .add-email-btn:active{transform:translateY(1px)}.meeting-page .email-error{color:#e74c3c;font-size:12px;font-weight:500;margin-top:4px;display:block}.meeting-page .email-helper{color:#666;font-size:12px;margin-top:4px;display:block}.meeting-page .email-list-container{margin-top:16px}.meeting-page .email-list-header{margin-bottom:8px;display:block;font-size:13px;color:#333;font-weight:500}.meeting-page .email-list{max-height:150px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px;padding:8px;background:#fafafa}.meeting-page .email-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin:4px 0;background-color:#fff;border:1px solid #e8e8e8;border-radius:6px;font-size:14px;transition:all .2s ease}.meeting-page .email-item:hover{background-color:#f8f9fa;border-color:#ddd}.meeting-page .email-item-text{color:#333;flex:1}.meeting-page .email-remove-btn{background:none;border:none;color:#e74c3c;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.meeting-page .email-remove-btn:hover{background-color:#fef2f2;color:#dc2626}.meeting-page .email-remove-btn:active{transform:scale(.95)}.meeting-page .invite-modal-actions{margin-top:14px;display:flex;justify-content:flex-end;gap:8px}.meeting-page .btn-cancel{background:transparent;color:#555;border:1px solid #e0e0e0;padding:8px 12px;border-radius:6px;cursor:pointer}.meeting-page .btn-create{background:#0b74de;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.meeting-page .btn-create:disabled,.meeting-page .btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.meeting-page .invite-modal{width:95%;max-width:calc(100% - 20px);padding:16px}.meeting-page .invite-modal-header h3{font-size:15px}.meeting-page .invite-modal-body label{font-size:12px}.meeting-page .invite-modal-body input[type=email]{padding:10px;font-size:13px}.meeting-page .add-email-btn{padding:10px 14px;font-size:13px}.meeting-page .email-error,.meeting-page .email-helper{font-size:11px}.meeting-page .invite-modal-actions{margin-top:12px;gap:6px}.meeting-page .invite-modal-actions .btn-cancel,.meeting-page .invite-modal-actions .btn-create{padding:9px 14px;font-size:13px}}@media(max-width:400px){.meeting-page .invite-modal{width:94%;max-width:calc(100% - 16px);padding:12px 10px;border-radius:8px}.meeting-page .invite-modal-header{gap:6px}.meeting-page .invite-modal-header h3{font-size:13px}.meeting-page .invite-modal-header .close-btn{font-size:16px}.meeting-page .invite-modal-body{margin-top:9px;gap:5px}.meeting-page .invite-modal-body label{font-size:10px}.meeting-page .invite-modal-body input[type=email]{padding:8px;font-size:11px;border-radius:6px}.meeting-page .email-input-container{gap:5px}.meeting-page .add-email-btn{padding:8px 10px;font-size:11px;border-radius:6px}.meeting-page .email-error,.meeting-page .email-helper{font-size:9px}.meeting-page .email-list-container{margin-top:10px}.meeting-page .email-list-header{font-size:11px;margin-bottom:5px}.meeting-page .email-list{max-height:110px;padding:5px;border-radius:6px}.meeting-page .email-item{padding:5px 8px;font-size:11px;border-radius:4px}.meeting-page .invite-modal-actions{margin-top:9px;gap:5px}.meeting-page .invite-modal-actions .btn-cancel,.meeting-page .invite-modal-actions .btn-create{padding:7px 10px;font-size:11px;border-radius:6px}}.meeting-page .create-room-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.meeting-page .create-room-modal .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.meeting-page .create-room-modal .modal-content{position:relative;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:500px;padding:32px;animation:slideUp .3s ease;z-index:1001}.meeting-page .create-room-modal .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.meeting-page .create-room-modal .modal-header h2{font-size:24px;font-weight:700;margin:0;color:#1e1e1e}.meeting-page .create-room-modal .modal-header .close-btn{background:transparent;border:none;color:#666;font-size:24px;cursor:pointer;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.meeting-page .create-room-modal .modal-header .close-btn:hover{background:#0000000d;color:#1e1e1e}.meeting-page .create-room-modal form .form-group{margin-bottom:20px}.meeting-page .create-room-modal form .form-group label{display:block;font-weight:600;margin-bottom:8px;color:#333;font-size:14px}.meeting-page .create-room-modal form .form-group input{width:100%;padding:12px 14px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .2s ease;font-family:inherit}.meeting-page .create-room-modal form .form-group input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.meeting-page .create-room-modal form .form-group input.error{border-color:#e74c3c;background-color:#fdf2f2}.meeting-page .create-room-modal form .form-group input.error:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.meeting-page .create-room-modal form .form-group input.valid{border-color:#27ae60;background-color:#f0fdf4}.meeting-page .create-room-modal form .form-group input.valid:focus{border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a}.meeting-page .create-room-modal form .form-group small{display:block;margin-top:6px;color:#999;font-size:13px}.meeting-page .create-room-modal form .form-group small.error-text{color:#e74c3c;font-weight:500}.meeting-page .create-room-modal form .form-group .input-with-button{display:flex;gap:8px;align-items:stretch}.meeting-page .create-room-modal form .form-group .input-with-button input{flex:1}.meeting-page .create-room-modal form .form-group .input-with-button .refresh-btn{background:#f5f5f5;border:2px solid #e0e0e0;color:#666;width:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:18px}.meeting-page .create-room-modal form .form-group .input-with-button .refresh-btn:hover{background:#4a90e2;border-color:#4a90e2;color:#fff;transform:rotate(180deg)}.meeting-page .create-room-modal form .form-group .input-with-button .refresh-btn:active{transform:rotate(180deg) scale(.95)}.meeting-page .create-room-modal form .form-actions{display:flex;gap:12px;margin-top:28px}.meeting-page .create-room-modal form .form-actions button{flex:1;padding:12px 24px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease}.meeting-page .create-room-modal form .form-actions .btn-cancel{background:#fff;border:2px solid #e0e0e0;color:#666}.meeting-page .create-room-modal form .form-actions .btn-cancel:hover{background:#f5f5f5;border-color:#ccc}.meeting-page .create-room-modal form .form-actions .btn-create{background:linear-gradient(135deg,#243b55,#4a90e2);border:none;color:#fff;box-shadow:0 4px 12px #243b554d}.meeting-page .create-room-modal form .form-actions .btn-create:hover{background:linear-gradient(135deg,#1a2d42,#3a7ec8);box-shadow:0 6px 16px #243b5566;transform:translateY(-2px)}.meeting-page .create-room-modal form .form-actions .btn-create:active{transform:translateY(0)}@media(max-width:640px){.meeting-page .create-room-modal .modal-content{width:95%;padding:24px 20px;max-height:90vh;overflow-y:auto}.meeting-page .create-room-modal .modal-header{margin-bottom:20px}.meeting-page .create-room-modal .modal-header h2{font-size:20px}.meeting-page .create-room-modal .modal-header .close-btn{width:32px;height:32px;font-size:20px}.meeting-page .create-room-modal form .form-group{margin-bottom:16px}.meeting-page .create-room-modal form .form-group label{font-size:13px}.meeting-page .create-room-modal form .form-group input{padding:10px 12px;font-size:14px}.meeting-page .create-room-modal form .form-group small{font-size:12px}.meeting-page .create-room-modal form .form-group .input-with-button .refresh-btn{width:44px;font-size:16px}.meeting-page .create-room-modal form .form-actions{margin-top:20px;flex-direction:column}.meeting-page .create-room-modal form .form-actions button{width:100%;padding:12px 20px;font-size:14px}}@media(max-width:480px){.meeting-page .create-room-modal .modal-content{padding:20px 16px}.meeting-page .create-room-modal .modal-header h2{font-size:18px}}@media(max-width:400px){.meeting-page .create-room-modal .modal-content{width:94%;padding:14px 10px;border-radius:10px}.meeting-page .create-room-modal .modal-header{margin-bottom:14px}.meeting-page .create-room-modal .modal-header h2{font-size:15px}.meeting-page .create-room-modal .modal-header .close-btn{width:26px;height:26px;font-size:16px}.meeting-page .create-room-modal form .form-group{margin-bottom:12px}.meeting-page .create-room-modal form .form-group label{font-size:11px;margin-bottom:5px}.meeting-page .create-room-modal form .form-group input{padding:8px 9px;font-size:12px;border-radius:7px}.meeting-page .create-room-modal form .form-group small{font-size:10px}.meeting-page .create-room-modal form .form-group .input-with-button .refresh-btn{width:36px;font-size:13px}.meeting-page .create-room-modal form .form-actions{margin-top:14px;gap:8px}.meeting-page .create-room-modal form .form-actions button{padding:9px 14px;font-size:12px;border-radius:7px}}.meeting-page .notification-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.meeting-page .notification-modal{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideUp .3s ease}.meeting-page .notification-modal .notification-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px}.meeting-page .notification-modal .notification-icon.success{background:#2ed57326;color:#27ae60}.meeting-page .notification-modal .notification-icon.error{background:#e74c3c26;color:#e74c3c}.meeting-page .notification-modal .notification-icon.warning{background:#f1c40f26;color:#f39c12}.meeting-page .notification-modal h3{margin:0 0 12px;font-size:22px;font-weight:700;color:#1e1e1e}.meeting-page .notification-modal p{margin:0 0 24px;font-size:15px;line-height:1.6;color:#666;white-space:pre-line}.meeting-page .notification-modal .notification-btn{width:100%;padding:12px 24px;border-radius:10px;background:linear-gradient(135deg,#243b55,#4a90e2);border:none;color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #243b554d}.meeting-page .notification-modal .notification-btn:hover{background:linear-gradient(135deg,#1a2d42,#3a7ec8);box-shadow:0 6px 16px #243b5566;transform:translateY(-2px)}.meeting-page .notification-modal .notification-btn:active{transform:translateY(0)}.meeting-page .confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.meeting-page .confirm-modal{background:#fff;border-radius:16px;padding:32px;max-width:420px;width:90%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideUp .3s ease}.meeting-page .confirm-modal .confirm-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px;background:#e74c3c26;color:#e74c3c}.meeting-page .confirm-modal h3{margin:0 0 12px;font-size:22px;font-weight:700;color:#1e1e1e}.meeting-page .confirm-modal p{margin:0 0 28px;font-size:15px;line-height:1.6;color:#666}.meeting-page .confirm-modal .confirm-actions{display:flex;gap:12px}.meeting-page .confirm-modal .confirm-actions .confirm-btn{flex:1;padding:12px 24px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;border:none}.meeting-page .confirm-modal .confirm-actions .confirm-btn.cancel{background:#fff;border:2px solid #e0e0e0;color:#666}.meeting-page .confirm-modal .confirm-actions .confirm-btn.cancel:hover{background:#f5f5f5;border-color:#ccc}.meeting-page .confirm-modal .confirm-actions .confirm-btn.confirm{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 4px 12px #e74c3c4d}.meeting-page .confirm-modal .confirm-actions .confirm-btn.confirm:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 6px 16px #e74c3c66;transform:translateY(-2px)}.meeting-page .confirm-modal .confirm-actions .confirm-btn.confirm:active{transform:translateY(0)}@media(max-width:480px){.meeting-page .notification-modal,.meeting-page .confirm-modal{padding:24px 20px;max-width:90%}.meeting-page .notification-modal .notification-icon,.meeting-page .notification-modal .confirm-icon,.meeting-page .confirm-modal .notification-icon,.meeting-page .confirm-modal .confirm-icon{width:56px;height:56px;font-size:28px;margin-bottom:16px}.meeting-page .notification-modal h3,.meeting-page .confirm-modal h3{font-size:20px}.meeting-page .notification-modal p,.meeting-page .confirm-modal p{font-size:14px}.meeting-page .notification-modal .notification-btn,.meeting-page .notification-modal .confirm-btn,.meeting-page .confirm-modal .notification-btn,.meeting-page .confirm-modal .confirm-btn{padding:10px 20px;font-size:14px}.meeting-page .confirm-modal .confirm-actions{flex-direction:column}.meeting-page .confirm-modal .confirm-actions .confirm-btn{width:100%}}@media(max-width:400px){.meeting-page .notification-modal,.meeting-page .confirm-modal{padding:18px 14px;max-width:92%;border-radius:10px}.meeting-page .notification-modal .notification-icon,.meeting-page .notification-modal .confirm-icon,.meeting-page .confirm-modal .notification-icon,.meeting-page .confirm-modal .confirm-icon{width:48px;height:48px;font-size:22px;margin-bottom:12px}.meeting-page .notification-modal h3,.meeting-page .confirm-modal h3{font-size:16px;margin-bottom:9px}.meeting-page .notification-modal p,.meeting-page .confirm-modal p{font-size:12px;margin-bottom:18px;line-height:1.5}.meeting-page .notification-modal .notification-btn,.meeting-page .notification-modal .confirm-btn,.meeting-page .confirm-modal .notification-btn,.meeting-page .confirm-modal .confirm-btn{padding:9px 14px;font-size:12px;border-radius:7px}.meeting-page .confirm-modal .confirm-actions{gap:8px}}.sessions-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.sessions-modal{background:#fff;border-radius:16px;max-width:1000px;width:100%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column}.sessions-modal .sessions-modal-header{padding:24px 32px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.sessions-modal .sessions-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#2c3e50}.sessions-modal .sessions-modal-header .close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:4px;border-radius:4px;transition:all .2s}.sessions-modal .sessions-modal-header .close-btn:hover{background:#f8f9fa;color:#495057}.sessions-modal .sessions-modal-body{flex:1;overflow:auto;padding:0}.sessions-modal .sessions-modal-body .loading-text,.sessions-modal .sessions-modal-body .no-sessions{text-align:center;padding:40px;color:#6c757d;font-size:16px}.sessions-modal .sessions-modal-body .sessions-table-container{overflow:auto;max-height:500px}.sessions-modal .sessions-modal-body .sessions-table-container .sessions-table{width:100%;border-collapse:collapse;font-size:14px}.sessions-modal .sessions-modal-body .sessions-table-container .sessions-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef);position:sticky;top:0;z-index:10}.sessions-modal .sessions-modal-body .sessions-table-container .sessions-table thead th{padding:16px 20px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;white-space:nowrap}.sessions-modal .sessions-modal-body .sessions-table-container .sessions-table thead th:last-child{text-align:center}.sessions-modal .sessions-modal-body .sessions-table-container .sessions-table tbody tr{border-bottom:1px solid #f1f3f5;transition:background-color .2s}.sessions-modal .sessions-modal-body .sessions-table-container .sessions-table tbody tr:hover{background:#f8f9fa}.sessions-modal .sessions-modal-body .sessions-table-container .sessions-table tbody tr:last-child{border-bottom:none}.sessions-modal .sessions-modal-body .sessions-table-container .sessions-table tbody tr td{padding:16px 20px;color:#495057;vertical-align:middle}.sessions-modal .sessions-modal-body .sessions-table-container .sessions-table tbody tr td.actions{text-align:center}.sessions-modal .sessions-modal-body .sessions-table-container .sessions-table tbody tr td.actions .btn-view{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.sessions-modal .sessions-modal-body .sessions-table-container .sessions-table tbody tr td.actions .btn-view:hover{transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.sessions-modal .sessions-modal-body .sessions-table-container .sessions-table tbody tr td.actions .btn-view svg{font-size:16px}.sessions-modal .sessions-modal-body .sessions-table-container .sessions-table tbody tr td[data-label]:before{content:attr(data-label) ": ";font-weight:600;color:#6c757d;display:none}.sessions-modal .sessions-modal-actions{padding:20px 32px;border-top:1px solid #eee;display:flex;justify-content:flex-end;background:#f8f9fa}.sessions-modal .sessions-modal-actions .btn-cancel{background:#6c757d;color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.sessions-modal .sessions-modal-actions .btn-cancel:hover{background:#5a6268;transform:translateY(-1px)}@media(max-width:768px){.sessions-modal{margin:10px;max-height:90vh}.sessions-modal .sessions-modal-header{padding:16px 20px}.sessions-modal .sessions-modal-header h3{font-size:18px}.sessions-modal .sessions-modal-body .sessions-table-container .sessions-table thead{display:none}.sessions-modal .sessions-modal-body .sessions-table-container .sessions-table tbody tr{display:block;margin-bottom:16px;border:1px solid #dee2e6;border-radius:8px;padding:16px;background:#fff}.sessions-modal .sessions-modal-body .sessions-table-container .sessions-table tbody tr td{display:block;padding:8px 0;border:none;text-align:left!important}.sessions-modal .sessions-modal-body .sessions-table-container .sessions-table tbody tr td[data-label]:before{display:inline;margin-right:8px}.sessions-modal .sessions-modal-body .sessions-table-container .sessions-table tbody tr td.actions{text-align:center!important;margin-top:12px}.sessions-modal .sessions-modal-body .sessions-table-container .sessions-table tbody tr td.actions[data-label]:before{display:none}.sessions-modal .sessions-modal-actions{padding:16px 20px}}.pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:12px 0 0;padding:8px 12px;background:#fff;border-radius:6px;box-shadow:0 1px 4px #0000000a;width:100%;gap:12px;border:1px solid #e8e8e8}.pagination .pagination-info{color:#000000a6;font-size:14px;font-weight:400;margin:0}.pagination .pagination-buttons{display:flex;align-items:center;gap:0}.pagination .pagination-buttons .pagination-btn{background:#fff;border:1px solid #d9d9d9;color:#000000d9;padding:0 8px;cursor:pointer;font-weight:400;font-size:14px;transition:all .2s ease;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;position:relative;margin-left:-1px}.pagination .pagination-buttons .pagination-btn:first-child{border-radius:6px 0 0 6px;margin-left:0}.pagination .pagination-buttons .pagination-btn:last-child{border-radius:0 6px 6px 0}.pagination .pagination-buttons .pagination-btn:only-child{border-radius:6px}.pagination .pagination-buttons .pagination-btn:hover:not(:disabled):not(.active){border-color:#40a9ff;color:#40a9ff;z-index:1;position:relative}.pagination .pagination-buttons .pagination-btn.active{background:#1890ff;border-color:#1890ff;color:#fff;z-index:2;position:relative;font-weight:500}.pagination .pagination-buttons .pagination-btn.active:hover{background:#40a9ff;border-color:#40a9ff}.pagination .pagination-buttons .pagination-btn:disabled{background:#fff;border-color:#d9d9d9;color:#00000040;cursor:not-allowed}.pagination .pagination-buttons .pagination-btn:disabled:hover{border-color:#d9d9d9;color:#00000040}.pagination .pagination-buttons .pagination-btn:focus{outline:none;border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33;z-index:1;position:relative}.pagination .pagination-buttons .pagination-btn:first-child,.pagination .pagination-buttons .pagination-btn:last-child,.pagination .pagination-buttons .pagination-btn:nth-child(2),.pagination .pagination-buttons .pagination-btn:nth-last-child(2){font-weight:500}.pagination .limit-select{padding:6px 12px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;font-size:14px;color:#000000d9;cursor:pointer;transition:all .2s ease;outline:none}.pagination .limit-select:hover{border-color:#40a9ff}.pagination .limit-select:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}@media(max-width:768px){.pagination{flex-direction:column;gap:16px;padding:16px;margin:20px 0 0;width:100%;max-width:100%}.pagination .pagination-info{order:2;font-size:13px;text-align:center}.pagination .pagination-buttons{order:1;flex-wrap:wrap;justify-content:center;gap:6px}.pagination .pagination-buttons .pagination-btn{padding:0;font-size:13px;min-width:36px;height:36px;border-radius:6px;margin-left:0}.pagination .pagination-buttons .pagination-btn:first-child{border-radius:6px}.pagination .pagination-buttons .pagination-btn:last-child{border-radius:6px}.pagination .pagination-buttons .pagination-btn:first-child,.pagination .pagination-buttons .pagination-btn:last-child,.pagination .pagination-buttons .pagination-btn:nth-child(2),.pagination .pagination-buttons .pagination-btn:nth-last-child(2){font-size:13px}.pagination .limit-select{order:3;width:100%;max-width:200px;align-self:center}}@media(max-width:480px){.pagination{padding:12px;gap:12px}.pagination .pagination-info{font-size:12px}.pagination .pagination-buttons{gap:4px}.pagination .pagination-buttons .pagination-btn{min-width:32px;height:32px;font-size:12px}}@media(max-width:400px){.pagination{padding:10px 8px;gap:8px;border-radius:6px}.pagination .pagination-info{font-size:10px}.pagination .pagination-buttons{gap:3px}.pagination .pagination-buttons .pagination-btn{min-width:28px;height:28px;font-size:10px;border-radius:5px}}.sessions-modal{background:#fff;border-radius:16px;max-width:900px;width:90%;max-height:80vh;overflow:hidden;position:relative;box-shadow:0 20px 60px #0000004d}.sessions-modal .sessions-modal-body{padding:24px;max-height:60vh;overflow-y:auto}.sessions-modal .sessions-modal-body .loading-container{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#666}.sessions-modal .sessions-modal-body .loading-container .loading-spinner{animation:spin 1s linear infinite;font-size:20px}.sessions-modal .sessions-modal-body .sessions-table-container{overflow-x:auto;border-radius:12px;border:1px solid #e0e0e0}.sessions-modal .sessions-modal-body .sessions-table{width:100%;border-collapse:collapse;font-size:14px}.sessions-modal .sessions-modal-body .sessions-table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:16px 12px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;position:sticky;top:0;z-index:1}.sessions-modal .sessions-modal-body .sessions-table td{padding:14px 12px;border-bottom:1px solid #e9ecef;vertical-align:middle}.sessions-modal .sessions-modal-body .sessions-table tr:hover{background-color:#f8f9fa}.sessions-modal .sessions-modal-body .sessions-table .session-id{font-family:Courier New,monospace;background:#f1f3f4;padding:4px 8px;border-radius:6px;font-size:12px;color:#5f6368}.sessions-modal .sessions-modal-body .sessions-table .status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.sessions-modal .sessions-modal-body .sessions-table .status-badge.ongoing{background:#e8f5e8;color:#2e7d2e}.sessions-modal .sessions-modal-body .sessions-table .status-badge.completed{background:#e3f2fd;color:#1565c0}.sessions-modal .sessions-modal-body .sessions-table .status-badge.ended{background:#fce4ec;color:#c2185b}.sessions-modal .sessions-modal-body .sessions-table .status-badge.unknown{background:#f5f5f5;color:#757575}.sessions-modal .sessions-modal-body .pagination-container{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding:16px 0}.sessions-modal .sessions-modal-body .pagination-container .pagination-btn{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease}.sessions-modal .sessions-modal-body .pagination-container .pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#4a90e2}.sessions-modal .sessions-modal-body .pagination-container .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.sessions-modal .sessions-modal-body .pagination-container .pagination-info{font-size:14px;color:#666;font-weight:500}.sessions-modal .sessions-modal-body .no-sessions{text-align:center;padding:40px;color:#666}.sessions-modal .sessions-modal-body .no-sessions p{font-size:16px;margin:0}.user-management-page{background:linear-gradient(135deg,#f7f7fb,#e8e8f5);color:#1e1e1e;min-height:100%;padding:24px}.user-management-page .user-management-header{display:flex;justify-content:flex-end;align-items:center;padding-bottom:28px;padding-right:32px;padding-left:32px;border-radius:8px}.user-management-page .user-management-header .header-content{display:flex;align-items:center;gap:20px}.user-management-page .user-management-header .header-content .header-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#243b55,#4a90e2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;box-shadow:0 4px 16px #243b554d}.user-management-page .user-management-header h1{font-size:32px;font-weight:700;margin:0;background:linear-gradient(135deg,#243b55,#4a90e2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-management-page .user-management-header p{color:#999;margin-top:6px;font-size:14px;font-weight:500}.user-management-page .user-management-header .user-controls{display:flex;align-items:center;gap:16px}.user-management-page .user-management-header .add-user-btn{background:#7db82f;color:#fff;padding:12px 24px;border:none;border-radius:12px;font-weight:600;font-size:15px;box-shadow:0 4px 16px #243b554d;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:end;gap:8px}.user-management-page .user-management-header .add-user-btn svg{font-size:18px}.user-management-page .user-management-header .add-user-btn:hover{background:linear-gradient(135deg,#1a2d42,#3a7ec8);box-shadow:0 6px 20px #243b5566;transform:translateY(-2px)}.user-management-page .user-management-header .add-user-btn:active{transform:translateY(0)}.user-management-page .users-container{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;overflow:hidden}.user-management-page .users-table{width:100%;border-collapse:separate;border-spacing:0}.user-management-page .users-table thead{background:linear-gradient(135deg,#243b55,#4a90e2);box-shadow:0 2px 8px #243b5533}.user-management-page .users-table th{text-align:left;color:#fff;font-weight:700;padding:18px 24px;font-size:13px;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid rgba(255,255,255,.2)}.user-management-page .users-table th:first-child{border-top-left-radius:16px}.user-management-page .users-table th:last-child{border-top-right-radius:16px}.user-management-page .users-table tbody tr{transition:all .2s ease}.user-management-page .users-table tbody tr:hover{background:#fafafa}.user-management-page .users-table td{padding:20px 24px;vertical-align:middle;border-top:1px solid #f0f0f0;color:#333}.user-management-page .users-table td .user-email{display:flex;align-items:center;gap:10px;font-weight:500;color:#1e1e1e}.user-management-page .users-table td .user-email .email-icon{color:#4a90e2;font-size:18px}.user-management-page .users-table td .role-badge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;text-transform:capitalize}.user-management-page .users-table td .role-badge.admin{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff}.user-management-page .users-table td .role-badge.user{background:linear-gradient(135deg,#4ecdc4,#44a3a0);color:#fff}.user-management-page .users-table td .package-badge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;background:linear-gradient(135deg,#243b55,#4a90e2);color:#fff}.user-management-page .users-table td .status-badge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600}.user-management-page .users-table td .status-badge.active{background:#2ed57326;color:#27ae60}.user-management-page .users-table td .status-badge.inactive{background:#95a5a626;color:#7f8c8d}.user-management-page .users-table .actions{display:flex;gap:8px;align-items:center}.user-management-page .users-table .actions .btn-assign-package{background:#fff;border:2px solid #e6e3ff;color:#243b55;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:6px}.user-management-page .users-table .actions .btn-assign-package svg{font-size:16px}.user-management-page .users-table .actions .btn-assign-package:hover{background:linear-gradient(135deg,#243b55,#4a90e2);color:#fff;border-color:#243b55;transform:translateY(-1px);box-shadow:0 4px 12px #243b554d}.user-management-page .users-table .actions .btn-remove{background:#fff;border:2px solid #ffecec;color:#e74c3c;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:6px}.user-management-page .users-table .actions .btn-remove svg{font-size:16px}.user-management-page .users-table .actions .btn-remove:hover{background:#fff5f5;border-color:#e74c3c;transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c33}.user-management-page .users-table .actions .btn-remove:active{transform:translateY(0)}.user-management-page .users-table .actions .admin-lock{color:#999;font-size:13px;font-style:italic}.user-management-page .add-user-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.user-management-page .add-user-modal .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.user-management-page .add-user-modal .modal-content{position:relative;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:500px;padding:32px;animation:slideUp .3s ease;z-index:1001}.user-management-page .add-user-modal .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.user-management-page .add-user-modal .modal-header h2{font-size:24px;font-weight:700;margin:0;color:#1e1e1e}.user-management-page .add-user-modal .modal-header .close-btn{background:transparent;border:none;color:#666;font-size:24px;cursor:pointer;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.user-management-page .add-user-modal .modal-header .close-btn:hover{background:#0000000d;color:#1e1e1e}.user-management-page .add-user-modal form .form-group{margin-bottom:24px}.user-management-page .add-user-modal form .form-group label{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:10px;color:#333;font-size:15px}.user-management-page .add-user-modal form .form-group label svg{color:#4a90e2;font-size:18px}.user-management-page .add-user-modal form .form-group input{width:100%;padding:12px 14px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .2s ease;font-family:inherit;color:#1e1e1e}.user-management-page .add-user-modal form .form-group input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.user-management-page .add-user-modal form .form-group input::placeholder{color:#999}.user-management-page .add-user-modal form .form-group small{display:block;margin-top:8px;color:#999;font-size:13px}.user-management-page .add-user-modal form .form-actions{display:flex;gap:12px;margin-top:28px}.user-management-page .add-user-modal form .form-actions button{flex:1;padding:12px 24px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease}.user-management-page .add-user-modal form .form-actions button:disabled{opacity:.6;cursor:not-allowed}.user-management-page .add-user-modal form .form-actions .btn-cancel{background:#fff;border:2px solid #e0e0e0;color:#666}.user-management-page .add-user-modal form .form-actions .btn-cancel:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.user-management-page .add-user-modal form .form-actions .btn-submit{background:linear-gradient(135deg,#243b55,#4a90e2);border:none;color:#fff;box-shadow:0 4px 12px #243b554d}.user-management-page .add-user-modal form .form-actions .btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#1a2d42,#3a7ec8);box-shadow:0 6px 16px #243b5566;transform:translateY(-2px)}.user-management-page .add-user-modal form .form-actions .btn-submit:active:not(:disabled){transform:translateY(0)}.user-management-page .add-user-modal .package-assign-form .user-info{background:#f9f8ff;padding:1rem;border-radius:12px;margin-bottom:1.5rem}.user-management-page .add-user-modal .package-assign-form .user-info p{margin:.5rem 0;color:#666;font-size:14px}.user-management-page .add-user-modal .package-assign-form .user-info p strong{color:#1e1e1e;font-weight:600}.user-management-page .add-user-modal .package-assign-form .form-group{margin-bottom:24px}.user-management-page .add-user-modal .package-assign-form .form-group label{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:10px;color:#333;font-size:15px}.user-management-page .add-user-modal .package-assign-form .form-group label svg{color:#243b55;font-size:18px}.user-management-page .add-user-modal .package-assign-form .form-group select{width:100%;padding:12px 14px;border:2px solid #e6e3ff;border-radius:10px;font-size:15px;transition:all .2s ease;font-family:inherit;color:#1e1e1e;background:#fff;cursor:pointer}.user-management-page .add-user-modal .package-assign-form .form-group select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.user-management-page .add-user-modal .package-assign-form .form-actions{display:flex;gap:12px;margin-top:28px}.user-management-page .add-user-modal .package-assign-form .form-actions button{flex:1;padding:12px 24px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease}.user-management-page .add-user-modal .package-assign-form .form-actions button:disabled{opacity:.6;cursor:not-allowed}.user-management-page .add-user-modal .package-assign-form .form-actions .btn-cancel{background:#fff;border:2px solid #e0e0e0;color:#666}.user-management-page .add-user-modal .package-assign-form .form-actions .btn-cancel:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.user-management-page .add-user-modal .package-assign-form .form-actions .btn-submit{background:linear-gradient(135deg,#243b55,#4a90e2);border:none;color:#fff;box-shadow:0 4px 12px #243b554d}.user-management-page .add-user-modal .package-assign-form .form-actions .btn-submit:hover:not(:disabled){box-shadow:0 6px 16px #243b5566;transform:translateY(-2px)}.user-management-page .add-user-modal .package-assign-form .form-actions .btn-submit:active:not(:disabled){transform:translateY(0)}@media(max-width:1024px){.user-management-page{padding:20px}.user-management-page .user-management-header{padding:24px 28px}.user-management-page .user-management-header h1{font-size:28px}.user-management-page .users-table th,.user-management-page .users-table td{padding:14px 20px}}@media(max-width:768px){.user-management-page{padding:16px}.user-management-page .user-management-header{flex-direction:column;align-items:flex-start;gap:20px;padding:20px 24px}.user-management-page .user-management-header h1{font-size:24px}.user-management-page .user-management-header .add-user-btn{width:100%;justify-content:center}.user-management-page .users-table{font-size:14px}.user-management-page .users-table th{font-size:12px;padding:12px 16px}.user-management-page .users-table td{padding:16px}.user-management-page .users-table .actions{flex-direction:column;gap:8px;align-items:stretch}.user-management-page .users-table .actions .btn-remove{width:100%;justify-content:center}}@media(max-width:640px){.user-management-page{padding:12px}.user-management-page .user-management-header{padding:16px 20px;border-radius:12px}.user-management-page .user-management-header .header-content{gap:12px}.user-management-page .user-management-header .header-content .header-icon{width:48px;height:48px;font-size:24px}.user-management-page .user-management-header h1{font-size:22px}.user-management-page .user-management-header p{font-size:13px}.user-management-page .user-management-header .add-user-btn{padding:10px 20px;font-size:14px}.user-management-page .users-table{border-radius:12px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.user-management-page .users-table thead,.user-management-page .users-table tbody,.user-management-page .users-table tr{display:block}.user-management-page .users-table thead{display:none}.user-management-page .users-table tr{margin-bottom:16px;border:1px solid #f0f0f0;border-radius:12px;overflow:hidden;background:#fff;display:block}.user-management-page .users-table tr:hover{background:#fff}.user-management-page .users-table td{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid #f8f8f8;text-align:right}.user-management-page .users-table td:first-child{border-top:none}.user-management-page .users-table td:before{content:attr(data-label);font-weight:600;color:#666;text-align:left;margin-right:16px;font-size:12px;text-transform:uppercase}.user-management-page .users-table td.actions{flex-direction:column;align-items:stretch}.user-management-page .users-table td.actions:before{margin-bottom:8px}.user-management-page .users-table td .user-email{flex-direction:row}.user-management-page .add-user-modal .modal-content{width:95%;padding:24px 20px;max-height:90vh;overflow-y:auto}.user-management-page .add-user-modal .modal-header{margin-bottom:20px}.user-management-page .add-user-modal .modal-header h2{font-size:20px}.user-management-page .add-user-modal .modal-header .close-btn{width:32px;height:32px;font-size:20px}.user-management-page .add-user-modal form .form-group{margin-bottom:20px}.user-management-page .add-user-modal form .form-group label{font-size:14px}.user-management-page .add-user-modal form .form-group input{padding:10px 12px;font-size:14px}.user-management-page .add-user-modal form .form-group small{font-size:12px}.user-management-page .add-user-modal form .form-actions{margin-top:20px;flex-direction:column}.user-management-page .add-user-modal form .form-actions button{width:100%;padding:12px 20px;font-size:14px}}@media(max-width:480px){.user-management-page .user-management-header h1{font-size:20px}}.user-management-page .notification-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.user-management-page .notification-modal{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-management-page .notification-modal .notification-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px}.user-management-page .notification-modal .notification-icon.success{background:#2ed57326;color:#27ae60}.user-management-page .notification-modal .notification-icon.error{background:#e74c3c26;color:#e74c3c}.user-management-page .notification-modal .notification-icon.warning{background:#f1c40f26;color:#f39c12}.user-management-page .notification-modal h3{margin:0 0 12px;font-size:22px;font-weight:700;color:#1e1e1e}.user-management-page .notification-modal p{margin:0 0 24px;font-size:15px;line-height:1.6;color:#666}.user-management-page .notification-modal .notification-btn{width:100%;padding:12px 24px;border-radius:10px;background:linear-gradient(135deg,#243b55,#4a90e2);border:none;color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #243b554d}.user-management-page .notification-modal .notification-btn:hover{background:linear-gradient(135deg,#1a2d42,#3a7ec8);box-shadow:0 6px 16px #243b5566;transform:translateY(-2px)}.user-management-page .notification-modal .notification-btn:active{transform:translateY(0)}.user-management-page .confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.user-management-page .confirm-modal{background:#fff;border-radius:16px;padding:32px;max-width:420px;width:90%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideUp .3s ease}.user-management-page .confirm-modal .confirm-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px;background:#e74c3c26;color:#e74c3c}.user-management-page .confirm-modal h3{margin:0 0 12px;font-size:22px;font-weight:700;color:#1e1e1e}.user-management-page .confirm-modal p{margin:0 0 28px;font-size:15px;line-height:1.6;color:#666}.user-management-page .confirm-modal .confirm-actions{display:flex;gap:12px}.user-management-page .confirm-modal .confirm-actions .confirm-btn{flex:1;padding:12px 24px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;border:none}.user-management-page .confirm-modal .confirm-actions .confirm-btn.cancel{background:#fff;border:2px solid #e0e0e0;color:#666}.user-management-page .confirm-modal .confirm-actions .confirm-btn.cancel:hover{background:#f5f5f5;border-color:#ccc}.user-management-page .confirm-modal .confirm-actions .confirm-btn.confirm{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 4px 12px #e74c3c4d}.user-management-page .confirm-modal .confirm-actions .confirm-btn.confirm:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 6px 16px #e74c3c66;transform:translateY(-2px)}.user-management-page .confirm-modal .confirm-actions .confirm-btn.confirm:active{transform:translateY(0)}@media(max-width:480px){.user-management-page .notification-modal,.user-management-page .confirm-modal{padding:24px 20px;max-width:90%}.user-management-page .notification-modal .notification-icon,.user-management-page .notification-modal .confirm-icon,.user-management-page .confirm-modal .notification-icon,.user-management-page .confirm-modal .confirm-icon{width:56px;height:56px;font-size:28px;margin-bottom:16px}.user-management-page .notification-modal h3,.user-management-page .confirm-modal h3{font-size:20px}.user-management-page .notification-modal p,.user-management-page .confirm-modal p{font-size:14px}.user-management-page .notification-modal .notification-btn,.user-management-page .notification-modal .confirm-btn,.user-management-page .confirm-modal .notification-btn,.user-management-page .confirm-modal .confirm-btn{padding:10px 20px;font-size:14px}.user-management-page .confirm-modal .confirm-actions{flex-direction:column}.user-management-page .confirm-modal .confirm-actions .confirm-btn{width:100%}}.user-management-page .pagination{display:flex;justify-content:center;align-items:center;margin:32px auto 0;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;max-width:fit-content;gap:32px}.user-management-page .pagination .pagination-info{color:#6c757d;font-size:15px;font-weight:500;letter-spacing:.3px}.user-management-page .pagination .pagination-buttons{display:flex;align-items:center;gap:0}.user-management-page .pagination .pagination-buttons .pagination-btn{background:#fff;border:1px solid #d9d9d9;color:#000000d9;padding:0;cursor:pointer;font-weight:400;font-size:14px;transition:all .2s ease;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:relative;margin-left:-1px}.user-management-page .pagination .pagination-buttons .pagination-btn:first-child{border-radius:6px 0 0 6px;margin-left:0}.user-management-page .pagination .pagination-buttons .pagination-btn:last-child{border-radius:0 6px 6px 0}.user-management-page .pagination .pagination-buttons .pagination-btn:hover:not(:disabled){background:#fafafa;border-color:#40a9ff;color:#40a9ff;z-index:2}.user-management-page .pagination .pagination-buttons .pagination-btn.active{background:#1890ff;border-color:#1890ff;color:#fff;z-index:3}.user-management-page .pagination .pagination-buttons .pagination-btn:disabled{background:#fff;border-color:#d9d9d9;color:#00000040;cursor:not-allowed}.user-management-page .pagination .limit-select{padding:8px 14px;border:2px solid #d9d9d9;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#495057;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0000000a}.user-management-page .pagination .limit-select:focus{outline:none;border-color:#40a9ff;box-shadow:0 0 0 3px #40a9ff1a}.user-management-page .pagination .limit-select:hover{border-color:#40a9ff;background:#fafafa;box-shadow:0 2px 8px #40a9ff26}@media(max-width:768px){.user-management-page .pagination{flex-direction:column;gap:20px;padding:20px 16px;margin:24px 16px 0}.user-management-page .pagination .pagination-info{order:2;font-size:14px;text-align:center}.user-management-page .pagination .pagination-buttons{order:1;flex-wrap:wrap;justify-content:center;gap:4px}.user-management-page .pagination .pagination-buttons .pagination-btn{padding:8px 12px;font-size:13px;min-width:40px;height:40px;border-radius:10px}.user-management-page .pagination .pagination-buttons .pagination-btn:first-child,.user-management-page .pagination .pagination-buttons .pagination-btn:last-child,.user-management-page .pagination .pagination-buttons .pagination-btn:nth-child(2),.user-management-page .pagination .pagination-buttons .pagination-btn:nth-last-child(2){font-size:14px}.user-management-page .pagination .limit-select{order:3;margin-top:12px;justify-self:center;font-size:13px;padding:8px 12px;max-width:220px}}.user-management-page .admin-badge{color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-left:8px;display:inline-flex;align-items:center;letter-spacing:.5px;box-shadow:0 2px 8px #00d4924d}.user-management-page .no-permission{color:#999;font-size:12px;font-style:italic;padding:6px 12px;background:#f5f5f5;border-radius:6px}.package-management-page{padding:2rem;color:#1e1e1e}.package-management-page .package-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.package-management-page .package-header .header-content{display:flex;align-items:center;gap:1rem}.package-management-page .package-header .header-content .header-icon{width:50px;height:50px;background:linear-gradient(135deg,#243b55,#4a90e2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.package-management-page .package-header .header-content h1{font-size:1.8rem;font-weight:700;margin:0}.package-management-page .package-header .header-content p{color:#666;margin:.3rem 0 0}.package-management-page .package-header .btn-add-package{background:#7db82f;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #243b554d}.package-management-page .package-header .btn-add-package:hover{transform:translateY(-2px);box-shadow:0 6px 16px #243b5566}.package-management-page .package-header .btn-add-package svg{font-size:1.2rem}.package-management-page .packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.package-management-page .packages-grid .package-card{background:#fff;border-radius:16px;padding:1.5rem;border:2px solid #e6e3ff;box-shadow:0 4px 12px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.package-management-page .packages-grid .package-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.package-management-page .packages-grid .package-card.inactive{opacity:.6;border-color:#ccc}.package-management-page .packages-grid .package-card .package-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.package-management-page .packages-grid .package-card .package-header h3{font-size:1.3rem;font-weight:700;margin:0;color:#1e1e1e}.package-management-page .packages-grid .package-card .package-header .popular-badge{background:linear-gradient(135deg,#243b55,#4a90e2);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600}.package-management-page .packages-grid .package-card .package-header .inactive-badge{background:#e0e0e0;color:#666;padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600}.package-management-page .packages-grid .package-card .package-description{color:#666;margin-bottom:1rem;line-height:1.5}.package-management-page .packages-grid .package-card .package-price{display:flex;align-items:baseline;margin-bottom:1.5rem}.package-management-page .packages-grid .package-card .package-price .price{font-size:2rem;font-weight:700;color:#1e1e1e}.package-management-page .packages-grid .package-card .package-price .period{color:#666;margin-left:.5rem}.package-management-page .packages-grid .package-card .package-limits{background:#f9f8ff;padding:1rem;border-radius:12px;margin-bottom:1rem}.package-management-page .packages-grid .package-card .package-limits .limit-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e6e3ff}.package-management-page .packages-grid .package-card .package-limits .limit-item:last-child{border-bottom:none}.package-management-page .packages-grid .package-card .package-limits .limit-item .label{color:#666;font-size:.9rem}.package-management-page .packages-grid .package-card .package-limits .limit-item .value{font-weight:600;color:#1e1e1e}.package-management-page .packages-grid .package-card .package-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.package-management-page .packages-grid .package-card .package-features .feature{background:#e3f2fd;color:#243b55;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;font-weight:500}.package-management-page .packages-grid .package-card .package-actions{display:flex;gap:.5rem}.package-management-page .packages-grid .package-card .package-actions .btn-edit,.package-management-page .packages-grid .package-card .package-actions .btn-delete{flex:1;padding:.7rem;border-radius:10px;border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.package-management-page .packages-grid .package-card .package-actions .btn-edit svg,.package-management-page .packages-grid .package-card .package-actions .btn-delete svg{font-size:1rem}.package-management-page .packages-grid .package-card .package-actions .btn-edit{background:#fff;color:#243b55;border:2px solid #243b55}.package-management-page .packages-grid .package-card .package-actions .btn-edit:hover{background:linear-gradient(135deg,#243b55,#4a90e2);color:#fff;border-color:transparent}.package-management-page .packages-grid .package-card .package-actions .btn-delete{background:#fff;color:#e74c3c;border:2px solid #e74c3c}.package-management-page .packages-grid .package-card .package-actions .btn-delete:hover{background:#e74c3c;color:#fff}.package-management-page .package-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.package-management-page .package-modal .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.package-management-page .package-modal .modal-content{position:relative;background:#fff;border-radius:16px;max-width:700px;max-height:90vh;overflow-y:auto;z-index:1001;box-shadow:0 20px 60px #0000004d}.package-management-page .package-modal .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e6e3ff}.package-management-page .package-modal .modal-content .modal-header h2{margin:0;font-size:1.5rem;font-weight:700}.package-management-page .package-modal .modal-content .modal-header .close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;transition:color .2s ease}.package-management-page .package-modal .modal-content .modal-header .close-btn:hover{color:#e74c3c}.package-management-page .package-modal .modal-content .package-form{padding:2rem}.package-management-page .package-modal .modal-content .package-form .form-section{margin-bottom:2rem}.package-management-page .package-modal .modal-content .package-form .form-section h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#243b55}.package-management-page .package-modal .modal-content .package-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.package-management-page .package-modal .modal-content .package-form .form-group{display:flex;flex-direction:column}.package-management-page .package-modal .modal-content .package-form .form-group label{font-weight:500;margin-bottom:.5rem;color:#666}.package-management-page .package-modal .modal-content .package-form .form-group input,.package-management-page .package-modal .modal-content .package-form .form-group select,.package-management-page .package-modal .modal-content .package-form .form-group textarea{padding:.8rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s ease}.package-management-page .package-modal .modal-content .package-form .form-group input:focus,.package-management-page .package-modal .modal-content .package-form .form-group select:focus,.package-management-page .package-modal .modal-content .package-form .form-group textarea:focus{border-color:#4a90e2}.package-management-page .package-modal .modal-content .package-form .form-group input:disabled,.package-management-page .package-modal .modal-content .package-form .form-group select:disabled,.package-management-page .package-modal .modal-content .package-form .form-group textarea:disabled{background:#f5f5f5;cursor:not-allowed}.package-management-page .package-modal .modal-content .package-form .form-group textarea{resize:vertical;min-height:80px}.package-management-page .package-modal .modal-content .package-form .checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem}.package-management-page .package-modal .modal-content .package-form .checkbox-grid .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.package-management-page .package-modal .modal-content .package-form .checkbox-grid .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.package-management-page .package-modal .modal-content .package-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e6e3ff}.package-management-page .package-modal .modal-content .package-form .form-actions button{padding:.8rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.package-management-page .package-modal .modal-content .package-form .form-actions button.btn-cancel{background:#fff;border:2px solid #ddd;color:#666}.package-management-page .package-modal .modal-content .package-form .form-actions button.btn-cancel:hover{background:#f5f5f5}.package-management-page .package-modal .modal-content .package-form .form-actions button.btn-submit{background:linear-gradient(135deg,#243b55,#4a90e2);color:#fff;border:none;box-shadow:0 4px 12px #243b554d}.package-management-page .package-modal .modal-content .package-form .form-actions button.btn-submit:hover{box-shadow:0 6px 16px #243b5566;transform:translateY(-1px)}.package-management-page .package-modal .modal-content .package-form .form-actions button.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.package-management-page .notification-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center}.package-management-page .notification-modal-overlay .notification-modal{background:#fff;border-radius:16px;padding:2rem;max-width:400px;text-align:center;box-shadow:0 20px 60px #0000004d}.package-management-page .notification-modal-overlay .notification-modal .notification-icon{width:60px;height:60px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.package-management-page .notification-modal-overlay .notification-modal .notification-icon.success{background:#d4edda;color:#28a745}.package-management-page .notification-modal-overlay .notification-modal .notification-icon.error{background:#f8d7da;color:#dc3545}.package-management-page .notification-modal-overlay .notification-modal h3{margin:0 0 .5rem;font-size:1.3rem;font-weight:700}.package-management-page .notification-modal-overlay .notification-modal p{color:#666;margin:0 0 1.5rem}.package-management-page .notification-modal-overlay .notification-modal .notification-btn{background:linear-gradient(135deg,#243b55,#4a90e2);color:#fff;border:none;padding:.8rem 2rem;border-radius:10px;font-weight:600;cursor:pointer;transition:transform .2s ease;box-shadow:0 4px 12px #243b554d}.package-management-page .notification-modal-overlay .notification-modal .notification-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #243b5566}.notification-toast{position:fixed;top:24px;right:24px;z-index:9999;min-width:260px;max-width:350px;background:#243b55fa;color:#fff;border-radius:12px;box-shadow:0 8px 32px #202d482e;padding:18px 24px 18px 20px;display:flex;align-items:flex-start;gap:14px;font-size:1rem;animation:toast-fade-in .5s cubic-bezier(.4,0,.2,1);border-left:5px solid #00d492}.notification-toast.error{border-left-color:#ff4d4f}.notification-toast.success{border-left-color:#22c55e}.notification-toast.info{border-left-color:#3b82f6}.notification-toast.warning{border-left-color:#facc15}.notification-toast .toast-icon{font-size:1.5rem;margin-top:2px}.notification-toast .toast-content{flex:1}.notification-toast .toast-title{font-weight:600;margin-bottom:2px;font-size:1.08em}.notification-toast .toast-close{background:none;border:none;color:#fff;font-size:1.1rem;cursor:pointer;margin-left:8px;opacity:.7;transition:opacity .2s}.notification-toast .toast-close:hover{opacity:1}@keyframes toast-fade-in{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:600px){.notification-toast{right:8px;left:8px;min-width:unset;max-width:unset;padding:14px 12px;font-size:.98rem}}.pending-join-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#202124;padding:20px;box-sizing:border-box}.pending-join-content{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1400px;width:100%;min-height:80vh}@media(max-width:768px){.pending-join-content{flex-direction:column;justify-content:center;gap:24px;min-height:auto}}.video-preview-section{position:relative;flex:1;max-width:900px;display:flex;justify-content:center}.video-preview-wrapper{position:relative;width:100%;max-width:100%}.video-preview{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #0006}.video-preview .spinner-container{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10}.video-preview .spinner-container .loading-spinner{width:48px;height:48px}.user-name-overlay{position:absolute;bottom:16px;left:16px;color:#fff;font-size:16px;font-weight:500;background:#0009;padding:6px 12px;border-radius:6px;z-index:10}.preview-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:20px;z-index:10}.preview-controls .ctrl-btn{width:64px;height:64px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#3c4043e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative}.preview-controls .ctrl-btn .icon{width:28px;height:28px;color:#fff}.preview-controls .ctrl-btn:hover{background:#5f6368e6;transform:scale(1.05)}.preview-controls .ctrl-btn.mute-audio.on{background:#ea4335e6}.preview-controls .ctrl-btn.mute-audio.on .icon{color:#fff}.preview-controls .ctrl-btn.mute-audio.on:hover{background:#d33b2ce6}.preview-controls .ctrl-btn.hide-videos.on{background:#34a853e6}.preview-controls .ctrl-btn.hide-videos.on .icon{color:#fff}.preview-controls .ctrl-btn.hide-videos.on:hover{background:#2d8f46e6}.preview-controls .ctrl-btn.share:hover,.preview-controls .ctrl-btn.more-options:hover{background:#1a73e8e6}.join-section{flex:0 0 320px;display:flex;flex-direction:column;justify-content:center;background:#202124f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:32px 24px;height:fit-content;align-self:center}@media(max-width:768px){.join-section{flex:none;width:100%;max-width:400px;align-self:stretch}}.join-panel{display:flex;flex-direction:column;gap:20px;align-items:center}.join-title{font-size:22px;font-weight:400;color:#fff;margin:0;text-align:center}.waiting-message{font-size:15px;color:#ffffffd9;text-align:center;margin:0;line-height:1.5}.error-message{font-size:14px;color:#ff6b6b;text-align:center;margin:0 0 12px;padding:8px 12px;background:#ff6b6b1a;border-radius:8px;line-height:1.4}.waiting-spinner{display:flex;justify-content:center;align-items:center;padding:10px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.join-btn{padding:14px 28px;border-radius:24px;border:none;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.join-btn.primary{background:#1a73e8;color:#fff}.join-btn.primary:hover:not(:disabled){background:#1557b0;box-shadow:0 4px 12px #1a73e866;transform:translateY(-1px)}.join-btn.primary:disabled{background:#7ba7dc;cursor:not-allowed;opacity:.7;transform:none}.join-btn.primary:active:not(:disabled){background:#1446a0;transform:translateY(0)}.join-btn.primary.loading{position:relative}.join-btn.primary.loading .loading-spinner{width:20px;height:20px;border-width:2px;border-color:#ffffff4d;border-top-color:#fff}.join-btn.primary.loading span{color:#fff}.join-options-toggle{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:transparent;border:1px solid rgba(154,160,166,.5);border-radius:8px;font-size:14px;color:#8ab4f8;cursor:pointer;transition:all .2s ease;width:100%}.join-options-toggle:hover{background:#9aa0a61a;border-color:#8ab4f8}.join-options-toggle .dropdown-arrow{width:20px;height:20px;transition:transform .2s ease;color:#9aa0a6}.join-options-toggle .dropdown-arrow.rotated{transform:rotate(180deg)}.join-options-content{padding:16px;background:#3c4043cc;border:1px solid rgba(154,160,166,.3);border-radius:8px;margin-top:8px}.join-options-content p{margin:0;color:#9aa0a6;font-size:14px;text-align:center}.device-settings{display:flex;flex-direction:column;gap:8px;margin-top:12px;border-top:1px solid rgba(154,160,166,.2);padding-top:16px}.device-dropdown{position:relative}.device-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:#3c404399;border:1px solid rgba(154,160,166,.3);border-radius:6px;font-size:12px;color:#e8eaed;cursor:pointer;transition:all .2s ease;text-align:left}.device-btn:hover{background:#5f636899;border-color:#8ab4f8}.device-btn .device-icon{width:16px;height:16px;color:#9aa0a6;flex-shrink:0}.device-btn span{flex:1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-btn .dropdown-arrow{width:14px;height:14px;color:#9aa0a6;flex-shrink:0}@media(max-width:1024px){.pending-join-content{gap:24px;max-width:100%;padding:0 16px}.video-preview-section{max-width:600px}.join-section{flex:0 0 280px;padding:28px 20px}.join-title{font-size:21px}}@media(max-width:768px){.pending-join-container{padding:12px;min-height:100vh}.pending-join-content{flex-direction:column;gap:20px;min-height:auto;max-width:100%;padding:0}.video-preview-section{flex:none;width:100%;max-width:100%}.video-preview-wrapper{max-width:100%}.video-preview{border-radius:12px}.preview-controls{gap:16px;bottom:16px}.preview-controls .ctrl-btn{width:56px;height:56px}.preview-controls .ctrl-btn .icon{width:24px;height:24px}.join-section{flex:none;width:100%;max-width:500px;background:#202124fa;padding:24px 20px;margin:0 auto;align-self:center}.join-title{font-size:20px}}@media(max-width:480px){.pending-join-container{padding:8px}.pending-join-content{gap:16px}.video-preview{border-radius:10px}.preview-controls{gap:12px;bottom:12px}.preview-controls .ctrl-btn{width:48px;height:48px}.preview-controls .ctrl-btn .icon{width:20px;height:20px}.join-section{max-width:100%;padding:20px 16px;border-radius:12px}.join-panel{gap:16px}.join-title{font-size:18px}.waiting-message{font-size:14px}.waiting-spinner .loading-spinner{width:36px;height:36px}.join-btn{padding:12px 24px;font-size:15px}.device-settings{gap:6px;margin-top:8px;padding-top:12px}.device-btn{padding:6px 10px;font-size:11px}.device-btn .device-icon{width:14px;height:14px}.device-btn span{font-size:10px}.device-btn .dropdown-arrow{width:12px;height:12px}}@media(max-width:320px){.pending-join-container{padding:4px}.pending-join-content{gap:12px}.preview-controls{gap:8px;bottom:8px}.preview-controls .ctrl-btn{width:44px;height:44px}.preview-controls .ctrl-btn .icon{width:18px;height:18px}.join-section{padding:16px 12px}.join-title{font-size:16px}.waiting-message{font-size:13px}.waiting-spinner .loading-spinner{width:32px;height:32px}.join-btn{padding:10px 20px;font-size:14px}.join-options-toggle{padding:10px 12px;font-size:12px}}.list-use-pending{width:100%;margin-bottom:8px;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;transition:all .2s ease}.list-use-pending .participants-dropdown-toggle.pending-dropdown-toggle{position:relative;border:none;border-radius:0}.list-use-pending .pending-list{margin:0;padding:8px;background:#0003;border:none;border-top:1px solid #1557b0}.list-use-pending .pending-list:before,.list-use-pending .pending-list:after{display:none!important}.list-use-pending .pending-list .admit-all-btn-inline{background:#1a73e8;border:none;border-radius:100px;color:#fff;font-size:12px;font-weight:500;padding:8px 12px;cursor:pointer;transition:all .2s ease;margin-left:auto;display:block}.list-use-pending .pending-list .admit-all-btn-inline:hover{background:#1557b0}.list-use-pending .pending-list .admit-all-btn-inline:active{transform:scale(.95)}.list-use-pending .pending-list .pending-list-item .pending-status .dot.waiting{background-color:#fbbc04;animation:pulse 2s ease-in-out infinite}.list-use-pending .pending-list .pending-list-item .pending-status .label{color:#fbbc04}.list-use-pending .pending-list .pending-list-item .pending-actions .admit-btn-small,.list-use-pending .pending-list .pending-list-item .pending-actions .deny-item{background:transparent;border:none;border-radius:16px;color:#fff;font-size:12px;font-weight:500;padding:8px 12px;cursor:pointer;transition:all .2s ease}.list-use-pending .pending-list .pending-list-item .pending-actions .admit-btn-small:active,.list-use-pending .pending-list .pending-list-item .pending-actions .deny-item:active{transform:scale(.95)}.list-use-pending .pending-list .pending-list-item .pending-actions .admit-btn-small:hover{background:#1557b0}.list-use-pending .pending-list .pending-list-item .pending-actions .deny-item:hover{background:#dc3545}.list-use-pending .pending-list .pending-list-item .pending-actions .menu-container-small .menu-btn-small:hover{background-color:#ffffff1a}.list-use-pending .pending-list .pending-list-item .pending-actions .menu-container-small .dropdown-menu-small{position:absolute;top:100%;right:0;margin-top:4px;background:#1f1f1f;border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:120px;z-index:1000;animation:menuFadeIn .15s ease-out;overflow:hidden}.list-use-pending .pending-list .pending-list-item .pending-actions .menu-container-small .dropdown-menu-small .menu-item-small{width:100%;background:none;border:none;padding:10px 14px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#fff;transition:background-color .2s ease;text-align:left}.list-use-pending .pending-list .pending-list-item .pending-actions .menu-container-small .dropdown-menu-small .menu-item-small:hover{background-color:#ffffff1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pending-join-toast{position:fixed;bottom:24px;left:24px;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-radius:16px;box-shadow:0 8px 32px #00000080,0 0 1px #ffffff1a;border:1px solid #3d3d3d;z-index:10000;min-width:340px;max-width:400px;overflow:hidden;animation:slideInLeft .3s cubic-bezier(.16,1,.3,1)}.pending-join-toast.hidden{display:none;pointer-events:none}.pending-join-toast.leaving{animation:slideOutLeft .3s cubic-bezier(.7,0,.84,0) forwards}.pending-join-toast .toast-content{padding:16px 18px}.pending-join-toast .toast-content .toast-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.pending-join-toast .toast-content .toast-header .user-info{display:flex;align-items:center;gap:12px;flex:1}.pending-join-toast .toast-content .toast-header .user-info .user-avatar-small{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#243b55,#141e30);border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:500;flex-shrink:0}.pending-join-toast .toast-content .toast-header .user-info .user-text{flex:1}.pending-join-toast .toast-content .toast-header .user-info .user-text .user-name{font-size:15px;font-weight:500;color:#fff;margin-bottom:3px;line-height:1.3}.pending-join-toast .toast-content .toast-header .user-info .user-text .user-message{font-size:13px;color:#fff9;line-height:1.3}.pending-join-toast .toast-content .toast-header.multi{margin-bottom:0}.pending-join-toast .toast-content .toast-header.multi .multi-info{display:flex;align-items:center;gap:12px;flex:1}.pending-join-toast .toast-content .toast-header.multi .multi-info .multi-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#243b55,#141e30);border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.pending-join-toast .toast-content .toast-header.multi .multi-info .multi-icon svg{width:22px;height:22px}.pending-join-toast .toast-content .toast-header.multi .multi-info .multi-text{flex:1}.pending-join-toast .toast-content .toast-header.multi .multi-info .multi-text .multi-count{font-size:14px;color:#fff;line-height:1.4}.pending-join-toast .toast-content .toast-header.multi .multi-info .multi-text .multi-count strong{font-weight:600;color:#00d492}.pending-join-toast .toast-content .toast-header.multi .view-list-btn-toast{background:linear-gradient(135deg,#243b55,#141e30);color:#fff;border:1px solid #243b55;border-radius:24px;font-size:13px;font-weight:500;padding:8px 16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;margin:0 8px}.pending-join-toast .toast-content .toast-header.multi .view-list-btn-toast:hover{background:linear-gradient(135deg,#2d4a6b,#1a2740);box-shadow:0 4px 12px #243b5566;transform:translateY(-1px)}.pending-join-toast .toast-content .toast-header.multi .view-list-btn-toast:active{transform:translateY(0)}.pending-join-toast .toast-content .toast-header.multi .view-list-btn-toast svg{flex-shrink:0}.pending-join-toast .toast-content .toast-header .toast-close{background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;color:#ffffff80;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pending-join-toast .toast-content .toast-header .toast-close:hover{background-color:#ffffff1a;color:#fff}.pending-join-toast .toast-content .toast-header .toast-close svg{display:block}.pending-join-toast .toast-content .toast-actions{display:flex;gap:10px;justify-content:flex-end}.pending-join-toast .toast-content .toast-actions button{border:none;border-radius:24px;font-size:13px;font-weight:500;padding:9px 20px;cursor:pointer;transition:all .2s ease;min-width:80px;display:flex;align-items:center;justify-content:center;gap:6px}.pending-join-toast .toast-content .toast-actions button:active{transform:translateY(1px)}.pending-join-toast .toast-content .toast-actions button svg{flex-shrink:0}.pending-join-toast .toast-content .toast-actions .deny-btn-toast{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.1)}.pending-join-toast .toast-content .toast-actions .deny-btn-toast:hover{background:#ffffff26;color:#fff;border-color:#fff3}.pending-join-toast .toast-content .toast-actions .admit-btn-toast{background:linear-gradient(135deg,#243b55,#141e30);color:#fff;border:1px solid #243b55}.pending-join-toast .toast-content .toast-actions .admit-btn-toast:hover{background:linear-gradient(135deg,#2d4a6b,#1a2740);box-shadow:0 4px 12px #243b5566;transform:translateY(-1px)}.pending-join-toast .toast-progress{height:3px;background:linear-gradient(90deg,#243b55,#00d492);width:100%;transform-origin:left}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:768px){.pending-join-toast{bottom:16px;left:16px;right:16px;min-width:unset;max-width:unset;width:calc(100% - 32px)}}.pending-join-toast+.pending-join-toast{bottom:124px}@media(max-width:768px){.pending-join-toast+.pending-join-toast{bottom:116px}}html,body,#root,#mediasoup-demo-app-container,*{font-family:Roboto,Arial,sans-serif!important;font-weight:300;box-sizing:border-box}html{height:100%;background:#141e30;background:linear-gradient(to top,#243b55,#141e30)}body{height:100%;overflow-y:hidden}#mediasoup-demo-app-container{height:100%;width:100%}#mediasoup-demo-app-media-query-detector{position:relative;z-index:-1000;bottom:0;left:0;height:1px;width:1px}@media(max-device-width:720px){#mediasoup-demo-app-media-query-detector{display:none;position:fixed}}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu-drawer{position:fixed;top:0;right:0;height:100vh;width:280px;background:linear-gradient(135deg,#243b55fa,#1c2f44fa);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-left:1px solid rgba(0,212,146,.2);box-shadow:-10px 0 30px #00000080;transform:translate(100%);transition:transform .3s ease;z-index:1001;display:flex;flex-direction:column}.mobile-menu-drawer.open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.25rem;border-bottom:1px solid rgba(0,212,146,.2);background:#00d4920d}.mobile-menu-logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--primary-text);text-decoration:none}.mobile-menu-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-green) 0%,#7db82f 100%);border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--primary-bg);font-weight:800;font-size:1.2rem}.mobile-menu-close{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.mobile-menu-close svg{width:18px;height:18px}.mobile-menu-close:hover{background:#ffffff14;border-color:#00d492}.mobile-menu-content{flex:1;padding:2rem 0;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;overflow-x:visible}.mobile-menu-nav{padding:0 1.25rem;overflow:visible}.mobile-menu-nav a{display:flex;align-items:center;gap:1rem;padding:1rem 0;color:#fffc;text-decoration:none;font-weight:500;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease;position:relative}.mobile-menu-nav a:last-child{border-bottom:none}.mobile-menu-nav a:hover{color:#00d492;padding-left:.5rem}.mobile-menu-nav a:before{content:"";width:4px;height:4px;background:#00d492;border-radius:50%;opacity:0;transition:opacity .3s ease}.mobile-menu-nav a:hover:before{opacity:1}.menu-nav-icon{width:18px;height:18px;flex-shrink:0}.mobile-menu-divider{height:1px;background:var(--border-color);margin:1rem 1.25rem}.mobile-menu-lang{padding:0 1.25rem}.mobile-menu-lang-selector{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s ease}.mobile-menu-lang-selector:hover{background:#ffffff0f;border-color:var(--accent-green)}.mobile-menu-lang-selector.open .mobile-menu-lang-arrow{transform:rotate(180deg)}.mobile-menu-lang-info{display:flex;align-items:center;gap:.75rem}.mobile-menu-lang-flag{width:20px;height:20px;flex-shrink:0}.mobile-menu-lang-text{color:var(--primary-text);font-weight:500}.mobile-menu-lang-arrow{color:var(--secondary-text);width:16px;height:16px;flex-shrink:0;transition:transform .3s ease}.mobile-menu-actions{padding:1rem 1.25rem;border-top:1px solid var(--border-color)}.mobile-menu-actions .mobile-menu-lang{padding:0}.mobile-menu-cta{padding:1.25rem;border-top:1px solid rgba(0,212,146,.2);background:#00d4920d}.mobile-menu-cta-text{text-align:center;margin-bottom:1rem}.mobile-menu-cta-title{font-size:1rem;font-weight:600;color:var(--primary-text);margin-bottom:.5rem}.mobile-menu-cta-subtitle{font-size:.875rem;color:var(--secondary-text)}.mobile-menu-buttons{display:flex;flex-direction:column;gap:.75rem}.mobile-menu-cta-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;border:1px solid transparent;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.mobile-menu-cta-button.primary{background:linear-gradient(135deg,#00d492,#096);color:#fff;box-shadow:0 4px 12px #00d4924d}.mobile-menu-cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d49266}.mobile-menu-cta-button.secondary{background:transparent;color:#fff;border-color:#ffffff26}.mobile-menu-cta-button.secondary:hover{border-color:#00d492;background:#00d4921a;transform:translateY(-2px)}.cta-button-icon{font-size:1.1rem;flex-shrink:0}.animate-slide-in{animation:slideInFromRight .3s ease forwards}.animate-slide-out{animation:slideOutToRight .3s ease forwards}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutToRight{0%{transform:translate(0)}to{transform:translate(100%)}}@media(max-width:320px){.mobile-menu-drawer{width:100%}}.mobile-pricing-dropdown{margin-top:1rem}.mobile-pricing-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--primary-text);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:.5rem}.mobile-pricing-trigger:hover,.mobile-pricing-trigger.active{background:#9acd321a;border-color:#9acd324d;color:var(--accent-green)}.mobile-pricing-trigger .menu-nav-icon{color:inherit;font-size:1.2em;margin-right:.75rem}.dropdown-chevron{font-size:1em;transition:transform .3s ease}.dropdown-chevron.open{transform:rotate(180deg)}.mobile-pricing-content{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:1rem;margin-bottom:1rem;animation:mobileDropdownSlide .3s ease}@keyframes mobileDropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-pricing-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-pricing-header p{color:var(--secondary-text);font-size:.875rem;margin:0;line-height:1.4}.mobile-pricing-items{display:flex;flex-direction:column;gap:.5rem}.mobile-pricing-item{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;text-decoration:none;color:var(--primary-text);transition:all .2s ease}.mobile-pricing-item:hover{background:#9acd3214;border-color:#9acd3233;transform:translateY(-1px)}.mobile-pricing-icon{font-size:1.2rem;flex-shrink:0;color:var(--accent-green);display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#9acd321a;border-radius:8px}.mobile-pricing-text h4{margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:var(--primary-text)}.mobile-pricing-text p{margin:0;font-size:.8rem;color:var(--secondary-text);line-height:1.3}.mobile-lang-switcher{position:relative;margin-top:.5rem;border-top:1px solid rgba(0,212,146,.1);padding-top:.5rem}.mobile-lang-btn{display:flex;align-items:center;width:100%;padding:.75rem 1rem;background:#00d4920d;border:1px solid rgba(0,212,146,.2);border-radius:8px;color:var(--primary-text);cursor:pointer;transition:all .3s ease;gap:.75rem}.mobile-lang-btn:hover{background:#00d4921a;border-color:#00d49266}.mobile-lang-btn .menu-nav-icon{font-size:1.1rem;color:var(--accent);flex-shrink:0}.mobile-lang-btn .lang-text{display:flex;align-items:center;gap:.5rem;flex:1;font-size:.95rem;font-weight:500}.mobile-lang-btn .lang-text .lang-flag{font-size:1rem}.mobile-lang-btn .lang-chevron{font-size:.8rem;transition:transform .3s ease}.mobile-lang-dropdown{position:absolute;bottom:calc(100% + .5rem);left:0;right:0;background:#111114f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,212,146,.2);border-radius:12px;box-shadow:0 8px 32px #0006;overflow:hidden;z-index:1010;animation:fadeInUp .2s ease}.mobile-lang-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--primary-text);cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.mobile-lang-option.active{background:#00d49226;color:var(--accent)}.mobile-lang-option .lang-flag{font-size:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-lang-switcher{position:relative;margin-top:.5rem;overflow:visible;z-index:10}.mobile-lang-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:transparent;border:none;color:#fff;cursor:pointer;transition:all .2s ease;text-decoration:none;border-radius:8px;font-size:1rem;font-weight:500}.mobile-lang-btn:hover{background:#00d4921a}.mobile-lang-btn .lang-text{display:flex;align-items:center;gap:.5rem;flex:1}.mobile-lang-btn .lang-text .lang-flag{font-size:1.2rem}.mobile-lang-btn .lang-chevron{font-size:.9rem;transition:transform .3s ease;margin-left:.5rem}.mobile-lang-btn .lang-chevron.rotated{transform:rotate(180deg)}.mobile-lang-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#1c2f44fa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(0,212,146,.3);border-radius:12px;box-shadow:0 8px 32px #0006;overflow:visible;z-index:9999;animation:fadeInDown .2s ease;margin:0 1.25rem;max-width:calc(100% - 2.5rem)}.mobile-lang-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:#fff;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.mobile-lang-option:hover{background:#00d4921a}.mobile-lang-option.active{background:#00d49226;color:#00d492}.mobile-lang-option .lang-flag{font-size:1.1rem}.mobile-lang-option .lang-name{flex:1;text-align:left}@media(max-width:1024px){.navbar .language-switcher{display:none!important}}@media(min-width:1025px){.mobile-lang-switcher{display:none}}@media(min-width:1025px)and (hover:hover)and (pointer:fine){.mobile-menu-overlay,.mobile-menu-drawer{display:none}}.user-avatar-container{position:relative;display:inline-block}.user-avatar-container:after{content:"";position:absolute;top:100%;left:0;right:0;height:4px;background:transparent}.user-avatar{position:relative;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s ease;border:2px solid transparent;overflow:hidden}.user-avatar:hover{border-color:#007bff;transform:scale(1.05)}.user-avatar .avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-avatar .avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#243b55,#4a90e2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;border-radius:50%}.user-avatar .avatar-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#28a745;border:2px solid white;border-radius:50%}.user-dropdown{position:absolute;top:calc(100% + 2px);right:0;min-width:220px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;border:1px solid #e9ecef;z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease-out}.user-dropdown:before{content:"";position:absolute;top:-8px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.dropdown-header .user-info .user-name{font-weight:600;font-size:16px;color:#212529;margin-bottom:4px}.dropdown-header .user-info .user-email{font-size:14px;color:#6c757d}.dropdown-divider{height:1px;background:#e9ecef;margin:0}.dropdown-menu{padding:8px 0}.dropdown-menu .dropdown-item{width:100%;display:flex;align-items:center;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:14px;color:#495057}.dropdown-menu .dropdown-item:hover{background:#f8f9fa}.dropdown-menu .dropdown-item .item-icon{margin-right:12px;width:16px;height:16px;color:#6c757d}.dropdown-menu .dropdown-item.logout-item,.dropdown-menu .dropdown-item.logout-item .item-icon{color:#dc3545}.dropdown-menu .dropdown-item.logout-item:hover{background:#f8d7da}@media(max-width:768px){.user-dropdown{right:-10px;min-width:200px}}.nav-login-desktop{display:block}@media(max-width:1024px){.nav-login-desktop{display:none!important}}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;max-width:100%;padding:1rem 3rem;background:linear-gradient(135deg,#243b55f2,#1c2f44fa);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 4px 30px #0000001a;border-bottom:1px solid rgba(0,212,146,.1)}.logo{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:700;color:#fff;text-decoration:none;flex-shrink:0;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#00d492,#096);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.1rem;box-shadow:0 4px 12px #00d4924d}.nav-link{background:none;border:none;color:#ffffffe6;text-decoration:none;font-weight:500;font-size:.95rem;font-family:inherit;transition:all .3s ease;padding:.5rem 0;position:relative;cursor:pointer;display:inline-block}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#00d492,#096);transition:width .3s ease}.nav-link:hover,.nav-link.active{color:#00d492}.nav-link:hover:after,.nav-link.active:after{width:100%}.language-switcher{position:relative;margin-right:.75rem}.lang-switcher-btn{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.875rem;font-weight:500;min-width:100px}.lang-switcher-btn:hover{background:#ffffff1f;border-color:#00d49266;transform:translateY(-1px)}.lang-switcher-btn .lang-flag{font-size:1.1rem}.lang-switcher-btn .lang-name{flex:1;text-align:left}.lang-switcher-btn .lang-chevron{font-size:.8rem;transition:transform .3s ease}.lang-switcher-btn .lang-chevron.rotated{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#111114f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0000004d;overflow:hidden;z-index:1000;animation:fadeInDown .2s ease}.lang-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;color:#fff;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.lang-option:hover{background:#00d4921a}.lang-option.active{background:#00d49226;color:#00d492}.lang-option .lang-flag{font-size:1.1rem}.lang-option .lang-name{flex:1;text-align:left}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lang-selector{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:.875rem;cursor:pointer;transition:all .3s ease}.lang-selector:hover{background:#ffffff1f;border-color:#00d49266}.pricing-dropdown{position:relative;display:inline-block}.pricing-dropdown-trigger{background:none;border:none;color:var(--secondary-text);font-family:inherit;font-weight:500;font-size:inherit;cursor:pointer;padding:.5rem 0;display:flex;align-items:center;gap:.25rem;transition:color .3s ease}.pricing-dropdown-trigger:hover,.pricing-dropdown-trigger.active{color:var(--accent-green)}.dropdown-icon{font-size:.875rem;transition:transform .2s ease}.pricing-dropdown:hover .dropdown-icon{transform:rotate(180deg)}.logout-button{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.logout-button:hover{background:#dc2626}.login-button{background:#096;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.pricing-dropdown-content{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);background:#111114f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0000004d;min-width:400px;padding:1.5rem;z-index:1000;animation:fadeIn .2s ease}.pricing-dropdown-content:before{content:"";position:absolute;top:-.5rem;left:0;right:0;height:.5rem;background:transparent}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dropdown-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.dropdown-header p{color:var(--secondary-text);font-size:.875rem;margin:0}.dropdown-items{display:flex;flex-direction:column;gap:.5rem}.dropdown-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;text-decoration:none;color:var(--primary-text);transition:all .2s ease;border:1px solid transparent}.dropdown-item:hover{background:#ffffff0d;border-color:#9acd324d;transform:translateY(-2px)}.dropdown-item-icon{font-size:1.5rem;flex-shrink:0;color:var(--accent-green);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#9acd321a;border-radius:10px}.dropdown-item-content h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--primary-text)}.dropdown-item-content p{margin:0;font-size:.875rem;color:var(--secondary-text)}.mobile-menu-toggle{display:none;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1.2rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-menu-toggle:hover{background:#ffffff1f;border-color:#00d49266}.mobile-menu-toggle:active{transform:scale(.95);background:#ffffff26}.nav-actions .btn{padding:.6rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;transition:all .3s ease;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.nav-actions .btn.btn-primary{background:linear-gradient(135deg,#00d492,#096);color:#fff;box-shadow:0 4px 12px #00d4924d}.nav-actions .btn.btn-primary:hover{box-shadow:0 6px 20px #00d49266;transform:translateY(-2px)}.nav-actions .btn.btn-secondary{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden}.nav-actions .btn.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,146,.3),transparent);transition:left .6s ease}.nav-actions .btn.btn-secondary .download-nav-icon{animation:downloadBounce 2s ease-in-out infinite;transition:all .3s ease}.nav-actions .btn.btn-secondary:hover{background:linear-gradient(135deg,#00d49233,#00d4921a);border-color:#00d49280;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #00d4924d}.nav-actions .btn.btn-secondary:hover:before{left:100%}.nav-actions .btn.btn-secondary:hover .download-nav-icon{animation:downloadPulse .6s ease-in-out;transform:translateY(-2px) scale(1.2)}@keyframes downloadBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}@keyframes downloadPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1.2)}}@media(max-width:1024px){.navbar{padding:.75rem 1rem;gap:.5rem;position:fixed;width:100%}.nav-menu{display:none!important}.mobile-menu-toggle{display:flex!important;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:100;pointer-events:auto!important;cursor:pointer!important;min-width:44px;min-height:44px;-webkit-user-select:none;user-select:none}.nav-actions{display:flex!important;align-items:center;gap:.5rem;flex-shrink:0;position:relative;z-index:100}.nav-actions .btn{display:inline-flex!important;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.85rem;white-space:nowrap;flex-shrink:0;position:relative;z-index:100;min-height:44px;touch-action:manipulation}.nav-actions .btn.btn-primary{display:inline-flex!important;min-width:fit-content}.logo{font-size:1.1rem;flex:1;min-width:0}.logo-icon{width:32px;height:32px;font-size:1rem}}@media(min-width:1025px){.navbar .nav-menu{display:flex!important}.navbar .mobile-menu-toggle{display:none!important;visibility:hidden!important;pointer-events:none!important}.navbar .nav-actions .btn{display:inline-flex}}@media(max-width:768px){.navbar{padding:.6rem .75rem}.nav-actions .btn{padding:.4rem .8rem;font-size:.8rem}.logo{font-size:1rem}.logo-icon{width:30px;height:30px;font-size:.9rem}}@media(max-width:480px){.navbar{padding:.5rem .6rem}.nav-actions .btn{padding:.35rem .6rem;font-size:.75rem}.mobile-menu-toggle{padding:.4rem .6rem;font-size:1.1rem}}@media(max-width:768px){.nav-actions .btn-download-nav{display:none!important}}.hero-section{min-height:85vh;background:#243b55;position:relative;overflow:hidden;padding-top:48px;display:flex;flex-direction:column;justify-content:center}.hero-section:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(0,212,146,.15) 0%,transparent 25%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.12) 0%,transparent 25%),radial-gradient(circle at 60% 80%,rgba(0,212,146,.08) 0%,transparent 25%);animation:meshMove 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes meshMove{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-50px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientShift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(10px) scale(1.02)}50%{transform:translate(0) scale(1.05)}75%{transform:translate(-10px) scale(1.02)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.animate-delay-100{animation-delay:.1s!important}.animate-delay-200{animation-delay:.2s!important}.animate-delay-300{animation-delay:.3s!important}.animate-delay-400{animation-delay:.4s!important}.animate-delay-500{animation-delay:.5s!important}@media(prefers-reduced-motion:reduce){.hero-section:before,.hero-card,.hero-badge,.hero-title,.hero-description,.hero-actions,.hero-right{animation:none!important}.btn:hover{transform:none!important}}.animate-slide-in{animation:slideInLeft .8s ease-out both}.animate-slide-in.animate-delay-200{animation:slideInRight .8s ease-out both}.animate-fade-in{animation:fadeIn 1s ease-out both}.animate-fade-up{animation:fadeInUp 1s ease-out both}.typing .cursor{animation:pulse 1s infinite}.typing-complete .cursor{display:none}.cursor{color:var(--accent-green);font-weight:400;display:inline-block;margin-left:2px}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 1000px 800px at 20% 0%,rgba(0,212,146,.08) 0%,transparent 50%),radial-gradient(ellipse 800px 600px at 80% 100%,rgba(59,130,246,.06) 0%,transparent 50%);pointer-events:none;animation:gradientShift 8s ease-in-out infinite}.hero-content{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column}.hero-header{display:flex;align-items:center;justify-content:center;padding:2rem}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-max-width);width:100%;gap:2rem;padding:1.5rem 2rem;border:1px solid rgba(255,255,255,.1);border-radius:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--primary-text);text-decoration:none;flex-shrink:0}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-green) 0%,#7db82f 100%);border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--primary-bg);font-weight:800;font-size:1.2rem}.nav-menu{display:flex;align-items:center;gap:2rem;list-style:none;flex:1;justify-content:center}.nav-menu a{color:var(--secondary-text);text-decoration:none;font-weight:500;transition:color .3s ease;padding:.5rem 0}.nav-menu a:hover{color:var(--accent-green)}.nav-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.lang-selector{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:5px;color:var(--primary-text);font-size:.875rem;cursor:pointer;transition:all .3s ease}.lang-selector:hover{background:#ffffff1a}.hero-main{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.hero-container{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:start;max-width:var(--container-max-width);width:100%}.hero-text>*+*{margin-top:2rem}.hero-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#ffffff0d;border:1px solid rgba(0,212,146,.3);border-radius:50px;font-size:.875rem;color:var(--accent-green);margin-bottom:1.5rem;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 4px 16px #00d49226;animation:pulse-border 3s ease-in-out infinite}.hero-badge-desktop{display:inline-flex}@media(max-width:768px){.hero-badge-desktop{display:none!important}}.navbar-badge-mobile{display:none}@media(max-width:768px){.navbar-badge-mobile{display:flex;flex:1;justify-content:center;align-items:center;margin-right:.5rem}.navbar-hero-badge.hero-badge{margin-bottom:0;font-size:.75rem;padding:.4rem .8rem;gap:.4rem;box-shadow:none;border-width:1px;border-radius:30px;background:#ffffff14}.navbar-hero-badge .badge-icon{width:13px;height:13px}}@keyframes pulse-border{0%,to{box-shadow:0 4px 16px #00d49226;border-color:#00d4924d}50%{box-shadow:0 4px 24px #00d4924d;border-color:#00d49280}}.badge-item{display:flex;align-items:center;gap:.4rem}.badge-icon{width:16px;height:16px;color:var(--accent-green)}.badge-separator{color:#00d49299;font-weight:300}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#00d492,#fff);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s linear infinite}.hero-description{font-size:1.2rem;color:var(--secondary-text);line-height:1.6;margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;margin-bottom:2rem}.hero-actions .btn-primary{border-radius:5px}.download-actions{padding-top:60px;margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}@media(max-width:768px){.download-actions{padding-top:0}}.btn-download{display:flex;align-items:center;gap:.6rem;padding:1.5rem 2rem;height:60px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--primary-text);font-size:1rem;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.btn-download:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.btn-download:hover{background:#ffffff26;border-color:var(--accent-green);transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #00d49240}.btn-download:hover:before{left:100%}.btn-download:hover .download-icon{transform:scale(1.1) rotate(5deg)}.btn-download .download-icon{font-size:1.2rem;transition:transform .3s ease}.btn-download.btn-apple:hover{border-color:#fff;background:#fff3;box-shadow:0 8px 25px #fff3}.btn-download.btn-android:hover{border-color:#34a853;background:#34a85326;box-shadow:0 8px 25px #34a85340}.hero-right{display:flex;flex-direction:column;gap:2rem;height:fit-content}.hero-features{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2rem;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px #0000005e;transition:all .3s ease}.hero-features:hover{background:#ffffff0d;border-color:#00d4924d;transform:translateY(-4px);box-shadow:0 12px 40px #00d49226}.hero-features h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--primary-text)}.feature-list{list-style:none}.feature-list>*+*{margin-top:.75rem}.feature-list li{display:flex;align-items:center;gap:.75rem;color:var(--secondary-text);margin-bottom:.75rem}.feature-list li:before{content:"✓";color:var(--accent-green);font-weight:600;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#00d4921a;border-radius:50%;font-size:.875rem}.hero-visual{display:flex;align-items:center;justify-content:center}.hero-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:32px;padding:3rem 2.5rem;min-height:300px;width:100%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);position:relative;animation:float 6s ease-in-out infinite;transition:all .4s ease;overflow:hidden;box-shadow:0 8px 32px #0000005e}.hero-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #00d49240;border-color:#00d49266;background:#ffffff0d}.visual-orbs{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:1}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:orbFloat 8s ease-in-out infinite}.orb-1{width:200px;height:200px;background:radial-gradient(circle,rgba(0,212,146,.6) 0%,transparent 70%);top:-50px;left:-50px;animation-delay:0s}.orb-2{width:150px;height:150px;background:radial-gradient(circle,rgba(59,130,246,.5) 0%,transparent 70%);bottom:-30px;right:-30px;animation-delay:2s}.orb-3{width:180px;height:180px;background:radial-gradient(circle,rgba(0,212,146,.4) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.1)}50%{transform:translate(-15px,15px) scale(.9)}75%{transform:translate(15px,10px) scale(1.05)}}.visual-content{text-align:center;position:relative;z-index:2;width:100%;display:flex;flex-direction:column;gap:2rem;align-items:center}.visual-icon-large{width:80px;height:80px;background:linear-gradient(135deg,var(--accent-green) 0%,#009966 100%);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;box-shadow:0 8px 32px #00d49266;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #00d49266}50%{transform:scale(1.05);box-shadow:0 12px 40px #00d49299}}.visual-stats{display:flex;align-items:center;gap:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--accent-green);line-height:1}.stat-label{font-size:.75rem;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.5px}.stat-divider{width:1px;height:40px;background:#ffffff26}.visual-badges{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.mini-badge{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#00d4921a;border:1px solid rgba(0,212,146,.3);border-radius:50px;font-size:.8rem;color:var(--accent-green);font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.mini-badge:hover{background:#00d49233;border-color:#00d49280;transform:translateY(-2px)}.mini-icon{width:14px;height:14px;flex-shrink:0}.visual-glow{position:absolute;top:50%;left:50%;width:300px;height:300px;background:radial-gradient(circle,rgba(0,212,146,.2) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;animation:glowPulse 4s ease-in-out infinite;z-index:0}@keyframes glowPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.mobile-menu-toggle{display:none;background:transparent;border:1px solid var(--border-color);color:var(--primary-text);padding:.5rem;border-radius:5px;cursor:pointer;transition:all .3s ease}.mobile-menu-toggle:hover{background:#ffffff0d;border-color:var(--accent-green)}@media(min-width:1025px){.mobile-menu-toggle{display:none!important}}@media(max-width:1024px){.hero-main{align-items:flex-start;padding-top:2rem;padding-bottom:3rem}.hero-container{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-text{order:1}.hero-right{order:2;gap:1.5rem}.nav-menu,.lang-selector,.nav-actions .btn-primary{display:none}.mobile-menu-toggle{display:block}}@media(max-width:768px){.hero-section{padding-top:70px}.hero-content{min-height:auto}.hero-header{padding:1rem}.header-container{gap:1rem;padding:1rem}.hero-main{padding:2rem 1rem 3rem;align-items:flex-start}.hero-container{gap:2rem}.hero-text{text-align:left}.hero-actions{flex-direction:column;gap:.75rem}.hero-actions .btn{border-radius:5px;width:100%}.download-actions{flex-direction:column;gap:.5rem}.btn-download{width:100%;justify-content:center;padding:.75rem}.hero-badge{padding:.6rem 1rem;font-size:.8rem;gap:.5rem;margin-bottom:0}.badge-icon{width:14px;height:14px}.hero-features{padding:1.5rem}.hero-right{gap:1rem}.hero-card{padding:2rem 1.5rem;min-height:200px}.visual-icon-large{width:60px;height:60px;font-size:2rem}.visual-stats{flex-direction:column;padding:1rem;gap:1rem}.stat-divider{width:80%;height:1px}.stat-value{font-size:1.2rem}.stat-label{font-size:.7rem}.mini-badge{font-size:.75rem;padding:.4rem .8rem}.nav-actions{gap:.5rem}.lang-selector{padding:.4rem .8rem;font-size:.8rem}}@media(max-width:768px){.download-actions{flex-direction:row;gap:.5rem;flex-wrap:wrap;justify-content:center;align-items:center}.btn-download{width:auto;min-width:80px;justify-content:center;padding:.75rem 1.2rem;flex:0 1 auto}.hero-description{font-size:1rem}.hero-badge{font-size:.8rem;padding:.4rem .8rem}.hero-features{padding:1rem}.hero-card{padding:1.5rem 1rem;min-height:180px}.visual-content{gap:1.5rem}.visual-icon-large{width:50px;height:50px;font-size:1.5rem}.visual-stats{padding:.75rem}.stat-value{font-size:1rem}.stat-label{font-size:.65rem}.mini-badge{font-size:.7rem;padding:.35rem .7rem}.mini-icon{width:12px;height:12px}.visual-badge{padding:1rem;gap:.5rem}.visual-badge-line{font-size:.8rem;gap:.4rem}.visual-icon{width:16px;height:16px}.header-container{padding:.75rem}}.landing-card{background:color-mix(in srgb,#ffffff 10%,transparent);border-radius:24px;box-shadow:0 8px 32px #202d482e;padding:2.5rem 2rem 1.5rem;display:flex;flex-direction:column;align-items:center;width:100%;border:1.5px solid color-mix(in srgb,#ffffff 20%,transparent);transition:all .3s ease}.landing-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00d49226;border-color:#00d4924d}.landing-card .radio-group{width:100%;display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2.2rem}.landing-card .radio-label{display:flex;align-items:center;gap:1rem;border-radius:16px;border:2px solid color-mix(in srgb,#ffffff 20%,transparent);padding:1.2rem 1.2rem 1.2rem .8rem;cursor:pointer;position:relative;transition:border-color .21s,background .21s;box-sizing:border-box}.landing-card .radio-label:hover{border-color:#22c55e80;background:color-mix(in srgb,#ffffff 10%,transparent)}.landing-card .custom-radio{position:relative;width:24px;height:24px}.landing-card .custom-radio input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:50%;border:2.5px solid #8395b8;background:#232e43;outline:none;margin:0;cursor:pointer;position:relative;display:block}.landing-card .radio-circle{pointer-events:none;position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:50%;background:#00d492;opacity:0;transition:opacity .19s;transform:translate(-50%,-50%)}.landing-card .custom-radio input[type=radio]:checked+.radio-circle{opacity:1}.landing-card .icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.landing-card .meta{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.landing-card .room-title{font-size:1.18rem;font-weight:500}.landing-card .radio-label.checked{border-color:#00d492;background:#243b55fa}.landing-card .radio-label.checked .meta .room-title{color:#00d492}.landing-card .radio-label.checked .custom-radio input[type=radio]{border-color:#00d492}.landing-card .radio-label.checked .icon{color:#00d492}.landing-card .button{background-color:#096;color:#fff;border:none;height:40px;padding:0 12px;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;box-shadow:0 2px 16px #22c55e22;transition:background-color .2s,box-shadow .2s}.landing-card .button:hover,.landing-card .button:focus{background-color:#096;box-shadow:0 0 0 3px #22c55e44}@media(max-width:768px){.landing-card{padding:1.5rem 1rem}.landing-card .radio-label{padding:1rem}.landing-card .room-title{font-size:1rem}}@media(max-width:480px){.landing-card{padding:1.2rem .5rem 1rem}.landing-card .radio-group{gap:1rem;margin-bottom:1.5rem}.landing-card .radio-label{padding:.8rem}}.landing-subtitle{font-size:1.2rem;color:#cbd5e1;text-align:center;margin-bottom:1.5rem}@media(max-width:768px){.landing-subtitle{font-size:1rem;margin-bottom:1rem}}.pricing-light-bg{background:#243b55;min-height:100vh}.pricing-header{text-align:center;margin-bottom:40px;padding-top:100px}.pricing-brand{color:#00d492;font-weight:600;font-size:18px;margin-bottom:18px}.pricing-title{font-family:Georgia,serif;font-size:3.2rem;font-weight:700;margin-bottom:28px;color:#fff;line-height:1.1}.pricing-toggle-row{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:10px}.pricing-toggle{background:#ffffff1a;border:2px solid #00d492;color:#00d492;font-weight:600;font-size:1rem;border-radius:999px;padding:8px 24px;cursor:pointer;transition:background .2s,color .2s}.pricing-toggle.active{background:#00d492;color:#000}.pricing-save{background:#00d492;color:#000;font-size:.95rem;font-weight:600;border-radius:6px;padding:2px 10px;margin-left:8px;box-shadow:0 2px 8px #00d49233}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:0 auto 40px;max-width:1400px;padding:0 2rem;align-items:stretch}@media(max-width:1100px){.pricing-grid{grid-template-columns:1fr 1fr;gap:24px;padding:0 1.5rem}}@media(max-width:640px){.pricing-grid{grid-template-columns:1fr;gap:20px;padding:0 .5rem;max-width:100vw;width:100%}}.pricing-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 4px 24px #0000004d;display:flex;flex-direction:column;align-items:flex-start;padding:32px 28px 28px;min-height:580px;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.pricing-card>.pricing-plan-title{margin-bottom:4px;height:40px;display:flex;align-items:center}.pricing-card>.pricing-desc{margin-bottom:18px;height:24px;display:flex;align-items:center}.pricing-card>.pricing-price-row{margin-bottom:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1);width:100%;height:100px;display:flex;flex-direction:column;justify-content:center}.pricing-card>.pricing-features-title{font-weight:600;margin:18px 0 8px;color:#fff;width:100%;height:24px;display:flex;align-items:center}.pricing-card>.pricing-features-list{margin:0 0 18px;padding:0;width:100%;font-size:1rem;flex:1 1 auto;min-height:200px}.pricing-card>.btn{margin-top:auto;width:100%;font-size:1.08rem;padding:12px 0;border-radius:8px;background:linear-gradient(135deg,#00d492,#00b377);color:#000;font-weight:600;box-shadow:0 2px 8px #00d49233;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-block;text-align:center;cursor:pointer;position:relative;overflow:hidden;height:48px;display:flex;align-items:center;justify-content:center}.pricing-plan-title{font-size:1.8rem;font-weight:700;margin-bottom:4px;transition:text-shadow .4s ease;letter-spacing:.5px;height:40px;display:flex;align-items:center}.pricing-plan-title.pricing-free{color:#fff}.pricing-plan-title.pricing-pro{color:#00d492}.pricing-plan-title.pricing-business{color:#61dafb}.pricing-plan-title.pricing-enterprise{color:#ff6b6b}.pricing-desc{color:#ffffffb3;font-size:1.05rem;margin-bottom:18px;height:24px;display:flex;align-items:center}.pricing-price-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:16px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1);min-height:80px;justify-content:center}.pricing-price-row .pricing-price-line{display:flex;align-items:baseline;gap:6px}.pricing-price-big{font-family:Georgia,serif;font-size:3rem;font-weight:700;color:#00d492;line-height:1;transition:transform .4s cubic-bezier(.4,0,.2,1),text-shadow .4s ease}.pricing-enterprise .pricing-price-big{font-size:2.2rem}.pricing-price-unit{font-size:.95rem;color:#fff9;font-weight:500;line-height:1;margin-top:-4px}.pricing-price-from{font-size:.9rem;color:#ffffffb3;font-weight:400;line-height:1;align-self:baseline}.pricing-host-row{display:flex;align-items:center;gap:8px;font-size:.95rem;color:#fffc;font-weight:500;padding:8px 12px;background:#00d4921a;border-radius:8px;border-left:3px solid #00d492}.pricing-host-row svg{color:#00d492;font-size:1.1em}.pricing-features-title{font-weight:600;margin:18px 0 8px;color:#fff;height:24px;display:flex;align-items:center}.pricing-features-list{list-style:none;margin:0 0 18px;padding:0;width:100%;font-size:1rem;min-height:200px;display:flex;flex-direction:column}.pricing-features-list li{display:flex;align-items:center;gap:8px;color:#ffffffe6;margin-bottom:8px;font-weight:500;height:32px}.pricing-features-list li svg{color:#00d492;font-size:1.1em;flex-shrink:0}.pricing-card .btn{margin-top:auto;width:100%;font-size:1.08rem;padding:12px 0;border-radius:8px;background:linear-gradient(135deg,#00d492,#00b377);color:#000;font-weight:600;box-shadow:0 2px 8px #00d49233;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-block;text-align:center;cursor:pointer;position:relative;overflow:hidden}.pricing-card .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.pricing-card .btn:hover{background:linear-gradient(135deg,#00b377,#096);box-shadow:0 8px 24px #00d49266,0 0 20px #00d4924d;transform:translateY(-2px) scale(1.02)}.pricing-card .btn:hover:before{left:100%}.pricing-card .btn:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #00d4924d}.pricing-compare{max-width:var(--container-max-width);margin:60px auto 0;padding:0 2rem 2rem}@media(max-width:768px){.pricing-compare{margin:50px auto 0;padding:0 1rem}.pricing-compare .compare-title{font-size:1.8rem;margin-bottom:30px}.pricing-compare .compare-table-container{overflow-x:auto;border-radius:12px;margin-bottom:30px}.pricing-compare .compare-table{min-width:600px;font-size:.85rem}.pricing-compare .compare-table th{padding:12px 8px;font-size:.9rem}.pricing-compare .compare-table td{padding:10px 8px;font-size:.8rem}.pricing-compare .compare-table th:first-child,.pricing-compare .compare-table td:first-child{min-width:180px;padding-left:12px}.pricing-compare .compare-buttons{grid-template-columns:1fr;gap:16px;margin-top:30px}.pricing-compare .btn-outline{padding:12px 24px;font-size:.95rem}}@media(max-width:480px){.pricing-compare{padding:0 .5rem}.pricing-compare .compare-title{font-size:1.5rem;margin-bottom:25px}.pricing-compare .compare-table-container{border-radius:8px}.pricing-compare .compare-table{min-width:550px}.pricing-compare .compare-table th{padding:10px 6px;font-size:.85rem}.pricing-compare .compare-table td{padding:8px 6px;font-size:.75rem;line-height:1.3}.pricing-compare .compare-table th:first-child,.pricing-compare .compare-table td:first-child{min-width:160px;padding-left:10px;font-size:.8rem}.pricing-compare .btn-outline{padding:10px 20px;font-size:.9rem}}.compare-title{font-family:Georgia,serif;font-size:2.2rem;font-weight:700;text-align:center;margin-bottom:40px;color:#fff}.compare-table-container{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 4px 24px #0000004d;overflow:hidden;margin-bottom:30px}.compare-table{width:100%;border-collapse:collapse}.compare-table th{background:#ffffff1a;padding:16px 12px;font-weight:700;color:#fff;font-size:1.1rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.compare-table th:first-child{text-align:left;background:#ffffff0d}.compare-table td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.1);text-align:center;font-size:.95rem;color:#ffffffe6}.compare-table td:first-child{text-align:left;font-weight:600;color:#fffc;background:#ffffff0d}.compare-table tr:nth-child(2n) td:not(:first-child){background:#ffffff08}.compare-table tr:last-child td{border-bottom:none}.compare-table svg{color:#00d492;font-size:1.2em}.compare-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:600px;margin:0 auto}.btn-outline{background:transparent;border:2px solid #00d492;color:#00d492;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.btn-outline:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#00d492;transition:width .4s ease,height .4s ease,top .4s ease,left .4s ease;transform:translate(-50%,-50%);z-index:-1}.btn-outline:hover{color:#000;border-color:#00d492;box-shadow:0 4px 16px #00d4924d,0 0 12px #00d49233;transform:translateY(-2px)}.btn-outline:hover:before{width:120%;height:300%}.btn-outline:active{transform:translateY(0) scale(.98)}.btn-primary{cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #00d49266,0 0 20px #00d4924d}.btn-primary:hover:after{width:300px;height:300px}.btn-primary:active{transform:translateY(0) scale(.98)}.pricing-embedded-section{min-height:100vh;background:#243b55;padding-bottom:4rem}.pricing-embedded-header{text-align:center;margin-bottom:60px;padding-top:180px}.pricing-embedded-title{font-family:Georgia,serif;font-size:3.5rem;font-weight:700;margin-bottom:16px;color:#fff;line-height:1.1}.pricing-embedded-subtitle{font-size:1.5rem;color:#fffc;margin-bottom:0;font-weight:400}.pricing-embedded-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:0 auto 40px;max-width:1400px;padding:0}@media(max-width:1200px){.pricing-embedded-grid{grid-template-columns:1fr;max-width:500px;gap:30px;padding:0}}@media(max-width:640px){.pricing-embedded-grid{gap:24px;padding:0}.pricing-embedded-grid .pricing-embedded-card{padding:28px 24px}.pricing-embedded-grid .pricing-embedded-plan-header{margin-bottom:24px}.pricing-embedded-grid .pricing-embedded-price-section{margin-bottom:24px;padding-bottom:24px}.pricing-embedded-grid .pricing-embedded-features{margin-bottom:24px}}.pricing-embedded-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 4px 24px #0000004d;padding:40px 32px;display:flex;flex-direction:column;transition:all .3s ease}.pricing-embedded-card.pricing-embedded-highlight{border:2px solid #00d492;box-shadow:0 8px 40px #00d49233;transform:translateY(-8px)}.pricing-embedded-plan-header{margin-bottom:32px}.pricing-embedded-plan-title{font-size:1.75rem;font-weight:700;color:#00d492;margin-bottom:8px}.pricing-embedded-plan-desc{font-size:1.1rem;color:#ffffffb3;margin:0}.pricing-embedded-price-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.1)}.pricing-embedded-price-big{font-family:Georgia,serif;font-size:3rem;font-weight:700;color:#fff;margin-bottom:8px}.pricing-embedded-price-period{font-size:1rem;color:#fff9}.pricing-embedded-features{flex-grow:1;margin-bottom:32px}.pricing-embedded-features h4{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:20px}.pricing-embedded-features ul{list-style:none;padding:0;margin:0}.pricing-embedded-features ul li{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;font-size:.95rem;color:#ffffffe6;line-height:1.5}.pricing-embedded-features ul li svg{color:#00d492;font-size:1.1em;margin-top:2px;flex-shrink:0}.pricing-embedded-features ul li .feature-unavailable{color:#ffffff4d}.btn-embedded{padding:14px 32px;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:2px solid transparent;text-decoration:none;text-align:center;display:inline-block}.btn-embedded.btn-embedded-primary{background:#00d492;color:#000;border-color:#00d492}.btn-embedded.btn-embedded-primary:hover{background:#096;border-color:#096;transform:translateY(-2px)}.btn-embedded.btn-embedded-outline{background:transparent;color:#00d492;border-color:#00d492}.btn-embedded.btn-embedded-outline:hover{background:#00d492;color:#000;transform:translateY(-2px)}.pricing-embedded-note{text-align:center;color:#ffffff80;font-size:.9rem;margin-bottom:80px;max-width:1400px;margin-left:auto;margin-right:auto;padding:0}.pricing-embedded-compare{max-width:1400px;margin:80px auto 0;padding:0}@media(max-width:768px){.pricing-embedded-compare{margin:60px auto 0;padding:0}.pricing-embedded-compare .compare-embedded-title{font-size:2rem;margin-bottom:30px}.pricing-embedded-compare .compare-embedded-table-container{overflow-x:auto;border-radius:12px;margin-bottom:30px}.pricing-embedded-compare .compare-embedded-table{min-width:700px;font-size:.85rem}.pricing-embedded-compare .compare-embedded-table th{padding:12px 8px;font-size:.9rem}.pricing-embedded-compare .compare-embedded-table td{padding:10px 8px;font-size:.8rem}.pricing-embedded-compare .compare-embedded-table th:first-child,.pricing-embedded-compare .compare-embedded-table td:first-child{min-width:200px;padding-left:12px}.pricing-embedded-compare .compare-embedded-buttons{grid-template-columns:1fr;gap:16px;margin-top:30px}.pricing-embedded-compare .btn-embedded{padding:12px 24px;font-size:.95rem}}@media(max-width:480px){.pricing-embedded-compare{padding:0 .5rem}.pricing-embedded-compare .compare-embedded-title{font-size:1.75rem}.pricing-embedded-compare .compare-embedded-table-container{border-radius:8px}.pricing-embedded-compare .compare-embedded-table{min-width:600px}.pricing-embedded-compare .compare-embedded-table th{padding:10px 6px;font-size:.85rem}.pricing-embedded-compare .compare-embedded-table td{padding:8px 6px;font-size:.75rem;line-height:1.3}.pricing-embedded-compare .compare-embedded-table th:first-child,.pricing-embedded-compare .compare-embedded-table td:first-child{min-width:180px;padding-left:10px;font-size:.8rem}.pricing-embedded-compare .btn-embedded{padding:10px 20px;font-size:.9rem}}.compare-embedded-title{font-family:Georgia,serif;font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:50px;color:#fff}.compare-embedded-table-container{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 4px 24px #0000004d;overflow:hidden;margin-bottom:40px}.compare-embedded-table{width:100%;border-collapse:collapse}.compare-embedded-table th{background:#ffffff1a;padding:20px 16px;font-weight:700;color:#fff;font-size:1.1rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.compare-embedded-table th:first-child{text-align:left;background:#ffffff0d;width:40%}.compare-embedded-table td{padding:16px;border-bottom:1px solid rgba(255,255,255,.05);text-align:center;font-size:.9rem;color:#ffffffe6}.compare-embedded-table td:first-child{text-align:left;font-weight:600;color:#fffc;background:#ffffff05}.compare-embedded-table tr:nth-child(2n) td:not(:first-child){background:#ffffff05}.compare-embedded-table tr:last-child td{border-bottom:none}.compare-embedded-table svg{color:#00d492;font-size:1.2em}.compare-embedded-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:800px;margin:0 auto}.pricing-embedded-alternative{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:60px 40px;text-align:center;margin:80px auto;max-width:800px}.pricing-embedded-alternative h2{font-family:Georgia,serif;font-size:2rem;color:#fff;margin-bottom:16px}.pricing-embedded-alternative p{font-size:1.1rem;color:#ffffffb3;margin-bottom:32px;line-height:1.6}.pricing-embedded-faq{max-width:var(--container-max-width);margin:80px auto 0;padding:0 2rem}.pricing-embedded-faq h2{font-family:Georgia,serif;font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:50px;color:#fff}.pricing-embedded-faq .faq-embedded-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px}.pricing-embedded-faq .faq-embedded-grid .faq-embedded-item{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;transition:all .3s ease}.pricing-embedded-faq .faq-embedded-grid .faq-embedded-item:hover{background:#ffffff14;transform:translateY(-4px)}.pricing-embedded-faq .faq-embedded-grid .faq-embedded-item h4{font-size:1.2rem;font-weight:600;color:#00d492;margin-bottom:16px;line-height:1.3}.pricing-embedded-faq .faq-embedded-grid .faq-embedded-item p{font-size:1rem;color:#fffc;line-height:1.6;margin:0}@media(max-width:640px){.pricing-embedded-alternative{margin:60px auto;padding:40px 24px}.pricing-embedded-alternative h2{font-size:1.6rem;margin-bottom:12px}.pricing-embedded-alternative p{font-size:1rem;margin-bottom:24px}}@media(max-width:768px){.pricing-embedded-faq{margin:60px auto 0;padding:0 1rem}.pricing-embedded-faq h2{font-size:2rem;margin-bottom:30px}.pricing-embedded-faq .faq-embedded-grid{grid-template-columns:1fr;gap:24px}.pricing-embedded-faq .faq-embedded-grid .faq-embedded-item{padding:24px 20px}.pricing-embedded-faq .faq-embedded-grid .faq-embedded-item h4{font-size:1.1rem;margin-bottom:12px}}@media(max-width:480px){.pricing-embedded-faq h2{font-size:1.75rem}.faq-embedded-item{padding:20px 16px}.faq-embedded-item h4{font-size:1rem}.faq-embedded-item p{font-size:.9rem}}.footer{background:linear-gradient(135deg,#243b55f2,#1c2f44fa);border-top:1px solid rgba(0,212,146,.2);margin-top:0;padding:60px 0 20px}.footer-container{max-width:var(--container-max-width);margin:0 auto;padding:0 2rem}.footer-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;margin-bottom:40px}.footer-brand{max-width:400px}.footer-brand .logo{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:700;color:#fff;text-decoration:none;margin-bottom:20px;transition:transform .3s ease}.footer-brand .logo:hover{transform:scale(1.05)}.footer-brand .logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-green) 0%,#7db82f 100%);border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--primary-bg);font-weight:800;font-size:1.2rem}.footer-desc{color:#ffffffb3;line-height:1.6;margin:0;font-size:.95rem}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer-column h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 20px}.footer-column{display:flex;flex-direction:column}.footer-column a,.footer-column .footer-link-btn{color:#ffffffb3;text-decoration:none;margin-bottom:12px;font-size:.95rem;transition:color .3s ease}.footer-column .footer-link-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;text-align:left;display:block}.footer-column a:hover,.footer-column .footer-link-btn:hover{color:#00d492}.footer-company-info h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 20px}.footer-company-info .company-details{margin-bottom:20px}.footer-company-info .company-details p{margin:0 0 8px;font-size:.9rem;color:#ffffffb3;line-height:1.4}.footer-company-info .company-details p:last-child{margin-bottom:0}.footer-company-info .company-details p strong{color:#ffffffe6;font-weight:600}.footer-company-info .company-map{width:100%;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #0003}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid rgba(0,212,146,.2);flex-wrap:wrap;gap:20px}.footer-copyright{color:#ffffff80;font-size:.9rem}.footer-back-top .back-to-top-btn{background:none;border:none;color:#00d492;text-decoration:none;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all .3s ease;font-family:inherit;font-size:inherit}.footer-back-top .back-to-top-btn:hover{background:#00d4921a;transform:translateY(-2px)}@media(max-width:768px){.footer{padding:40px 0 20px}.footer-content{grid-template-columns:1fr;gap:40px}.footer-links{grid-template-columns:1fr 1fr;gap:25px}.footer-company-info{order:-1}.footer-company-info .company-map iframe{height:180px}.footer-bottom{flex-direction:column;text-align:center}}@media(max-width:480px){.footer-links{grid-template-columns:1fr;gap:20px}.footer-company-info .company-map iframe{height:160px}}[data-component=StreamPage] .meet-shell{position:absolute;top:70px;right:16px;bottom:86px;left:16px;display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch;min-height:0}[data-component=StreamPage] .meet-shell.with-chat,[data-component=StreamPage] .meet-shell.with-participants{grid-template-columns:minmax(0,1fr) 340px}[data-component=StreamPage] .stage-area{position:relative;overflow:hidden;border-radius:14px;background:radial-gradient(120% 120% at 50% 0%,rgba(11,18,32,.32),transparent 60%);height:100%;min-height:0}[data-component=StreamPage] .stage-area *{min-width:0}[data-component=StreamPage] .stage-area .local-pip{position:absolute;right:16px;bottom:16px;width:176px;height:99px;border-radius:12px;box-shadow:0 8px 24px #00000059;background:#000;object-fit:cover;pointer-events:none;z-index:5}[data-component=StreamPage] .stage-grid-stream{--gap: 12px;height:100%;width:100%;display:grid;gap:var(--gap);padding:var(--gap);grid-auto-rows:1fr;grid-template-rows:1fr;align-content:stretch;align-items:stretch;min-height:0}[data-component=StreamPage] .stage-grid-stream .tile-label{position:absolute;left:12px;top:12px;padding:4px 8px;border-radius:8px;background:#0000008c;color:#fff;font-size:12px;line-height:1.2;pointer-events:none;display:inline-flex;align-items:center;gap:6px}[data-component=StreamPage] .stage-grid-stream .fs-toggle-btn{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:10px;background-color:#00000080;display:grid;place-items:center;border:0;cursor:pointer;z-index:4;transition:transform .15s ease,background-color .2s ease;background-image:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"%3e%3cpath d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/%3e%3c/svg%3e');background-repeat:no-repeat;background-position:center;background-size:22px}[data-component=StreamPage] .stage-grid-stream .fs-toggle-btn:hover{transform:translateY(-1px)}[data-component=StreamPage] .stage-grid-stream .fs-toggle-btn.on{background-color:#111111a6}[data-component=StreamPage] .stage-grid-stream .share-tile{position:relative;border-radius:12px;overflow:hidden;min-height:0;place-items:center}[data-component=StreamPage] .stage-grid-stream .share-tile video{width:100%;height:100%;object-fit:contain;background:#000}[data-component=StreamPage] .stage-grid-stream>.tile,[data-component=StreamPage] .stage-grid-stream .me-tile{position:relative;border-radius:12px;overflow:hidden;min-height:0;place-items:center}[data-component=StreamPage] .stage-grid-stream video,[data-component=StreamPage] .stage-grid-stream canvas{width:100%;height:100%;object-fit:cover;display:block}[data-component=StreamPage] .stage-grid-stream .me-tile.active-speaker{box-shadow:0 0 0 2px #50a0ff99,0 8px 22px #00000059}[data-component=StreamPage] .chat-panel{position:relative;background:#0b1220a6;border:1px solid rgba(255,255,255,.08);border-radius:14px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%)}[data-component=StreamPage] .chat-panel.open{display:grid}[data-component=StreamPage] .chat-panel .chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#ffffff14,#ffffff0a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-component=StreamPage] .chat-panel .chat-header .header-info .room-id{font-size:14px;font-weight:600;color:#fff}[data-component=StreamPage] .chat-panel .chat-header .header-actions{display:flex;align-items:center;gap:8px}[data-component=StreamPage] .chat-panel .chat-header .header-actions .participants-icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#ffffff1a;color:#fffc;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}[data-component=StreamPage] .chat-panel .chat-header .header-actions .participants-icon-btn svg{width:16px;height:16px}[data-component=StreamPage] .chat-panel .chat-header .header-actions .participants-icon-btn .notif-badge{position:absolute;top:-4px;right:-4px;background:#dc2626;color:#fff;font-size:10px;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}[data-component=StreamPage] .chat-panel .chat-header .header-actions .participants-icon-btn:hover{background:#fff3;transform:scale(1.05)}[data-component=StreamPage] .chat-panel .chat-header .header-actions .participants-icon-btn.active{background:#3b82f64d;color:#60a5fa}[data-component=StreamPage] .chat-panel .chat-header .header-actions .chat-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#ffffff1a;color:#fffc;font-size:16px;font-weight:500;line-height:1;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}[data-component=StreamPage] .chat-panel .chat-header .header-actions .chat-close:hover{background:#dc35454d;color:#dc3545;transform:scale(1.1)}@media(max-device-width:720px){[data-component=StreamPage] .chat-panel .chat-header{padding:10px 12px}[data-component=StreamPage] .chat-panel .chat-header .header-info .room-id{font-size:13px}[data-component=StreamPage] .chat-panel .chat-header .header-actions{gap:6px}[data-component=StreamPage] .chat-panel .chat-header .header-actions .participants-icon-btn{width:28px;height:28px}[data-component=StreamPage] .chat-panel .chat-header .header-actions .participants-icon-btn svg{width:14px;height:14px}[data-component=StreamPage] .chat-panel .chat-header .header-actions .participants-icon-btn .notif-badge{font-size:9px;min-width:14px;height:14px}[data-component=StreamPage] .chat-panel .chat-header .header-actions .chat-close{width:26px;height:26px;font-size:14px}}[data-component=StreamPage] .chat-panel .chat-body{overflow:auto;padding:10px;position:relative;scroll-behavior:smooth;scrollbar-width:auto;scrollbar-color:rgba(255,255,255,.4) rgba(255,255,255,.1)}[data-component=StreamPage] .chat-panel .chat-body::-webkit-scrollbar{width:12px}[data-component=StreamPage] .chat-panel .chat-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:6px}[data-component=StreamPage] .chat-panel .chat-body::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:6px;border:2px solid transparent;background-clip:content-box;transition:all .2s ease}[data-component=StreamPage] .chat-panel .chat-body::-webkit-scrollbar-thumb:hover{background:#ffffff80;background-clip:content-box}[data-component=StreamPage] .chat-panel .chat-body::-webkit-scrollbar-thumb:active{background:#ffffffb3;background-clip:content-box}[data-component=StreamPage] .chat-panel .chat-body .chat-empty,[data-component=StreamPage] .chat-panel .chat-body .chat-loading{opacity:.6;font-size:13px;padding:8px;text-align:center}[data-component=StreamPage] .chat-panel .chat-body .chat-messages-list{display:flex;flex-direction:column;gap:12px;padding:4px}[data-component=StreamPage] .chat-panel .chat-body .chat-message{padding:8px 12px;border-radius:18px;max-width:80%;word-wrap:break-word;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:messageSlideIn .4s cubic-bezier(.4,0,.2,1)}[data-component=StreamPage] .chat-panel .chat-body .chat-message:before{content:"";position:absolute;width:0;height:0;top:12px}[data-component=StreamPage] .chat-panel .chat-body .chat-message .message-header{display:flex;align-items:center;margin-bottom:6px}[data-component=StreamPage] .chat-panel .chat-body .chat-message .message-header .message-sender{font-size:14px;font-weight:700;opacity:1;font-family:Segoe UI,Roboto,Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.3);color:#fff}[data-component=StreamPage] .chat-panel .chat-body .chat-message .message-content{font-size:14px;line-height:1.5;color:#fff;font-family:Segoe UI,Roboto,Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.2);margin-bottom:6px}[data-component=StreamPage] .chat-panel .chat-body .chat-message.pending{opacity:.6;position:relative}[data-component=StreamPage] .chat-panel .chat-body .chat-message.pending .message-content:after{content:" ⏳";opacity:.7;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:.3}}[data-component=StreamPage] .chat-panel .chat-body .chat-message .message-time{font-size:10px;color:#fff;font-weight:400;opacity:.8;text-align:right;margin-top:2px}[data-component=StreamPage] .chat-panel .chat-body .chat-message:not(.own-message){background:linear-gradient(135deg,#4fc3f71f,#29b6f614);border:1px solid rgba(79,195,247,.2);align-self:flex-start;box-shadow:0 4px 12px #4fc3f71a,0 2px 4px #0000001a}[data-component=StreamPage] .chat-panel .chat-body .chat-message:not(.own-message):before{left:-8px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid rgba(79,195,247,.12)}[data-component=StreamPage] .chat-panel .chat-body .chat-message:not(.own-message) .message-sender{color:#4fc3f7;background:linear-gradient(45deg,#4fc3f7,#29b6f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-component=StreamPage] .chat-panel .chat-body .chat-message.own-message{background:linear-gradient(135deg,#66bb6a26,#4caf501f);border:1px solid rgba(102,187,106,.25);align-self:flex-end;box-shadow:0 4px 12px #66bb6a26,0 2px 4px #0000001a}[data-component=StreamPage] .chat-panel .chat-body .chat-message.own-message:before{right:-8px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid rgba(102,187,106,.15)}[data-component=StreamPage] .chat-panel .chat-body .chat-message.own-message .message-sender{color:#66bb6a;background:linear-gradient(45deg,#66bb6a,#4caf50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-component=StreamPage] .chat-panel .chat-body .chat-message:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #4fc3f733,0 4px 8px #00000026}[data-component=StreamPage] .chat-panel .chat-body .chat-message:hover.own-message{box-shadow:0 8px 25px #66bb6a40,0 4px 8px #00000026}[data-component=StreamPage] .chat-panel .chat-body .chat-message:hover .message-time{opacity:1;transform:scale(1.05)}[data-component=StreamPage] .chat-panel .chat-body .chat-message:active{transform:translateY(0) scale(.98)}@media(max-width:480px){[data-component=StreamPage] .chat-panel .chat-body .chat-message{max-width:90%;padding:7px 10px}[data-component=StreamPage] .chat-panel .chat-body .chat-message .message-header .message-sender{font-size:11px}[data-component=StreamPage] .chat-panel .chat-body .chat-message .message-content{font-size:13px}[data-component=StreamPage] .chat-panel .chat-body .chat-message .message-time{font-size:9px}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}[data-component=StreamPage] .chat-panel .chat-footer{border-top:1px solid rgba(255,255,255,.06);padding:8px;position:relative;overflow:visible}[data-component=StreamPage] .chat-panel .chat-footer>*{width:100%}[data-component=StreamPage] .participants-panel{position:relative;background:#0b1220a6;border:1px solid rgba(255,255,255,.08);border-radius:14px;display:none;grid-template-rows:auto 1fr auto;overflow:hidden;-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%);width:340px;max-width:90vw;color:#fff}[data-component=StreamPage] .participants-panel.open{display:grid}[data-component=StreamPage] .participants-panel .chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);color:#fffffff2;font-weight:600;font-size:16px}[data-component=StreamPage] .participants-panel .chat-header .chat-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.15);background:#374151cc;color:#ffffffb3;font-size:16px;line-height:1;width:32px;height:32px;border-radius:6px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}[data-component=StreamPage] .participants-panel .chat-header .chat-close:hover{background:#4b5563cc;color:#ffffffe6}[data-component=StreamPage] .participants-panel .chat-body{overflow:auto;padding:10px;position:relative;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}[data-component=StreamPage] .participants-panel .chat-body::-webkit-scrollbar{width:6px}[data-component=StreamPage] .participants-panel .chat-body::-webkit-scrollbar-track{background:transparent}[data-component=StreamPage] .participants-panel .chat-body::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px;transition:background .2s ease}[data-component=StreamPage] .participants-panel .chat-body::-webkit-scrollbar-thumb:hover{background:#ffffff80}[data-component=StreamPage] .participants-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}[data-component=StreamPage] .participants-panel-list li{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;background:#ffffff0a}[data-component=StreamPage] .participants-panel-list li .avatar{flex:0 0 44px;height:44px;width:44px;border-radius:999px;background:#ffffff26;color:#fff;display:grid;place-items:center;font-weight:600;letter-spacing:.5px}[data-component=StreamPage] .participants-panel-list li .meta{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}[data-component=StreamPage] .participants-panel-list li .meta .name{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#fff;line-height:1.2;max-width:100%}[data-component=StreamPage] .participants-panel-list li .meta .name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-component=StreamPage] .participants-panel-list li .meta .status{display:inline-flex;align-items:center;gap:6px;margin-top:2px}[data-component=StreamPage] .participants-panel-list li .meta .status .dot{height:10px;width:10px;border-radius:999px;background:#9ca3af}[data-component=StreamPage] .participants-panel-list li .meta .status .dot.online{background:#10b981}[data-component=StreamPage] .participants-panel-list li .meta .status .label{font-size:13px;color:#ffffffb3}[data-component=StreamPage] .participants-panel-list li:hover{background:#ffffff14}[data-component=StreamPage] .corner-actions{position:fixed;right:16px;bottom:16px;z-index:1001;display:flex;flex-direction:column;gap:10px}[data-component=StreamPage] .corner-actions .ctrl-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.06);background:#11182799;cursor:pointer;position:relative;transition:all .2s ease}[data-component=StreamPage] .corner-actions .ctrl-btn:hover{background:#1f2937bf;transform:translateY(-1px);box-shadow:0 6px 14px #00000059}[data-component=StreamPage] .corner-actions .ctrl-btn:after{content:"";display:block;width:22px;height:22px;margin:10px auto;background:#e5e7eb;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}[data-component=StreamPage] .corner-actions .ctrl-btn.on{background:#10b98129;border-color:#34d39973}[data-component=StreamPage] .corner-actions .ctrl-btn.on:after{background:#6ee7b7}[data-component=StreamPage] .corner-actions .ctrl-btn .notif-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;pointer-events:none}[data-component=StreamPage] .corner-actions .chat-toggle:after{-webkit-mask-image:url(/images/chat-line-svgrepo-com.svg);mask-image:url(/images/chat-line-svgrepo-com.svg)}[data-component=StreamPage] .corner-actions .participants-toggle:after{-webkit-mask-image:url(/images/group-svgrepo-com.svg);mask-image:url(/images/group-svgrepo-com.svg)}[data-component=StreamPage] .meet-shell:not(.with-chat) .chat-panel{display:none}[data-component=StreamPage] .meet-shell:not(.with-participants) .participants-panel{display:none}@media(max-device-width:720px){[data-component=StreamPage] .meet-shell,[data-component=StreamPage] .meet-shell.with-chat,[data-component=StreamPage] .meet-shell.with-participants{grid-template-columns:1fr}[data-component=StreamPage] .chat-panel{position:fixed;right:10px;left:auto;top:66px;bottom:82px;width:min(92vw,360px);max-width:calc(100vw - 20px);z-index:140;transition:transform .22s ease,opacity .22s ease,visibility .22s ease}[data-component=StreamPage] .chat-panel.open{transform:translate(0);opacity:1;visibility:visible;display:grid}[data-component=StreamPage] .chat-panel:not(.open){transform:translate(calc(100% + 12px));opacity:0;visibility:hidden;display:grid}[data-component=StreamPage] .participants-panel{position:fixed;right:10px;left:auto;top:66px;bottom:82px;width:min(92vw,360px);max-width:calc(100vw - 20px);z-index:140;transition:transform .22s ease,opacity .22s ease,visibility .22s ease}[data-component=StreamPage] .participants-panel.open{transform:translate(0);opacity:1;visibility:visible;display:grid}[data-component=StreamPage] .participants-panel:not(.open){transform:translate(calc(100% + 12px));opacity:0;visibility:hidden;display:grid}[data-component=StreamPage] .meet-shell:not(.with-chat) .chat-panel{display:grid}[data-component=StreamPage] .meet-shell:not(.with-participants) .participants-panel{display:grid}}@media(max-width:1024px)and (min-width:721px){[data-component=StreamPage] .meet-shell,[data-component=StreamPage] .meet-shell.with-chat,[data-component=StreamPage] .meet-shell.with-participants{grid-template-columns:1fr}[data-component=StreamPage] .chat-panel{position:fixed;right:16px;top:72px;bottom:88px;width:380px;max-width:calc(100vw - 32px);z-index:140;transition:transform .22s ease,opacity .22s ease,visibility .22s ease}[data-component=StreamPage] .chat-panel.open{transform:translate(0);opacity:1;visibility:visible;display:grid}[data-component=StreamPage] .chat-panel:not(.open){transform:translate(calc(100% + 12px));opacity:0;visibility:hidden;display:grid}[data-component=StreamPage] .participants-panel{position:fixed;right:16px;top:72px;bottom:88px;width:380px;max-width:calc(100vw - 32px);z-index:140;transition:transform .22s ease,opacity .22s ease,visibility .22s ease}[data-component=StreamPage] .participants-panel.open{transform:translate(0);opacity:1;visibility:visible;display:grid}[data-component=StreamPage] .participants-panel:not(.open){transform:translate(calc(100% + 12px));opacity:0;visibility:hidden;display:grid}[data-component=StreamPage] .meet-shell:not(.with-chat) .chat-panel{display:grid}[data-component=StreamPage] .meet-shell:not(.with-participants) .participants-panel{display:grid}}[data-component=StreamPage] .bottom-navbar{position:fixed;left:0;right:0;bottom:16px;z-index:120;display:flex;justify-content:center;transition:transform .3s ease,opacity .3s ease,visibility .3s ease}[data-component=StreamPage] .bottom-navbar.mobile-chat-active{transform:translateY(100%);opacity:0;visibility:hidden}[data-component=StreamPage] .bottom-navbar .bar{display:flex;gap:12px;align-items:center;padding:8px 12px;background:#0b12208c;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 12px 28px #00000059;-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%)}@keyframes btn-ripple{0%{transform:scale(0);opacity:.35}60%{opacity:.2}to{transform:scale(5);opacity:0}}[data-component=StreamPage] .bottom-navbar .ctrl-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;display:flex;align-items:center;width:42px;height:42px;border-radius:50%;cursor:pointer;position:relative;overflow:hidden;will-change:transform;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease;background:#111827d9;border:1px solid rgba(255,255,255,.16)}[data-component=StreamPage] .bottom-navbar .ctrl-btn:hover{background:#0b1324f2;transform:translateY(-1px);box-shadow:0 8px 20px #00000080}[data-component=StreamPage] .bottom-navbar .ctrl-btn.disabled{opacity:.5;pointer-events:none}[data-component=StreamPage] .bottom-navbar .ctrl-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:10%;height:10%;border-radius:50%;background:#ffffff47;transform:scale(0);opacity:0;z-index:0;pointer-events:none}[data-component=StreamPage] .bottom-navbar .ctrl-btn:after{content:"";display:block;width:22px;height:22px;margin:10px auto;background:#e5e7eb;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;position:relative;z-index:1}[data-component=StreamPage] .bottom-navbar .ctrl-btn.on{background:#10b98152;border-color:#34d399bf}[data-component=StreamPage] .bottom-navbar .ctrl-btn.on:after{background:#34d399}[data-component=StreamPage] .bottom-navbar .ctrl-btn:active{transform:translateY(0) scale(.94);box-shadow:0 4px 14px #00000073}[data-component=StreamPage] .bottom-navbar .ctrl-btn:active:before{opacity:1;animation:btn-ripple .45s ease-out}[data-component=StreamPage] .bottom-navbar .ctrl-btn.on:active:before{background:#34d39966}[data-component=StreamPage] .bottom-navbar .ctrl-btn.hangup{background:#d42241;border-color:#ff94a4e6;display:flow-root;transition:all .25s ease}[data-component=StreamPage] .bottom-navbar .ctrl-btn.hangup:hover{background:#b91c1c;border-color:#ff94a4;transform:scale(1.05)}[data-component=StreamPage] .bottom-navbar .ctrl-btn.hangup:active{transform:scale(.92)}[data-component=StreamPage] .bottom-navbar .ctrl-btn.hangup:after{-webkit-mask-image:url(/images/noun-phone-disable-4191389.svg);mask-image:url(/images/noun-phone-disable-4191389.svg);background:#fff}[data-component=StreamPage] .bottom-navbar .ctrl-btn.hide-videos{background:#d42241d9;border-color:#ff94a4cc}[data-component=StreamPage] .bottom-navbar .ctrl-btn.hide-videos:after{-webkit-mask-image:url(/images/icon_video_black_off.svg);mask-image:url(/images/icon_video_black_off.svg);background:#fff}[data-component=StreamPage] .bottom-navbar .ctrl-btn.hide-videos.on{background:#10b98152;border-color:#34d399bf}[data-component=StreamPage] .bottom-navbar .ctrl-btn.hide-videos.on:after{-webkit-mask-image:url(/images/icon_video_white_on.svg);mask-image:url(/images/icon_video_white_on.svg);background:#34d399}[data-component=StreamPage] .bottom-navbar .ctrl-btn.hide-videos:not(.on):active:before{background:#ff94a473}[data-component=StreamPage] .bottom-navbar .ctrl-btn.change-webcam{background:#111827d9;border:1px solid rgba(255,255,255,.16);cursor:pointer}[data-component=StreamPage] .bottom-navbar .ctrl-btn.change-webcam:after{-webkit-mask-image:url(/images/icon_change_webcam_black.svg);mask-image:url(/images/icon_change_webcam_black.svg);background:#fff}[data-component=StreamPage] .bottom-navbar .ctrl-btn.change-webcam.on{background:#10b98152;border-color:#34d399bf}[data-component=StreamPage] .bottom-navbar .ctrl-btn.change-webcam.on:after{-webkit-mask-image:url(/images/icon_change_webcam_black.svg);mask-image:url(/images/icon_change_webcam_black.svg);background:#34d399}[data-component=StreamPage] .bottom-navbar .ctrl-btn.mute-audio{background:#10b98152;border-color:#34d399bf}[data-component=StreamPage] .bottom-navbar .ctrl-btn.mute-audio:after{-webkit-mask-image:url(/images/icon_mic_black_on.svg);mask-image:url(/images/icon_mic_black_on.svg);background:#34d399}[data-component=StreamPage] .bottom-navbar .ctrl-btn.mute-audio.on{background:#d42241d9;border-color:#ff94a4cc}[data-component=StreamPage] .bottom-navbar .ctrl-btn.mute-audio.on:after{-webkit-mask-image:url(/images/icon_remote_mic_white_off.svg);mask-image:url(/images/icon_remote_mic_white_off.svg);background:#fff}[data-component=StreamPage] .bottom-navbar .ctrl-btn.mute-audio.on:active:before{background:#ff94a473}[data-component=StreamPage] .bottom-navbar .ctrl-btn.share:after{-webkit-mask-image:url(/images/icon_share_black_on.svg);mask-image:url(/images/icon_share_black_on.svg)}@media(prefers-reduced-motion:reduce){[data-component=StreamPage] .bottom-navbar .ctrl-btn{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}[data-component=StreamPage] .bottom-navbar .ctrl-btn:active{transform:none}[data-component=StreamPage] .bottom-navbar .ctrl-btn:before,[data-component=StreamPage] .bottom-navbar .ctrl-btn:active:before{animation:none!important}}@media(max-device-width:720px){[data-component=StreamPage] .bottom-navbar .bar{gap:8px;padding:6px 8px}[data-component=StreamPage] .bottom-navbar .ctrl-btn{width:38px;height:38px}[data-component=StreamPage] .bottom-navbar .ctrl-btn:after{width:20px;height:20px;margin:9px auto}}[data-component=StreamPage] .mobile-chat-overlay{position:absolute;top:65%;left:16px;right:16px;margin-top:40px;transform:translateY(-50%);pointer-events:none;z-index:10}[data-component=StreamPage] .mobile-chat-messages{display:flex;flex-direction:column;gap:8px;align-items:flex-start}[data-component=StreamPage] .mobile-chat-message{background:transparent;border-radius:12px;padding:8px 12px;max-width:280px;animation:slideInLeft .3s ease}[data-component=StreamPage] .mobile-chat-message .username{color:#60a5fa;font-weight:600;font-size:14px;margin-right:6px}[data-component=StreamPage] .mobile-chat-message .text{color:#fff;font-size:14px;line-height:1.4}[data-component=StreamPage] .mobile-chat-input-container{position:fixed;left:0;right:0;bottom:16px;z-index:125;pointer-events:auto;display:flex;justify-content:center}[data-component=StreamPage] .mobile-chat-form{display:flex;align-items:center;gap:8px;padding:8px;border-radius:12px;transition:all .3s ease;max-width:600px;margin:0 16px}[data-component=StreamPage] .mobile-chat-form:focus-within{border-color:#4fc3f766;box-shadow:0 0 0 2px #4fc3f71a}[data-component=StreamPage] .mobile-textarea-container{position:relative;flex:1;display:flex;align-items:center}[data-component=StreamPage] .mobile-chat-input{flex:1;min-height:40px;padding:8px 45px 8px 10px;background:#ffffff0d;color:#fff;font-family:Segoe UI,Roboto,Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.4;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .2s ease;outline:none}[data-component=StreamPage] .mobile-chat-input::placeholder{color:#ffffff80}[data-component=StreamPage] .mobile-chat-input:focus{outline:none;background:#ffffff14;border-color:#4fc3f74d;box-shadow:0 0 0 1px #4fc3f71a}[data-component=StreamPage] .mobile-emoji-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#fff;display:flex;align-items:center;justify-content:center;z-index:2}[data-component=StreamPage] .mobile-emoji-btn svg{color:#fff;opacity:.7;transition:opacity .2s ease,transform .2s ease}[data-component=StreamPage] .mobile-emoji-btn:hover:not(:disabled){background:#ffffff14;transform:translateY(-50%)}[data-component=StreamPage] .mobile-emoji-btn:hover:not(:disabled) svg{opacity:1;transform:scale(1.1)}[data-component=StreamPage] .mobile-emoji-btn:active:not(:disabled){background:#4fc3f726;transform:translateY(-50%)}[data-component=StreamPage] .mobile-emoji-btn:active:not(:disabled) svg{opacity:1;color:#4fc3f7}[data-component=StreamPage] .mobile-emoji-btn:disabled{opacity:.4;cursor:not-allowed}[data-component=StreamPage] .mobile-chat-send{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#4fc3f726;border:1px solid rgba(79,195,247,.2);border-radius:10px;color:#4fc3f799;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:600}[data-component=StreamPage] .mobile-chat-send:hover:not(:disabled){background:#4fc3f740;border-color:#4fc3f766;color:#4fc3f7e6;transform:scale(1.05)}[data-component=StreamPage] .mobile-chat-send:active:not(:disabled){background:#4fc3f74d;transform:scale(.95)}[data-component=StreamPage] .mobile-chat-send:disabled{opacity:.4;cursor:not-allowed}[data-component=StreamPage] .mobile-chat-overlay{position:absolute;right:16px;bottom:125px;width:min(320px,100vw - 32px);height:120px;z-index:6;pointer-events:none;overflow:hidden;max-width:calc(100% - 32px)}@media(max-device-width:720px){[data-component=StreamPage] .mobile-chat-overlay{right:8px;bottom:120px;width:min(280px,100vw - 16px);height:105px;max-width:calc(100% - 16px)}}[data-component=StreamPage] .mobile-chat-messages{display:flex;flex-direction:column;gap:6px;align-items:flex-start;height:100%;justify-content:flex-end;transition:transform .4s cubic-bezier(.4,0,.2,1)}[data-component=StreamPage] .mobile-chat-messages .mobile-chat-message{background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:8px 12px;max-width:calc(100% - 16px);width:fit-content;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;animation:slideInUp .5s cubic-bezier(.4,0,.2,1);font-size:13px;line-height:1.4;box-shadow:0 2px 8px #0000004d;border:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;align-items:baseline}[data-component=StreamPage] .mobile-chat-messages .mobile-chat-message .username{color:#60a5fa;font-weight:600;margin-right:6px;font-size:13px;flex-shrink:0;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-component=StreamPage] .mobile-chat-messages .mobile-chat-message .text{color:#fff;font-size:13px;flex:1;min-width:0;word-break:break-word;overflow-wrap:break-word}@media(max-device-width:720px){[data-component=StreamPage] .mobile-chat-messages .mobile-chat-message{padding:6px 10px;font-size:12px;border-radius:12px;max-width:calc(100% - 8px)}[data-component=StreamPage] .mobile-chat-messages .mobile-chat-message .username{font-size:12px;margin-right:5px;max-width:100px}[data-component=StreamPage] .mobile-chat-messages .mobile-chat-message .text{font-size:12px}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.signin-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#fff;font-family:Roboto,Arial,sans-serif;padding:20px}.signin-container{width:100%;max-width:400px;display:flex;flex-direction:column;gap:24px}.back-to-home-link{display:inline-flex;align-items:center;gap:8px;color:#3b82f6;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;padding:8px 0;width:fit-content}.back-to-home-link:hover{color:#2563eb;transform:translate(-4px)}.back-to-home-link svg{width:18px;height:18px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;border:1px solid #fecaca;font-size:14px;text-align:center;margin-bottom:8px}.signin-title{font-size:2.5rem;font-weight:700;color:#1a1a1a;text-align:center;margin:0 0 8px;line-height:1.2}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:20px;text-align:center;font-weight:500}.signin-form{display:flex;flex-direction:column;gap:16px}.input-group{display:flex;flex-direction:column}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;width:20px;height:20px;color:#6b7280;z-index:1}.signin-input{width:100%;height:56px;padding:0 16px 0 48px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;font-weight:400;color:#1a1a1a;background:#f9fafb;transition:all .2s ease;box-sizing:border-box}.signin-input::placeholder{color:#9ca3af}.signin-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.signin-input:hover{border-color:#d1d5db;background:#fff}.signin-button{display:flex;align-items:center;justify-content:center;gap:12px;height:56px;padding:0 20px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;box-sizing:border-box}.signin-button .button-icon{width:20px;height:20px;flex-shrink:0}.signin-button .button-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.signin-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.signin-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.signin-button:active{transform:translateY(0)}.email-button{background:#3b82f6;color:#fff}.email-button:hover{background:#2563eb}.email-button .button-icon{color:#fff}.social-buttons{display:flex;flex-direction:column;gap:16px;margin-top:8px}.microsoft-button{background:#000;color:#fff}.microsoft-button:hover{background:#1a1a1a}.microsoft-button .microsoft-icon{color:#fff}.apple-login-wrapper{width:100%;margin-bottom:0;position:relative}.apple-login-wrapper .apple-login-button{width:100%;height:56px;border-radius:12px;border:1px solid #d1d5db;background:#fff;color:#000;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s ease;cursor:pointer;box-shadow:0 1px 3px #0000001a;margin:0;padding:0 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;z-index:1;text-decoration:none;outline:none}.apple-login-wrapper .apple-login-button:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.apple-login-wrapper .apple-login-button:active{transform:translateY(0);background:#f3f4f6;box-shadow:0 1px 2px #0000001a}.apple-login-wrapper .apple-login-button:focus{outline:2px solid #007aff;outline-offset:2px}.apple-login-wrapper .apple-login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.apple-login-wrapper .apple-login-button .apple-icon{width:20px;height:20px;fill:#000;flex-shrink:0}.apple-login-wrapper .apple-login-button span{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:500;color:#000}.google-login-wrapper{width:100%;margin-top:0}.google-login-wrapper div[role=button]{width:100%!important;height:56px!important;border-radius:12px!important;border:1px solid #e5e7eb!important;background:#fff!important;color:#374151!important;font-size:16px!important;font-weight:500!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;transition:all .2s ease!important;cursor:pointer!important;box-shadow:none!important;margin:0!important;padding:0 16px!important;position:relative!important;z-index:1!important}.google-login-wrapper div[role=button]:hover{background:#f9fafb!important;border-color:#d1d5db!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0000001a!important}.google-login-wrapper div[role=button]:active{transform:translateY(0)!important;background:#f3f4f6!important}.google-login-wrapper div[role=button] div[data-testid=google-icon]{width:20px!important;height:20px!important;margin-right:8px!important}.google-login-wrapper div[role=button] span{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:16px!important;font-weight:500!important;color:#374151!important}.google-login-wrapper div[role=button] *{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.google-login-wrapper iframe{border:none!important;border-radius:12px!important}.signin-links{display:flex;flex-direction:column;gap:8px;text-align:center;margin-top:24px;clear:both}.signin-link-text{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.signin-link{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s ease}.signin-link:hover{color:#2563eb;text-decoration:underline}@media(max-width:480px){.signin-page{padding:16px}.signin-container{max-width:100%}.signin-title{font-size:2rem}.signin-input,.signin-button{height:52px;font-size:15px}}.signin-button:focus,.signin-input:focus{outline:2px solid #3b82f6;outline-offset:2px}@media(prefers-contrast:high){.signin-input{border-color:#000}.signin-button{border:2px solid #000000}}.google-login-wrapper{position:relative;z-index:1;display:block;width:100%}.google-login-wrapper iframe{width:100%!important;height:56px!important;border:none!important;border-radius:12px!important;overflow:hidden!important}.google-login-wrapper div[role=button]{color:#374151!important;position:relative;z-index:2;padding:0 20px!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.not-found-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:80px 24px;background:#243b55;color:#fff;text-align:center;font-family:Arial,sans-serif;position:relative;overflow:hidden}.not-found-page .not-found-container{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:600px;z-index:2;position:relative}.not-found-page .error-number{font-size:8rem;font-weight:900;color:#00d492;line-height:1;text-shadow:0 0 30px rgba(0,212,146,.3);margin-bottom:16px;animation:glow 2s ease-in-out infinite alternate}@media(max-width:768px){.not-found-page .error-number{font-size:6rem}}@media(max-width:480px){.not-found-page .error-number{font-size:4rem}}.not-found-page .error-message-notfound{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:16px}@media(max-width:768px){.not-found-page .error-message-notfound{font-size:2rem}}@media(max-width:480px){.not-found-page .error-message-notfound{font-size:1.5rem}}.not-found-page .error-description{font-size:1.2rem;color:#cbd5e1;max-width:500px;line-height:1.6;margin-bottom:40px}@media(max-width:768px){.not-found-page .error-description{font-size:1.1rem}}.not-found-page .action-buttons{display:flex;gap:16px;margin-bottom:48px;flex-wrap:wrap;justify-content:center}@media(max-width:480px){.not-found-page .action-buttons{flex-direction:column;width:100%;max-width:300px}}.not-found-page .btn-primary{display:flex;align-items:center;gap:8px;background-color:#00d492;color:#fff;border:none;height:48px;padding:0 24px;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;box-shadow:0 4px 20px #00d4924d;transition:all .3s ease}.not-found-page .btn-primary:hover{background-color:#00b87a;box-shadow:0 6px 25px #00d49266;transform:translateY(-2px)}.not-found-page .btn-primary:active{transform:translateY(0)}.not-found-page .btn-primary .btn-icon{width:20px;height:20px}.not-found-page .btn-secondary{display:flex;align-items:center;gap:8px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);height:48px;padding:0 24px;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease}.not-found-page .btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.not-found-page .btn-secondary:active{transform:translateY(0)}.not-found-page .btn-secondary .btn-icon{width:20px;height:20px}.not-found-page .help-section{background:color-mix(in srgb,#ffffff 10%,transparent);border-radius:16px;padding:24px;border:1.5px solid color-mix(in srgb,#ffffff 20%,transparent);max-width:400px;width:100%}.not-found-page .help-section .help-title{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:16px}.not-found-page .help-section .help-links{display:flex;flex-direction:column;gap:12px}.not-found-page .help-section .help-links .help-link{color:#cbd5e1;text-decoration:none;padding:8px 16px;border-radius:8px;transition:all .2s ease;font-size:.95rem}.not-found-page .help-section .help-links .help-link:hover{color:#00d492;background:#00d4921a}.not-found-page .decorative-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.not-found-page .decorative-elements .floating-shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,#00d4921a,#00d4920d);animation:float 6s ease-in-out infinite}.not-found-page .decorative-elements .floating-shape.shape-1{width:120px;height:120px;top:20%;left:10%;animation-delay:0s}.not-found-page .decorative-elements .floating-shape.shape-2{width:80px;height:80px;top:60%;right:15%;animation-delay:2s}.not-found-page .decorative-elements .floating-shape.shape-3{width:60px;height:60px;bottom:20%;left:20%;animation-delay:4s}@keyframes glow{0%{text-shadow:0 0 30px rgba(0,212,146,.3)}to{text-shadow:0 0 40px rgba(0,212,146,.6),0 0 60px rgba(0,212,146,.3)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@media(max-width:768px){.not-found-page{padding:40px 16px}}@media(max-width:480px){.not-found-page{padding:20px 12px}}.coming-soon-page{min-height:100vh;width:100vw;background:#243b55;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;margin:0;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.coming-soon-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 800px 600px at 30% 20%,rgba(0,212,146,.06) 0%,transparent 50%),radial-gradient(ellipse 600px 400px at 70% 80%,rgba(59,130,246,.04) 0%,transparent 50%);pointer-events:none;animation:gradientShift 8s ease-in-out infinite}@keyframes gradientShift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px) scale(1.02)}}.coming-soon-container{position:relative;z-index:2;width:100%;min-height:100vh;min-width:0;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(max-width:768px){.coming-soon-container{min-height:auto;justify-content:flex-start}}.coming-soon-content{background:#ffffff08;border:none;border-radius:0;padding:3rem 2rem;text-align:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:none;transition:all .3s ease;width:100%;max-width:100%;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center}@media(max-width:768px){.coming-soon-content{padding:2rem 1.5rem 3rem;justify-content:flex-start}}.coming-soon-content:hover{background:#ffffff0d}.coming-soon-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--accent-green) 0%,#009966 100%);border-radius:20px;color:#fff;box-shadow:0 6px 24px #00d4924d;animation:pulse 3s ease-in-out infinite}.coming-soon-icon svg{width:40px;height:40px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.coming-soon-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#00d492,#fff);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s linear infinite}@keyframes shine{to{background-position:200% center}}.coming-soon-description{font-size:1.1rem;color:var(--secondary-text);line-height:1.6;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.platform-cards{display:flex;flex-direction:row;gap:2rem;margin:2rem 0;justify-content:center;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.platform-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.2rem .5rem 1rem;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;min-width:160px;max-width:100vw;flex:1 1 160px;display:flex;flex-direction:column;align-items:center}.platform-card:hover{background:#ffffff14;border-color:#00d4924d;transform:translateY(-2px)}.platform-card.android-card{border-color:#34a8534d}.platform-card.android-card:hover{border-color:#34a85380;background:#34a8531a}.platform-icon{font-size:2.5rem;color:var(--accent-green);margin-bottom:.75rem}.platform-card h3{font-size:1.25rem;font-weight:600;color:var(--primary-text);margin-bottom:.75rem}.status-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;margin-bottom:1rem}.status-badge.coming-soon{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.status-badge.available{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.download-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.download-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.download-icon{width:16px;height:16px}.action-buttons{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;border:none;min-width:140px;justify-content:center}.btn.btn-primary{background:linear-gradient(135deg,var(--accent-green) 0%,#009966 100%);color:#fff;box-shadow:0 4px 15px #00d4924d}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d49266}.btn.btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:var(--primary-text)}.btn.btn-secondary:hover{background:#ffffff1a;border-color:var(--accent-green);transform:translateY(-2px)}.btn-icon{width:16px;height:16px}@media(max-width:1400px){.coming-soon-content{padding:2.5rem 1.5rem}.platform-cards{gap:1.5rem}}@media(max-width:1024px){.coming-soon-content{padding:2rem 1.5rem}.platform-cards{gap:1.2rem}}@media(max-width:768px){.platform-cards{gap:1rem}.platform-card{min-width:160px;padding:1.2rem .8rem}.coming-soon-title{font-size:2rem;margin-top:1rem}.coming-soon-icon{width:70px;height:70px;margin-bottom:1.25rem;margin-top:1rem}}@media(max-width:600px){.coming-soon-content{padding:2rem 1rem 3rem}.platform-cards{flex-direction:column;align-items:center;gap:1rem;width:100%}.platform-card{width:85%;min-width:0;max-width:85%;padding:1rem}.coming-soon-title{font-size:1.75rem;margin-bottom:1rem;margin-top:1rem}.coming-soon-description{font-size:1rem;margin-bottom:1.5rem}.coming-soon-icon{width:65px;height:65px;margin-bottom:1rem;margin-top:1rem}}@media(max-width:480px){.coming-soon-content{padding:1.5rem 1rem 2.5rem}.coming-soon-title{font-size:1.5rem;margin-bottom:.75rem;margin-top:.5rem}.coming-soon-description{font-size:.95rem;margin-bottom:1.25rem}.platform-cards{margin:1.25rem 0}.platform-card{width:90%;max-width:90%;padding:1rem .75rem}.platform-icon{font-size:2rem}.action-buttons{flex-direction:column;width:100%;gap:.75rem;margin-top:1.5rem;margin-bottom:1rem}.btn{width:90%;max-width:90%}.coming-soon-icon{width:60px;height:60px;margin-bottom:.75rem;margin-top:.5rem}.coming-soon-icon svg{width:35px;height:35px}}@media(max-width:360px){.coming-soon-content{padding:1.25rem .75rem 2rem}.coming-soon-title{font-size:1.25rem;margin-bottom:.5rem;margin-top:.25rem}.coming-soon-description{font-size:.85rem;margin-bottom:1rem}.platform-cards{margin:1rem 0}.platform-card{width:95%;max-width:95%;padding:.75rem .5rem}.platform-icon{font-size:1.75rem}.coming-soon-icon{width:55px;height:55px;margin-bottom:.5rem;margin-top:.25rem}.coming-soon-icon svg{width:30px;height:30px}.action-buttons{margin-top:1rem;margin-bottom:.75rem}}.telegram-sidebar{width:420px;height:100%;background:linear-gradient(to bottom,#1a2332,#1e2d3f,#243b55,#1e2d3f,#1a2332,#243b55);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;flex-shrink:0}.telegram-sidebar .sidebar-header{padding:10px 16px;background:transparent;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px;height:60px;flex-shrink:0}.telegram-sidebar .sidebar-header .menu-btn{width:40px;height:40px;border:none;background:transparent;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#cbd5e1;transition:background .15s}.telegram-sidebar .sidebar-header .menu-btn:hover{background:#ffffff1a}.telegram-sidebar .sidebar-header .search-container{flex:1;position:relative;display:flex;align-items:center}.telegram-sidebar .sidebar-header .search-container .search-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none}.telegram-sidebar .sidebar-header .search-container .search-input{width:100%;padding:10px 12px 10px 40px;border:none;background:#ffffff1a;border-radius:22px;font-size:14px;color:#fff;outline:none;transition:background .15s}.telegram-sidebar .sidebar-header .search-container .search-input:focus{background:#ffffff26}.telegram-sidebar .sidebar-header .search-container .search-input::placeholder{color:#94a3b8}.telegram-sidebar .chat-list{flex:1;overflow-y:auto;background:transparent}.telegram-sidebar .chat-list::-webkit-scrollbar{width:6px}.telegram-sidebar .chat-list::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.telegram-sidebar .chat-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.telegram-sidebar .chat-list .no-chats{padding:40px 20px;text-align:center;color:#94a3b8}.telegram-sidebar .chat-list .chat-item{display:flex;align-items:center;padding:10px 16px;gap:12px;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.1)}.telegram-sidebar .chat-list .chat-item:hover{background:#ffffff0d}.telegram-sidebar .chat-list .chat-item.active{background:#ffffff1a}.telegram-sidebar .chat-list .chat-item .chat-avatar-container{position:relative;flex-shrink:0}.telegram-sidebar .chat-list .chat-item .chat-avatar-container .chat-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover}.telegram-sidebar .chat-list .chat-item .chat-avatar-container .online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#0ac630;border:2px solid #1a2332;border-radius:50%}.telegram-sidebar .chat-list .chat-item .chat-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.telegram-sidebar .chat-list .chat-item .chat-info .chat-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.telegram-sidebar .chat-list .chat-item .chat-info .chat-header-row .chat-name{font-size:15px;font-weight:500;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.telegram-sidebar .chat-list .chat-item .chat-info .chat-header-row .chat-time{font-size:13px;color:#94a3b8;flex-shrink:0}.telegram-sidebar .chat-list .chat-item .chat-info .chat-message-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.telegram-sidebar .chat-list .chat-item .chat-info .chat-message-row .chat-last-message{font-size:14px;color:#cbd5e1;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.telegram-sidebar .chat-list .chat-item .chat-info .chat-message-row .unread-badge{min-width:20px;height:20px;padding:0 6px;background:#08c;color:#fff;border-radius:10px;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;flex-shrink:0}.telegram-sidebar .chat-list .chat-item.unread .chat-name{font-weight:600}.telegram-sidebar .chat-list .chat-item.unread .chat-last-message{color:#fff;font-weight:500}.telegram-sidebar .sidebar-menu{position:absolute;top:60px;left:10px;background:#1a2332f2;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 2px 8px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 0;z-index:1000;min-width:200px}.telegram-sidebar .sidebar-menu .menu-item{color:#fff;padding:10px 20px;cursor:pointer;font-size:14px;transition:background .15s}.telegram-sidebar .sidebar-menu .menu-item:hover{background:#ffffff1a}@media(max-width:768px){.telegram-sidebar{width:100%}}.message-item{display:flex;gap:8px;max-width:70%;animation:messageSlideIn .2s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-item.message-own{margin-left:auto;flex-direction:row-reverse}.message-item.message-own .message-bubble{background:#effdde;border-radius:12px 12px 0}.message-item.message-other .message-bubble{background:#fff;box-shadow:0 1px 2px #0000001a;border-radius:12px 12px 12px 0}.message-item .message-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;align-self:flex-end}.message-item .message-content-wrapper{display:flex;flex-direction:column;gap:4px;min-width:0}.message-item .message-sender-name{font-size:13px;font-weight:500;color:#08c;padding:0 12px}.message-item .message-bubble{padding:8px 12px;position:relative}.message-item .message-bubble:has(.message-sticker){padding:4px;background:transparent!important;box-shadow:none!important}.message-item .message-bubble .message-text{font-size:15px;line-height:1.4;color:#000;word-wrap:break-word;margin-bottom:2px}.message-item .message-bubble .message-sticker{padding:0;margin:0}.message-item .message-bubble .message-sticker .sticker-video{width:150px;height:150px;object-fit:contain;display:block}.message-item .message-bubble .message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px}.message-item .message-bubble .message-meta .message-time{font-size:12px;color:#707579}.message-item .message-bubble .message-meta .message-status{display:flex;align-items:center;color:#08c}.message-item .message-bubble .message-meta .message-status svg{width:14px;height:14px}@media(max-width:768px){.message-item{max-width:85%}}.message-input-container{padding:12px 16px;background:linear-gradient(to bottom,#1a2332,#1e2d3f,#243b55,#1e2d3f,#1a2332,#243b55);border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.message-input-container .message-input-form{display:flex;align-items:flex-end;gap:8px}.message-input-container .message-input-form .input-action-btn{width:40px;height:40px;border:none;background:transparent;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#cbd5e1;transition:all .15s;flex-shrink:0}.message-input-container .message-input-form .input-action-btn:hover{background:#ffffff1a}.message-input-container .message-input-form .input-action-btn.active{background:#08c;color:#fff}.message-input-container .message-input-form .input-wrapper{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:10px 16px;transition:border-color .15s}.message-input-container .message-input-form .input-wrapper:focus-within{border-color:#ffffff4d;background:#ffffff26}.message-input-container .message-input-form .input-wrapper .message-input{width:100%;border:none;outline:none;font-size:15px;color:#fff;background:transparent;resize:none;max-height:120px}.message-input-container .message-input-form .input-wrapper .message-input::placeholder{color:#94a3b8}.message-input-container .message-input-form .send-btn{width:40px;height:40px;border:none;background:#08c;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .15s;flex-shrink:0}.message-input-container .message-input-form .send-btn:hover{background:#0077b5}.message-input-container .message-input-form .send-btn:disabled{opacity:.5;cursor:not-allowed}.sticker-picker{display:flex;flex-direction:column;height:100%}.sticker-picker .sticker-packs{display:flex;gap:8px;padding:12px;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto}.sticker-picker .sticker-packs .pack-btn{padding:8px 16px;border:none;border-radius:16px;background:#ffffff1a;color:#fff;font-size:14px;cursor:pointer;white-space:nowrap;transition:all .2s}.sticker-picker .sticker-packs .pack-btn:hover{background:#ffffff26}.sticker-picker .sticker-packs .pack-btn.active{background:#08c;color:#fff}.sticker-picker .sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;padding:12px;overflow-y:auto;flex:1}.sticker-picker .sticker-grid .sticker-item{aspect-ratio:1;border:none;background:transparent;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.sticker-picker .sticker-grid .sticker-item:hover{background:#ffffff1a;transform:scale(1.05)}.sticker-picker .sticker-grid .sticker-item .sticker-preview{width:100%;height:100%;object-fit:contain;pointer-events:none}.media-picker{width:380px;height:100%;background:linear-gradient(to bottom,#1a2332,#1e2d3f,#243b55,#1e2d3f,#1a2332,#243b55);border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;flex-shrink:0;animation:slideInRight .25s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.media-picker .media-picker-tabs{display:flex;flex-direction:row;border-bottom:1px solid rgba(255,255,255,.1);padding:8px 12px;gap:4px;flex-shrink:0}.media-picker .media-picker-tabs .tab{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .15s;color:#94a3b8}.media-picker .media-picker-tabs .tab .tab-icon{font-size:20px}.media-picker .media-picker-tabs .tab .tab-label{font-size:13px;font-weight:500}.media-picker .media-picker-tabs .tab:hover{background:#ffffff1a}.media-picker .media-picker-tabs .tab.active{background:#08c;color:#fff}.media-picker .media-picker-tabs .tab.active .tab-label{font-weight:600}.media-picker .media-picker-tabs .close-btn{width:40px;height:40px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#cbd5e1;transition:background .15s;margin-left:auto}.media-picker .media-picker-tabs .close-btn:hover{background:#ffffff1a}.media-picker .media-picker-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column}.media-picker .media-picker-content::-webkit-scrollbar{width:6px}.media-picker .media-picker-content::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.media-picker .media-picker-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.media-picker .emoji-picker .emoji-category{margin-bottom:16px}.media-picker .emoji-picker .emoji-category .category-title{font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;margin-bottom:8px;padding:0 4px}.media-picker .emoji-picker .emoji-category .emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.media-picker .emoji-picker .emoji-category .emoji-grid .emoji-item{width:100%;aspect-ratio:1;border:none;background:transparent;cursor:pointer;font-size:24px;border-radius:6px;transition:background .15s,transform .1s;display:flex;align-items:center;justify-content:center}.media-picker .emoji-picker .emoji-category .emoji-grid .emoji-item:hover{background:#ffffff1a;transform:scale(1.2)}.media-picker .emoji-picker .emoji-category .emoji-grid .emoji-item:active{transform:scale(1.1)}.media-picker .sticker-picker .sticker-packs{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding-bottom:8px}.media-picker .sticker-picker .sticker-packs::-webkit-scrollbar{height:4px}.media-picker .sticker-picker .sticker-packs::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.media-picker .sticker-picker .sticker-packs .pack-btn{padding:6px 12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;border-radius:16px;cursor:pointer;font-size:13px;color:#fff;white-space:nowrap;transition:all .15s}.media-picker .sticker-picker .sticker-packs .pack-btn:hover{background:#ffffff1a}.media-picker .sticker-picker .sticker-packs .pack-btn.active{background:#08c;color:#fff;border-color:#08c}.media-picker .sticker-picker .sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.media-picker .sticker-picker .sticker-grid .sticker-item{width:100%;aspect-ratio:1;border:none;background:transparent;cursor:pointer;border-radius:8px;padding:4px;transition:background .15s,transform .1s;display:flex;align-items:center;justify-content:center}.media-picker .sticker-picker .sticker-grid .sticker-item .sticker-emoji{font-size:48px;line-height:1}.media-picker .sticker-picker .sticker-grid .sticker-item:hover{background:#ffffff1a;transform:scale(1.1)}.media-picker .sticker-picker .sticker-grid .sticker-item:active{transform:scale(.95)}.media-picker .gif-picker .gif-search{margin-bottom:12px}.media-picker .gif-picker .gif-search .gif-search-input{width:100%;padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:22px;font-size:14px;color:#fff;outline:none;transition:border-color .15s}.media-picker .gif-picker .gif-search .gif-search-input:focus{border-color:#ffffff4d;background:#ffffff26}.media-picker .gif-picker .gif-search .gif-search-input::placeholder{color:#94a3b8}.media-picker .gif-picker .gif-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.media-picker .gif-picker .gif-grid .gif-item{width:100%;aspect-ratio:1;border:none;background:#ffffff0d;cursor:pointer;border-radius:8px;overflow:hidden;padding:12px;transition:all .15s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.media-picker .gif-picker .gif-grid .gif-item .gif-emoji{font-size:48px;line-height:1}.media-picker .gif-picker .gif-grid .gif-item .gif-text{font-size:12px;font-weight:600;color:#fff;text-transform:uppercase}.media-picker .gif-picker .gif-grid .gif-item:hover{transform:scale(1.05);background:#ffffff1a;box-shadow:0 2px 8px #0000004d}.media-picker .gif-picker .gif-grid .gif-item:active{transform:scale(.98)}@media(max-width:768px){.media-picker{width:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;border-left:none}.media-picker .media-picker-tabs{width:100%;flex-direction:row;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding:8px 12px}.media-picker .media-picker-tabs .tab{flex-direction:row;gap:8px;padding:8px 12px}.media-picker .media-picker-tabs .tab .tab-label{font-size:13px}.media-picker .media-picker-tabs .close-btn{margin-top:0;margin-left:auto}.media-picker .emoji-picker .emoji-category .emoji-grid{grid-template-columns:repeat(6,1fr)}.media-picker .sticker-picker .sticker-grid{grid-template-columns:repeat(3,1fr)}}.telegram-chat-main{flex:1;display:flex;flex-direction:column;height:100%;background:#fff}.telegram-chat-main.empty{align-items:center;justify-content:center;background:linear-gradient(to bottom,#1a2332,#1e2d3f,#243b55,#1e2d3f,#1a2332,#243b55)}.telegram-chat-main.empty .empty-state{text-align:center;max-width:400px;padding:20px}.telegram-chat-main.empty .empty-state svg{margin-bottom:20px;opacity:.3}.telegram-chat-main.empty .empty-state h2{font-size:20px;font-weight:500;color:#fff;margin:0 0 8px}.telegram-chat-main.empty .empty-state p{font-size:14px;color:#cbd5e1;margin:0}.telegram-chat-main .chat-main-header{height:60px;background:linear-gradient(to bottom,#1a2332,#1e2d3f,#243b55,#1e2d3f,#1a2332,#243b55);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.telegram-chat-main .chat-main-header .header-info{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px;margin:-8px;border-radius:8px;transition:background .15s}.telegram-chat-main .chat-main-header .header-info:hover{background:#ffffff1a}.telegram-chat-main .chat-main-header .header-info .header-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.telegram-chat-main .chat-main-header .header-info .header-details .header-name{font-size:15px;font-weight:500;color:#fff;margin:0 0 2px}.telegram-chat-main .chat-main-header .header-info .header-details .header-status{font-size:13px;color:#cbd5e1;margin:0}.telegram-chat-main .chat-main-header .header-actions{display:flex;gap:4px}.telegram-chat-main .chat-main-header .header-actions .action-btn{width:40px;height:40px;border:none;background:transparent;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#cbd5e1;transition:background .15s}.telegram-chat-main .chat-main-header .header-actions .action-btn:hover{background:#ffffff1a}.telegram-chat-main .chat-content-wrapper{flex:1;display:flex;overflow:hidden;position:relative}.telegram-chat-main .chat-messages-container{flex:1;overflow-y:auto;background:url(/images/body-bg-1.jpg) center center/cover no-repeat;position:relative;transition:width .3s ease}.telegram-chat-main .chat-messages-container.with-picker{width:calc(100% - 380px)}.telegram-chat-main .chat-messages-container::-webkit-scrollbar{width:6px}.telegram-chat-main .chat-messages-container::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.telegram-chat-main .chat-messages-container::-webkit-scrollbar-thumb:hover{background:#0000004d}.telegram-chat-main .chat-messages-container .messages-list{padding:16px;display:flex;flex-direction:column;gap:8px;min-height:100%}@media(max-width:768px){.telegram-chat-main{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100}}.telegram-chat-layout{display:flex;height:100vh;width:100%;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}@media(max-width:768px){.telegram-chat-layout{flex-direction:column}}.upgrade-payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.upgrade-payment-modal{background:#fff;border-radius:16px;max-width:1100px;width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #0000004d;animation:slideUp .3s ease-out}@media(max-width:768px){.upgrade-payment-modal{width:98%;max-height:95vh}}.upgrade-payment-modal-header{padding:24px 32px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;z-index:10;border-radius:16px 16px 0 0}.upgrade-payment-modal-header h2{margin:0;font-size:24px;font-weight:600;color:#1f2937}.upgrade-payment-modal-header .close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.upgrade-payment-modal-header .close-btn:hover{background:#f3f4f6;color:#1f2937}.upgrade-payment-modal-body{padding:32px}@media(max-width:768px){.upgrade-payment-modal-body{padding:20px}}.modal-subtitle{text-align:center;font-size:16px;color:#6b7280;margin-bottom:32px;font-weight:500}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}@media(max-width:768px){.plans-grid{grid-template-columns:1fr;gap:16px}}.plan-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.plan-card:hover{border-color:#22c55e;box-shadow:0 8px 20px #22c55e26;transform:translateY(-2px)}.plan-card.selected{border-color:#22c55e;box-shadow:0 8px 20px #22c55e33;background:linear-gradient(135deg,#f0fdf4,#fff)}.plan-card.popular{border-color:#f59e0b}.plan-card.popular:hover,.plan-card.popular.selected{border-color:#f59e0b;box-shadow:0 8px 20px #f59e0b33}.popular-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;box-shadow:0 4px 12px #f59e0b4d}.popular-badge svg{font-size:14px}.plan-header{margin-bottom:20px}.plan-header .plan-name{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px}.plan-header .plan-description{font-size:14px;color:#6b7280;margin:0}.plan-price{margin-bottom:24px;display:flex;align-items:baseline;gap:4px}.plan-price .currency{font-size:24px;font-weight:600;color:#1f2937}.plan-price .amount{font-size:48px;font-weight:700;color:#1f2937;line-height:1}.plan-price .period{font-size:16px;color:#6b7280}.plan-price .price-custom{font-size:28px;font-weight:700;color:#1f2937}.plan-features{list-style:none;padding:0;margin:0 0 24px;flex:1}.plan-features li{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:14px;color:#374151}.plan-features li .check-icon{color:#22c55e;font-size:18px;flex-shrink:0;margin-top:2px}.plan-features li span{flex:1}.select-plan-btn{width:100%;padding:12px 24px;border-radius:8px;border:2px solid #22c55e;background:#fff;color:#22c55e;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.select-plan-btn:hover,.select-plan-btn.selected{background:#22c55e;color:#fff}.popular .select-plan-btn{border-color:#f59e0b;color:#f59e0b}.popular .select-plan-btn:hover,.popular .select-plan-btn.selected{background:#f59e0b;color:#fff}.upgrade-payment-modal-footer{padding:24px 32px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;position:sticky;bottom:0;background:#fff;border-radius:0 0 16px 16px}@media(max-width:768px){.upgrade-payment-modal-footer{padding:16px 20px;flex-direction:column-reverse}}.upgrade-payment-modal-footer button{padding:12px 32px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}@media(max-width:768px){.upgrade-payment-modal-footer button{width:100%}}.upgrade-payment-modal-footer .btn-cancel{background:#fff;color:#374151;border:2px solid #d1d5db}.upgrade-payment-modal-footer .btn-cancel:hover{background:#f3f4f6;border-color:#9ca3af}.upgrade-payment-modal-footer .btn-proceed{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e4d}.upgrade-payment-modal-footer .btn-proceed:hover:not(:disabled){box-shadow:0 6px 16px #22c55e66;transform:translateY(-1px)}.upgrade-payment-modal-footer .btn-proceed:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.payment-page{background:#fff;padding:24px;display:flex;justify-content:flex-start;align-items:flex-start;gap:20px;width:100%;max-width:100%;min-height:100%;box-sizing:border-box}@media(max-width:1024px){.payment-page{flex-direction:column;align-items:center;padding:20px}}.payment-form{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a;flex:1.3;min-width:0}@media(max-width:768px){.payment-form{padding:20px;width:100%}}.payment-form h2{margin:0 0 6px;font-size:22px;font-weight:700;color:#1f2937}.payment-form .signin-link{margin-bottom:20px;font-size:13px;color:#6b7280}.payment-form .signin-link a{color:#3b82f6;font-weight:500;text-decoration:none}.payment-form .signin-link a:hover{text-decoration:underline}.payment-form>label{display:block;margin-bottom:5px;font-size:11px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.payment-form input[type=email],.payment-form input[type=text],.payment-form input[type=tel]{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin-bottom:12px;transition:all .2s ease;font-family:inherit}.payment-form input[type=email]:focus,.payment-form input[type=text]:focus,.payment-form input[type=tel]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.payment-form input[type=email]::placeholder,.payment-form input[type=text]::placeholder,.payment-form input[type=tel]::placeholder{color:#9ca3af}.payment-form select{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit}.payment-form select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.payment-form .section-title{margin:16px 0 12px;font-size:16px;font-weight:600;color:#1f2937}.payment-form .billing-details{margin-bottom:12px}.payment-form .billing-details .billing-type{display:flex;gap:20px;margin-bottom:12px}.payment-form .billing-details .billing-type label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;cursor:pointer}.payment-form .billing-details .billing-type label input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.payment-form .billing-details .billing-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:600px){.payment-form .billing-details .billing-fields{grid-template-columns:1fr}}.payment-form .billing-details .billing-fields .field-wrapper label{display:block;margin-bottom:5px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.payment-form .billing-details .billing-fields .field-wrapper input,.payment-form .billing-details .billing-fields .field-wrapper select{margin-bottom:0}.payment-form .billing-details .billing-fields .field-wrapper.full-width{grid-column:1/-1}.payment-form .billing-details .billing-fields .phone-input{display:flex;gap:8px}.payment-form .billing-details .billing-fields .phone-input .country-code{width:120px;flex-shrink:0}.payment-form .billing-details .billing-fields .phone-input input[type=tel]{flex:1}.payment-form .legal-checks{margin-bottom:16px}.payment-form .legal-checks label{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px;cursor:pointer}.payment-form .legal-checks label input[type=checkbox]{width:16px;height:16px;margin-top:2px;cursor:pointer;accent-color:#3b82f6;flex-shrink:0}.payment-form .legal-checks label span{font-size:12px;font-weight:400;color:#4b5563;line-height:1.5}.payment-form .legal-checks label span a{color:#3b82f6;font-weight:500;text-decoration:none}.payment-form .legal-checks label span a:hover{text-decoration:underline}.payment-form .submit-btn{width:100%;padding:12px 32px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.payment-form .submit-btn:hover{background:#2563eb}.payment-form .submit-btn:active{transform:scale(.98)}.payment-summary{background:#fff;border-radius:8px;padding:18px;box-shadow:0 1px 3px #0000001a;flex:1;min-width:0;position:sticky;top:20px;align-self:flex-start;max-height:calc(100vh - 100px);overflow-y:auto}@media(max-width:1024px){.payment-summary{position:static;width:100%;max-width:650px;margin-top:0;max-height:none}}@media(max-width:768px){.payment-summary{padding:20px;width:100%}}.payment-summary h3{margin:0 0 14px;font-size:18px;font-weight:700;color:#1f2937;padding-bottom:8px;border-bottom:2px solid #f3f4f6}.payment-summary .cart-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:14px;margin-bottom:14px}.payment-summary .cart-item .cart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.payment-summary .cart-item .cart-header .item-info .item-title{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.payment-summary .cart-item .cart-header .item-info .item-qty{font-size:12px;color:#6b7280}.payment-summary .cart-item .cart-header .item-price{font-size:20px;font-weight:700;color:#3b82f6}.payment-summary .cart-item .plan-description{font-size:13px;color:#6b7280;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}.payment-summary .cart-item .plan-features{font-size:12px;color:#4b5563}.payment-summary .cart-item .plan-features strong{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.payment-summary .cart-item .plan-features ul{margin:0;padding-left:20px;list-style:none}.payment-summary .cart-item .plan-features ul li{position:relative;margin-bottom:4px;line-height:1.4}.payment-summary .cart-item .plan-features ul li:before{content:"✓";position:absolute;left:-18px;color:#3b82f6;font-weight:600}.payment-summary .cart-item .plan-features ul li:last-child{margin-bottom:0}.payment-summary .promo-section{margin-bottom:16px}.payment-summary .promo-section h4{font-size:13px;font-weight:600;color:#374151;margin:0 0 8px}.payment-summary .promo-section .promo-row{display:flex;gap:8px}.payment-summary .promo-section .promo-row input{flex:1;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;transition:all .2s ease}.payment-summary .promo-section .promo-row input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.payment-summary .promo-section .promo-row input::placeholder{color:#9ca3af}.payment-summary .promo-section .promo-row .apply-btn{padding:8px 16px;background:#6b7280;border:none;border-radius:6px;font-size:11px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap;letter-spacing:.5px}.payment-summary .promo-section .promo-row .apply-btn:hover{background:#4b5563}.payment-summary .payment-methods{margin-bottom:16px}.payment-summary .payment-methods h4{font-size:13px;font-weight:600;color:#374151;margin:0 0 8px}.payment-summary .payment-methods label{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:8px;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:13px;color:#1f2937;background:#fff}.payment-summary .payment-methods label:hover{border-color:#3b82f6;background:#f9fafb}.payment-summary .payment-methods label.selected{border-color:#3b82f6;background:#eff6ff}.payment-summary .payment-methods label input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6;flex-shrink:0}.payment-summary .payment-methods label .method-text{flex:1;font-weight:500}.payment-summary .payment-methods label .method-text .fee{font-weight:400;color:#6b7280}.payment-summary .payment-methods label .payment-icons{display:flex;gap:8px;align-items:center}.payment-summary .payment-methods label .payment-icons img{height:24px;width:auto;object-fit:contain}.payment-summary .payment-methods label .payment-icons.crypto img{width:22px;height:22px;border-radius:50%}.payment-summary .payment-methods label:last-child{margin-bottom:0}.payment-summary .summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;color:#6b7280}.payment-summary .summary-row.total{margin-top:6px;padding-top:10px;border-top:2px solid #e5e7eb;font-size:16px;font-weight:700;color:#1f2937}.payment-summary .summary-row.total span:last-child{color:#3b82f6;font-size:20px}.payment-summary .summary-row span:first-child{font-weight:500}.payment-summary .summary-row span:last-child{font-weight:600;color:#1f2937}.payment-summary .checkout-btn{width:100%;padding:14px 32px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:12px}.payment-summary .checkout-btn:hover{background:#2563eb}.payment-summary .checkout-btn:active{transform:scale(.98)}.scroll-animate-fadeUp{opacity:0;transform:translateY(50px);transition:all var(--animation-duration, .8s) cubic-bezier(.4,0,.2,1);transition-delay:var(--animation-delay, 0ms)}.scroll-animate-fadeIn{opacity:0;transition:opacity var(--animation-duration, .8s) ease-out;transition-delay:var(--animation-delay, 0ms)}.scroll-animate-slideLeft{opacity:0;transform:translate(-50px);transition:all var(--animation-duration, .8s) cubic-bezier(.4,0,.2,1);transition-delay:var(--animation-delay, 0ms)}.scroll-animate-slideRight{opacity:0;transform:translate(50px);transition:all var(--animation-duration, .8s) cubic-bezier(.4,0,.2,1);transition-delay:var(--animation-delay, 0ms)}.scroll-animate-scaleUp{opacity:0;transform:scale(.9);transition:all var(--animation-duration, .8s) cubic-bezier(.4,0,.2,1);transition-delay:var(--animation-delay, 0ms)}.scroll-animate-fadeUp.animate-in{opacity:1;transform:translateY(0)}.scroll-animate-fadeIn.animate-in{opacity:1}.scroll-animate-slideLeft.animate-in,.scroll-animate-slideRight.animate-in{opacity:1;transform:translate(0)}.scroll-animate-scaleUp.animate-in{opacity:1;transform:scale(1)}.stagger-children>*{transition-delay:calc(var(--animation-delay, 0ms) + var(--stagger-delay, .1s) * var(--stagger-index, 0))}.grid-stagger .card:nth-child(1){--stagger-index: 0}.grid-stagger .card:nth-child(2){--stagger-index: 1}.grid-stagger .card:nth-child(3){--stagger-index: 2}.grid-stagger .card:nth-child(4){--stagger-index: 3}.grid-stagger .card:nth-child(5){--stagger-index: 4}.grid-stagger .card:nth-child(6){--stagger-index: 5}.faq-stagger .faq-item:nth-child(1){--stagger-index: 0}.faq-stagger .faq-item:nth-child(2){--stagger-index: 1}.faq-stagger .faq-item:nth-child(3){--stagger-index: 2}.faq-stagger .faq-item:nth-child(4){--stagger-index: 3}.faq-stagger .faq-item:nth-child(5){--stagger-index: 4}.scroll-animate-counter{transition:all .3s ease}.scroll-animate-counter.animate-in .counter-number{animation:countUp 2s ease-out forwards}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.scroll-animate-fadeUp,.scroll-animate-fadeIn,.scroll-animate-slideLeft,.scroll-animate-slideRight,.scroll-animate-scaleUp{transition:none!important;opacity:1!important;transform:none!important}.stagger-children>*{transition-delay:0ms!important}}:root{--primary-bg: #1a2332;--secondary-bg: #1e2b3d;--accent-bg: #243b55;--card-bg: rgba(26, 35, 50, .8);--border-color: rgba(255, 255, 255, .1);--primary-text: #ffffff;--secondary-text: #cbd5e1;--muted-text: #94a3b8;--accent-green: #00d492;--accent-blue: #3b82f6;--gradient-start: #1a2332;--gradient-end: #243b55;--section-padding: 2rem 0;--container-max-width: 1400px;--border-radius: 12px;--border-radius-lg: 20px;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .875rem;--font-size-sm: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{font-family:var(--font-primary);background:linear-gradient(to bottom,#1a2332,#1e2d3f,#243b55,#1e2d3f,#1a2332,#243b55);background-attachment:scroll;color:var(--primary-text);line-height:1.6;min-height:100vh;overflow-x:hidden}.section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:var(--section-padding)}.section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 800px 600px at 50% 0%,rgba(0,212,146,.05) 0%,transparent 50%);pointer-events:none}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;position:relative;z-index:2}.heading-1{font-size:var(--font-size-4xl);font-weight:700;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-text) 0%,var(--secondary-text) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.heading-2{font-size:var(--font-size-3xl);font-weight:600;line-height:1.3;margin-bottom:1rem}.heading-3{font-size:var(--font-size-xl);font-weight:600;line-height:1.4;margin-bottom:.75rem}.text-large{font-size:var(--font-size-lg);color:var(--secondary-text);margin-bottom:2rem}.text-muted{color:var(--muted-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;border-radius:50px;font-weight:600;font-size:var(--font-size-sm);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;position:relative;overflow:hidden;transform:translateZ(0)}.btn-primary{background:linear-gradient(135deg,var(--accent-green) 0%,#009966 100%);color:#fff;box-shadow:var(--shadow-lg)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-xl),0 0 20px #00d4924d;background:linear-gradient(135deg,#009966 0%,var(--accent-green) 100%)}.btn-primary:active{transform:translateY(0) scale(.98);transition:all .1s ease}.btn-secondary{background:transparent;color:var(--primary-text);border:2px solid var(--border-color)}.btn-secondary:hover{border-color:var(--accent-green);background:#00d4921a;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary:active{transform:translateY(0);transition:all .1s ease}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.card:hover{border-color:#00d4924d;transform:translateY(-4px);box-shadow:var(--shadow-lg)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:768px){.section{padding:2rem 0}.heading-1{font-size:var(--font-size-3xl)}.heading-2{font-size:var(--font-size-2xl)}.grid-2,.grid-3{grid-template-columns:1fr;gap:1rem}.card{padding:1.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.privacy-page{background:#f8fafc;color:#222;font-family:Inter,Arial,sans-serif;padding:40px 0}.privacy-page .privacy-container{max-width:900px;margin:0 auto;background:#fff;padding:40px 50px;border-radius:12px;box-shadow:0 4px 12px #0000000d}.privacy-page .privacy-container h1{font-size:2rem;font-weight:700;text-align:center;color:#222;margin-bottom:40px}.privacy-page .privacy-container h2{font-size:1.3rem;font-weight:600;margin-top:30px;margin-bottom:10px;color:#333}.privacy-page .privacy-container h3{font-size:1.1rem;font-weight:600;margin-top:15px;color:#444}.privacy-page .privacy-container p{line-height:1.6;margin-bottom:12px}.privacy-page .privacy-container ul{margin-left:20px;margin-bottom:10px}.privacy-page .privacy-container ul li{margin-bottom:6px;line-height:1.5}.privacy-page .privacy-container a{color:#2563eb;text-decoration:none}.privacy-page .privacy-container a:hover{text-decoration:underline}.privacy-page .privacy-container table{width:100%;border-collapse:collapse;margin-top:15px;margin-bottom:10px}.privacy-page .privacy-container table th,.privacy-page .privacy-container table td{border:1px solid #e5e7eb;padding:10px 12px;text-align:left}.privacy-page .privacy-container table th{background:#f3f4f6;font-weight:600}.privacy-page .privacy-container table td{background:#fff}