body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Page,.Pagedark{align-items:center;display:flex;flex-direction:column;font-family:Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px;transition:background .5s ease}.Page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.Pagedark{background:linear-gradient(135deg,#2c3e50,#000);color:#fff}.Sboard,.board{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:20px;box-shadow:0 10px 25px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.Pagedark .Sboard,.Pagedark .board{background:#ffffff1a;border:1px solid #fff3;color:#fff}form{display:flex;flex-direction:column;gap:15px}input{border:1px solid #ddd;border-radius:10px;font-size:16px;outline:none;padding:12px 15px;transition:border-color .3s}input:focus{border-color:#4a90e2}.Createbutton{background:#4a90e2;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;margin-top:10px;padding:12px 25px;transition:all .3s ease;width:100%}.Createbutton:hover:not(:disabled){background:#357abd;box-shadow:0 5px 15px #4a90e266;transform:translateY(-2px)}.Createbutton:active{transform:translateY(0)}.captcha-container{display:flex;justify-content:center;margin:15px 0}.google-auth-wrapper{border-top:1px solid #0000001a;margin-top:20px;padding-top:20px}.Pagedark .google-auth-wrapper{border-top:1px solid #ffffff1a}.status-box{animation:slideUp .5s ease;background:#fffc;border-radius:15px;box-shadow:0 4px 15px #0000000d;margin-top:20px;max-width:400px;padding:20px}.status-box h1{color:#e74c3c;font-size:1.5rem;margin-bottom:10px}.sighnUp{font-size:14px;margin-top:20px}.sighnUp a{color:#4a90e2;font-weight:700;text-decoration:none}.back-button{color:#888;margin-top:15px;text-decoration:underline}.loader-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffb3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.Pagedark .loader-overlay{background:#0009}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#4a90e2;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Createbutton:disabled{background:#ccc;box-shadow:none!important;cursor:not-allowed;transform:none!important}.error-message{animation:shake .4s ease-in-out;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:14px;margin-bottom:15px;padding:10px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.password-wrapper{align-items:center;display:flex;position:relative;width:100%}.password-wrapper input{padding-right:45px;width:100%}.password-toggle{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:5px;position:absolute;right:10px;transition:opacity .3s;-webkit-user-select:none;user-select:none}.password-toggle:hover{opacity:.7}.Pagedark .password-toggle{color:#ccc}.container-wrapper{align-items:center;min-height:300px}.container-wrapper,.fade-in-scale{display:flex;justify-content:center;width:100%}.fade-in-scale{animation:fadeInScale .4s cubic-bezier(.4,0,.2,1)}.back-button{background:none;border:none;color:#666;cursor:pointer;font-size:14px;margin-top:20px;transition:color .3s}.back-button:hover{color:#4a90e2;text-decoration:underline}.Pagedark .back-button{color:#aaa}.input-group{align-items:flex-start;display:flex;flex-direction:column;gap:4px;width:100%}input.input-error{background-color:#fef2f2;border-color:#ef4444!important}.error-text{animation:fadeIn .3s ease;color:#ef4444;font-size:12px;font-weight:500;margin-left:5px}.separator{align-items:center;color:#888;display:flex;margin:20px 0;text-align:center}.separator:after,.separator:before{border-bottom:1px solid #eee;content:"";flex:1 1}.separator span{font-size:12px;padding:0 10px;text-transform:uppercase}.logo-container{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;transition:all .3s ease}.app-logo{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));height:auto;object-fit:contain;width:120px}.logo-text{color:#333}.logo-text,.logo-text-light{font-size:2rem;font-weight:700;margin-top:10px}.logo-text-light{color:#fff}.logo-container{animation:fadeInScale .8s ease-out}.main-logo-header{align-items:center;animation:fadeInDown .8s ease-out;display:flex;flex-direction:column;margin-bottom:30px;z-index:10}.app-logo-main{filter:drop-shadow(0 0 15px rgba(74,144,226,.3));height:auto;object-fit:contain;transition:transform .3s ease;width:150px}.app-logo-main:hover{transform:scale(1.05)}.logo-text,.logo-text-light{font-size:2.5rem;font-weight:800;letter-spacing:-1px;margin-top:-10px;text-transform:lowercase}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-height:700px){.main-logo-header{margin-bottom:10px}.app-logo-main{width:100px}}.Pagedark .app-logo-main{animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 10px rgba(74,144,226,.2))}50%{filter:drop-shadow(0 0 25px rgba(74,144,226,.5))}}.friend-call-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;margin-bottom:8px;padding:12px;transition:all .2s ease}.friend-call-card:hover{background:#ffffff1a;transform:translateX(-5px)}.friend-avatar-wrapper{height:42px;margin-right:12px;width:42px}.friend-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.friend-avatar-initials{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:50%;color:#fff;display:flex;font-weight:700;height:100%;justify-content:center;width:100%}.status-indicator{border:2px solid #1a1a1a;border-radius:50%;bottom:2px;height:10px;position:absolute;right:2px;width:10px}.status-indicator.online{background-color:#25d366}.status-indicator.offline{background-color:#888}.friend-details{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.friend-name-text{color:#fff;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-status-label{color:#aaa;font-size:11px}.invite-action-btn{align-items:center;background:#0084ff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.invite-action-btn:hover{background:#0073e6;transform:rotate(90deg)}.invite-action-btn.sent{background:#25d366;transform:scale(1.1)}.video-chat-container{background:radial-gradient(circle at center,#f8f9fa 0,#e9ecef 100%);height:100vh;width:100vw}.video-box,.video-chat-container{overflow:hidden;position:relative}.video-box{background:#dee2e6;border-radius:20px;box-shadow:0 8px 24px #0000000d;transition:all .4s ease}.user-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #0000000d;border-radius:12px;bottom:15px;color:#495057;font-size:12px;font-weight:600;left:15px;padding:6px 14px;position:absolute;z-index:10}.btn-round.active-screen{background:#0084ff;color:#fff}.GlassButtons{background:#ffffffb3;border:1px solid #ffffff4d;box-shadow:0 10px 30px #00000014}.btn-round{box-shadow:0 2px 8px #0000000d}.btn-round:hover{background:#f1f3f5;transform:translateY(-2px)}.VideoFrame,video{height:100%;object-fit:cover;width:100%}@media (min-width:769px){.VideoFrames.layout-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(30%,1fr));height:100vh;padding:40px}.VideoFrames.layout-speaker{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 250px;height:100vh;padding:20px}.VideoFrames.layout-speaker .video-box.focused{grid-column:1;grid-row:1/10}.VideoFrames.layout-speaker .video-box.minimized{grid-column:2;height:150px}.VideoFrames.layout-pip{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(30%,1fr));height:100vh;padding:40px}.VideoFrames.layout-pip .my-video{border:2px solid #0084ff;bottom:120px;height:160px;position:absolute;right:40px;width:280px;z-index:100}}@media (max-width:768px){.VideoFrames.layout-grid.count-2{grid-gap:4px;display:grid!important;gap:4px;grid-template-columns:1fr!important;grid-template-rows:1fr 1fr!important;height:100vh}.VideoFrames.layout-grid:not(.count-2){grid-gap:2px;display:grid!important;gap:2px;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;height:100vh}.VideoFrames.layout-grid.count-3 .video-box:last-child{grid-column:span 2}.VideoFrames.layout-pip{height:100vh;position:relative}.VideoFrames.layout-pip .video-box.focused{border-radius:0;height:100vh;width:100vw}.VideoFrames.layout-pip .video-box.minimized{border:2px solid #fff;bottom:130px;box-shadow:0 10px 20px #00000080;height:165px;position:absolute;right:20px;width:110px;z-index:100}}.ModernControlPanel{bottom:35px;left:50%;position:fixed;transform:translateX(-50%);transition:.4s;z-index:1000}.ModernControlPanel.hidden{opacity:0;transform:translateX(-50%) translateY(100px)}.GlassButtons{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-radius:40px;display:flex;gap:12px;padding:10px 20px}.btn-round{align-items:center;background:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;width:50px}.btn-round.off{background:#ff3b30;color:#fff}.end-call-btn{background:#ff3b30!important;color:#fff;width:60px!important}.switch-cam-floating{background:#0006;border:none;color:#fff;height:44px;right:15px;top:15px;width:44px}.side-invite-menu{background:#fff;box-shadow:-5px 0 15px #0000004d;color:#333;height:100vh;padding:20px;position:fixed;right:-350px;top:0;transition:.4s ease-in-out;width:300px;z-index:3000}.side-invite-menu.open{right:0}.friends-list-scroll{margin-top:20px;max-height:calc(100vh - 80px);overflow-y:auto}.friend-sidebar-item{align-items:center;border-bottom:1px solid #eee;display:flex;padding:10px}.invite-btn.active{background:#0084ff;color:#fff}.switch-cam-floating{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 15px #0003;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:50px;z-index:10}.switch-cam-floating:active{background:#ffffff40;transform:scale(.9) rotate(180deg)}.switch-icon{fill:#fff;filter:drop-shadow(0 0 2px rgba(0,0,0,.5));height:24px;width:24px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.switch-cam-floating{animation:fadeInScale .4s ease-out}.switch-cam-floating:active .switch-icon{transform:rotate(180deg);transition:transform .4s cubic-bezier(.4,0,.2,1)}.switch-icon{height:32px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);width:32px}.switch-cam-floating:active .switch-icon{transform:rotate(180deg) scale(1.1)}.new-call-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.new-call-card{animation:slideIn .3s ease-out;background:#2c3e50;border-radius:20px;box-shadow:0 10px 30px #00000080;color:#fff;padding:30px;text-align:center;width:320px}.warning-text{color:#ff7675;font-size:.85rem;margin-top:10px}.new-call-actions{display:flex;justify-content:space-around;margin-top:25px}.btn-accept-new{background-color:#2ecc71}.btn-accept-new,.btn-decline-new{border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:12px 20px}.btn-decline-new{background-color:#e74c3c}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.pulse-animation{animation:pulse 1.5s infinite;display:inline-block;font-size:3rem;margin-bottom:15px}.Hpp{background-color:#87cefa;height:100vh}*{box-sizing:border-box}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100%;margin:0;padding:0;width:100%}.container{display:flex;height:100vh;overflow:hidden;width:100vw}.sidebar{border-right:1px solid #ddd;min-width:300px;width:30%}.sidebar,.sidebar-header{background-color:#fff;display:flex;flex-direction:column}.sidebar-header{align-items:flex-start;border-bottom:1px solid #f0f2f5;gap:12px;padding:12px 16px}.my-profile-info{align-items:center;display:flex;gap:12px;width:100%}.user-name-display{color:#1c1e21;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-container{width:100%}.search-input-wrapper{align-items:center;background-color:#f0f2f5;border-radius:8px;display:flex;padding:6px 12px;transition:background-color .2s}.search-input-wrapper:focus-within{background-color:#e4e6eb;outline:1px solid #0084ff}.sidebar-search-input{background:#0000;border:none;font-size:14px;outline:none;padding:4px 8px;width:100%}.chat-list{flex:1 1;overflow-y:auto}.friend-item{gap:12px;padding:10px 15px;transition:background .2s}.friend-avatar-wrapper{flex-shrink:0;height:48px;position:relative;width:48px}.status-dot{background-color:#ccc}.status-dot.online{box-shadow:0 0 4px #25d36666}.status-dot.online:after{animation:pulse-ring 2s infinite}.chat-area{display:flex;flex-direction:column;height:100vh;width:70%}.chat-header{align-items:center;background-color:#f0f2f5;border-bottom:1px solid #ddd;display:flex;height:60px;justify-content:space-between;padding:0 20px}.message-area{background-blend-mode:overlay;background-color:#e5ddd5;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:20px}.message-wrapper{animation:fadeInSlideUp .3s ease-out forwards;margin-bottom:2px}.message-bubble{word-wrap:break-word;box-shadow:0 1px 1px #0000001a;font-size:15px;padding:8px 14px}.message-wrapper.own .message-bubble{background-color:#eeffde;border-radius:15px 15px 2px 15px}.message-wrapper.friend .message-bubble{background-color:#fff;border-radius:15px 15px 15px 2px}.message-input{background-color:#f0f2f5;border-top:1px solid #ddd;display:flex;justify-content:center;padding:10px 15px;width:100%}.chat-input-form{background-color:#fff;border-radius:22px;box-shadow:0 1px 2px #0000001a;box-sizing:border-box;gap:10px;max-width:100%;padding:5px 15px;width:100%}.chat-textarea{background:#0000;border:none;font-family:inherit;font-size:16px;line-height:1.4;max-height:200px;min-height:40px;outline:none;overflow-y:auto;padding:10px 5px;text-align:left;width:100%}.send-button{background:none;border:none;color:#0084ff;cursor:pointer;flex-shrink:0;padding:8px}.recivingCall,.send-button{align-items:center;display:flex;justify-content:center}.recivingCall{animation:fadeIn .4s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2000}.caller-info{align-items:center;display:flex;flex-direction:column;margin-bottom:40px}.caller-info img{animation:bounce 2s ease-in-out infinite;border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 0 30px #0084ff66;height:130px;margin-bottom:20px;width:130px}.caller-info h1{color:#fff;font-size:24px;font-weight:300;text-shadow:0 2px 10px #00000080}.call-buttons{display:flex;gap:25px}.btn-accept,.btn-decline{border:none;border-radius:50px;box-shadow:0 10px 20px #0003;color:#fff;cursor:pointer;font-weight:600;padding:14px 35px;transition:.3s}.btn-accept{background:linear-gradient(135deg,#25d366,#128c7e)}.btn-accept:hover{box-shadow:0 15px 25px #25d36666;transform:translateY(-3px)}.btn-decline{background:linear-gradient(135deg,#ff4b4b,#c62828)}.btn-decline:hover{box-shadow:0 15px 25px #ff4b4b66;transform:translateY(-3px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-input-container{width:100%}.modern-call-btn{align-items:center;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;outline:none;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:50px}.modern-call-btn.inactive{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 20px #2563eb40}.modern-call-btn.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 20px #10b9814d}.btn-glass-effect{background:linear-gradient(180deg,#fff3 0,#fff0);border-radius:15px 15px 0 0;height:50%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.modern-call-btn:hover{filter:brightness(1.1);transform:translateY(-3px) scale(1.08)}.modern-call-btn:active{transform:scale(.92)}.icon-wrapper svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:24px;width:24px}.pulse-ring{animation:ring-pulse 2s infinite;border:2px solid #10b981;border-radius:19px;inset:-4px;opacity:0;position:absolute}@media screen and (max-width:768px){.container{flex-direction:column;height:100vh}.sidebar{display:flex;flex-direction:column}.chat-area,.sidebar{height:100%;width:100%}.chat-area,.container.chat-active .sidebar{display:none}.container.chat-active .chat-area{display:flex;flex-direction:column}}.mobile-back-btn{background:none;border:none;color:#333;cursor:pointer;display:none;font-size:24px;margin-right:10px}.chat-title{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:xx-large}@media (max-width:768px){.mobile-back-btn{display:block}.chat-title{font-size:large}}.chat-input-container{display:flex;flex-direction:column;position:relative}.emoji-picker-wrapper{bottom:100%;left:0;margin-bottom:10px;position:absolute;z-index:1000}.chat-input-form{align-items:flex-end;display:flex;gap:8px;padding:10px}.emoji-toggle-button{background:none;border:none;cursor:pointer;font-size:22px;padding-bottom:5px}.chat-textarea{border-radius:20px;flex:1 1;max-height:150px;padding:10px;resize:none}.unread-badge{font-size:12px;padding:2px 7px;text-align:center}.missed-call-icon{animation:blink 1.5s infinite;font-size:14px;margin-left:5px}.friend-list-item-wrapper{align-items:center;display:flex;position:relative}.badges-container{display:flex;gap:8px;pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.unread-badge{align-items:center;background-color:#ff4d4d;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:2px 6px}.missed-call-icon{animation:blink 2s infinite;font-size:16px}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.missed-call-icon{animation:pulse-red 2s infinite;color:#ff4d4d;font-weight:700}@keyframes pulse-red{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.join-active-call-alert{animation:slideUp .3s ease-out;bottom:10px;display:flex;justify-content:center;left:0;padding:10px;position:-webkit-sticky;position:sticky;right:0;z-index:10}.alert-content{align-items:center;background-color:#fff;border:2px solid #2ecc71;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;gap:15px;padding:8px 16px}.alert-content span{color:#2c3e50;font-size:14px;font-weight:600}.btn-accept-mini{background-color:#2ecc71;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:6px 15px;transition:background .2s}.btn-accept-mini:hover{background-color:#27ae60}.btn-dismiss{background:none;border:none;color:#95a5a6;cursor:pointer;font-size:20px;line-height:1;padding:0 5px}.btn-dismiss:hover{color:#7f8c8d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.call-ended-toast{animation:fadeOut 5s forwards;background:#000c;border-radius:8px;color:#fff;padding:15px 25px;position:fixed;right:20px;top:20px;z-index:1000}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}.caller-info h1,.chat-title strong,.friend-list-item-wrapper,.user-name-display strong{text-transform:capitalize}.typing-status{font-size:12px;font-style:italic;margin-left:10px}.typing-status:after{animation:typing-dots 1.5s infinite;content:"...";display:inline-block;overflow:hidden;vertical-align:bottom;width:0}@keyframes typing-dots{0%{width:0}33%{width:4px}66%{width:8px}to{width:12px}}.typing-status{animation:pulse 1.5s infinite;color:#25d366;font-size:13px;font-weight:400;margin-left:8px}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.friend-item{align-items:center;border-bottom:1px solid #f0f2f5;cursor:pointer;display:flex;padding:12px 15px;transition:background-color .2s;width:100%}.friend-item:hover{background-color:#f5f6f7}.friend-avatar-container{flex-shrink:0;height:48px;margin-right:15px;position:relative;width:48px}.friend-avatar{align-items:center;background-color:#0084ff;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;width:100%}.status-dot{aspect-ratio:1/1;border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px;z-index:5}.status-dot.online{background-color:#25d366;box-shadow:0 0 4px #25d36680}.status-dot.offline{background-color:#ff4b4b}.status-dot.online:after{animation:pulse-ring 2s cubic-bezier(.455,.03,.515,.955) infinite;background-color:#25d366;border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);width:100%;z-index:-1}@keyframes pulse-ring{0%{opacity:1;transform:translate(-50%,-50%) scale(.7)}80%,to{opacity:0;transform:translate(-50%,-50%) scale(2.8)}}.friend-info{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.friend-name{color:#1c1e21;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-status-text{color:#65676b;font-size:13px}.friend-status-text.status-online{color:#25d366;font-weight:500}.request-item{align-items:center;background-color:#fff;border-bottom:1px solid #f0f2f5;display:flex;padding:12px 15px;width:100%}.request-info{display:flex;flex:1 1;flex-direction:column;gap:5px}.request-avatar{background-color:#673ab7!important}.request-actions{display:flex;gap:8px;margin-top:5px}.btn-add,.btn-cancel{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:.2s}.btn-add{background-color:#0084ff;color:#fff}.btn-add:hover{background-color:#0073e6}.btn-cancel{background-color:#e4e6eb;color:#050505}.btn-cancel:hover{background-color:#d8dadf}.request-msg{color:#25d366;font-size:13px;font-weight:500}.search-item{align-items:center;background-color:#fff;border-bottom:1px solid #f0f2f5;display:flex;padding:12px 15px;transition:background .2s;width:100%}.search-item:hover{background-color:#f9f9f9}.search-info{display:flex;flex:1 1;flex-direction:column}.search-avatar{background-color:#ff9800!important}.btn-add-search{background-color:#0084ff;border:none;border-radius:18px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:5px;padding:6px 15px;transition:.2s;width:-webkit-fit-content;width:fit-content}.btn-add-search:hover{background-color:#0073e6;transform:translateY(-1px)}.search-msg{color:#0084ff;font-size:13px;font-weight:500;margin-top:5px}.message-wrapper{display:flex;margin-bottom:8px;width:100%}.message-wrapper.own{justify-content:flex-end}.message-wrapper.friend{justify-content:flex-start}.message-bubble{border-radius:12px;box-shadow:0 1px 2px #0000001a;display:flex;flex-direction:column;max-width:70%;padding:8px 12px;position:relative}.own .message-bubble{background-color:#dcf8c6;border-bottom-right-radius:2px;color:#000}.friend .message-bubble{background-color:#fff;border-bottom-left-radius:2px;color:#000}.message-text{word-wrap:break-word;font-size:15px;line-height:1.4}.message-info{align-items:center;align-self:flex-end;display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.message-time{color:#667781;font-size:10px}.message-status{align-items:center;display:flex}.message-status.sent{color:#8696a0}.message-status.read{color:#53bdeb}.admin-container{background-color:#f8fafc;color:#1e293b;font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh;padding:40px}.admin-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.admin-title{color:#0f172a;font-size:28px;font-weight:700;margin:0 0 6px}.admin-subtitle{color:#64748b;font-size:14px;margin:0}.admin-stats-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;gap:10px;padding:12px 24px}.stats-label{color:#64748b;font-size:14px}.stats-value{color:#2563eb;font-size:20px;font-weight:700}.table-responsive{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;overflow:hidden}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{background-color:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 24px;text-transform:uppercase}.admin-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:15px;padding:18px 24px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover{background-color:#f8fafc}.cell-id{color:#64748b;font-family:monospace;font-weight:600}.cell-name{color:#0f172a;font-weight:600}.cell-email{color:#64748b}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:13px;font-weight:600;padding:6px 14px}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.pending{background-color:#fef3c7;color:#92400e}.admin-btn{border:none;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 18px;transition:all .2s ease}.admin-btn.block{background-color:#ef4444}.admin-btn.block:hover{background-color:#dc2626;transform:translateY(-1px)}.admin-btn.activate{background-color:#10b981}.admin-btn.activate:hover{background-color:#059669;transform:translateY(-1px)}.admin-error,.admin-loading{font-family:sans-serif;margin-top:80px;text-align:center}.admin-error{color:#ef4444}.access-denied-container{align-items:center;background-color:#f1f5f9;display:flex;font-family:Segoe UI,system-ui,sans-serif;justify-content:center;min-height:100vh;padding:20px}.access-denied-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a;max-width:420px;padding:40px;text-align:center;width:100%}.access-denied-icon{font-size:54px;margin-bottom:20px}.access-denied-card h2{color:#0f172a;font-size:24px;font-weight:700;margin:0 0 12px}.access-denied-card p{color:#64748b;font-size:15px;line-height:1.6;margin:0 0 28px}.back-home-btn{background-color:#2563eb;border-radius:8px;box-shadow:0 4px 6px -1px #2563eb33;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:12px 24px;text-decoration:none;transition:background-color .2s}.back-home-btn:hover{background-color:#1d4ed8}
/*# sourceMappingURL=main.647a8ab4.css.map*/