@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}@tailwind base;@tailwind components;@tailwind utilities;:root{--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-geist-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#16213e);color:#ffffff}a{color:inherit;text-decoration:none}@media (max-width:768px){.hidden-mobile{display:none!important}}@media (min-width:769px){.mobile-only{display:none!important}}.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}@media (max-width:640px){.sm\:hidden{display:block}.sm\:block,.sm\:flex{display:none}}.hidden{display:none}.block{display:block}.flex{display:flex}.flex-1{flex:1 1}.text-center{text-align:center}.home-page{height:100vh}.chat-container,.home-page{display:flex;flex-direction:column}.chat-container{height:calc(100vh - 40px - 28px - 32px);background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:rgba(10,20,50,.8);border-bottom:1px solid rgba(100,200,255,.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.chat-room-info h2{color:#64c8ff;font-size:18px;font-weight:600;margin:0}.user-count{color:rgba(255,255,255,.6);font-size:12px;margin-left:8px}.chat-actions{display:flex;gap:8px}.chat-action-btn{background:transparent;border:1px solid rgba(100,200,255,.4);color:rgba(255,255,255,.8);padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chat-action-btn:hover{background:rgba(100,200,255,.15);color:#64c8ff;border-color:rgba(100,200,255,.6)}.chat-body,.messages-area{display:flex;flex:1 1;overflow:hidden}.messages-area{flex-direction:column}.messages-list{flex:1 1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.message{display:flex;gap:12px;align-items:flex-start}.message.system{justify-content:center}.message.system .message-content{background:rgba(100,200,255,.1);padding:8px 16px;border-radius:16px;border:1px solid rgba(100,200,255,.3);text-align:center;font-size:14px;color:rgba(255,255,255,.8)}.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:16px;flex-shrink:0}.message-content{flex:1 1;min-width:0}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.message-user{font-weight:600;font-size:14px}.message-time{color:rgba(255,255,255,.5);font-size:12px}.message-text{color:rgba(255,255,255,.9);line-height:1.4;word-wrap:break-word}.payment-message{background:linear-gradient(135deg,rgba(100,200,255,.2),rgba(150,150,255,.2));padding:8px 12px;border-radius:8px;border:1px solid rgba(100,200,255,.4);color:#64c8ff;font-weight:500}.users-sidebar-left{width:280px;background:rgba(0,0,0,.3);border-right:1px solid rgba(100,200,255,.3);display:flex;flex-direction:column;overflow:hidden}.users-sidebar-header{padding:16px 20px 12px;border-bottom:1px solid rgba(100,200,255,.3);background:rgba(10,20,50,.4)}.users-sidebar-header h3{color:#64c8ff;font-size:14px;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.5px}.groups-section{padding:16px 0;border-bottom:1px solid rgba(100,200,255,.2)}.groups-list{display:flex;flex-direction:column;gap:2px;padding:0 8px}.group-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:13px;color:rgba(255,255,255,.8);text-align:left;width:100%}.group-item:hover{background:rgba(100,200,255,.12);color:rgba(255,255,255,.9)}.group-item.active{background:rgba(100,200,255,.18);color:#ffffff;font-weight:500}.group-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.group-name{flex:1 1;font-weight:inherit}.group-count{background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);font-size:11px;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;font-weight:500}.group-item.active .group-count{background:rgba(100,200,255,.4);color:#ffffff}.users-section{flex:1 1;overflow-y:auto;padding:8px 0}.users-sidebar{width:240px;background:rgba(0,0,0,.3);border-left:1px solid rgba(100,200,255,.3);padding:20px;overflow-y:auto}.users-sidebar h3{color:#64c8ff;font-size:14px;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.users-list{display:flex;flex-direction:column;gap:4px;padding:0 8px}.user-item{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:6px;transition:background .2s ease;position:relative}.user-item:hover{background:rgba(100,200,255,.12)}.user-item .user-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:11px;flex-shrink:0}.user-name{flex:1 1;color:rgba(255,255,255,.8);font-size:14px}.user-item.offline .user-name{opacity:.5}.status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-indicator.online{background:#10b981;box-shadow:0 0 4px rgba(16,185,129,.5)}.status-indicator.away{background:#f59e0b;box-shadow:0 0 4px rgba(245,158,11,.5)}.status-indicator.offline{background:#6b7280}.message-input-area{padding:16px 20px;margin-bottom:60px;background:rgba(10,20,50,.8);border-top:1px solid rgba(100,200,255,.3)}.message-input-container{display:flex;align-items:flex-end;gap:12px;background:rgba(255,255,255,.05);border:1px solid rgba(100,200,255,.3);border-radius:12px;padding:12px;transition:border-color .2s ease}.message-input-container:focus-within{border-color:rgba(100,200,255,.6)}.attach-btn,.send-btn{background:transparent;border:none;color:rgba(255,255,255,.6);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.attach-btn:hover,.send-btn:hover:not(:disabled){background:rgba(100,200,255,.12);color:#64c8ff}.send-btn:disabled{opacity:.3;cursor:not-allowed}.message-input{flex:1 1;background:transparent;border:none;color:#ffffff;font-size:14px;line-height:1.4;resize:none;outline:none;min-height:20px;max-height:120px;font-family:inherit}.message-input::placeholder{color:rgba(255,255,255,.4)}.connection-status{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:rgba(255,255,255,.5)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.connected{background:#10b981;box-shadow:0 0 4px rgba(16,185,129,.5);animation:pulse-green 2s infinite}.status-dot.disconnected{background:#ef4444;animation:pulse-red 2s infinite}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.5}}.messages-list::-webkit-scrollbar,.users-section::-webkit-scrollbar,.users-sidebar::-webkit-scrollbar{width:6px}.messages-list::-webkit-scrollbar-track,.users-section::-webkit-scrollbar-track,.users-sidebar::-webkit-scrollbar-track{background:rgba(100,200,255,.08);border-radius:3px}.messages-list::-webkit-scrollbar-thumb,.users-section::-webkit-scrollbar-thumb,.users-sidebar::-webkit-scrollbar-thumb{background:rgba(100,200,255,.4);border-radius:3px}.messages-list::-webkit-scrollbar-thumb:hover,.users-section::-webkit-scrollbar-thumb:hover,.users-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(100,200,255,.6)}@media (max-width:480px){.users-sidebar,.users-sidebar-left{display:none}.chat-header{padding:8px 16px}.messages-list{padding:16px}.message-input-area{padding:12px 16px}.chat-action-btn{padding:6px}}