.invite-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.invite-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(4px)}.invite-modal-content{position:relative;width:400px;background:linear-gradient(180deg,rgba(12,15,26,.98),rgba(21,25,41,.95));border:1px solid rgba(6,182,212,.3);overflow:hidden;animation:.3s inviteModalSlideIn}.invite-modal-content::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan,#06b6d4),transparent)}.invite-modal-content::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(6,182,212,.03),transparent);pointer-events:none}.invite-modal .modal-corner{position:absolute;width:12px;height:12px;z-index:1}.invite-modal .modal-corner::after,.invite-modal .modal-corner::before{content:'';position:absolute;background:var(--cyan,#06b6d4)}.invite-modal .modal-corner-tl{top:0;left:0}.invite-modal .modal-corner-tl::before{top:0;left:0;width:12px;height:1px}.invite-modal .modal-corner-tl::after{top:0;left:0;width:1px;height:12px}.invite-modal .modal-corner-tr{top:0;right:0}.invite-modal .modal-corner-tr::before{top:0;right:0;width:12px;height:1px}.invite-modal .modal-corner-tr::after{top:0;right:0;width:1px;height:12px}.invite-modal .modal-corner-bl{bottom:0;left:0}.invite-modal .modal-corner-bl::before{bottom:0;left:0;width:12px;height:1px}.invite-modal .modal-corner-bl::after{bottom:0;left:0;width:1px;height:12px}.invite-modal .modal-corner-br{bottom:0;right:0}.invite-modal .modal-corner-br::before{bottom:0;right:0;width:12px;height:1px}.invite-modal .modal-corner-br::after{bottom:0;right:0;width:1px;height:12px}@keyframes inviteModalSlideIn{from{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.invite-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid rgba(6,182,212,.15)}.invite-modal-type{display:flex;align-items:center;gap:10px}.invite-modal .modal-type-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--cyan,#06b6d4);position:relative}.invite-modal .modal-type-icon::before{content:'';position:absolute;inset:0;border:1px solid currentColor;opacity:.3;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.invite-modal .modal-type-label{font-size:9px;color:var(--text-muted,#64748b);letter-spacing:2px;text-transform:uppercase}.invite-modal .modal-type-name{font-size:12px;color:var(--text-white,#f1f5f9);margin-top:2px}.invite-modal-status{display:flex;align-items:center;gap:10px}.invite-modal .modal-status-tag{font-size:9px;padding:4px 10px;letter-spacing:1px;text-transform:uppercase;background:rgba(6,182,212,.2);color:var(--cyan,#06b6d4);border:1px solid rgba(6,182,212,.4)}.invite-modal-close{width:28px;height:28px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-muted,#64748b);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.invite-modal-close:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.3);color:#ef4444}.invite-modal-body{padding:18px}.invite-modal-title{font-size:15px;font-weight:600;color:var(--text-white,#f1f5f9);margin-bottom:14px;line-height:1.4}.invite-modal-title strong{color:var(--cyan,#06b6d4)}.invite-modal-room{background:rgba(0,0,0,.3);border:1px solid rgba(6,182,212,.15);padding:14px;margin-bottom:14px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.invite-modal-room-name{font-size:14px;font-weight:600;color:var(--text-white,#f1f5f9);margin-bottom:10px}.invite-modal-room-tags{display:flex;flex-wrap:wrap;gap:8px}.invite-modal-tag{display:flex;align-items:center;gap:5px;padding:5px 10px;background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.2);font-size:11px;color:var(--text-gray,#94a3b8)}.invite-modal-tag i{color:var(--cyan,#06b6d4);font-size:11px}.friend-request-message{background:rgba(0,0,0,.3);border:1px solid rgba(6,182,212,.15);padding:14px;margin-bottom:14px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.friend-request-message-label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted,#64748b);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.friend-request-message-label i{color:var(--cyan,#06b6d4);font-size:12px}.friend-request-message-content{font-size:13px;color:var(--text-gray,#94a3b8);line-height:1.5;padding:8px;background:rgba(255,255,255,.03);border-left:2px solid rgba(6,182,212,.3)}.invite-modal-user{display:flex;align-items:center;gap:12px;padding:12px;background:linear-gradient(90deg,rgba(6,182,212,.08),transparent);border-left:2px solid var(--cyan,#06b6d4);cursor:pointer;transition:.2s}.invite-modal-user:hover{background:linear-gradient(90deg,rgba(6,182,212,.15),transparent);border-left-width:3px;transform:translateX(2px)}.invite-modal-avatar{width:44px;height:44px;border-radius:4px;border:2px solid rgba(6,182,212,.4);object-fit:cover}.invite-modal-user-info{flex:1}.invite-modal-user-name{font-size:14px;font-weight:600;color:var(--text-white,#f1f5f9)}.invite-modal-user-stats{display:flex;gap:12px;margin-top:4px;font-size:11px;color:var(--text-muted,#64748b)}.invite-modal-user-stats span{display:flex;align-items:center;gap:4px}.invite-modal-user-stats i{color:var(--cyan,#06b6d4);font-size:11px}.invite-modal-footer{display:flex;gap:8px;padding:14px 18px 18px}.invite-modal-btn{flex:1;padding:12px 16px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:.3s;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.invite-modal-btn.accept{background:linear-gradient(135deg,var(--success,#22c55e),#22c55e);color:#0c0f1a}.invite-modal-btn.accept:hover{box-shadow:0 0 20px rgba(34,197,94,.4)}.invite-modal-btn.reject{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.4)}.invite-modal-btn.reject:hover{background:rgba(239,68,68,.3)}