@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");.navbar{position:fixed;top:0;left:0;width:100%;background-color:white;color:#303030;padding:10px 20px;box-shadow:0 2px 5px rgba(0,0,0,0.2);z-index:1000}.navbar-brand-img{height:40px;margin-right:8px}.navbar-icon{height:30px}.navbar-container{display:flex;justify-content:space-between;align-items:center;margin:0 auto}.navbar-brand{font-size:1.5rem;font-weight:bold;color:#fff;text-decoration:none}.navbar-menu,.navbar-links{list-style:none;margin:0;padding:0;display:flex;gap:80px;justify-content:center;align-items:center}.navbar-menu a,.navbar-links a{color:#4c4b4b;text-decoration:none;font-size:1rem;transition:color 0.3s ease}.navbar-menu a i,.navbar-links a i{font-size:20px}.navbar-menu .active i{font-size:25px}.navbar-menu a:hover,.navbar-links a:hover{color:#153752}.navbar-menu .active,.navbar-links .active{color:#153752}.main-content{padding-top:70px}.navbar-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}@media (max-width: 768px){.navbar-toggle{display:block}.navbar-links{display:none;flex-direction:column;width:100%;background-color:#444}.navbar-links.active{display:flex}.navbar-links li{margin:10px 0}}.user-dropdown{position:relative;margin-left:20px}.user-profile{display:flex;align-items:center;cursor:pointer}.user-image{width:40px;height:40px;border-radius:50%;margin-right:10px}.user-info{display:flex;flex-direction:column;align-items:flex-start}.username{font-size:1rem;color:#153752}.user-level{font-size:0.8rem;color:#23bcef;background-color:rgba(255,255,255,0.1);padding:2px 6px;border-radius:10px;margin-top:2px}.dropdown-arrow{font-size:0.8rem;color:#153752;margin-left:5px}.dropdown-menu{display:none;position:absolute;top:100%;right:0;background-color:white;list-style:none;padding:10px 0;margin:0;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,0.2);z-index:1000}.user-dropdown.active .dropdown-menu{display:block}.dropdown-menu a{display:flex;align-items:center;color:#4c4b4b;text-decoration:none;font-size:0.9rem;transition:color 0.3s ease}.dropdown-menu a:hover{color:#153752}.dropdown-menu .fas{margin-right:10px;font-size:1rem}#createChatRoomModal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.6);backdrop-filter:blur(3px)}#createChatRoomModal .create-chatroom-modal-content{background:linear-gradient(145deg, #fff, #f8f9fa);margin:8% auto;padding:0;border:none;border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 40px rgba(0,0,0,0.15);position:relative;animation:slideDown 0.3s ease-out;overflow:hidden}#createChatRoomModal .create-chatroom-close{position:absolute;top:15px;right:20px;color:#6c757d;font-size:28px;font-weight:bold;cursor:pointer;z-index:10;transition:all 0.2s ease;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,0.8)}#createChatRoomModal .create-chatroom-close:hover,#createChatRoomModal .create-chatroom-close:focus{color:#dc3545;background:rgba(220,53,69,0.1);transform:scale(1.1)}#createChatRoomModal h2{color:#153752;margin:0;padding:25px 30px;font-size:24px;font-weight:600;text-align:center;border-radius:16px 16px 0 0;box-shadow:0 2px 10px rgba(21,55,82,0.3)}#createChatRoomModal h2 i{margin-right:10px;font-size:22px}#chatRoomCreateForm{padding:30px}#createChatRoomModal .create-chatroom-form-group{margin-bottom:25px;position:relative}#createChatRoomModal .create-chatroom-input-container{position:relative;display:flex;align-items:center}#createChatRoomModal .input-icon{position:absolute;left:15px;color:#6c757d;font-size:16px;z-index:2;transition:color 0.3s ease}#createChatRoomModal .create-chatroom-input,#createChatRoomModal .create-chatroom-textarea{width:100%;padding:15px 15px 15px 45px;border:2px solid #153752;border-radius:12px;font-size:16px;font-family:inherit;transition:all 0.3s ease;background:#ffffff;box-sizing:border-box;resize:none}#createChatRoomModal .create-chatroom-input:focus,#createChatRoomModal .create-chatroom-textarea:focus{outline:none;border-color:#0f2a3f;box-shadow:0 0 0 3px rgba(15,42,63,0.1);transform:translateY(-1px)}#createChatRoomModal .create-chatroom-input:focus+.input-icon,#createChatRoomModal .create-chatroom-textarea:focus+.input-icon{color:#0f2a3f}#createChatRoomModal .create-chatroom-input::placeholder,#createChatRoomModal .create-chatroom-textarea::placeholder{color:#adb5bd;font-style:italic}#createChatRoomModal .create-chatroom-textarea{min-height:80px;line-height:1.5;font-family:inherit}#createChatRoomModal .create-chatroom-form-actions{display:flex;justify-content:space-between;gap:15px;margin-top:35px;padding-top:25px;border-top:1px solid #153752}#createChatRoomModal .create-chatroom-btn{flex:1;padding:14px 24px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;text-decoration:none;min-height:48px}#createChatRoomModal .create-chatroom-btn i{margin-right:8px;font-size:14px}#createChatRoomModal .create-chatroom-btn-secondary{background:#f8f9fa;color:#dc3545;border:2px solid #dc3545}#createChatRoomModal .create-chatroom-btn-secondary:hover{background:#dc3545;color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(21,55,82,0.3)}#createChatRoomModal .create-chatroom-btn-primary{background:linear-gradient(135deg, #153752, #0f2a3f);color:white;box-shadow:0 4px 15px rgba(21,55,82,0.4)}#createChatRoomModal .create-chatroom-btn-primary:hover{background:linear-gradient(135deg, #0f2a3f, #0a1f2d);transform:translateY(-2px);box-shadow:0 6px 20px rgba(15,42,63,0.5)}#createChatRoomModal .create-chatroom-btn:active{transform:translateY(0)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideDown{from{opacity:0;transform:translateY(-50px) scale(0.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){#createChatRoomModal .create-chatroom-modal-content{width:95%;margin:5% auto;border-radius:12px}#createChatRoomModal h2{font-size:20px;padding:20px 25px}#chatRoomCreateForm{padding:25px 20px}#createChatRoomModal .create-chatroom-form-actions{flex-direction:column;gap:12px}#createChatRoomModal .create-chatroom-btn{width:100%}}@media (max-width: 480px){#createChatRoomModal .create-chatroom-modal-content{width:98%;margin:2% auto;border-radius:10px}#createChatRoomModal h2{font-size:18px;padding:18px 20px}#chatRoomCreateForm{padding:20px 15px}#createChatRoomModal .create-chatroom-input,#createChatRoomModal .create-chatroom-textarea{padding:12px 12px 12px 40px;font-size:14px}#createChatRoomModal .input-icon{left:12px;font-size:14px}}.chat-window.messenger-style{width:370px;height:520px;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 4px 24px rgba(0,0,0,0.13);display:flex;flex-direction:column;overflow:hidden;border:1px solid #e0e0e0}.chat-window.messenger-style .chat-header{display:flex;align-items:center;background:#143d5e;color:#fff;padding:12px 16px;font-weight:600;font-size:16px;border-bottom:1px solid #143d5e;cursor:pointer}.chat-window.messenger-style .chat-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:10px}.chat-avatar-fallback{background:#385670;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:15px;text-transform:uppercase;margin-right:10px;user-select:none;letter-spacing:1px}.chat-window.messenger-style .chat-title{flex:1;margin-left:5px}.chat-window.messenger-style .chat-close{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;margin-left:auto;padding:0 8px}.chat-window.messenger-style .chat-messenger-body{flex:1 1 auto;background:#ffffff;overflow-y:auto;min-height:0;scroll-behavior:smooth;padding-bottom:4px}.messenger-messages-list{display:flex;flex-direction:column;gap:4px;min-height:100%}.messenger-message-row{display:flex;align-items:flex-start}.messenger-message-row.own-message{justify-content:flex-end;padding:0px 6px 6px 6px}.messenger-message-row.other-message{justify-content:flex-start;padding:0px 6px 0px 6px}.messenger-bubble-container{max-width:80%;display:flex;flex-direction:column}.messenger-message-row .messenger-bubble-container:has(.bot-message){max-width:100%}.messenger-bubble-container.bot-message-container{max-width:100%}.messenger-bubble-container.broadcast-message-container{max-width:100%}.messenger-bubble{background:#e4e6eb;color:#050505;border-radius:18px;padding:8px;font-size:13px;position:relative;word-break:break-word}.messenger-message-row.own-message .messenger-bubble{background:#143d5e;color:#fff;border-bottom-right-radius:4px;border-bottom-left-radius:18px}.messenger-message-row.other-message .messenger-bubble{background:#e4e6eb;color:#050505;border-bottom-left-radius:4px;border-bottom-right-radius:18px}.messenger-message-row.other-message .messenger-bubble:has(.bot-message){background:#d8f6ff}.messenger-message-row.other-message .messenger-bubble:has(.broadcast-message){background:#d8f6ff}.messenger-message-row.other-message .messenger-bubble.bot-message-bubble{background:#d8f6ff}.broadcast-message{background:#d8f6ff}.message-content-wrapper{display:block;width:100%}.messenger-bubble .message-text,.messenger-bubble .message-image,.messenger-bubble .audio-message,.messenger-bubble .sticker-message,.notification-message,.bot-message,.gift-message,.announcement-message,.broadcast-message,.command-message{display:block;margin-bottom:4px;word-wrap:break-word;overflow-wrap:break-word}.msg-time-inline{font-size:10px;opacity:0.6;color:inherit;white-space:nowrap;text-align:right;margin-top:4px;font-weight:600;letter-spacing:0.3px;padding-left:10px;float:inline-end}.messenger-message-row.own-message .msg-time-inline{color:rgba(255,255,255,0.7)}.messenger-message-row.other-message .msg-time-inline{color:rgba(0,0,0,0.5)}.messenger-bubble .message-text{display:inline;line-height:1.4}.messenger-bubble{min-width:fit-content}.messenger-message-meta{display:none}.chat-window.messenger-style .chat-footer{background:#f0f2f5;padding:10px 12px;border-top:1px solid #e0e0e0;display:flex;align-items:center;flex:0 0 auto}.send-message-wrapper{display:flex;align-items:center;width:100%;gap:8px}.send-message-wrapper textarea.messenger-input{flex:1;resize:none;border:none;border-radius:18px;padding:8px 14px;font-size:15px;background:#fff;min-height:36px;max-height:80px;outline:none;box-shadow:0 1px 2px rgba(0,0,0,0.03)}.send-message-wrapper button.messenger-send-btn{background:#143d5e;color:#fff;border:none;border-radius:50%;width:38px;height:38px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s}.send-message-wrapper button.messenger-send-btn:hover{background:#143d5e}#chat-windows-container{position:fixed;bottom:0;right:250px;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:10px;z-index:1000}#minimized-chats-container{position:fixed;bottom:0;right:15px;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:10px;z-index:999}@media (max-width: 768px){#chat-windows-container{right:10px}#minimized-chats-container{display:none}}@media (max-width: 500px){.chat-window.messenger-style{width:100vw;height:100vh;min-width:0;max-width:100vw;right:0;left:0;border-radius:0}}.chat-window.messenger-style.minimized{height:50px;width:50px;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,0.2);cursor:pointer;transition:all 0.2s ease;margin:0;overflow:visible;position:relative;background:#143d5e;display:flex;align-items:center;justify-content:center;padding:0;gap:0}.chat-window.messenger-style.minimized:hover{box-shadow:0 4px 12px rgba(0,0,0,0.3);transform:translateY(-2px)}.chat-window.messenger-style.minimized::after{content:attr(data-room-name);position:absolute;right:60px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.8);color:white;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.3s, visibility 0.3s;z-index:1001;pointer-events:none;max-width:200px;font-weight:500}.chat-window.messenger-style.minimized:hover::after{opacity:1;visibility:visible}.minimized-close-btn{display:none;position:absolute;top:-5px;right:-5px;width:22px;height:22px;background:#ff4757;color:white;border:2px solid white;border-radius:50%;cursor:pointer;font-size:12px;line-height:18px;text-align:center;z-index:3;font-weight:bold;transition:all 0.2s ease}.minimized-close-btn:hover{background:#ff3742;transform:scale(1.1)}.chat-window.messenger-style.minimized:hover .minimized-close-btn{display:flex;align-items:center;justify-content:center}.chat-window.messenger-style.minimized .chat-header{border-radius:0;background:transparent;height:100%;width:100%;padding:0;display:flex;align-items:center;justify-content:center;gap:0;color:#fff;border-radius:50%}.chat-window.messenger-style.minimized .chat-minimize,.chat-window.messenger-style.minimized .chat-close{display:none}.chat-window.messenger-style.minimized .chat-title{display:none}.chat-window.messenger-style.minimized .chat-avatar,.chat-window.messenger-style.minimized .chat-avatar-fallback{width:32px;height:32px;margin-right:0;font-size:14px;flex-shrink:0}.chat-window.messenger-style.minimized .chat-messenger-body,.chat-window.messenger-style.minimized .chat-footer{display:none !important}.chat-window.messenger-style .chat-header .chat-minimize,.chat-window.messenger-style .chat-header .chat-close{cursor:pointer;background:none;border:none;color:#fff;font-size:22px;margin-left:8px;padding:0 4px;transition:background 0.15s}.chat-window.messenger-style .chat-header .chat-minimize:hover,.chat-window.messenger-style .chat-header .chat-close:hover{background:rgba(255,255,255,0.12);border-radius:50%}.left-skeleton{float:left;width:8%;margin-right:30px;height:40px}.right-skeleton{float:right;height:40px}.right-skeleton.w-40{width:40%}.right-skeleton.w-50{width:50%}.right-skeleton.w-60{width:60%}.right-skeleton.w-70{width:70%}.right-skeleton.w-80{width:80%}.chat-box{width:auto;border-radius:4px;--background: #fcfcfc !important;margin:4px 6px 4px 6px !important;display:block;clear:both;position:relative;--min-height: 20px}.chat-box .room-info{font-size:12px;margin-bottom:5px;padding:6px;border-radius:5px}.chat-box .room-info span{font-weight:700}.chat-box .room-info img{width:18px;margin-right:5px}.chat-box .room-info-messages{background-color:#d8f6ff}.chat-box .announcements{background-color:#ffd8d8}.chat-box .message-body{color:#333333;font-size:16px;line-height:16px;text-align:left;position:relative}.chat-box .message-body .username{max-width:100%;color:#449ab5}.chat-box .message-body .username .user-own-color{color:green}.chat-box .message-body .username .user-admin-color,.chat-box .message-body .username .user-super_admin-color{color:#f29d00}.chat-box .message-body .username .user-room-moderator-color{color:#ccbe25}.chat-box .message-body .username .user-merchant-color{color:#5d11e1}.chat-box .message-body .username .user-mentor-color{color:#be000d}.chat-box .message-body .username .user-staff-color{color:#ff5733}.chat-box .message-body .username .user-shield-color{color:#ff69b4}.chat-box .message-body .username .user-legend-color{color:#800000}.chat-box .message-body .username .user-executive-color{color:#171717}.chat-box .message-body .username .user-room-admin-color,.chat-box .message-body .username .user-room-owner-color{color:#ffcc33}.chat-box .message-body .username .user-top_level-color{color:#863683}.chat-box .message-body .room-name{color:#ca483c}.chat-box ion-button ion-icon{font-size:17px}.chat-box p{margin:0;font-size:0.7rem;opacity:0.7}.chat-box.received{float:left;color:#fff;line-height:23px;border-radius:10px;font-weight:normal;padding-right:35px;margin-left:18px !important}.chat-box.received p ion-icon{display:none}.chat-box.send{float:right;text-align:right;color:#000;border-radius:10px;padding-left:35px;margin-right:18px !important}.chat-box.receivedlocation{float:left;color:#000;line-height:23px;font-weight:normal;margin-left:8px !important}.chat-box.sendlocation{float:right;text-align:right;color:#000;margin-right:8px !important}.chat-box.receivedimage{float:left;color:#000;line-height:23px;font-weight:normal;margin-left:8px !important}.chat-box.sendimage{float:right;text-align:right;color:#000;margin-right:8px !important}.chat-box.receivedemoji{background:#ff0000;float:left;color:#000;line-height:18px;font-weight:normal;text-align:center;margin-left:8px !important}.chat-box.sendemoji{background:#e9e7e7;float:right;text-align:right;color:#000;text-align:center;margin-right:8px !important}ion-slides ion-slide{overflow-y:auto}.chat-room-action-wrapper{position:absolute;left:10px;width:250px;bottom:58px;border-radius:4px;box-shadow:0 0 5px #cccccc}.chat-room-action-wrapper ul{--background: #f5f5f5;background:#f5f5f5}.chat-room-action-wrapper ul li{--background: #f5f5f5;--min-height: 45px}.chat-room-action-wrapper ul ion-icon{margin:4px 15px 4px 0}ion-item{margin:1%;background-color:#fff;opacity:1;font-size:0.9em;transition:0.2s linear;--min-height: 22px;padding:0}ion-avatar{max-width:10px;max-height:10px}.command-text{color:#8b2635;text-align:center;font-weight:bold;font-size:13px}.command-extra{color:#8b2635;text-align:left;font-weight:bold;font-size:13px;padding-left:10px}.gift-message-text,.announcement-message-text{color:#8b2635;text-align:center;font-weight:bold;font-size:13px}.gift-message-text .gift-image,.announcement-message-text,.gift-image{width:16px !important;height:16px !important}.special-message-row{padding:4px}.announcement-message-text{color:#83332c;text-align:left}.notification-message{font-size:12px;color:#222222;padding-left:5px}.footerIcon{color:rgba(244,245,248,0.7)}ion-input{--placeholder-color: rgb(10, 10, 10)}ion-toolbar ion-button img{border-radius:100%;margin-left:4px;height:40px;width:40px}ion-toolbar ion-toolbar-title{white-space:normal;display:flex;flex-direction:column}ion-toolbar ion-toolbar-title span{white-space:nowrap}ion-toolbar ion-toolbar-title small{font-size:60%;white-space:nowrap}agm-map{height:200px;width:230px}ion-input{color:black;font-size:15px}.playIcon{font-size:100px;position:absolute;margin-top:60%;color:white}.input{background-color:white;border-radius:20px;font-size:0.9em !important;box-shadow:0 0 10px #444}.animate{animation-name:fadeIn;animation-duration:1s;transition:0.1s}.right{float:right}.text{font-size:16px}.card{margin-bottom:9px;max-width:80%;padding:12px;border-radius:6px;border:0.5px solid #d2d2d2;background-color:white}.item-inner{height:33px}@keyframes fadeIn{0%{transform:translateY(15px);opacity:0}100%{transform:translateY(0px);opacity:1}}.input-position{background:linear-gradient(transparent, rgba(0,0,0,0.8))}.custom-footer-row{height:65px}.send-button{height:36px;width:90%;box-shadow:0 0 10px #444;border-radius:50%}ion-footer{background-color:#ffffff;position:fixed;bottom:0}.line-breaker{white-space:pre-line}.no-chat{min-height:100%;display:flex;justify-content:center;align-items:center;color:#153752}.input-wrap{padding:5px;display:flex;background:#efefef}.input-wrap ion-button{max-width:35px;margin:0 !important;--padding-start: 5px;--padding-end: 5px}.input-wrap .custom-chat-input{display:flex;width:calc(100% - 80px);border:solid 1px #ffffff;border-radius:20px;height:45px;background:#ffffff;padding:4px 0;transition:0.4s}.input-wrap .custom-chat-input .message-input{width:100%;max-height:35px;overflow-y:auto;overflow-x:hidden;padding:0 5px 0 0;outline:none;font-size:16px;vertical-align:middle;margin:auto auto auto 8px}.input-wrap textarea{--padding-bottom: 0 !important;height:18px;--padding-top: 0;margin-top:0;font-size:16px;border:none;resize:none}.new-message-indicator{cursor:pointer;position:fixed;bottom:70px;font-size:20px;color:#153752;padding:0 10px 6px;line-height:20px;width:fit-content;margin-left:8px;text-align:center;border-radius:6px}.new-message-indicator .msg-txt{font-size:12px}.new-message-indicator ion-icon{position:relative;top:6px}[contentEditable="true"]:empty:before{content:attr(data-placeholder);color:grey;position:relative;font-size:16px}.message-wrap{padding:0 10px}.message-wrap .message{position:relative;padding:7px 0}.message-wrap .message .user-img{position:absolute;border-radius:45px;width:45px;height:45px;box-shadow:0 0 2px rgba(0,0,0,0.36)}ion-modal,.show-page{background-color:rgba(0,0,0,0.5) !important;padding:50px !important}.toolbar-background{color:red !important}ion-modal.modal-wrapper{transform:translateY(30%) !important}ion-page.modal{padding:30px;background:rgba(0,0,0,0.5)}.modal-backdrop-bg{background-color:#000;opacity:0}.active .modal-backdrop-bg{opacity:0.5}.send-message-wrapper{position:relative}.send-message-wrapper ion-button{vertical-align:middle;margin:auto !important}.send-message-wrapper ion-icon{font-size:26px;cursor:pointer}.scroll-content{-webkit-overflow-scrolling:auto;padding-bottom:0 !important}ion-content{height:calc(var(--app-height) - 100px)}ion-content.reply-message-show{height:calc(var(--app-height) - 150px)}ion-content.open-emoji-keyboard{height:calc(100vh - 335px)}.text{padding:6px;border-radius:8px}.gift{background:#fff !important;text-align:center !important;width:100%;margin-top:10px !important;margin-bottom:10px !important}.react-reply-container{display:flex;align-items:center}.react-reply{margin:0 7px;display:flex;align-items:center;visibility:hidden !important;position:relative}.others-msg{float:left;display:flex;flex-direction:row;align-items:center !important}.others-msg:hover .react-reply{visibility:visible !important}.others-msg .react-reply{position:relative}.others-msg .react-reply .react-container{position:absolute;right:15px}.reaction-own{position:absolute;right:15px !important;bottom:-19px;background-color:#153752;border-radius:5px;z-index:1;padding:1px 0;color:white !important}.reaction-other{position:absolute;left:12px;bottom:-19px;background-color:#f4f6f8;border-radius:5px;z-index:1;padding:1px 0}.own-msg{float:right;display:flex}.own-msg:hover .react-reply{visibility:visible !important}.own-text{background:#153752;color:#fff !important;border-radius:5px;padding:8px 10px}.own-text::before{content:"";position:absolute;height:10px;border:10px solid transparent;border-bottom-color:#153752;right:2px;bottom:6px;border-left-width:0px}.others-text{background:#f4f6f8;border-radius:5px;padding:8px 10px}.others-text::before{content:"";position:absolute;height:10px;border:8px solid transparent;border-bottom-color:#f4f6f8;left:0px;bottom:6px;border-right-width:4px}.msg-time{color:#a1b7c8;font-size:9px;float:right;position:relative;top:10px;margin-top:6px}.last-message{margin-bottom:60px !important}.me-command{width:max-content}.img-txt{width:400px;height:auto;padding:5px;border-radius:10px}.audio-msg{padding:5px;border-radius:5px}.file-msg-time{color:#a1b7c8;font-size:9px;float:right}.sticker-msg-time{color:#a1b7c8;font-size:9px;margin-right:10px;float:right}.sticker-wrapper img{width:100px}audio{filter:sepia(34%) saturate(70%) grayscale(1) contrast(99%) invert(12%);height:40px}.scroll-btn{position:fixed;bottom:70px;z-index:100;--background: #fff;--padding-start: 8px;--padding-end: 8px;--padding-top: 5px;--padding-bottom: 5px;margin-left:50%;color:#153752;--border-radius: 50%}.reply-section{font-size:12px;max-width:100%;margin-bottom:-2px}.reply-section .reply-person{color:#a1b7c8;margin-bottom:5px}.reply-section .common-reply{padding:5px 10px;width:fit-content;border-radius:5px}.reply-section .my-reply{background:#f1f1f1;float:right;position:relative;right:10px;color:#153752}.reply-section .others-reply{background:#35678f;position:relative;left:10px;color:#fff}.reply-section .reply-img{width:100px}.reply-section .reply-sticker{width:60px}.react-container{min-width:250px;position:absolute;background-color:white;border:0.1px solid lightgray;border-radius:5px;padding:5px 10px;display:flex;justify-content:space-around;align-items:center;top:-40px;z-index:100}.remove-forward-wrapper{position:relative}.remove-forward-wrapper .remove-forward-option{width:200px;position:absolute;z-index:100;top:45px;border:0.1px solid lightgray;padding:0 1px;border-radius:0px;right:-15px;text-align:center}.remove-forward-wrapper .remove-forward-option ion-select-option{min-width:450px !important}.remove-forward-wrapper .remove-forward-option ion-button ion-icon,.remove-forward-wrapper .remove-forward-option ion-item ion-icon{width:18px;height:17px;padding:0 5px}.message-reply-copy-container{border-top:0.1px solid #d4d3d3;padding:10px}.reply-message-and-remove-btn{display:flex;justify-content:space-between;align-items:center}.replying-to,.reply-text{font-size:13px}.single-react img{transition:0.3s}.single-react img:hover{transform:scale(1.3);cursor:pointer}ion-select .select-icon{display:none !important}.message-remove-text{padding:15px 10px;border:0.1px solid lightgray;border-radius:5px;margin:5px 0}.send-message-btn{background-color:#0d2e49;border-radius:20px}.send-message-btn .send-icon{color:white;padding:0px 1px 1px 5px}.inline-message-image{width:20px;height:20px;vertical-align:middle;margin:0 2px;display:inline-block}.messenger-bubble .message-image{max-width:250px;height:auto;border-radius:12px;margin:4px 0}.messenger-bubble .audio-message{padding:8px 0}.messenger-bubble .audio-player{width:100%;max-width:250px;height:35px;filter:sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%)}.messenger-bubble .sticker-message img{width:80px;height:80px;border-radius:8px}.notification-message,.bot-message,.gift-message,.announcement-message,.broadcast-message,.command-message{font-size:13px;color:inherit}.messenger-bubble .notification-message i{margin-right:8px;color:#65676b}.messenger-bubble .bot-message .bot-name{font-weight:600;color:#7cb342;margin-right:4px}.gift-message{font-style:italic;color:#8b2635;text-align:center;font-weight:500}.messenger-bubble .announcement-message{background:rgba(255,193,7,0.1);border-left:3px solid #ffc107;padding:8px 12px;border-radius:8px;margin:4px 0}.messenger-bubble .announcement-message img{width:16px;height:16px;margin-right:6px;vertical-align:middle}.messenger-bubble .command-message{font-family:'Courier New', monospace;background:rgba(108,117,125,0.1);padding:8px 12px;border-radius:8px;border-left:3px solid #6c757d}.messenger-bubble .username{display:block;font-size:13px;font-weight:600;margin-bottom:4px;color:#65676b}.messenger-message-row.own-message .messenger-bubble .username{display:none}.messenger-bubble .message-text{line-height:1.4;word-wrap:break-word}.messenger-message-meta .msg-time{font-size:11px;opacity:0.7}.all-reaction-container{display:flex;flex-wrap:wrap;gap:4px;margin-top:-4px;z-index:999}.reaction-show{display:flex;align-items:center;background:#e0e0e0;border-radius:12px;padding:2px 6px;border:2px solid white;margin:0;font-size:11px;margin:0 2px !important;gap:3px;transition:all 0.2s ease}.reaction-show.own-message{background-color:#143d5e !important}.reaction-show img{width:14px;height:14px;margin-right:3px}.reaction-show span{font-weight:500;color:#495057}.reaction-show.own-message span{color:#ffffff !important}.reply-section{font-size:12px}.reply-person{color:#65676b;margin-bottom:4px;font-style:italic}.reply-person i{margin-right:4px}.common-reply{background:rgba(0,0,0,0.1);border-left:3px solid #1877f2;padding:6px 10px;border-radius:6px;font-size:13px;max-width:200px}.my-reply{background:rgba(20,61,94,0.1);border-left-color:#143d5e}.others-reply{background:rgba(228,230,235,0.8);border-left-color:#65676b}.reply-img{max-width:60px;height:auto;border-radius:4px;margin-top:4px}.reply-sticker{width:40px;height:40px;border-radius:4px}.messenger-avatar{flex-shrink:0;align-self:flex-end;margin-bottom:4px}.messenger-avatar .chat-avatar-fallback{width:28px;height:28px;font-size:12px;margin:0}.user-admin-color,.user-super_admin-color{color:#f29d00 !important}.user-room-moderator-color{color:#ccbe25 !important}.user-merchant-color{color:#5d11e1 !important}.user-mentor-color{color:#be000d !important}.user-staff-color{color:#ff5733 !important}.user-shield-color{color:#ff69b4 !important}.user-legend-color{color:#800000 !important}.user-ipl_champion-color{color:#1fd655 !important}.user-executive-color{color:#171717 !important}.user-room-admin-color,.user-room-owner-color{color:#ffcc33 !important}.user-top_level-color{color:#863683 !important}.user-default-color,.user-member-color{color:#1877f2 !important}.room-name-color{color:#ca483c !important}.messenger-messages-list .chat-box{display:block;clear:none;float:none;margin:0;padding:0;background:transparent !important;border-radius:0;position:static}.chat-window.messenger-style .chat-footer{flex-shrink:0}@media (max-width: 768px){.messenger-bubble-container{max-width:85%}.messenger-bubble .message-image{max-width:200px}.messenger-bubble .audio-player{max-width:200px}}.chat-window.messenger-style .chat-header .chat-minimize{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background 0.15s}.chat-window.messenger-style .chat-header .chat-minimize:hover{background:rgba(255,255,255,0.2)}.chat-messenger-body::-webkit-scrollbar{width:6px}.chat-messenger-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-messenger-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-messenger-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.chat-message-options-dropdown{position:relative;display:inline-flex}.chat-dropdown-toggle-btn{background:none;border:none;padding:8px;cursor:pointer;color:#65676b;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background-color 0.2s ease}.chat-dropdown-toggle-btn:hover{background-color:#f2f3f5}.chat-dropdown-toggle-btn:focus{outline:none;background-color:#e4e6ea}.chat-dropdown-toggle-btn svg{width:16px;height:16px}.chat-dropdown-menu{position:absolute;bottom:100%;left:0;background:#fff;border:1px solid #e4e6ea;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.15);min-width:160px;z-index:9999 !important;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.2s ease;margin-bottom:8px;pointer-events:none}.chat-dropdown-menu.show{opacity:1 !important;visibility:visible !important;transform:translateY(0) !important;pointer-events:auto !important}.chat-dropdown-item{padding:10px 16px;cursor:pointer;display:flex;align-items:center;font-size:14px;color:#1c1e21;transition:background-color 0.2s ease;white-space:nowrap}.chat-dropdown-item:hover{background-color:#f2f3f5}.chat-dropdown-item:first-child{border-radius:8px 8px 0 0}.chat-dropdown-item:last-child{border-radius:0 0 8px 8px}.chat-dropdown-item span{display:flex;align-items:center;gap:8px}.send-message-wrapper{display:flex;align-items:flex-end;gap:8px;background:#f0f2f5;position:relative}.chat-room-create-button,.chat-room-search-button{text-decoration:none;color:#4c4b4b;font-size:16px;font-weight:500;line-height:20px}.card{width:100%;border:1px solid #ccc;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,0.1);display:grid;grid-gap:8px;padding:10px;background:white}.header{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f5f5f5;cursor:pointer;border-bottom:1px solid #ccc;border-radius:10px}.arrow{padding-left:3px;transition:transform 0.3s ease}.room-list{list-style:none;margin:0;padding:0;max-height:none;overflow:hidden;transition:max-height 0.3s ease}.room-list li{padding:10px;border-bottom:1px solid #eee}.room-list li a{display:flex;flex-direction:row;justify-content:space-between;text-decoration:none;color:black}.room-list li:last-child{border-bottom:none}.room-list.show{max-height:none}.room-list.hide{max-height:0}.vl{border-right:3px solid #153752;padding:2px}.friend-list{display:flex;flex-direction:column;gap:5px}.friend-list-height{min-height:500px}.friend-item-wrapper{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #eee;background:white;border-radius:5px}.friend-item{display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color 0.3s;text-decoration:none;color:black;width:100%}.profile-pic{width:50px;height:50px;border-radius:50%;margin-right:10px;position:relative}.profile-pic img{width:100%;height:100%;border-radius:50%;object-fit:cover}.status-circle{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid #fff}.status-circle.online{background-color:#28a745}.status-circle.offline{background-color:#6c757d}.status-circle.busy{background-color:#dc3545}.friend-info{display:flex;flex-direction:column;flex-grow:1;cursor:pointer}.name{font-size:16px;font-weight:bold;margin-bottom:5px}.status-message{font-size:14px;color:#666;font-style:italic}.status-info{font-size:14px;color:#666}.message-count{background-color:#143d5e;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:0.8em;margin-left:10px}.tabs{display:flex;margin-bottom:10px}.tab-button{padding:10px;cursor:pointer;border:1px solid #ccc;background-color:#f9f9f9;margin-right:5px}.tab-button.active{background-color:#e9e9e9;border-bottom:none}.cover-image-section{width:100%;height:250px;background-image:linear-gradient(#143d5e, #fff)}.cover-hader-site{position:relative;width:100%;height:100%;margin:auto}.cover-hader-site img{width:100%;height:100%;object-fit:cover;cursor:pointer;border-radius:0px 0px 10px 10px}.cover-image-div{position:absolute;left:0px;bottom:0px;width:100%;height:50px}.cover-image-edite-btn{text-align:right}.cover-image-edite-btn button{padding:7px 10px;border-radius:5px;margin-top:10px;margin-right:20px;font-size:13px;background-color:#fff;cursor:pointer;border:none;outline:none;color:#333}.cover-image-edite-btn button:hover{background-color:#F2F2F2}.cover-image-edite-btn button i{margin-right:5px}.profile-section{width:100%}.profile-section-in{width:100%;height:120px;border-bottom:1px solid #3335;margin:auto;display:grid;grid-template-columns:2fr 4fr 4fr}.profile-image-div{position:relative;width:125px;height:125px;border:3px solid #fff;margin-left:20px;transform:translateY(-30px);background-color:#333;border-radius:50%}.profile-image-div img{width:100%;height:100%;border-radius:50%;object-fit:cover;cursor:pointer;transition:0.3s}.profile-image-div img:hover{filter:brightness(0.9)}.profile-image-div span{position:absolute;right:5px;bottom:5px;cursor:pointer;padding:5px 5px;border-radius:50%;background-color:#d5d5d5;font-size:18px;color:#333}.profile-name-info h1{margin-top:20px;margin-left:10px;font-size:25px;color:#000}.profile-name-info p{font-size:14px;color:#333;margin-left:10px}.profile-name-info p a{text-decoration:none;color:#153752}.profile-name-info p span{cursor:pointer}.friends-img-div{margin-left:10px;margin-top:5px;width:200px;display:grid;grid-template-columns:repeat(8, 1fr)}.firend-img{width:25px;height:25px;border:1px solid #fff;border-radius:50%;background-color:#333;margin-left:-3px;cursor:pointer}.firend-img img{width:100%;height:100%;object-fit:cover;border-radius:50%;cursor:pointer}.last-fi-div{position:relative;overflow:hidden;transform:translateX(-21px)}.b{transform:translateX(-3px)}.c{transform:translateX(-6px)}.d{transform:translateX(-9px)}.e{transform:translateX(-12px)}.f{transform:translateX(-15px)}.g{transform:translateX(-18px)}.last-fi-div span{position:absolute;top:-3px;left:-3px;width:100%;height:100%;border-radius:50%;background-color:#3338;color:#fff8;padding:8px 8px;font-size:15px;cursor:pointer}.btn-site-pro{width:100%}.profile-button-site span{padding:7px 10px;border-radius:5px;margin-top:10px;margin-right:5px;font-size:13px;background-color:#153752;cursor:pointer;border:none;outline:none;color:#fff}.profile-button-site span:hover{background-color:#153752}.edit-profile-btn{background-color:#153752 !important;color:#ffffff !important}.edit-profile-btn:hover{background-color:#D8DADF !important;color:#333 !important}.edit-profile-btn-2:hover{background-color:#f51313 !important;color:#ffffff !important}.edit-profile-btn-2{background-color:#D8DADF !important;color:#333 !important}.btn-site-pro{margin-top:75px;text-align:right}.full-navbar{width:100%;border-bottom:1px solid #3335;margin-bottom:10px}.navbar-site{width:100%;margin:auto;display:grid;grid-template-columns:4fr 1fr}.navbar-site ul{padding:0px;margin-bottom:0px;margin-left:5px}.navbar-site ul a{text-decoration:none}.navbar-site ul a li,.navbar-site ul li{display:inline-block;padding:15px 12px;font-size:14px;font-weight:bold;color:#707070;cursor:pointer;margin-left:-5px;transform:0.3s}.navbar-site ul a li:hover,.navbar-site ul li:hover{background-color:#E4E6E9}.activ-navbar{position:relative;background-color:#fff !important;color:#153752 !important}.activ-navbar i{color:#153752 !important}.activ-navbar:after{position:absolute;content:'';bottom:0px;left:0px;width:100%;height:3px;background-color:#153752}.nav-btn{text-align:right}.nav-btn i{font-size:16px;padding:7px 12px;background-color:#E4E6E9;border-radius:5px;color:#707070;margin-top:8px;cursor:pointer}.nav-btn i:hover{background-color:#D8DADF;color:#333}.tab-pane{display:none;border-top:none}.tab-pane.active{display:block}.profile-details{display:grid;padding:40px;background:#ffffff}.detail-item{display:flex;align-items:center;margin-bottom:15px;font-size:16px;color:#555}.detail-icon{width:24px;text-align:center;margin-right:12px;color:#153752}.gift-container{background:white;padding:30px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08)}.gift-tab-system{display:flex;border-bottom:1px solid #e0e0e0;margin-bottom:25px;gap:5px}.gift-tab{padding:14px 24px;background:none;border:none;cursor:pointer;font-size:15px;color:#6c757d;display:flex;align-items:center;gap:8px;border-radius:8px 8px 0 0;transition:all 0.3s ease;position:relative}.gift-tab:hover{background:#f1f1f1;color:#495057}.gift-tab-active{color:#153752;background:rgba(13,110,253,0.05)}.gift-tab-active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:#153752}.gift-tab-icon{font-size:16px}.gift-tab-content{display:none;animation:gift-fadeIn 0.4s ease}.gift-tab-content-active{display:block}.gift-content-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.gift-content-icon{font-size:24px;color:#153752}.gift-content-title{margin:0;color:#212529}.gift-content-text{color:#6c757d;margin:0}@keyframes gift-fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gift-content-text{color:#6c757d;margin:0 0 20px 0}.gift-history-list{border-top:1px solid #eaeaea;margin-top:20px}.gift-history-item{display:flex;align-items:flex-start;padding:16px 0;border-bottom:1px solid #f0f0f0;gap:12px}.gift-history-item img{width:40px;height:40px;flex-shrink:0}.gift-history-content{flex-grow:1}.gift-history-action{font-weight:500;color:#333;margin-bottom:4px}.gift-history-time{color:#888;font-size:0.85em}@media (max-width: 480px){.gift-history-item{padding:12px 0;gap:8px}.gift-history-item img{width:36px;height:36px}}.profile-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5)}.profile-modal-content{background-color:#fefefe;margin:5% auto;padding:25px;border-radius:8px;width:90%;max-width:700px;box-shadow:0 4px 20px rgba(0,0,0,0.15);animation:profile-modalopen 0.3s}@keyframes profile-modalopen{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.profile-close{color:#aaa;float:right;font-size:28px;font-weight:bold;cursor:pointer;transition:color 0.2s}.profile-close:hover{color:#333}.profile-modal-content h2{display:flex;align-items:center;gap:10px;margin-bottom:20px}.profile-form-row{display:flex;gap:15px;margin-bottom:15px}.profile-form-group{margin-bottom:15px;flex:1}.profile-form-group-half{flex:0 0 calc(50% - 8px)}.profile-form-group-third{flex:0 0 calc(33.333% - 10px)}.profile-label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;color:#555;font-size:14px}.profile-input-container{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#777}.profile-input,.profile-textarea,.profile-select{width:100%;padding:10px 10px 10px 40px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color 0.3s}.profile-textarea{padding-left:40px;resize:vertical;min-height:60px}.profile-select{height:40px;background-color:white;appearance:none;padding-left:40px}.profile-input:focus,.profile-textarea:focus,.profile-select:focus{border-color:#143d5e;outline:none}.profile-file-container{display:flex;align-items:center;gap:15px}.profile-file-label{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;background-color:#f0f0f0;border-radius:4px;cursor:pointer;transition:background-color 0.3s}.profile-file-label:hover{background-color:#e0e0e0}.profile-file-input{display:none}.profile-avatar-preview{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid #eee;display:none}.profile-avatar-preview img{width:100%;height:100%;object-fit:cover}.profile-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:15px;border-top:1px solid #eee}.profile-edit-button,.profile-save-btn,.profile-cancel-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all 0.3s}.profile-edit-button{background-color:#2196F3;color:white}.profile-edit-button:hover{background-color:#0b7dda}.profile-save-btn{background-color:#153752;color:white}.profile-save-btn:hover{background-color:#143d5e}.profile-cancel-btn{background-color:#f44336;color:white}.profile-cancel-btn:hover{background-color:#d32f2f}@media (max-width: 768px){.profile-info{flex-direction:column}.profile-avatar-container{margin-bottom:20px}.profile-modal-content{margin:10% auto;width:95%;padding:15px}.profile-form-row{flex-direction:column;gap:0}.profile-form-group-half,.profile-form-group-third{flex:1;width:100%}.profile-file-container{flex-direction:column;align-items:flex-start}}.ratting{display:flex;align-items:center;gap:5px;padding:5px 0}.fas.fa-star{font-size:20px;color:gray;transition:color 0.3s ease}.fas.fa-star.rated{color:#ffc63c}.ratting-text{font-size:14px;font-weight:bold;color:#2f517c;margin-left:8px;vertical-align:middle}.star-wrapper{position:relative;display:inline-block;width:20px;height:20px;vertical-align:middle}.star-bg,.star-fill{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.star-fill{color:#ffc63c;z-index:2;white-space:nowrap}.star-bg{color:gray;z-index:1}.alert-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1001;animation:fadeIn 0.3s ease-in-out}.alert-modal-content{position:relative;background-color:#fff;margin:15% auto;padding:20px;border-radius:8px;width:400px;box-shadow:0 4px 6px rgba(0,0,0,0.1);animation:profile-modalopen 0.3s}.alert-modal-header{position:relative;text-align:center;padding-top:20px}.alert-modal-icon{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.alert-modal-icon-i{font-size:24px}.alert-modal-title{margin:14px;color:#333;font-size:1.5em}.alert-modal-close{position:absolute;right:10px;top:10px;font-size:24px;border:none;background:none;cursor:pointer;color:#666}.alert-modal-body{padding:10px 0;text-align:center}.alert-modal-message{margin:0;color:#666;font-size:1.1em;line-height:1.4}.alert-modal-footer{text-align:center;padding-top:20px}.alert-modal-btn{padding:10px 30px;border-radius:4px;border:none;cursor:pointer;font-size:1em;transition:background-color 0.3s}.alert-modal-confirm{background-color:#153752;color:white}.alert-modal-confirm:hover{background-color:#0f2a3f}.alert-modal-success .alert-modal-icon{border:2px solid #153752}.alert-modal-success .alert-modal-icon-i{color:#153752}.alert-modal-info .alert-modal-icon{border:2px solid #153752}.alert-modal-info .alert-modal-icon-i{color:#153752}.alert-modal-error .alert-modal-icon{border:2px solid #f44336}.alert-modal-error .alert-modal-icon-i{color:#f44336}.alert-modal-warning .alert-modal-icon{border:2px solid rgba(244,94,83,0.83)}.alert-modal-warning .alert-modal-icon-i{color:rgba(244,94,83,0.83)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideDown{from{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}.announcement-main-header{color:#2c3e50;font-size:32px;text-align:center;margin-bottom:30px;padding-bottom:10px;border-bottom:2px solid #3498db}.announcement-box{border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1);margin-bottom:30px;overflow:hidden;transition:transform 0.3s ease}.announcement-box:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,0.15)}.announcement-header{background-color:#6666661a;color:#153752;padding:15px 25px;font-family:ui-sans-serif;cursor:pointer}.announcement-title{font-size:22px;margin:0;margin-bottom:5px;font-family:ui-sans-serif}.announcement-date{font-size:14px;font-weight:600;opacity:0.9;margin:0;font-family:ui-sans-serif}.announcement-content{background-color:white;padding:25px;line-height:1.6;font-family:ui-sans-serif}.announcement-content p{margin-bottom:15px}.announcement-details-link{font-weight:bold;color:#153752;padding:5px 10px;border-radius:3px;cursor:pointer;display:inline-block;transition:all 0.2s;font-size:0.85rem}.announcement-details-link:hover{background-color:rgba(250,210,210,0.08)}.announcement-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:1000;justify-content:center;align-items:center}.announcement-modal-content{background-color:white;border-radius:8px;width:80%;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;font-family:ui-sans-serif}.announcement-modal-image{width:100%;object-fit:cover;border-top-left-radius:8px;border-top-right-radius:8px}.announcement-modal-text-content{padding:25px}.announcement-close-modal{position:absolute;top:15px;right:15px;font-size:24px;font-family:ui-sans-serif;cursor:pointer;color:white;background-color:rgba(0,0,0,0.5);width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:2}.announcement-modal-title{color:#153752;margin-top:0;border-bottom:1px solid #eee;padding-bottom:10px;font-family:ui-sans-serif}.announcement-modal-date{color:#7f8c8d;font-style:italic;margin-bottom:20px;font-family:ui-sans-serif}.announcement-modal-body p,.announcement-modal-body p strong{margin-bottom:15px;font-family:ui-sans-serif;line-height:1.6}#balanceModal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);display:none;justify-content:center;align-items:center;z-index:1051}#balanceModal .balance-modal-content{background-color:#fff;width:90%;max-width:320px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.25);text-align:center;padding:25px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}#balanceModal .balance-icon{font-size:50px;color:#888;margin-bottom:15px}#balanceModal h2{font-size:22px;color:#333;margin-top:0;margin-bottom:10px;font-weight:600}#balanceModal p{font-size:16px;color:#666;margin:0 0 20px 0}#balanceModal .balance-modal-btn{background-color:#1e3a5f;color:#fff;border:none;border-radius:8px;padding:12px 0;width:100%;font-size:16px;font-weight:600;cursor:pointer;transition:background-color 0.2s}#balanceModal .balance-modal-btn:hover{background-color:#2a528a}.commands-container{width:100%;max-width:580px;background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.1);overflow:hidden}.command-header-content{padding:20px;border-bottom:1px solid #e5e5e5}.command-header-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.command-h1{font-size:24px;font-weight:600;color:#333;margin:0;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.commands-dropdown{position:relative}#commands-dropdown-toggle{display:none}.commands-dropdown-btn{background:rgba(21,55,82,0.87);color:white;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all 0.2s ease;border:1px solid rgba(255,255,255,0.2);backdrop-filter:blur(10px)}.commands-dropdown-btn:hover{background:rgba(21,55,82,0.37);transform:translateY(-1px)}.commands-dropdown-content{position:absolute;top:100%;right:0;background:white;border:1px solid rgba(21,55,82,0.1);border-radius:8px;box-shadow:0 8px 24px rgba(21,55,82,0.2);z-index:10;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.2s ease}.commands-dropdown-content label{display:block;padding:12px 16px;cursor:pointer;font-size:14px;color:#153752;border-bottom:1px solid rgba(21,55,82,0.05);transition:all 0.2s ease}.commands-dropdown-content label:hover{background:linear-gradient(90deg, rgba(21,55,82,0.05) 0%, rgba(21,55,82,0.1) 100%);color:#0f2b3f}.commands-dropdown-content label:last-child{border-bottom:none}.commands-dropdown-content label input[type="radio"]{margin-right:8px;accent-color:#153752}#commands-dropdown-toggle:checked+.commands-dropdown-btn+.commands-dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.command-search-container{position:relative;margin-bottom:15px}.command-search-container label.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.command-search-container input{width:100%;padding:12px 40px 12px 16px;border:2px solid #e5e5e5;border-radius:8px;font-size:14px;outline:none;transition:border-color 0.2s ease}.command-search-container input:focus{border-color:#153752}.command-search-container input::placeholder{color:rgba(21,55,82,0.6)}.command-search-container i{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,0.7);font-size:16px}.command-instruction{font-size:12px;color:#153752;font-style:italic;margin:0;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.command-scrollable-content{padding:0 20px 20px}.command-loading{text-align:center;padding:40px 20px;color:#153752;font-size:16px}.commands-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;width:100%}.command-item{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:linear-gradient(135deg, #fff 0%, #f8fafc 100%);border-radius:12px;transition:all 0.3s ease;cursor:pointer;border:1px solid rgba(21,55,82,0.1);text-align:center;min-height:120px;position:relative;overflow:hidden}.command-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, #153752 0%, #2563eb 50%, #153752 100%);opacity:0;transition:opacity 0.3s ease}.command-item:hover{background:linear-gradient(135deg, #fff 0%, #f1f5f9 100%);transform:translateY(-4px);box-shadow:0 8px 24px rgba(21,55,82,0.15);border-color:rgba(21,55,82,0.2)}.command-item:hover::before{opacity:1}.command-item:active{transform:translateY(-2px);background:linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%)}.command-icon{width:40px;height:40px;background:linear-gradient(135deg, #153752 0%, #1e4a6b 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:white;font-size:18px;flex-shrink:0;box-shadow:0 4px 12px rgba(21,55,82,0.3);transition:all 0.3s ease}.command-icon svg{width:24px;height:24px}.command-icon svg rect{fill:url(#commandGradient)}.command-item:hover .command-icon{transform:scale(1.1);box-shadow:0 6px 16px rgba(21,55,82,0.4)}.command-details{flex:1;min-width:0;width:100%}.command-name{font-size:14px;font-weight:600;color:#153752;margin-bottom:4px;word-break:break-word;text-align:center}.command-description{font-size:11px;color:#64748b;margin-bottom:6px;line-height:1.3;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.command-category{font-size:10px;color:#153752;background:linear-gradient(90deg, rgba(21,55,82,0.1) 0%, rgba(21,55,82,0.05) 100%);padding:3px 8px;border-radius:12px;display:inline-block;margin-top:auto;border:1px solid rgba(21,55,82,0.1);font-weight:500}.commands-grid::before{content:'';position:absolute;opacity:0;pointer-events:none}@media (max-width: 768px){.commands-grid{grid-template-columns:repeat(2, 1fr);gap:10px}.command-item{padding:12px 8px;min-height:100px}.command-icon{width:35px;height:35px;margin-bottom:8px;font-size:16px}.command-icon svg{width:20px;height:20px}.command-name{font-size:13px}.command-description{font-size:10px}}@media (max-width: 480px){.commands-container{margin:0 10px}.commands-grid{grid-template-columns:1fr;gap:8px}.command-header-title{flex-direction:column;gap:15px;align-items:stretch}.commands-dropdown{align-self:flex-end}.command-item{flex-direction:row;text-align:left;min-height:auto;padding:12px}.command-item::before{height:100%;width:3px;top:0;left:0;right:auto;bottom:0}.command-icon{margin-bottom:0;margin-right:12px}.command-details{text-align:left}.command-name,.command-description{text-align:left}}.create-post{padding:16px;margin-bottom:16px}.create-post__header{display:flex;margin-bottom:12px}.create-post__header .create-post__avatar{width:40px;height:40px;border-radius:50%;margin-right:12px}.create-post__header .create-post__input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:20px;font-size:14px;height:90px;resize:none}.create-post__header .create-post__input:focus{border-color:#153752;outline:none}.create-post__footer{display:flex;justify-content:space-between;justify-items:center;align-items:center}.create-post__footer .create-post__button{display:flex;align-items:center;padding:8px 12px;border:none;background:none;cursor:pointer;font-size:14px;color:#555}.create-post__footer .create-post__button i{margin-right:8px}.create-post__footer .create-post__button:hover{color:#000}.create-post__submit-btn{background-color:#153752;color:white;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:5px}.create-post__submit-btn:hover{background-color:#153752}.post-poll-btn{display:flex;align-items:center;justify-content:space-between;gap:20px}.poll-btn-class{background:none;color:#0a4473;padding:5px 10px;font-size:40px;cursor:pointer;border:none}.poll-btn-class:hover{font-size:42px;border-radius:20%;background-color:#d4d3d3}.create-post__file-label{display:inline-flex;align-items:center;cursor:pointer;padding:10px;border-radius:5px}.reset-button-class{margin-left:5px;cursor:pointer;margin-bottom:8px;color:red;border:none}#file-icon{font-size:32px;color:#153752;margin-right:10px}#file-name{display:none;font-size:14px;color:#333;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-post__file-input{display:none}.loader{border:8px solid #f3f3f3;border-radius:50%;border-top:8px solid #153752;width:60px;height:60px;animation:spin 2s linear infinite;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1000000}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.image-preview-container{position:relative;margin:16px 0;border:2px solid #e1e5e9;border-radius:12px;overflow:hidden;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:all 0.3s ease}.image-preview-container:hover{border-color:#153752;box-shadow:0 8px 25px rgba(21,55,82,0.15);transform:translateY(-2px)}.image-preview{width:100%;height:auto;max-height:500px;object-fit:contain;display:block;transition:all 0.3s ease;background:#ffffff}.image-preview:hover{opacity:0.95}.remove-image-btn{position:absolute;top:12px;right:12px;background:linear-gradient(135deg, rgba(220,53,69,0.9) 0%, rgba(255,0,0,0.8) 100%);border:2px solid rgba(255,255,255,0.8);border-radius:50%;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(0,0,0,0.3);transition:all 0.3s ease;z-index:15;backdrop-filter:blur(5px)}.remove-image-btn:hover{background:linear-gradient(135deg, #dc3545 0%, rgba(255,0,0,0.95) 100%);transform:scale(1.15);box-shadow:0 5px 20px rgba(220,53,69,0.4);border-color:white}.remove-image-btn:active{transform:scale(0.95)}.remove-image-btn i{color:#ffffff;font-size:18px;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,0.3)}.image-preview-container.loading::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);display:flex;align-items:center;justify-content:center;z-index:20}.image-preview-container.loading::after{content:'';position:absolute;top:50%;left:50%;width:30px;height:30px;border:3px solid #153752;border-top:3px solid transparent;border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%, -50%);z-index:21}.image-preview-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 100%);padding:12px 16px;color:white;font-size:12px;opacity:0;transition:opacity 0.3s ease}.image-preview-container:hover .image-preview-overlay{opacity:1}@media (max-width: 768px){.image-preview-container{margin:12px 0;border-radius:8px}.image-preview-container .remove-image-btn{top:8px;right:8px;width:32px;height:32px}.image-preview-container .remove-image-btn i{font-size:16px}}.custom-confirm-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;display:none;transition:opacity 0.3s, visibility 0.3s}.custom-confirm-modal.active{display:flex;opacity:1;visibility:visible}.custom-confirm-content{background:white;padding:25px;border-radius:8px;text-align:center;max-width:400px;width:90%;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.custom-confirm-message{margin-bottom:20px;font-size:16px;color:#333}.custom-confirm-buttons{display:flex;justify-content:center;gap:10px}.custom-confirm-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;min-width:80px;transition:background-color 0.2s}.custom-confirm-yes{background-color:#153752;color:white}.custom-confirm-yes:hover{background-color:#07121a}.custom-confirm-no{background-color:#f44336;color:white}.custom-confirm-no:hover{background-color:#d32f2f}.icon-container{font-size:5.5rem;color:#153752;margin-bottom:10px}.icon-container i{font-size:inherit}.custom-confirm-modal-title{font-size:20px;font-weight:bold;color:#333;margin:10px 0 15px 0}.email-list{max-width:600px;margin:auto;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05);cursor:pointer}.email-item-wrapper{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.email-item-wrapper .email-actions{display:flex;justify-content:center}.email-item-wrapper .email-actions a{display:inline-block;color:#cccccc;margin-right:5px;padding:3px}.email-item{display:flex;align-items:center;width:100%}.email-item:last-child{border-bottom:none}.sender-photo{width:48px;height:48px;border-radius:50%;margin-right:15px;object-fit:cover}.email-details{flex-grow:1}.sender-name{font-weight:bold;margin-bottom:4px}.email-subject{color:#555;font-size:14px}.email-details-sender-photo{width:48px;height:48px;border-radius:50%;margin-right:15px;object-fit:cover}.email-details-name{vertical-align:top}.custom-modal-header{border-bottom:2px solid #CCCCCC;margin-bottom:10px}.username{position:relative}.username .send-to{position:absolute;bottom:8px;left:50%;color:#4c4b4b;font-size:15px}.email-banner{margin-bottom:20px}.email-banner img{width:650px;height:90px}.email-details-body{margin-top:20px;color:#4c4b4b;font-size:20px}.email-modal{display:none;position:fixed;z-index:1001;right:20px;bottom:0;width:500px;max-width:90vw;opacity:0;transition:opacity 0.3s ease}.email-modal.show{opacity:1}.email-modal-content{background-color:white;border-radius:8px 8px 0 0;box-shadow:0 8px 25px rgba(0,0,0,0.15);overflow:hidden;height:500px;display:flex;flex-direction:column;transition:all 0.3s ease}.email-modal-content.minimized{height:40px;width:200px;margin-left:auto}.email-modal-header{background:linear-gradient(135deg, #153752, #1e4a66);color:white;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;cursor:move;user-select:none}.email-modal-title{font-size:14px;font-weight:500}.email-header-right{display:flex;gap:4px}.email-minimize-btn,.email-close-btn{background:none;border:none;color:white;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background-color 0.2s ease}.email-minimize-btn:hover,.email-close-btn:hover{background-color:rgba(255,255,255,0.2)}.email-modal-body{flex:1;overflow:auto;background-color:white}.email-compose-form{height:100%;display:flex;flex-direction:column}.email-field-group{display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid #e8eaed;position:relative}.email-field-label{min-width:40px;font-size:14px;color:#5f6368;margin-right:8px}.email-input{flex:1;border:none;outline:none;font-size:14px;padding:4px 0;background:transparent}.email-input:focus{outline:none}.email-body-container{flex:1;display:flex;flex-direction:column}.email-formatting-toolbar{padding:8px 16px;border-bottom:1px solid #e8eaed;display:flex;gap:4px;align-items:center;background-color:#f8f9fa}.format-btn{background:none;border:none;width:28px;height:28px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#5f6368;font-size:14px;transition:background-color 0.2s ease}.format-btn:hover{background-color:#e8eaed}.format-btn.active{background-color:#1a73e8;color:white}.toolbar-separator{width:1px;height:20px;background-color:#dadce0;margin:0 4px}.email-body-editor{flex:1;padding:16px;font-size:14px;line-height:1.4;outline:none;min-height:200px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.email-body-editor:empty:before{content:attr(placeholder);color:#9aa0a6;pointer-events:none}.email-attachments{padding:12px 16px;border-top:1px solid #e8eaed;background-color:#f8f9fa}.attachments-header{font-size:12px;color:#5f6368;margin-bottom:8px}.attachment-item{display:flex;align-items:center;justify-content:space-between;padding:8px;background-color:white;border:1px solid #dadce0;border-radius:8px;margin-bottom:8px;font-size:12px;position:relative}.image-attachment{flex-direction:row;align-items:center;gap:12px}.image-preview{width:60px;height:60px;object-fit:cover;border-radius:6px;border:1px solid #e8eaed;flex-shrink:0}.file-info{flex:1;display:flex;flex-direction:column;gap:2px}.attachment-name{font-weight:500;color:#202124;font-size:13px;word-break:break-word}.attachment-size{color:#5f6368;font-size:11px}.remove-attachment-btn{background:none;border:none;color:#ea4335;cursor:pointer;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;position:absolute;top:4px;right:4px;transition:background-color 0.2s ease}.remove-attachment-btn:hover{background-color:#fce8e6}.email-modal-footer{padding:12px 16px;border-top:1px solid #e8eaed;display:flex;justify-content:flex-end;align-items:center;background-color:white}.email-footer-left{display:flex;gap:8px}.email-send-btn{background:#153752;color:white;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;transition:background-color 0.2s ease}.email-send-btn:hover:not(:disabled){background:#1e4a66}.email-send-btn:disabled{opacity:0.6;cursor:not-allowed}@media (max-width: 768px){.email-modal{right:10px;width:calc(100vw - 20px)}.email-modal-content{top:20px;left:10px;right:10px;bottom:20px}.email-formatting-toolbar{flex-wrap:wrap;gap:2px}.format-btn{width:24px;height:24px;font-size:12px}}@media (max-width: 480px){.email-modal{right:5px;width:calc(100vw - 10px)}.email-modal-content{height:400px}.email-field-group{padding:6px 12px}.email-body-editor{padding:12px;min-height:150px}.email-modal-footer{padding:8px 12px;flex-wrap:wrap;gap:8px}.email-footer-left{flex-wrap:wrap}}.list-container{max-width:100%}.list-item{display:flex;align-items:center;padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);margin-bottom:12px;transition:background-color 0.2s ease;gap:10px;text-decoration:none}.list-item:hover{background-color:#f9f9f9}.item-image{width:40px;height:40px;border-radius:8px;object-fit:cover;margin-right:16px}.item-content{flex:1}.item-title{font-size:18px;font-weight:bold;color:#333;margin-bottom:4px;text-decoration:none}.item-subtitle{font-size:12px;color:#66666680;margin-bottom:4px}.item-metadata{font-size:12px;color:#999}@media (max-width: 480px){.list-item{flex-direction:column;align-items:flex-start}.item-image{margin-right:0;margin-bottom:12px}}#friendSearchModal{display:none;position:fixed;z-index:1050;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(4px);animation:fadeIn 0.3s ease-out}#friendSearchModal .friend-search-modal-content{position:relative;background-color:#fff;margin:5% auto;padding:0;border:none;border-radius:12px;width:90%;max-width:600px;max-height:80vh;box-shadow:0 10px 30px rgba(0,0,0,0.3);overflow:visible;display:flex;flex-direction:column}#friendSearchModal .friend-search-modal-header{background:#153752;color:white;padding:20px 25px;display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0}#friendSearchModal .friend-search-modal-header h2{margin:0;font-size:1.5rem;font-weight:600}#friendSearchModal .friend-search-modal-close-btn{background:none;border:none;color:white;font-size:1.5rem;cursor:pointer;padding:5px;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:background-color 0.2s ease}#friendSearchModal .friend-search-modal-close-btn:hover{background-color:rgba(255,255,255,0.2)}#friendSearchModal .friend-search-form{padding:25px;flex:1;display:flex;flex-direction:column;min-height:0}#friendSearchModal .friend-search-form-group{margin-bottom:25px}#friendSearchModal .friend-search-input-container{position:relative;width:100%}#friendSearchModal .friend-search-input-wrapper{position:relative;display:flex;align-items:center;background:#ffffff;border:2px solid #e1e5e9;border-radius:12px;padding:0;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 2px 8px rgba(0,0,0,0.06)}#friendSearchModal .friend-search-input-wrapper:hover{border-color:#c6cfda;box-shadow:0 4px 12px rgba(0,0,0,0.08)}#friendSearchModal .friend-search-input-wrapper:focus-within{border-color:#153752;box-shadow:0 0 0 4px rgba(21,55,82,0.1),0 4px 16px rgba(0,0,0,0.12);transform:translateY(-1px)}#friendSearchModal .friend-search-icon{position:absolute;left:16px;color:#6b7280;font-size:16px;z-index:2;transition:color 0.3s ease}#friendSearchModal .friend-search-input-wrapper:focus-within .friend-search-icon{color:#153752}#friendSearchModal .friend-search-input{width:100%;padding:16px 50px 16px 50px;border:none;border-radius:12px;font-size:16px;font-weight:400;color:#1f2937;background:transparent;outline:none;transition:all 0.3s ease;line-height:1.5}#friendSearchModal .friend-search-input::placeholder{color:#9ca3af;font-weight:400;transition:opacity 0.3s ease}#friendSearchModal .friend-search-input:focus::placeholder{opacity:0.7}#friendSearchModal .friend-search-loading-indicator{position:absolute;right:50px;display:none;align-items:center;justify-content:center;width:20px;height:20px}#friendSearchModal .friend-search-spinner-icon{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #153752;border-radius:50%;animation:searchSpin 1s linear infinite}#friendSearchModal .friend-search-clear-btn{position:absolute;right:16px;width:24px;height:24px;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:12px;transition:all 0.2s ease}#friendSearchModal .friend-search-clear-btn:hover{background:#e5e7eb;color:#374151}#friendSearchModal .friend-search-clear-btn:active{transform:scale(0.95)}#friendSearchModal .friend-search-hint{display:flex;align-items:center;gap:8px;margin-top:12px;padding:0 4px;font-size:14px;color:#6b7280;transition:all 0.3s ease}#friendSearchModal .friend-search-hint i{color:#fbbf24;font-size:13px}#friendSearchModal .friend-search-hint span{font-weight:400}#friendSearchModal .friend-search-input-wrapper:focus-within ~ .friend-search-hint{color:#153752}#friendSearchModal .friend-search-input-wrapper:focus-within ~ .friend-search-hint span{font-weight:500}#friendSearchModal .friend-search-suggestions{position:absolute;top:100%;left:0;right:0;background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.08);margin-top:4px;padding:8px 0;z-index:1000;display:none}#friendSearchModal .friend-search-suggestions .friend-search-suggestion-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#6b7280;font-size:14px;cursor:pointer;transition:all 0.2s ease}#friendSearchModal .friend-search-suggestions .friend-search-suggestion-item:hover{background:#f9fafb;color:#153752}#friendSearchModal .friend-search-suggestions .friend-search-suggestion-item i{font-size:13px;opacity:0.7}#friendSearchModal .friend-search-suggestions .friend-search-suggestion-item span{font-weight:400}#friendSearchModal .friend-search-result-item{display:flex;align-items:center;justify-content:space-between;padding:15px;margin-bottom:10px;background:#fff;border:2px solid #f8f9fa;border-radius:10px;transition:all 0.3s ease;position:relative}#friendSearchModal .friend-search-result-item:hover{border-color:#153752;box-shadow:0 4px 15px rgba(21,55,82,0.1);z-index:10}#friendSearchModal .friend-search-result-item:last-child{margin-bottom:0}#friendSearchModal .friend-search-result-item.friend-search-dropdown-open{z-index:100}#friendSearchModal .friend-search-profile-section{display:flex;align-items:center;flex:1;gap:15px}#friendSearchModal .friend-search-avatar .friend-search-profile-pic{width:50px;height:50px;border-radius:50%;object-fit:cover;border:3px solid #e9ecef;transition:border-color 0.3s ease}#friendSearchModal .friend-search-result-item:hover .friend-search-profile-pic{border-color:#153752}#friendSearchModal .friend-search-info{flex:1;min-width:0}#friendSearchModal .friend-search-username{font-weight:600;font-size:1.1rem;color:#212529;margin-bottom:5px;word-break:break-word}#friendSearchModal .friend-search-details{display:flex;flex-wrap:wrap;gap:15px;font-size:0.85rem}#friendSearchModal .friend-search-details span{display:flex;align-items:center;gap:4px;color:#6c757d}#friendSearchModal .friend-search-details .friend-search-gender i.fa-mars{color:#007bff}#friendSearchModal .friend-search-details .friend-search-gender i.fa-venus{color:#e83e8c}#friendSearchModal .friend-search-details .friend-search-gender i.fa-genderless{color:#6c757d}#friendSearchModal .friend-search-details .friend-search-level i{color:#ffc107}#friendSearchModal .friend-search-details .friend-search-country i{color:#28a745}#friendSearchModal .friend-search-actions{position:relative}#friendSearchModal .friend-search-actions .friend-search-dropdown{position:relative}#friendSearchModal .friend-search-actions .friend-search-options-btn{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:8px 12px;cursor:pointer;transition:all 0.3s ease;color:#495057}#friendSearchModal .friend-search-actions .friend-search-options-btn:hover{background:#153752;border-color:#153752;color:white}#friendSearchModal .friend-search-actions .friend-search-options-btn i{font-size:1rem}#friendSearchModal .friend-search-actions .friend-search-dropdown-menu{display:none;position:fixed;background:white;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 8px 25px rgba(0,0,0,0.2);min-width:180px;z-index:999999999;padding:8px 0;max-width:200px;white-space:nowrap;margin:0;transform:none;transition:none}#friendSearchModal .friend-search-actions .friend-search-dropdown-menu li{list-style:none}#friendSearchModal .friend-search-actions .friend-search-dropdown-menu .friend-search-dropdown-item{display:flex;align-items:center;gap:8px;padding:10px 15px;color:#495057;text-decoration:none;background:none;border:none;width:100%;text-align:left;font-size:0.9rem;transition:background-color 0.2s ease;cursor:pointer}#friendSearchModal .friend-search-actions .friend-search-dropdown-menu .friend-search-dropdown-item:hover{background-color:#f8f9fa;color:#153752}#friendSearchModal .friend-search-actions .friend-search-dropdown-menu .friend-search-dropdown-item i{width:16px;font-size:0.9rem;flex-shrink:0}#friendSearchModal .friend-search-loading,#friendSearchModal .friend-search-error,#friendSearchModal .friend-search-no-results{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 20px;text-align:center;color:#6c757d;font-size:1rem}#friendSearchModal .friend-search-loading i{font-size:1.2rem}#friendSearchModal .friend-search-loading .friend-search-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}#friendSearchModal .friend-search-error{color:#dc3545}#friendSearchModal .friend-search-error i{color:#dc3545}#friendSearchModal .friend-search-no-results{color:#6c757d}#friendSearchModal .friend-search-no-results i{color:#adb5bd}#friendSearchModal .friend-search-form-actions{padding-top:20px;border-top:1px solid #e9ecef;text-align:center}#friendSearchModal .friend-search-btn{padding:10px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:8px}#friendSearchModal .friend-search-btn-secondary{background:#f8fafc;border:1px solid #e2e8f0;color:#475569;padding:12px 24px;border-radius:8px;font-weight:500;transition:all 0.2s ease}#friendSearchModal .friend-search-btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;color:#334155;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.08)}#friendSearchModal .friend-search-btn-secondary:active{transform:translateY(0)}#friendSearchModal .friend-search-loading-more{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center;color:#6c757d;font-size:0.9rem;background:#f8f9fa;border-radius:8px;margin:10px 0}#friendSearchModal .friend-search-spinner-small{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}#friendSearchModal .friend-search-load-more-indicator{padding:20px 15px;text-align:center;background:transparent;border:none;list-style:none}#friendSearchModal .friend-search-load-more-content{display:flex;flex-direction:column;align-items:center;gap:10px}#friendSearchModal .friend-search-load-more-btn{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;border:none;border-radius:8px;padding:12px 24px;font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 10px rgba(102,126,234,0.2)}#friendSearchModal .friend-search-load-more-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,0.3)}#friendSearchModal .friend-search-load-more-btn:active{transform:translateY(0)}#friendSearchModal .friend-search-load-more-btn i{transition:transform 0.3s ease}#friendSearchModal .friend-search-load-more-btn:hover i{transform:translateY(2px)}#friendSearchModal .friend-search-scroll-hint{display:flex;align-items:center;gap:6px;font-size:0.8rem;color:#adb5bd;font-style:italic}#friendSearchModal .friend-search-scroll-hint i{font-size:0.7rem;color:#ced4da}#friendSearchModal .friend-search-results-header{padding:15px 0 10px 0;border-bottom:2px solid #f1f3f4;margin-bottom:20px}#friendSearchModal .friend-search-results-label{font-size:1.1rem;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}#friendSearchModal .friend-search-results-label:before{content:"";width:4px;height:20px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:2px}#friendSearchModal .friend-search-results-container{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}#friendSearchModal .friend-search-list{list-style:none;scroll-behavior:smooth}#friendSearchModal .friend-search-list::-webkit-scrollbar{width:8px}#friendSearchModal .friend-search-list::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px;margin:4px 0}#friendSearchModal .friend-search-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg, #dee2e6 0%, #adb5bd 100%);border-radius:4px}#friendSearchModal .friend-search-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg, #adb5bd 0%, #6c757d 100%)}#friendSearchModal .friend-search-list::-webkit-scrollbar-corner{background:transparent}#friendSearchModal .friend-search-loading{background:linear-gradient(90deg, #f8f9fa 25%, #e9ecef 50%, #f8f9fa 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes fadeIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes searchSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width: 768px){#friendSearchModal .friend-search-modal-content{margin:10px;width:calc(100% - 20px);max-height:90vh}#friendSearchModal .friend-search-modal-header{padding:15px 20px}#friendSearchModal .friend-search-modal-header h2{font-size:1.3rem}#friendSearchModal .friend-search-form{padding:20px}#friendSearchModal .friend-search-details{flex-direction:column;gap:8px;align-items:flex-start}#friendSearchModal .friend-search-result-item{padding:12px}#friendSearchModal .friend-search-avatar .friend-search-profile-pic{width:40px;height:40px}#friendSearchModal .friend-search-dropdown-menu{right:-10px}#friendSearchModal .friend-search-input-wrapper{border-radius:10px}#friendSearchModal .friend-search-input{padding:14px 45px 14px 45px;font-size:16px}#friendSearchModal .friend-search-icon{left:14px;font-size:15px}#friendSearchModal .friend-search-clear-btn{right:14px;width:22px;height:22px;font-size:11px}}@media (max-width: 480px){#friendSearchModal .friend-search-modal-content{margin:5px;width:calc(100% - 10px);max-height:95vh}#friendSearchModal .friend-search-profile-section{gap:10px}#friendSearchModal .friend-search-username{font-size:1rem}#friendSearchModal .friend-search-details{font-size:0.8rem}#friendSearchModal .friend-search-load-more-btn{padding:8px 16px;font-size:0.8rem}#friendSearchModal .friend-search-scroll-hint{display:none}#friendSearchModal .friend-search-dropdown-menu{min-width:140px;font-size:0.85rem}#friendSearchModal .friend-search-dropdown-item{padding:8px 12px}}.gifts-container{max-width:550px;width:100%;margin:0 auto;background-color:white;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.1);flex:1;display:flex;flex-direction:column;overflow:hidden}.gift-header-content{padding:20px;background-color:white;position:sticky;top:0;z-index:100;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.gift-header-title{display:flex;justify-content:space-between}.gift-h1{text-align:left;color:#153752;margin-bottom:15px;font-size:23px}.gift-filter-header{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.gift-filter-group{flex:1;min-width:150px}.gift-filter-group label{display:block;margin-bottom:5px;font-weight:600;color:#555;font-size:14px}.gift-filter-group input,.gift-filter-group select{width:100%;padding:8px 12px;border:2px solid #ddd;border-radius:5px;font-size:14px;outline:none;transition:border-color 0.3s}.gift-filter-group input:focus,.gift-filter-group select:focus{border-color:#ff6b6b}.gift-search-container{margin-bottom:10px;position:relative}.gift-search-container input{width:100%;padding:10px 15px;border:2px solid #ddd;border-radius:30px;font-size:14px;outline:none;transition:border-color 0.3s}.gift-search-container input:focus{border-color:#153752}.gift-search-container i{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#999}.gift-instruction{text-align:center;color:#666;font-size:13px;margin-bottom:10px;font-style:italic}.gift-scrollable-content{flex:1;overflow-y:auto;padding:0 20px 20px}.gift-divider{height:1px;background-color:#eee;margin:15px 0}.gift-section{margin-bottom:25px}.gift-section-title{color:#ff6b6b;margin-bottom:12px;font-size:18px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:white;padding:5px 0;z-index:10}.gift-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:12px}.gift-item{background-color:#fff;border:1px solid #eee;border-radius:8px;padding:12px;text-align:center;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden}.gift-item:hover{transform:translateY(-3px);box-shadow:0 3px 10px rgba(0,0,0,0.1)}.gift-item:active{transform:scale(0.98)}.gift-icon{font-size:28px;margin-bottom:8px;color:#ff6b6b}.gift-name{font-weight:600;margin-bottom:4px;font-size:14px}.gift-price{color:#666;font-size:13px}.gift-date{color:#999;font-size:11px;margin-top:4px}.gift-reset-filters{background-color:#ff6b6b;color:white;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-weight:600;font-size:14px;transition:background-color 0.3s;margin-top:5px}.gift-reset-filters:hover{background-color:#ff5252}.gift-loading{text-align:center;padding:20px;color:#666}@media (max-width: 600px){.gift-list{grid-template-columns:repeat(2, 1fr)}.gift-filter-group{min-width:100%}.gift-header-content{padding:15px}.gift-h1{font-size:24px}}.gifts-dropdown-btn{background-color:#153752;color:white;padding:12px 16px;font-size:16px;border:none;cursor:pointer;min-width:160px;border-radius:4px;transition:background-color 0.3s}.gifts-dropdown-btn:hover{background-color:#15375275}.gifts-dropdown{position:relative;display:inline-block}#gifts-dropdown-toggle{display:none}.gifts-dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:180px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;border-radius:4px;overflow:hidden}.gifts-dropdown-content label{color:black;padding:10px;text-decoration:none;display:block;transition:background-color 0.3s}.gifts-dropdown-content label:hover{background-color:#ddd}#gifts-dropdown-toggle:checked ~ .gifts-dropdown-content{display:block}.gifts-dropdown-btn::after{content:"▼";font-size:10px;margin-left:8px}#gifts-dropdown-toggle:checked+.gifts-dropdown-btn::after{content:"▲"}.gift-row{display:flex;margin-bottom:20px}.gift-item{flex:1 1 0;margin:5px;text-align:center}.gift-img{max-width:100px;height:auto}.gift-loading-placeholder{opacity:0.5;background:#f5f5f5;border-radius:8px;min-height:160px}.gift-img-loading{width:80px;height:80px;background:#e0e0e0;margin:0 auto 10px auto;border-radius:8px}.gift-name-loading,.gift-price-loading{height:16px;background:#e0e0e0;margin:8px 20px;border-radius:4px}.gift-item.copied{background:#d4ffd4;transition:background 0.3s}.gift-copy-alert{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#222;color:#fff;padding:10px 24px;border-radius:6px;font-size:1.1em;opacity:0;pointer-events:none;z-index:9999;transition:opacity 0.3s, top 0.3s}.gift-copy-alert.visible{opacity:1;top:40px}.image-modal{display:none;position:fixed;z-index:9999;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.9);backdrop-filter:blur(5px)}.image-modal-content{margin:auto;display:block;max-width:90%;max-height:80%;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.5)}.image-modal-close{position:absolute;top:20px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s;cursor:pointer;z-index:10000}.image-modal-close:hover,.image-modal-close:focus{color:#bbb;text-decoration:none}.image-modal-caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px;font-size:16px}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}.image-modal-content{animation-name:zoom;animation-duration:0.3s}.clickable-image{transition:opacity 0.3s ease}.clickable-image:hover{opacity:0.8}@media only screen and (max-width: 700px){.image-modal-content{width:100%;max-width:100%;padding:0 10px}.image-modal-close{top:10px;right:15px;font-size:30px}}.leaderboard-container{background-color:white;box-shadow:none;padding:15px;border-radius:15px}.leaderboard-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;margin-bottom:8px;border-radius:8px;padding:10px}.leaderboard-header h2{font-size:1.5rem;font-weight:bold;color:#333;margin:0}.leaderboard-header .leaderboard-icon{width:24px;height:24px;margin-right:8px}.leaderboard-country-flag{display:flex;align-items:center;margin-top:4px;font-size:12px;color:#666}.leaderboard-flag-icon{width:30px;height:30px;margin-right:6px}.leaderboard-profile-pic{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:15px;border:2px solid #eee;flex-shrink:0}.leaderboard-user-info{flex-grow:1;min-width:0}.leaderboard-entry{display:flex;align-items:center;padding:8px 5px;margin:8px 0;background-color:#0000000f;border-bottom:1px solid #eee;border-radius:10px}.leaderboard-rank{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:50%;font-weight:bold;color:white;font-size:0.85rem;margin-right:10px}.leaderboard-rank-1{background-color:#267fd8}.leaderboard-rank-2{background-color:#2694d8}.leaderboard-rank-3{background-color:#d88226}.leaderboard-rank-4{background-color:#6c757d}.leaderboard-rank-5{background-color:#6c757d}.leaderboard-rank-6{background-color:#6c757d}.leaderboard-rank-7{background-color:#6c757d}.leaderboard-rank-8{background-color:#6c757d}.leaderboard-rank-9{background-color:#6c757d}.leaderboard-rank-10{background-color:#6c757d}.leaderboard-rank-11{background-color:#6c757d}.leaderboard-rank-12{background-color:#6c757d}.leaderboard-rank-13{background-color:#6c757d}.leaderboard-rank-14{background-color:#6c757d}.leaderboard-rank-15{background-color:#6c757d}.leaderboard-rank-16{background-color:#6c757d}.leaderboard-rank-17{background-color:#6c757d}.leaderboard-rank-18{background-color:#6c757d}.leaderboard-rank-19{background-color:#6c757d}.leaderboard-rank-20{background-color:#6c757d}.leaderboard-rank-21{background-color:#6c757d}.leaderboard-rank-22{background-color:#6c757d}.leaderboard-rank-23{background-color:#6c757d}.leaderboard-rank-24{background-color:#6c757d}.leaderboard-rank-25{background-color:#6c757d}.leaderboard-rank-26{background-color:#6c757d}.leaderboard-rank-27{background-color:#6c757d}.leaderboard-rank-28{background-color:#6c757d}.leaderboard-rank-29{background-color:#6c757d}.leaderboard-rank-30{background-color:#6c757d}.leaderboard-rank-31{background-color:#6c757d}.leaderboard-rank-32{background-color:#6c757d}.leaderboard-rank-33{background-color:#6c757d}.leaderboard-rank-34{background-color:#6c757d}.leaderboard-rank-35{background-color:#6c757d}.leaderboard-rank-36{background-color:#6c757d}.leaderboard-rank-37{background-color:#6c757d}.leaderboard-rank-38{background-color:#6c757d}.leaderboard-rank-39{background-color:#6c757d}.leaderboard-rank-40{background-color:#6c757d}.leaderboard-rank-41{background-color:#6c757d}.leaderboard-rank-42{background-color:#6c757d}.leaderboard-rank-43{background-color:#6c757d}.leaderboard-rank-44{background-color:#6c757d}.leaderboard-rank-45{background-color:#6c757d}.leaderboard-rank-46{background-color:#6c757d}.leaderboard-rank-47{background-color:#6c757d}.leaderboard-rank-48{background-color:#6c757d}.leaderboard-rank-49{background-color:#6c757d}.leaderboard-rank-50{background-color:#6c757d}.leaderboard-rank-51{background-color:#6c757d}.leaderboard-rank-52{background-color:#6c757d}.leaderboard-rank-53{background-color:#6c757d}.leaderboard-rank-54{background-color:#6c757d}.leaderboard-rank-55{background-color:#6c757d}.leaderboard-rank-56{background-color:#6c757d}.leaderboard-rank-57{background-color:#6c757d}.leaderboard-rank-58{background-color:#6c757d}.leaderboard-rank-59{background-color:#6c757d}.leaderboard-rank-60{background-color:#6c757d}.leaderboard-rank-61{background-color:#6c757d}.leaderboard-rank-62{background-color:#6c757d}.leaderboard-rank-63{background-color:#6c757d}.leaderboard-rank-64{background-color:#6c757d}.leaderboard-rank-65{background-color:#6c757d}.leaderboard-rank-66{background-color:#6c757d}.leaderboard-rank-67{background-color:#6c757d}.leaderboard-rank-68{background-color:#6c757d}.leaderboard-rank-69{background-color:#6c757d}.leaderboard-rank-70{background-color:#6c757d}.leaderboard-rank-71{background-color:#6c757d}.leaderboard-rank-72{background-color:#6c757d}.leaderboard-rank-73{background-color:#6c757d}.leaderboard-rank-74{background-color:#6c757d}.leaderboard-rank-75{background-color:#6c757d}.leaderboard-rank-76{background-color:#6c757d}.leaderboard-rank-77{background-color:#6c757d}.leaderboard-rank-78{background-color:#6c757d}.leaderboard-rank-79{background-color:#6c757d}.leaderboard-rank-80{background-color:#6c757d}.leaderboard-rank-81{background-color:#6c757d}.leaderboard-rank-82{background-color:#6c757d}.leaderboard-rank-83{background-color:#6c757d}.leaderboard-rank-84{background-color:#6c757d}.leaderboard-rank-85{background-color:#6c757d}.leaderboard-rank-86{background-color:#6c757d}.leaderboard-rank-87{background-color:#6c757d}.leaderboard-rank-88{background-color:#6c757d}.leaderboard-rank-89{background-color:#6c757d}.leaderboard-rank-90{background-color:#6c757d}.leaderboard-rank-91{background-color:#6c757d}.leaderboard-rank-92{background-color:#6c757d}.leaderboard-rank-93{background-color:#6c757d}.leaderboard-rank-94{background-color:#6c757d}.leaderboard-rank-95{background-color:#6c757d}.leaderboard-rank-96{background-color:#6c757d}.leaderboard-rank-97{background-color:#6c757d}.leaderboard-rank-98{background-color:#6c757d}.leaderboard-rank-99{background-color:#6c757d}.leaderboard-rank-100{background-color:#6c757d}.leaderboard-rank-101{background-color:#6c757d}.leaderboard-rank-102{background-color:#6c757d}.leaderboard-rank-103{background-color:#6c757d}.leaderboard-rank-104{background-color:#6c757d}.leaderboard-rank-105{background-color:#6c757d}.leaderboard-rank-106{background-color:#6c757d}.leaderboard-rank-107{background-color:#6c757d}.leaderboard-rank-108{background-color:#6c757d}.leaderboard-rank-109{background-color:#6c757d}.leaderboard-rank-110{background-color:#6c757d}.leaderboard-rank-111{background-color:#6c757d}.leaderboard-rank-112{background-color:#6c757d}.leaderboard-rank-113{background-color:#6c757d}.leaderboard-rank-114{background-color:#6c757d}.leaderboard-rank-115{background-color:#6c757d}.leaderboard-rank-116{background-color:#6c757d}.leaderboard-rank-117{background-color:#6c757d}.leaderboard-rank-118{background-color:#6c757d}.leaderboard-rank-119{background-color:#6c757d}.leaderboard-rank-120{background-color:#6c757d}.leaderboard-rank-121{background-color:#6c757d}.leaderboard-rank-122{background-color:#6c757d}.leaderboard-rank-123{background-color:#6c757d}.leaderboard-rank-124{background-color:#6c757d}.leaderboard-rank-125{background-color:#6c757d}.leaderboard-rank-126{background-color:#6c757d}.leaderboard-rank-127{background-color:#6c757d}.leaderboard-rank-128{background-color:#6c757d}.leaderboard-rank-129{background-color:#6c757d}.leaderboard-rank-130{background-color:#6c757d}.leaderboard-rank-131{background-color:#6c757d}.leaderboard-rank-132{background-color:#6c757d}.leaderboard-rank-133{background-color:#6c757d}.leaderboard-rank-134{background-color:#6c757d}.leaderboard-rank-135{background-color:#6c757d}.leaderboard-rank-136{background-color:#6c757d}.leaderboard-rank-137{background-color:#6c757d}.leaderboard-rank-138{background-color:#6c757d}.leaderboard-rank-139{background-color:#6c757d}.leaderboard-rank-140{background-color:#6c757d}.leaderboard-rank-141{background-color:#6c757d}.leaderboard-rank-142{background-color:#6c757d}.leaderboard-rank-143{background-color:#6c757d}.leaderboard-rank-144{background-color:#6c757d}.leaderboard-rank-145{background-color:#6c757d}.leaderboard-rank-146{background-color:#6c757d}.leaderboard-rank-147{background-color:#6c757d}.leaderboard-rank-148{background-color:#6c757d}.leaderboard-rank-149{background-color:#6c757d}.leaderboard-rank-150{background-color:#6c757d}.leaderboard-rank-151{background-color:#6c757d}.leaderboard-rank-152{background-color:#6c757d}.leaderboard-rank-153{background-color:#6c757d}.leaderboard-rank-154{background-color:#6c757d}.leaderboard-rank-155{background-color:#6c757d}.leaderboard-rank-156{background-color:#6c757d}.leaderboard-rank-157{background-color:#6c757d}.leaderboard-rank-158{background-color:#6c757d}.leaderboard-rank-159{background-color:#6c757d}.leaderboard-rank-160{background-color:#6c757d}.leaderboard-rank-161{background-color:#6c757d}.leaderboard-rank-162{background-color:#6c757d}.leaderboard-rank-163{background-color:#6c757d}.leaderboard-rank-164{background-color:#6c757d}.leaderboard-rank-165{background-color:#6c757d}.leaderboard-rank-166{background-color:#6c757d}.leaderboard-rank-167{background-color:#6c757d}.leaderboard-rank-168{background-color:#6c757d}.leaderboard-rank-169{background-color:#6c757d}.leaderboard-rank-170{background-color:#6c757d}.leaderboard-rank-171{background-color:#6c757d}.leaderboard-rank-172{background-color:#6c757d}.leaderboard-rank-173{background-color:#6c757d}.leaderboard-rank-174{background-color:#6c757d}.leaderboard-rank-175{background-color:#6c757d}.leaderboard-rank-176{background-color:#6c757d}.leaderboard-rank-177{background-color:#6c757d}.leaderboard-rank-178{background-color:#6c757d}.leaderboard-rank-179{background-color:#6c757d}.leaderboard-rank-180{background-color:#6c757d}.leaderboard-rank-181{background-color:#6c757d}.leaderboard-rank-182{background-color:#6c757d}.leaderboard-rank-183{background-color:#6c757d}.leaderboard-rank-184{background-color:#6c757d}.leaderboard-rank-185{background-color:#6c757d}.leaderboard-rank-186{background-color:#6c757d}.leaderboard-rank-187{background-color:#6c757d}.leaderboard-rank-188{background-color:#6c757d}.leaderboard-rank-189{background-color:#6c757d}.leaderboard-rank-190{background-color:#6c757d}.leaderboard-rank-191{background-color:#6c757d}.leaderboard-rank-192{background-color:#6c757d}.leaderboard-rank-193{background-color:#6c757d}.leaderboard-rank-194{background-color:#6c757d}.leaderboard-rank-195{background-color:#6c757d}.leaderboard-rank-196{background-color:#6c757d}.leaderboard-rank-197{background-color:#6c757d}.leaderboard-rank-198{background-color:#6c757d}.leaderboard-rank-199{background-color:#6c757d}.leaderboard-rank-200{background-color:#6c757d}.leaderboard-username{flex-grow:1;text-align:left;color:#444;font-family:monospace;font-weight:600;font-size:0.95rem}.leaderboard-score{font-weight:bold;color:#2c3e50;text-align:right}.leaderboard-first-place{background:#0a4473;color:#ffffff}.leaderboard-first-place .leaderboard-username,.leaderboard-first-place .leaderboard-score{color:#ffffff}.leaderboard-second-place{background:#3269b1;color:#ffffff}.leaderboard-second-place .leaderboard-username,.leaderboard-second-place .leaderboard-score{color:#ffffff}.leaderboard-third-place{background:#cfa700;color:#ffffff}.leaderboard-third-place .leaderboard-username,.leaderboard-third-place .leaderboard-score{color:#ffffff}.selected{background-color:#267fd8 !important;color:#fff !important;border-radius:10px;box-shadow:0 2px 8px rgba(38,127,216,0.08);font-weight:bold}.selected .item-title,.selected .item-subtitle{color:#fff !important}.leaderboard-list{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height 0.3s ease}.leaderboard-list.show{max-height:none}.leaderboard-rank-without-circle{font-weight:bold;color:#333;width:36px;margin-right:16px;margin-left:12px;flex-shrink:0;text-align:left;font-size:1.2rem}.level-progress-font-serif-display{font-family:'Merriweather', serif}.level-progress-app-container{width:100%;margin:auto;background-color:#ffffff;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);border-radius:1rem;overflow:hidden}.level-progress-header{position:relative;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#143d5e}.level-progress-header .level-progress-back-button{position:absolute;left:1rem;color:#ffffff;background:none;border:none;cursor:pointer;padding:0;transition:color 0.2s ease-in-out}.level-progress-header .level-progress-back-button:hover{color:#d1d5db}.level-progress-header .level-progress-back-button svg{width:1.5rem;height:1.5rem}.level-progress-header .level-progress-title{font-size:1.25rem;font-weight:700;color:#ffffff}.level-progress-main-content{padding:2rem;text-align:center}.level-progress-content-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.level-progress-character-image-wrapper{width:12rem}.level-progress-character-image-wrapper img{width:100%;height:auto;object-fit:contain}.level-progress-current-level{display:flex;flex-direction:column;align-items:center;gap:0.75rem}.level-progress-current-level-label{font-size:1.125rem;font-weight:500;color:#4b5563}.level-progress-level-circle{width:7rem;height:7rem;border-radius:50%;background-color:#f9fafb;border:4px solid #e5e7eb;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.05)}.level-progress-level-number{font-size:3rem;font-weight:700;color:#f97316}.level-progress-progress-section{width:100%;display:flex;flex-direction:column;gap:1.5rem;padding-top:1rem}.level-progress-progress-group{display:flex;flex-direction:column;gap:0.5rem}.level-progress-progress-label{text-align:left;font-weight:600;color:#374151}.level-progress-progress-bar-bg{width:100%;background-color:#e5e7eb;border-radius:9999px;height:0.75rem;box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.05)}.level-progress-progress-bar-fill{height:100%;border-radius:9999px}.level-progress-progress-bar-fill.level-progress-points{background-color:#22c55e}.level-progress-progress-bar-fill.level-progress-time{background-color:#facc15}.level-progress-progress-text{font-size:0.875rem;font-weight:500;color:#6b7280}.level-progress-progress-text.level-progress-align-right{text-align:center}.level-progress-progress-text.level-progress-align-center{text-align:center;padding-top:0.25rem}.level-progress-referral-info{padding-top:1rem;font-weight:700;color:#374151}.merchant-panel-header{background-color:#153752;color:#ffffff;padding:1rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border-radius:0.5rem;position:relative}.merchant-panel-header .merchant-panel-left-section{display:flex;align-items:center;gap:1rem}.merchant-panel-header .merchant-panel-right-section{display:flex;align-items:center;gap:1rem}.merchant-panel-header h1{font-size:1.25rem;font-weight:600}.merchant-panel-header i{font-size:1.25rem}.merchant-panel-header .merchant-panel-notification-badge{position:absolute;top:0.5rem;right:0.75rem;background-color:#ef4444;color:#ffffff;font-size:0.75rem;padding:0.125rem 0.375rem;border-radius:10px;line-height:1}.merchant-panel-main{flex-grow:1;padding:1rem}.merchant-panel-notification-container{position:relative;cursor:pointer;transition:opacity 0.2s ease}.merchant-panel-notification-container:hover{opacity:0.8}.merchant-request-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5)}.merchant-request-modal-content{background-color:#ffffff;margin:5% auto;padding:0;border:none;border-radius:0.75rem;width:80%;max-width:600px;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -1px rgba(0,0,0,0.05);max-height:80vh;overflow:hidden}.merchant-request-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background-color:#153752;color:#ffffff;border-radius:0.75rem 0.75rem 0 0}.merchant-request-modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.merchant-request-modal-close{color:#ffffff;font-size:2rem;font-weight:bold;cursor:pointer;line-height:1;padding:0 0.5rem;transition:opacity 0.2s ease}.merchant-request-modal-close:hover{opacity:0.7}.merchant-request-modal-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.merchant-request-tabs{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem}.merchant-request-tab-button{flex:1;padding:0.75rem 1rem;border:none;background-color:transparent;color:#6b7280;cursor:pointer;font-weight:500;border-bottom:2px solid transparent;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;gap:0.5rem}.merchant-request-tab-button.active{color:#153752;border-bottom-color:#153752}.merchant-request-tab-button:hover{color:#153752;background-color:#f9fafb}.merchant-request-tab-badge{background-color:#ef4444;color:#ffffff;font-size:0.75rem;padding:0.125rem 0.375rem;border-radius:10px;min-width:1.25rem;text-align:center}.merchant-request-tab-button.active .merchant-request-tab-badge{background-color:#153752}.merchant-request-tab-content{display:none}.merchant-request-tab-content.active{display:block}.merchant-request-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e5e7eb;border-radius:0.5rem;margin-bottom:1rem;background-color:#ffffff;transition:box-shadow 0.2s ease}.merchant-request-item:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.merchant-request-user-info{display:flex;align-items:center;gap:1rem;flex:1}.merchant-request-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.merchant-request-details h4{margin:0 0 0.25rem 0;font-size:1rem;font-weight:600;color:#1f2937}.merchant-request-details p{margin:0 0 0.25rem 0;font-size:0.875rem;color:#6b7280}.merchant-request-time{font-size:0.75rem;color:#9ca3af;font-style:italic}.merchant-request-expire{font-size:0.75rem;color:#dc2626;font-weight:500;display:block;margin-top:0.25rem}.merchant-request-amount{font-size:0.75rem;color:#059669;font-weight:600;display:block;margin-top:0.25rem}.merchant-request-actions{display:flex;gap:0.5rem}.merchant-request-approve-btn,.merchant-request-reject-btn{padding:0.5rem 1rem;border:none;border-radius:0.375rem;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.merchant-request-approve-btn{background-color:#10b981;color:#ffffff}.merchant-request-approve-btn:hover{background-color:#059669}.merchant-request-reject-btn{background-color:#ef4444;color:#ffffff}.merchant-request-reject-btn:hover{background-color:#dc2626}.merchant-request-empty{text-align:center;padding:2rem;color:#6b7280}.merchant-request-empty p{margin:0;font-size:1rem}.merchant-request-loading,.merchant-request-error{text-align:center;padding:2rem;color:#6b7280}.merchant-request-loading p{margin:0;font-size:1rem;font-style:italic}.merchant-request-error{color:#ef4444}.merchant-request-error p{margin:0;font-size:1rem}.merchant-approval-modal{display:none;position:fixed;z-index:1001;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.6)}.merchant-approval-modal-content{background-color:#ffffff;margin:10% auto;padding:0;border:none;border-radius:0.75rem;width:90%;max-width:500px;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);overflow:hidden}.merchant-approval-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background-color:#153752;color:#ffffff;border-radius:0.75rem 0.75rem 0 0}.merchant-approval-modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.merchant-approval-modal-close{color:#ffffff;font-size:1.75rem;font-weight:bold;cursor:pointer;line-height:1;padding:0 0.5rem;transition:opacity 0.2s ease}.merchant-approval-modal-close:hover{opacity:0.7}.merchant-approval-modal-body{padding:2rem}.approval-user-info{text-align:center;margin-bottom:1.5rem}.approval-user-info h3{margin:0 0 0.5rem 0;font-size:1.125rem;font-weight:600;color:#153752}.approval-user-info p{margin:0;color:#6b7280;font-size:0.875rem}.approval-form{max-width:100%}.approval-input-group{margin-bottom:1.5rem}.approval-input-group label{display:block;margin-bottom:0.5rem;font-weight:500;color:#374151;font-size:0.875rem}.approval-input-group input{width:100%;padding:0.75rem;border:1px solid #d1d5db;border-radius:0.375rem;font-size:1rem;transition:border-color 0.2s ease, box-shadow 0.2s ease;box-sizing:border-box}.approval-input-group input:focus{outline:none;border-color:#153752;box-shadow:0 0 0 3px rgba(21,55,82,0.1)}.approval-input-group input::placeholder{color:#9ca3af}.approval-actions{display:flex;gap:0.75rem;justify-content:flex-end}.approval-cancel-btn,.approval-confirm-btn{padding:0.75rem 1.5rem;border:none;border-radius:0.375rem;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;min-width:100px}.approval-cancel-btn{background-color:#6b7280;color:#ffffff}.approval-cancel-btn:hover{background-color:#4b5563}.approval-confirm-btn{background-color:#153752;color:#ffffff}.approval-confirm-btn:hover{background-color:#1e40af}@media (max-width: 640px){.merchant-approval-modal-content{margin:5% auto;width:95%}.merchant-approval-modal-body{padding:1.5rem}.approval-actions{flex-direction:column}.approval-cancel-btn,.approval-confirm-btn{width:100%}}.merchant-panel-trail-card{background-color:#ffffff;padding:1.5rem;border-radius:0.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);margin-bottom:1.5rem;text-align:center}.merchant-panel-trail-card .merchant-panel-badge{background-color:#f97316;color:#ffffff;padding:0.5rem 1rem;border-radius:9999px;display:inline-block;margin-bottom:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -1px rgba(0,0,0,0.05)}.merchant-panel-trail-card h2{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:0.5rem}.merchant-panel-trail-card h2 span{color:#4b5563}.merchant-panel-trail-card p{color:#ef4444;font-weight:500}.merchant-panel-merchant-card{background-color:#ffffff;padding:1rem;border-radius:0.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.merchant-panel-merchant-card .merchant-panel-profile-section{display:flex;align-items:center;gap:1rem}.merchant-panel-merchant-card img{width:4rem;height:4rem;border-radius:9999px;object-fit:cover}.merchant-panel-merchant-card .merchant-panel-profile-info h3{font-size:1.125rem;font-weight:600;color:#1f2937;display:flex;align-items:center;margin-bottom:8px}.merchant-panel-merchant-card .merchant-panel-profile-info h3 .merchant-panel-tag{background-color:#7c3aed;color:#ffffff;font-size:0.75rem;padding:0.125rem 0.5rem;border-radius:9999px;margin-left:0.25rem}.merchant-panel-merchant-card .merchant-panel-profile-info h3 .merchant-panel-check-icon{color:#153752;margin-left:0.25rem}.merchant-panel-merchant-card .merchant-panel-profile-info p{font-size:0.875rem;color:#4b5563}.merchant-panel-merchant-card .merchant-panel-expire-info{text-align:right}.merchant-panel-merchant-card .merchant-panel-expire-info p:first-child{font-size:0.875rem;color:#6b7280}.merchant-panel-merchant-card .merchant-panel-expire-info p:last-child{font-size:1rem;font-weight:500;color:#ef4444}.merchant-panel-hasan-card{margin-bottom:1.5rem}.merchant-panel-merchant-list-header{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:1rem}.merchant-panel-khairun-card img{border:2px solid #3b82f6}.account-container{background:white;border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,0.05);padding:20px}.account-header{font-size:22px;font-weight:600;margin-bottom:25px;color:#153752}.balance-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;background:aliceblue;border-radius:10px}.design-box{font-size:12px;color:#153752;font-weight:600;border-radius:10px;background-image:linear-gradient(to bottom, #ffca38, #fb8b05 454%);width:160px;margin:auto;text-transform:capitalize;margin-bottom:10px;padding-top:7px;padding-bottom:3px}.balance-label{font-size:13px;color:#666;margin-bottom:5px;text-align:center}.balance-amount{font-size:28px;font-weight:700;display:flex;align-items:center;gap:8px}.today-spent{font-weight:600;margin:15px 0;display:flex;align-items:center;gap:8px;font-size:15px}.divider{height:1px;background:rgba(21,55,82,0.44);margin:20px 0}.section-title{display:block;font-size:18px;font-weight:600;margin:20px 0 15px 0;border-radius:10px !important;background:#153752;color:#f8fafb;padding-top:15px;padding-bottom:15px;text-transform:capitalize;font-size:18px;text-align:center;text-decoration:none}.subsection-title{font-size:16px;font-weight:600;margin:18px 0 12px 0;color:#444}.transaction{padding:14px 0;border-bottom:1px solid #f0f0f0;display:flex;justify-content:flex-start;align-items:self-start;gap:10px}.transaction:last-child{border-bottom:none}.transaction-title{font-weight:600;font-size:0.95rem;margin-bottom:6px;display:flex;align-items:center;gap:6px}.transaction-details{display:flex;justify-content:space-between;font-size:13px;color:#777}.transaction-date{margin-bottom:3px}.transaction-id{color:#999}.transaction-amount{font-weight:600;color:#2e7d32;display:flex;align-items:center;gap:4px}.icon{font-size:18px}.lightbulb-icon{color:#ffc107}.pin-icon{color:#f44336}.thumbs-up-icon{color:#4caf50}.gift-image{height:30px}.notification-container{font-family:'Segoe UI', Arial, sans-serif;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);overflow:hidden}.notification-tabs{display:flex;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0}.notification-tab{flex:1;padding:12px 16px;border:none;background:transparent;font-size:14px;font-weight:600;color:#555;cursor:pointer;text-align:center;transition:all 0.3s ease}.notification-tab.active{color:#1976d2;border-bottom:2px solid #1976d2;background-color:white}.notification-tab:hover:not(.active){background-color:#f0f0f0}.notification-tab-content{padding:24px;display:none;min-height:200px;background-color:white}.notification-tab-content.active{display:block}.empty-state{text-align:center;color:#888;padding:40px 0}.bell-icon{width:48px;height:48px;margin-bottom:16px;fill:#ccc}.empty-state p{margin:0;font-size:16px}.notification-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:8px;background:#ffffff;margin-bottom:8px}.notification-thumb img{width:40px;height:40px;flex-shrink:0}.no-notification-item{padding:12px;border-radius:8px;background:#ffffff;margin-bottom:8px;text-align:center}.mention-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border-radius:8px;background:#ffffff;margin-bottom:8px}.mention-body-left{flex:2.5;text-align:left}.mention-body-right{flex:0.5;text-align:right;display:flex;justify-content:end;align-items:end;flex-direction:column}.mention-title{font-weight:600;font-size:0.95rem;margin-bottom:6px;display:flex;align-items:center;gap:6px}.mention-details{font-size:13px;color:#777}.mention-react{height:35px;width:35px}.alert-container{display:flex;flex-direction:column;padding:16px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.alerts-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;margin-bottom:8px;border-radius:8px;padding:10px}.alert-items{display:flex;flex-direction:column;gap:2px}.alerts-header .alerts-icon{width:24px;height:24px;margin-right:8px}.alerts-header h2{margin:0}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,0.4);justify-content:center;align-items:center}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:80vh;box-shadow:0 4px 24px rgba(0,0,0,0.18);animation:profile-modalopen 0.3s;display:flex;flex-direction:column;margin:20px;scrollbar-width:none;-ms-overflow-style:none}.modal-content::-webkit-scrollbar{display:none}.close-btn{background:darkgray;border:none;color:black;font-size:18px;cursor:pointer;padding:8px;border-radius:50%;transition:background-color 0.2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.modal-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;position:relative;min-height:60px}.participants-list{display:flex;flex-direction:column;gap:2px;max-height:500px;min-height:200px;padding:20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccc transparent}.participants-list::-webkit-scrollbar{width:6px}.participants-list::-webkit-scrollbar-track{background:transparent}.participants-list::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.participants-list::-webkit-scrollbar-thumb:hover{background-color:#999}.friend-item-wrapper{display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px solid #eee;background:white;border-radius:5px}.friend-item{display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color 0.3s;text-decoration:none;color:black;width:95%}.profile-pic{width:50px;height:50px;border-radius:50%;margin-right:10px;position:relative}.profile-pic img{width:100%;height:100%;border-radius:50%;object-fit:cover}.status-circle{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid #fff}.status-circle.online{background-color:#6c757d}.status-circle.offline{background-color:#6c757d}.status-circle.busy{background-color:#dc3545}.friend-info{display:flex;flex-direction:column;flex-grow:1;cursor:pointer}.name-badge{display:flex;align-items:center;flex-wrap:wrap;gap:2px}.name-badge .name{font-weight:bold;font-size:1em;white-space:nowrap;align-items:center}.name{margin-bottom:0}.verified-badge img.use-badge{height:0.5em;width:auto;max-width:100%;display:inline-block;vertical-align:middle}.status-message{font-size:14px;color:#666;font-style:italic}.status-info{font-size:14px;color:#666}.poll-modal{position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,0.4);display:flex;justify-content:center;align-items:center;padding:20px}.hidden{display:none}.poll-modal-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.poll-modal-content{background:#ffffff;width:100%;max-width:500px;max-height:90vh;border-radius:16px;padding:0 24px 24px 24px;box-shadow:0 10px 40px rgba(0,0,0,0.1);overflow-y:auto;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;animation:fadeIn 0.3s ease;display:flex;flex-direction:column}.poll-modal-content::-webkit-scrollbar{width:6px}.poll-modal-content::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.poll-modal-content::-webkit-scrollbar-track{background:transparent}.poll-modal-header{position:sticky;top:0;background:#ffffff;padding:24px 0 12px 0;z-index:10;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.poll-modal-header h2{font-size:22px;font-weight:600;margin:0}.close-btn{cursor:pointer;font-size:22px;color:#999;transition:color 0.2s ease}.close-btn:hover{color:#e53935}.form-group{margin-bottom:16px}.poll-modal-level{display:block;font-weight:600;color:#444;margin-bottom:6px;margin-top:12px}#poll-question{width:100%;padding:12px;font-size:15px;border-radius:10px;border:1px solid #ccc;background-color:#f9fafb;resize:none;transition:border 0.2s ease}#poll-question:focus{outline:none;border-color:#42a5f5}#char-count{text-align:right;font-size:12px;color:#666;margin-top:4px}.option-input{width:100%;padding:10px;margin-bottom:10px;font-size:15px;border-radius:8px;border:1px solid #ccc;background-color:#f5f7fa;transition:border-color 0.2s ease}.option-input:focus{outline:none;border-color:#42a5f5}.add-option-btn,.submit-btn{width:100%;padding:12px;margin-top:10px;border:none;border-radius:10px;font-size:16px;font-weight:600;color:white;cursor:pointer;transition:background 0.2s ease}.add-option-btn{background-color:#155486}.add-option-btn:hover{background-color:#1e88e5}.submit-btn{background-color:#143d5e}.submit-btn:hover{background-color:#0a1f2d}.poll-option{padding:12px;margin:6px 0;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;cursor:pointer;display:flex;justify-content:space-between;transition:background-color 0.3s, box-shadow 0.3s}.poll-option:hover{background-color:#e0f2fe}.poll-percentage{margin-left:auto;font-weight:bold;padding:10px}.poll-percentage:hover{border-radius:15px}.poll-percentage:hover{background-color:#f3f4f6}.poll-option.selected{background-color:#3b82f6;color:white;font-weight:bold;box-shadow:0 4px 10px rgba(0,0,0,0.15)}@keyframes fadeIn{from{transform:scale(0.95);opacity:0}to{transform:scale(1);opacity:1}}.frame__container{display:flex;flex-direction:column;margin:auto;width:100%;border:1px solid #ced0d4;border-radius:20px;background-color:#fff;box-sizing:border-box;margin-bottom:10px}.frame__headline{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 0;margin-bottom:11px}.frame__column{display:flex;flex-direction:column}.frame__headline_img_text{display:flex}.frame__headline .three_dot{color:darkgray}.relative-dot-wrapper{position:relative;display:inline-block}.three_dot{cursor:pointer;z-index:2}.post-actions-tooltip{display:none;position:absolute;left:50%;top:120%;transform:translateX(-50%);z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 24px rgba(0,0,0,0.12),0 1.5px 4px rgba(0,0,0,0.08);min-width:140px;padding:10px 0;flex-direction:column;align-items:stretch;transition:box-shadow 0.2s}.post-actions-tooltip .tooltip-action-btn{background:none;border:none;outline:none;color:#222;font-size:15px;padding:10px 24px;text-align:left;cursor:pointer;transition:background 0.15s, color 0.15s;border-radius:0}.post-actions-tooltip .tooltip-action-btn.delete-btn{color:#e53e3e;font-weight:500}.post-actions-tooltip .tooltip-action-btn.report-btn{color:#f59e42;font-weight:500}.post-actions-tooltip .tooltip-action-btn:hover{background:#f3f4f6;color:#111}.post-actions-tooltip .tooltip-action-btn.delete-btn:hover{background:#ffeaea;color:#b91c1c}.post-actions-tooltip .tooltip-action-btn.report-btn:hover{background:#fff7e6;color:#b45309}.post-actions-tooltip::before{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);border-width:0 8px 8px 8px;border-style:solid;border-color:transparent transparent #fff transparent;filter:drop-shadow(0 -2px 2px rgba(0,0,0,0.04))}.frame__headline_img_text{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 0;margin-bottom:11px}.headline__image{height:40px;width:40px;border-radius:50%;margin-right:8px}.frame__image{height:100%;width:100%}.headline__subtitle{color:#90949c;font-size:12px;letter-spacing:-0.24px;line-height:16.08px;margin:0}.headline__title{color:#365899;font-size:14px;font-weight:bold;letter-spacing:-0.24px;line-height:19.32px;word-wrap:break-word;margin:0 0 2px;text-decoration:none}.headline__world{height:12px;width:12px}.relative-dot-wrapper{position:relative;display:inline-block}.frame__content{margin:7px 12px}.frame__text{margin:0}.frame__text--large{margin:0;font-size:24px;line-height:28px}.frame__text--small{margin:0;font-size:14px;line-height:19.32px}.frame__footer{display:flex;border-top:1px solid #e1e2e3;padding:12px;flex-direction:column;gap:10px}.footer_menu{display:flex;align-items:baseline;justify-content:space-between}.text__social{color:#7f7f7f;font-size:12px;font-weight:bold;line-height:14px;margin:0}.footer__likes,.footer__comments,.footer__share,.footer__post-as{display:flex;padding:4px 0 4px;margin-right:20px;text-decoration:none}.frame__comment-share-count{display:flex;gap:10px;justify-content:end;padding:10px;color:#7f7f7f;font-size:12px;font-weight:bold;line-height:14px;text-decoration:none}.footer__image{height:14px;margin:0 6px -3px 0;color:#7f7f7f}.footer_text{color:#7f7f7f;font-size:12px;line-height:14px;margin:0}.footer__image--not-first{margin-left:9px}.footer__post-as-image{height:16px}.footer__post-as{margin-right:0;margin-left:auto}.comments__section{margin-top:20px;padding:10px;border-top:1px solid #ddd}.comment_menu{display:flex;align-items:baseline;padding:10px 0 4px;margin-right:5px;margin-left:40px}.comment,.reply{margin-bottom:15px;padding:10px;border:1px solid #eee;border-radius:5px}.comment__header,.reply__header{display:flex;align-items:center;margin-bottom:10px;color:#7f7f7f;font-size:12px;font-weight:bold;line-height:14px}.comment__image,.reply__image{width:30px;height:30px;border-radius:50%;margin-right:10px}.comment__username,.reply__username{font-weight:bold;margin-right:10px;font-size:14px;color:#365899}.comment__timestamp,.reply__timestamp{color:#1f6feb;font-size:0.9em}.comment__content,.reply__content{margin-left:40px}.replies__section{margin-left:40px;margin-top:10px;border-left:2px solid #ddd;padding-left:10px}.reply__input,.comment__input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;margin-top:10px}.reply__button,.comment__button{background-color:#007bff;color:white;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;margin-top:10px}.reply__cancel{background-color:rgba(245,19,19,0.84);color:white;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;margin-top:10px}.see-more-btn,.see-less-btn{color:blue;text-decoration:underline;background:none;border:none;cursor:pointer;padding:0;margin-left:5px}.see-more-btn:hover,.see-less-btn:hover{color:darkblue}.reply-footer{display:flex;align-items:anchor-center;justify-content:space-between}.post-actions-modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center}.post-actions-modal-content{background-color:white;border-radius:12px;width:90%;max-width:400px;box-shadow:0 4px 20px rgba(0,0,0,0.15);overflow:hidden;animation:slideUp 0.3s ease-out}.post-actions-modal-header{padding:20px 24px;border-bottom:1px solid #e4e6ea;display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa}.post-actions-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1c1e21}.post-actions-close{color:#8a8d91;font-size:24px;font-weight:bold;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.2s}.post-actions-close:hover{background-color:#e4e6ea;color:#1c1e21}.post-actions-modal-body{padding:8px 0}.post-actions-list{display:flex;flex-direction:column}.post-action-item{display:flex;align-items:center;padding:16px 24px;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:background-color 0.2s;font-size:16px;color:#1c1e21}.post-action-item:hover{background-color:#f2f3f5}.post-action-item i{margin-right:12px;font-size:18px;width:20px;text-align:center}.post-action-item span{font-weight:500}.delete-action i{color:#dc3545}.delete-action:hover{background-color:#fef2f2}.report-action i{color:#ffc107}.report-action:hover{background-color:#fffbeb}.edit-action i{color:#007bff}.edit-action:hover{background-color:#f0f8ff}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.post-actions-modal-content{width:95%;margin:20px}.post-actions-modal-header{padding:16px 20px}.post-action-item{padding:14px 20px}}.profile-menu{min-width:190px;background:#fff;flex-direction:column;gap:5px;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 16px rgba(44,62,80,0.08);padding:10px;position:absolute;right:0;top:100%;z-index:10;display:none}.profile-menu a{display:flex;padding:10px;color:#333;text-decoration:none;font-size:15px;transition:background 0.2s, color 0.2s;cursor:pointer;text-align:left;justify-content:space-between;border-bottom:1px solid rgba(21,55,82,0.66)}.profile-menu a:hover{color:#153752}.profile-rating-open-modal-btn{background-color:#4CAF50;color:white;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin:20px auto;display:block}.profile-rating-modal{display:none;position:fixed;z-index:3;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4)}.reviewer-profile-picture{height:50px;width:50px;border-radius:50%}.profile-rating-modal-content{background-color:#fefefe;margin:5% auto;padding:25px;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.2);width:80%;max-width:600px;max-height:90vh;overflow-y:auto}.profile-rating-close{color:#153752;float:right;font-size:28px;font-weight:bold;cursor:pointer}.profile-rating-close:hover{color:#f51313}.profile-rating-title{color:#333;margin-bottom:25px;font-size:20px;font-weight:bold}.profile-rating-header{text-align:center;margin-bottom:10px}.profile-rating-sub-header{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.profile-rating-average{font-size:30px;font-weight:bold;color:#153752;margin-bottom:5px;line-height:1}.profile-rating-review-count{color:#666;font-size:16px}.profile-rating-reviews-list{margin-top:20px}.profile-rating-review{padding:20px 0;border-bottom:1px solid #eee;display:flex;gap:15px}.profile-rating-review:last-child{border-bottom:none}.profile-rating-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;background-color:#eee;flex-shrink:0}.profile-rating-review-content{flex-grow:1}.profile-rating-reviewer{font-weight:bold;margin-bottom:8px;font-size:16px;color:#333}.profile-rating-stars{color:#ff9800;margin-bottom:8px;font-size:16px}.profile-rating-review-date{color:#999;font-size:14px;margin-bottom:10px}.profile-rating-review-text{color:#333;line-height:1.5;font-size:15px}.profile-rating-empty-review{color:#999;font-style:italic}.profile-rating-initials-avatar{width:50px;height:50px;border-radius:50%;background-color:#4CAF50;color:white;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:18px;flex-shrink:0}.reactions-modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(2px)}.reactions-modal-content{position:relative;background-color:white;margin:5% auto;padding:0;border-radius:8px;width:90%;max-width:400px;max-height:80vh;box-shadow:0 4px 12px rgba(0,0,0,0.15);overflow:hidden}.reactions-modal-header{padding:16px 20px;border-bottom:1px solid #e4e6ea;display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa}.reactions-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#1c1e21}.reactions-close-modal{color:#8a8d91;font-size:24px;font-weight:bold;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.2s}.reactions-close-modal:hover{background-color:#e4e6ea;color:#1c1e21}.reactions-tabs{display:flex;padding:0 20px;border-bottom:1px solid #e4e6ea;background-color:white;overflow-x:auto}.reactions-tab{display:flex;align-items:center;padding:12px 16px;cursor:pointer;border-bottom:3px solid transparent;margin-right:8px;border-radius:4px 4px 0 0;transition:all 0.2s;white-space:nowrap;min-width:fit-content}.reactions-tab:hover{background-color:#f2f3f5}.reactions-tab.active{border-bottom-color:#1877f2;background-color:#e7f3ff}.reactions-tab-text{font-size:14px;font-weight:600;color:#65676b;margin-right:6px}.reactions-tab.active .reactions-tab-text{color:#1877f2}.reaction-tab-icon{width:18px;height:18px;margin-right:6px}.reactions-tab-count{background-color:#e4e6ea;color:#65676b;font-size:12px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center}.reactions-tab.active .reactions-tab-count{background-color:#1877f2;color:white}.reactions-modal-body{max-height:400px;overflow-y:auto;padding:12px 0}.reactions-list{list-style:none;padding:0;margin:0}.reaction-item{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;transition:background-color 0.2s}.reaction-item:hover{background-color:#f2f3f5}.reaction-user-info{display:flex;align-items:center;flex:1}.reaction-user-avatar{width:32px;height:32px;border-radius:50%;margin-right:12px;object-fit:cover;border:1px solid #e4e6ea}.reaction-username{font-size:14px;font-weight:600;color:#1c1e21;flex:1}.reaction-icon{width:20px;height:20px;flex-shrink:0}.reactions-modal-body::-webkit-scrollbar{width:6px}.reactions-modal-body::-webkit-scrollbar-track{background:#f1f1f1}.reactions-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.reactions-modal-body::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@media (max-width: 480px){.reactions-modal-content{width:95%;margin:10% auto;max-height:85vh}.reactions-modal-header{padding:12px 16px}.reactions-tab{padding:10px 12px;margin-right:4px}.reaction-item{padding:10px 16px}}.report-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,0.4);justify-content:flex-start}.report-modal-content{background:#fff;border-radius:12px;width:100%;max-width:400px;margin:70px auto 0 auto;box-shadow:0 4px 24px rgba(0,0,0,0.18);animation:slideDown 0.25s ease;display:flex;flex-direction:column}.report-modal-header{background-color:#153752;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;position:relative;min-height:60px}.report-back-btn{background:none;border:none;color:white;font-size:18px;cursor:pointer;padding:8px;border-radius:50%;transition:background-color 0.2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.report-back-btn:hover{background-color:rgba(255,255,255,0.1)}.report-modal-header h3{color:white;font-size:18px;font-weight:bold;margin:0;position:absolute;left:50%;transform:translateX(-50%)}.report-header-spacer{width:40px}.report-modal-close{background:none;border:none;color:white;font-size:24px;cursor:pointer;padding:8px;border-radius:50%;transition:background-color 0.2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px;position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:1}.report-modal-close:hover{background-color:rgba(255,255,255,0.1)}.report-modal-body{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column}.report-prompt{color:#333;font-size:16px;line-height:1.5;margin-bottom:24px;font-weight:500}.report-form{display:flex;flex-direction:column;flex:1}.report-options{flex:1;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.report-option{display:flex;align-items:center;padding:12px 0;cursor:pointer;border-radius:8px;transition:background-color 0.2s}.report-option:hover{background-color:#f8f9fa}.report-radio{margin-right:16px;width:20px;height:20px;accent-color:#153752;cursor:pointer}.report-option-text{font-size:16px;color:#333;font-weight:500;flex:1}.report-submit-btn{background-color:#dc3545;color:white;border:none;padding:16px 24px;border-radius:8px;font-size:16px;font-weight:bold;text-transform:uppercase;cursor:pointer;transition:background-color 0.2s;margin-top:auto}.report-submit-btn:hover:not(:disabled){background-color:#c82333}.report-submit-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:0.6}@media (max-width: 480px){.report-modal-header{padding:12px 16px}.report-modal-body{padding:16px}.report-option{padding:10px 0}.report-submit-btn{padding:14px 20px}}.report-success-modal{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center}.report-success-content{background:white;border-radius:12px;padding:30px 20px;width:80%;max-width:320px;text-align:center;box-shadow:0 8px 16px rgba(0,0,0,0.2);animation:fadeIn 0.3s ease-in-out}.checkmark-circle{font-size:48px;color:#28a745;border:3px solid #28a745;border-radius:50%;width:80px;height:80px;line-height:74px;margin:0 auto 16px}.report-success-title{font-size:20px;font-weight:bold;margin-bottom:8px;color:#1a1a1a}.report-success-message{color:gray}.report-success-done{margin-top:20px;padding:10px 20px;background:#11253d;color:white;border:none;border-radius:6px;font-size:14px;cursor:pointer;width:80%}.report-success-done:hover{background:#0d1c2f}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}#roomInfoModal .modal-content #room-info-body .room-settings-list{margin-top:25px;border-top:1px solid #eee;padding-top:15px}#roomInfoModal .modal-content #room-info-body .room-setting-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}#roomInfoModal .modal-content #room-info-body .room-setting-item:last-child{border-bottom:none}#roomInfoModal .modal-content #room-info-body .room-setting-item i{margin-right:10px}#roomInfoModal .modal-content #room-info-body .moderator-section{margin-top:25px;border-top:1px solid #eee;padding-top:15px}#roomInfoModal .modal-content #room-info-body .moderator-section h4{margin-bottom:10px}#roomInfoModal .modal-content #room-info-body .moderator-section .moderator-list p{background-color:#f9f9f9;padding:8px;border-radius:4px}#searchChatRoomModal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.6);backdrop-filter:blur(3px)}#searchChatRoomModal .search-chatroom-modal-content{background:linear-gradient(145deg, #fff, #f8f9fa);margin:5% auto;padding:0;border:none;border-radius:16px;width:90%;max-width:600px;max-height:80vh;box-shadow:0 20px 40px rgba(0,0,0,0.15);position:relative;animation:profile-modalopen 0.3s;overflow:hidden}@keyframes slideDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}#searchChatRoomModal h2{margin:0;padding:25px 30px 20px;background:linear-gradient(135deg, #153752 0%, #153752 100%);color:white;font-size:24px;font-weight:600;border-radius:16px 16px 0 0;text-shadow:0 2px 4px rgba(0,0,0,0.2)}.search-chatroom-form{padding:30px}.search-chatroom-form-group{margin-bottom:20px}.search-chatroom-input-container{position:relative;display:flex;align-items:center}.search-chatroom-input-container .input-icon{position:absolute;left:15px;color:#6c757d;font-size:16px;z-index:2}.search-chatroom-input{width:100%;padding:15px 15px 15px 50px;border:2px solid #e9ecef;border-radius:12px;font-size:16px;background:#ffffff;transition:all 0.3s ease;box-sizing:border-box}.search-chatroom-input:focus{outline:none;border-color:#153752;box-shadow:0 0 0 3px rgba(102,126,234,0.1);background:#ffffff}.search-chatroom-input::placeholder{color:#adb5bd}.search-results-header{padding-left:8px}.results-label{font-size:16px;font-weight:600;color:#343a40;margin-bottom:10px}.search-results-container{margin-top:20px;max-height:400px;overflow-y:auto;border-radius:12px;border:1px solid #e9ecef}.search-room-list{list-style:none;padding:0;margin:0}.search-room-list li{border-bottom:1px solid #f1f3f4}.search-room-list li:last-child{border-bottom:none}.search-result-item{display:block;padding:15px 20px;text-decoration:none;color:#495057;transition:all 0.2s ease;cursor:pointer}.search-result-item:hover{background-color:#f8f9fa;color:#495057;text-decoration:none}.search-result-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.search-result-content .room-name{font-weight:600;font-size:16px;color:#343a40}.search-result-content .room-capacity{font-size:14px;color:#6c757d;background:#e9ecef;padding:4px 8px;border-radius:6px}.search-result-item .room-description{font-size:14px;color:#6c757d;margin-top:5px;line-height:1.4}.search-loading,.search-no-results,.search-error{padding:20px;text-align:center;color:#6c757d;font-style:italic}.search-error{color:#dc3545}.search-chatroom-form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}.search-chatroom-btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:8px;text-decoration:none}.search-chatroom-btn-secondary{background:#6c757d;color:white}.search-chatroom-btn-secondary:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px rgba(108,117,125,0.3)}@media (max-width: 768px){#searchChatRoomModal .search-chatroom-modal-content{margin:2% auto;width:95%;max-height:95vh}.search-chatroom-form{padding:20px}#searchChatRoomModal h2{padding:20px 20px 15px;font-size:20px}.search-results-container{max-height:300px}.search-chatroom-form-actions{flex-direction:column}.search-chatroom-btn{width:100%;justify-content:center}}.settings-container{max-width:600px;padding:20px 16px}.settings-header{font-size:24px;font-weight:600;margin-bottom:24px;padding-left:8px}.settings-section-title{font-size:17px;font-weight:500;margin:24px 0 12px 8px;color:#666}.settings-subsection-title{font-size:15px;font-weight:400;margin:16px 0 8px 8px;color:#666}.section-icon{width:20px;height:20px;margin-right:8px;vertical-align:middle}.settings-divider{height:1px;background-color:#e8e8e8;margin:16px 0}.settings-section{background-color:white;border-radius:10px;padding:8px 0;margin-bottom:16px;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;position:relative}.settings-item:not(:last-child)::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:0.5px;background-color:#f0f0f0}.settings-item-content{flex:1;padding-right:12px}.settings-item-title{font-size:16px;margin-bottom:2px}.settings-item-subtitle{font-size:13px;color:#999}.settings-switch{position:relative;display:inline-block;width:34px;height:14px}.settings-switch input{opacity:0;width:0;height:0}.settings-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.settings-slider:before{position:absolute;content:"";height:10px;width:10px;left:2px;bottom:2px;background-color:white;transition:.4s;border-radius:50%}input:checked+.settings-slider{background-color:#153752}input:checked+.settings-slider:before{transform:translateX(20px)}.settings-chevron{color:#153752;font-size:18px}.settings-chevron a{color:#153752;font-size:18px}.settings-account-section .settings-item{padding:16px}.custom-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:1000}.custom-modal-content{background:white;padding:20px;border-radius:8px;width:400px;position:relative}.custom-modal-header{display:flex;justify-content:space-between;align-items:center}.custom-modal-close{cursor:pointer;font-size:20px}.settings-password-change-container{background-color:#fff;width:90%;max-width:500px;max-height:80vh;border-radius:8px;overflow-y:scroll;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,0.1);scrollbar-width:none}.settings-password-change-container::-webkit-scrollbar{display:none}.settings-password-change-container h1{color:#2c3e50;margin-bottom:1.5rem;font-size:1.15rem;font-weight:600;display:flex;justify-content:space-between}.settings-password-change-form{display:flex;flex-direction:column}.settings-form-group{margin-bottom:1.5rem}.settings-form-group label{display:block;margin-bottom:0.5rem;font-weight:600;color:#34495e;font-size:0.95rem}.settings-form-group input,.settings-form-group select{width:100%;padding:0.85rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:all 0.3s ease}.settings-form-group input:focus,.settings-form-group select:focus{border-color:#153752;outline:none;box-shadow:0 0 0 3px rgba(52,152,219,0.2)}.settings-hint{color:#7f8c8d;font-size:0.85rem;display:block;margin-top:0.5rem;line-height:1.4}.settings-password-strength-meter{display:flex;gap:5px;margin:0.75rem 0}.settings-strength-bar{height:5px;flex-grow:1;background:#ecf0f1;border-radius:3px;transition:background 0.3s ease}.settings-strength-bar.weak{background:#e74c3c}.settings-strength-bar.medium{background:#f39c12}.settings-strength-bar.strong{background:#2ecc71}.settings-form-actions{display:flex;gap:1rem;margin-top:2.5rem}.settings-btn{border:none;padding:0.85rem 1.75rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;flex:1;text-align:center}.settings-btn-primary{background:#153752;color:white}.settings-btn-primary:hover{background:#153752;transform:translateY(-1px)}.settings-btn-secondary{background:#ecf0f1;color:#34495e}.settings-btn-secondary:hover{background:#bdc3c7}.settings-security-section{margin-top:1rem;padding:1rem;background:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.settings-security-section h3{margin-top:0;margin-bottom:1rem;font-size:1.1rem;color:#2c3e50}@media (max-width: 600px){.settings-password-change-container{padding:1.5rem;margin:1rem}.settings-form-actions{flex-direction:column;gap:0.75rem}.settings-btn{width:100%}}.unblock-button{background-color:#ff4d4d;color:white;border:none;border-radius:12px;padding:5px 8px;font-size:12px;cursor:pointer;transition:background-color 0.3s ease}.unblock-button:hover{background-color:#cc0000}.bug-feedback-container{background-color:white;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.1);width:400px;padding:30px}.bug-feedback-container h1{color:#2c3e50;margin-bottom:1.5rem;font-size:1.15rem;font-weight:600;display:flex;justify-content:space-between}.bug-feedback-form-group{margin-bottom:20px}.bug-feedback-label{display:block;margin-bottom:8px;color:#555;font-weight:500}.bug-feedback-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;box-sizing:border-box;transition:border 0.3s;min-height:120px;resize:vertical;font-family:inherit}.bug-feedback-textarea:focus{border-color:#153752;outline:none;box-shadow:0 0 0 3px rgba(74,144,226,0.2)}.bug-feedback-file-upload{display:flex;flex-direction:column;gap:10px}.bug-feedback-file-upload-label{display:flex;align-items:center;gap:10px;padding:12px;border:1px dashed #ddd;border-radius:6px;cursor:pointer;transition:all 0.3s}.bug-feedback-file-upload-label:hover{border-color:#153752;background-color:#f8faff}.bug-feedback-file-upload-label svg{width:24px;height:24px;fill:#153752}.bug-feedback-file-upload-input{display:none}.bug-feedback-file-name{font-size:14px;color:#666;margin-top:5px}.bug-feedback-preview-container{margin-top:15px;border:1px solid #eee;border-radius:6px;padding:10px;display:none}.bug-feedback-preview-title{font-size:14px;color:#555;margin-bottom:8px;font-weight:500}.bug-feedback-attachment-preview{max-width:100%;max-height:200px;display:block;margin:0 auto}.bug-feedback-file-icon{text-align:center;padding:20px;background-color:#f9f9f9;border-radius:4px}.bug-feedback-file-icon svg{width:48px;height:48px;fill:#153752}.bug-feedback-file-info{margin-top:10px;text-align:center;font-size:13px;color:#666}.bug-feedback-remove-btn{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:13px;margin-top:10px;padding:0}.bug-feedback-submit-btn{background-color:#153752;color:white;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;font-size:16px;width:100%;transition:background-color 0.3s;margin-top:10px}.bug-feedback-submit-btn:hover{background-color:#153752}.user-card{display:flex;flex-direction:column;overflow:hidden;border-radius:0.5rem;background-color:white;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:all 0.3s ease-in-out;width:100%}.card-cover{height:100px;background-size:cover;background-position:center;position:relative}.avatar-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;top:95%;left:20%;transform:translate(-50%, -50%);z-index:10}.avatar{position:relative;border-radius:50%;z-index:10}.avatar-img{width:60px;height:60px;border-radius:50%}.card-body{padding:1.25rem;text-align:start;flex-grow:1;z-index:5;position:relative}.card-name{margin-top:0.75rem;font-size:1.125rem;font-weight:600;color:white}.card-info{font-size:0.875rem;font-weight:500;color:white}.card-info-sm{font-size:0.875rem;font-weight:500;color:#4b5563}.recent-header{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f5f5f5;cursor:pointer;border-bottom:1px solid #ccc;border-radius:10px}.recent-arrow{padding-left:3px;transition:transform 0.3s ease}.recent-list{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height 0.3s ease}.recent-list li{padding:10px;border-bottom:1px solid #eee}.recent-list li a{display:flex;flex-direction:row;justify-content:space-between;text-decoration:none;color:black}.recent-list li:last-child{border-bottom:none}.recent-list.show{max-height:none}.friend-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:black;background-color:rgba(0,0,0,0.5);opacity:0;transition:opacity 0.3s ease}.friend-modal.show{opacity:1}.friend-modal-content{background-color:#fefefe;margin:5% auto;border:none;width:90%;max-width:280px;min-width:260px;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,0.3);animation:slideIn 0.3s ease-out;transform:translateY(-50px);transition:transform 0.3s ease-out}.friend-modal.show .friend-modal-content{transform:translateY(0)}@keyframes slideIn{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.friend-modal-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg, #153752, #1e4a66);color:white;padding:15px 20px;border-top-left-radius:15px;border-top-right-radius:15px;font-size:18px;font-weight:bold;text-shadow:0 1px 2px rgba(0,0,0,0.2)}.friend-modal-body{text-align:center;padding:15px;overflow:hidden}.friend-modal-body img{width:100%;max-width:150px;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;border:3px solid #f0f0f0;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.friend-modal-footer{display:flex;justify-content:space-around;align-items:center;padding:12px 15px;background-color:#f8f9fa;border-bottom-left-radius:15px;border-bottom-right-radius:15px;flex-wrap:wrap;gap:8px}.friend-modal-footer a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:18px;color:#153752;text-decoration:none;border-radius:50%;background-color:white;border:2px solid #e9ecef;transition:all 0.3s ease;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.friend-close{color:white;font-size:24px;font-weight:bold;cursor:pointer;padding:5px;border-radius:50%;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.friend-close:hover,.friend-close:focus{background-color:rgba(255,255,255,0.2);color:#ff6b6b;text-decoration:none;cursor:pointer;transform:scale(1.1)}.friend-modal-footer a:focus,.friend-modal-footer a:hover{color:white;background-color:#153752;border-color:#153752;transform:translateY(-2px);box-shadow:0 4px 10px rgba(21,55,82,0.3)}@media (max-width: 768px){.friend-modal-content{width:95%;margin:10% auto;min-width:260px;max-width:300px}.friend-modal-header{padding:10px 12px;font-size:15px}.friend-modal-body{padding:12px}.friend-modal-body img{max-width:120px}.friend-modal-footer{padding:10px 12px;gap:6px}.friend-modal-footer a{width:35px;height:35px;font-size:16px}}@media (max-width: 480px){.friend-modal-content{width:95%;margin:15% auto;max-width:280px}.friend-modal-header{padding:8px 10px;font-size:14px}.friend-modal-body{padding:10px}.friend-modal-body img{max-width:100px}.friend-modal-footer{padding:8px 10px}.friend-modal-footer a{width:32px;height:32px;font-size:14px}.friend-close{font-size:18px;width:22px;height:22px}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.form-container{position:relative;width:850px;height:700px;background:#fff;margin:20px;border-radius:30px;box-shadow:0 0 30px rgba(0,0,0,0.2);overflow:hidden}.form-group{display:flex;justify-content:space-evenly;padding-bottom:30px}.form-container h1{font-size:36px;margin:-10px 0}.form-container p{font-size:14.5px;margin:15px 0}.verification-input{text-align:center}form{width:100%}.form-box{position:absolute;right:0;width:50%;height:100%;background:#fff;display:flex;align-items:flex-start;color:#333;text-align:center;padding:30px;z-index:1;transition:.6s ease-in-out 1.2s, visibility 0s 1s;overflow-y:auto;box-sizing:border-box}.form-box form{width:100%;margin-top:auto;margin-bottom:auto}.form-container.active .form-box{right:50%}.form-box.register{visibility:hidden}.form-container.active .form-box.register{visibility:visible}.input-box{position:relative;margin:20px 0;width:100%;box-sizing:border-box}.app-links{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.app-links img{width:150px;max-width:100%;border-radius:10px}.gender-group{display:flex;justify-content:space-evenly;margin:15px 0;flex-wrap:wrap;gap:10px}.input-box input{width:100%;padding:13px 50px 13px 20px;background:#eee;border-radius:8px;border:none;outline:none;font-size:16px;color:#333;font-weight:500}.input-box select{width:100%;padding:13px 50px 13px 20px;background:#eee;border-radius:8px;border:none;outline:none;font-size:16px;color:#333;font-weight:500}.input-box input::placeholder{color:#888;font-weight:400}.input-box i{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px}.field-instruction{margin-bottom:5px;text-align:left}.field-instruction small{color:#666;font-size:13px;font-weight:400;line-height:1.2;display:block}.signup-agreement{margin:20px 0;text-align:left}.agreement-item{display:flex;align-items:flex-start;margin-bottom:12px;font-size:13px;line-height:1.4}.agreement-item input[type="checkbox"]{margin-right:8px;margin-top:2px;flex-shrink:0}.agreement-item label{color:#555555ab;cursor:pointer;font-weight:600;text-align:center}.agreement-item b{color:#000;cursor:pointer;font-weight:600;text-align:center;font-size:14px}.agreement-link{color:rgba(255,69,0,0.69);text-decoration:none;font-weight:500}.agreement-link:hover{color:#f51313;text-decoration:underline}.forgot-link{padding-top:20px}.forgot-link a{font-size:14.5px;color:#333}.btn{width:100%;height:48px;background:#153752;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.1);border:none;cursor:pointer;font-size:14px;color:#fff;font-weight:600}.social-icons{display:flex;justify-content:center}.social-icons a{display:inline-flex;padding:10px;border:2px solid #ccc;border-radius:8px;font-size:24px;color:#333;margin:0 8px}.login-logo{height:60px}.toggle-box{position:absolute;width:100%;height:100%}.toggle-box::before{content:'';position:absolute;left:-250%;width:300%;height:100%;background:#153752;border-radius:150px;z-index:2;transition:1.8s ease-in-out}.form-container.active .toggle-box::before{left:50%}.toggle-panel{position:absolute;width:50%;height:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;transition:.6s ease-in-out}.toggle-panel.toggle-left{left:0;transition-delay:1.2s}.form-container.active .toggle-panel.toggle-left{left:-50%;transition-delay:.6s}.toggle-panel.toggle-right{right:-50%;transition-delay:.6s}.form-container.active .toggle-panel.toggle-right{right:0;transition-delay:1.2s}.toggle-panel p{margin-bottom:20px}.toggle-panel .btn{width:160px;height:46px;background:transparent;border:2px solid #fff;box-shadow:none}.input-box input[type="number"]::-webkit-outer-spin-button,.input-box input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-box input[type="number"]{-moz-appearance:textfield}@media screen and (max-width: 1024px){.form-container{max-width:700px;min-height:600px;margin:10px;border-radius:20px}.form-box{padding:25px}.input-box{margin:18px 0}.app-links img{width:130px}}@media screen and (max-width: 768px){.login-container{padding:15px}.form-container{max-width:600px;min-height:550px;border-radius:15px}.form-box{padding:20px}.input-box{margin:15px 0}.form-container h1{font-size:30px}.gender-group{justify-content:center;gap:15px}.app-links{justify-content:center;gap:15px}.app-links img{width:120px}.toggle-panel h1{font-size:32px}.toggle-panel .btn{width:140px;height:44px}}@media screen and (max-width: 650px){.login-container{padding:10px}.form-container{height:calc(100vh - 20px);width:100%;max-width:none;min-height:auto;border-radius:20px}.form-box{bottom:0;width:100%;height:70%;padding:20px}.input-box{margin:15px 0}.field-instruction small{font-size:10px}.gender-group{flex-direction:column;align-items:center;gap:8px}.app-links{flex-direction:column;align-items:center;gap:10px}.app-links img{width:140px}.toggle-box::before{left:0;top:-270%;width:100%;height:300%;border-radius:20vw}.form-container.active .toggle-box::before{left:0;top:70%}.form-container.active .toggle-panel.toggle-left{left:0;top:-30%}.toggle-panel{width:100%;height:30%}.toggle-panel.toggle-left{top:0}.toggle-panel.toggle-right{right:0;bottom:-30%}.form-container.active .toggle-panel.toggle-right{bottom:0}}@media screen and (max-width: 480px){.login-container{padding:5px}.form-container{border-radius:15px}.form-box{padding:15px}.input-box{margin:12px 0}.input-box input,.input-box select{padding:12px 45px 12px 15px;font-size:14px}.form-container h1{font-size:26px}.form-container p{font-size:13px}.btn{height:45px;font-size:13px}.login-logo{height:50px}.app-links img{width:120px}}@media screen and (max-width: 400px){.form-box{padding:12px}.input-box{margin:10px 0}.input-box input,.input-box select{padding:10px 40px 10px 12px;font-size:13px}.field-instruction small{font-size:9px}.toggle-panel h1{font-size:24px}.form-container h1{font-size:22px}.btn{height:42px;font-size:12px}.login-logo{height:45px}.app-links img{width:100px}}@media screen and (max-width: 320px){.form-box{padding:10px}.input-box{margin:8px 0}.input-box input,.input-box select{padding:8px 35px 8px 10px;font-size:12px}.form-container h1{font-size:20px}.toggle-panel h1{font-size:22px}.btn{height:40px;font-size:11px}.login-logo{height:40px}.app-links img{width:90px}}.global_modal_small{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.6);backdrop-filter:blur(3px)}.global_modal_small .modal-content{background:linear-gradient(145deg, #fff, #f8f9fa);margin:8% auto;padding:0;border:none;border-radius:16px;width:90%;max-width:500px;max-height:80vh;box-shadow:0 20px 40px rgba(0,0,0,0.15);position:relative;animation:profile-modalopen 0.3s;overflow:hidden;display:flex;flex-direction:column}.global_modal_small .modal-close{position:absolute;top:15px;right:20px;color:#6c757d;font-size:28px;font-weight:bold;cursor:pointer;z-index:10;transition:all 0.2s ease;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,0.8)}.global_modal_small .modal-close:hover,.global_modal_small .modal-close:focus{color:#dc3545;background:rgba(220,53,69,0.1);transform:scale(1.1)}.global_modal_small h2{color:#ffffff;margin:0;padding:25px 30px;font-size:24px}.global_modal_small h2 i{margin-right:10px;font-size:22px}.modal-body{padding:30px;overflow-y:auto;flex:1;min-height:0}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-body p{margin-bottom:15px}.global_modal_small .modal-actions{display:flex;justify-content:space-between;gap:15px;padding:25px 30px;border-top:1px solid #153752;background:linear-gradient(145deg, #fff, #f8f9fa);border-radius:0 0 16px 16px;flex-shrink:0}.global_modal_small .modal-btn{flex:1;padding:14px 24px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;text-decoration:none;min-height:48px}.global_modal_small .modal-btn i{margin-right:8px;font-size:14px}.global_modal_small .btn-secondary{background:#f8f9fa;color:#dc3545;border:2px solid #dc3545}.global_modal_small .btn-secondary:hover{background:#dc3545;color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(21,55,82,0.3)}.global_modal_small .btn-primary{background:linear-gradient(135deg, #153752, #0f2a3f);color:white;box-shadow:0 4px 15px rgba(21,55,82,0.4)}.global_modal_small .btn-primary:hover{background:linear-gradient(135deg, #0f2a3f, #0a1f2d);transform:translateY(-2px);box-shadow:0 6px 20px rgba(15,42,63,0.5)}.global_modal_small .modal-btn:active{transform:translateY(0)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideDown{from{opacity:0;transform:translateY(-50px) scale(0.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.global_modal_small .modal-content{width:95%;margin:5% auto;border-radius:12px}.global_modal_small h2{font-size:20px;padding:20px 25px}.modal-body{padding:25px 20px}.global_modal_small .modal-actions{flex-direction:column;gap:12px}.global_modal_small .modal-btn{width:100%}}@media (max-width: 480px){.global_modal_small .modal-content{width:98%;margin:2% auto;border-radius:10px}.global_modal_small h2{font-size:18px;padding:18px 20px}.modal-body{padding:20px 15px}}.tab-container{font-family:'Segoe UI', Arial, sans-serif;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.tabs-header{display:flex;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;margin-bottom:8px}.tab-item{flex:1;padding:16px;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;position:relative;color:#555;transition:all 0.3s ease}.tab-item-profile{flex-direction:row !important}.tab-item.active{color:#153752;border-bottom:1px solid #153752;background-color:white}.tab-item:hover:not(.active){background-color:#f0f0f0}.tab-item.active::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#007AFF}.tab-icon{width:24px;height:24px;fill:currentColor}.tab-title{font-size:14px;font-weight:600;text-align:center}@media (max-width: 480px){.tab-item{padding:12px 8px}.tab-title{font-size:12px}.tab-icon{width:20px;height:20px}}@media (max-width: 480px){.tabs-header{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;border-bottom:none;margin-bottom:0}.tab-item{flex:0 0 auto;min-width:80px;padding:12px 8px;font-size:12px;border-bottom:none;border-right:1px solid #e0e0e0}.tab-item:last-child{border-right:none}.tab-title{font-size:12px}.tab-icon{width:20px;height:20px}}.transfer-container{width:100%;max-width:500px;background:#ffffff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.08);overflow:hidden}.transfer-header{padding:25px;background:linear-gradient(135deg, #153752, #153752);color:white;text-align:center}.transfer-header h1{font-size:24px;margin-bottom:8px;font-weight:700}.transfer-balance{font-size:16px;opacity:0.9}.transfer-balance-amount{font-weight:bold;font-size:18px;color:#2ecc71}.transfer-form,.become-merchant-form{padding:25px;display:flex;flex-direction:column;gap:20px}.renew-merchant{display:flex;flex-direction:column;align-items:center;padding:26px;gap:20px}.transfer-group{display:flex;flex-direction:column;gap:8px;position:relative}.transfer-label{font-weight:600;color:#2c3e50;font-size:14px}.otp-level{font-weight:600;color:rgba(255,69,0,0.69);font-size:14px}.transfer-input-wrapper{position:relative}.transfer-input-wrapper i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#7f8c8d;font-size:16px}.transfer-input{padding:14px 16px 14px 42px;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all 0.3s ease;width:100%}.transfer-input:focus{border-color:#153752;outline:none;box-shadow:0 0 0 3px rgba(52,152,219,0.2)}.transfer-input::placeholder{color:#95a5a6;opacity:0.7}.transfer-pin-container{display:flex;gap:10px}.transfer-pin-container .transfer-input-wrapper{flex:1}.transfer-pin-btn{padding:0 16px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-weight:600;color:#153752;transition:all 0.3s;white-space:nowrap;font-size:14px;display:flex;align-items:center;gap:6px}.transfer-pin-btn:hover{background:#e9ecef;border-color:#d0d0d0}.transfer-checkbox-group{display:flex;align-items:center;gap:10px;margin:5px 0;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all 0.3s ease;width:100%;padding:14px}.transfer-checkbox{width:18px;height:18px;accent-color:#153752;cursor:pointer}.transfer-checkbox-label{font-size:14px;font-weight:600;color:#34495e;cursor:pointer}.transfer-submit-btn{padding:16px;background:#153752;color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s;margin-top:10px;letter-spacing:0.5px;display:flex;align-items:center;justify-content:center;gap:8px}.transfer-submit-btn:hover{background:rgba(21,55,82,0.51);transform:translateY(-1px)}.transfer-submit-btn:active{transform:translateY(0)}@media (max-width: 480px){.transfer-header,.transfer-form{padding:20px}.transfer-pin-container{flex-direction:column}.transfer-pin-btn{padding:12px;justify-content:center}}.user-rating-modal-bg{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.4);z-index:1000;justify-content:center;align-items:center}.user-rating-modal-bg.active{display:flex}.user-rating-container{background-color:white;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);padding:30px;width:320px;text-align:center;z-index:1001}.user-rating-title{color:#333;margin-bottom:5px}.user-rating-username{color:#666;font-size:16px;margin-bottom:25px}.user-rating-stars{display:flex;justify-content:center;gap:10px;margin-bottom:25px}.user-rating-star{position:relative;font-size:32px;color:#ccc;cursor:pointer;transition:color 0.2s;display:inline-block}.user-rating-star .user-rating-star-fill{position:absolute;top:0;left:0;width:0%;overflow:hidden;color:#ffc107;pointer-events:none;transition:width 0.2s}.user-rating-star .user-rating-star-bg{color:#ccc}.user-rating-star.filled .user-rating-star-fill{width:100%}.user-rating-instruction{color:#999;font-size:14px;margin-bottom:20px}.user-rating-textarea{width:100%;height:100px;border:1px solid #ddd;border-radius:8px;padding:10px;font-family:inherit;resize:none;margin-bottom:20px}.user-rating-submit-btn{background-color:#143d5e;color:white;border:none;padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color 0.3s;width:100%}.user-rating-submit-btn:hover{background-color:rgba(21,55,82,0.44)}.voters-list{padding:10px;display:flex;flex-direction:column;gap:5px}.skeleton-loader{animation:pulse 1.5s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:1}100%{opacity:0.6}}.skeleton-avatar{width:50px;height:50px;background-color:#e2e8f0;border-radius:50%;position:relative}.skeleton-status-circle{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;background-color:#cbd5e0;border:2px solid #fff}.skeleton-name{height:16px;background-color:#e2e8f0;border-radius:4px;margin-bottom:8px;width:120px}.skeleton-status{height:14px;background-color:#e2e8f0;border-radius:4px;width:200px}.skeleton-dropdown{width:24px;height:24px;background-color:#e2e8f0;border-radius:4px}.skeleton-loader .friend-item-wrapper{background:white;border-radius:5px;margin-bottom:5px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial, sans-serif;background:#f4f2ee}nav{margin-bottom:20px}.display-none{display:none}.profile-container{width:700px}.left-sidebar,.container,.right-sidebar,.profile-container{overflow-y:auto;height:100%}.right-sidebar,.left-sidebar{padding:0 20px 20px 20px;width:350px}.left-sidebar-wrapper{display:flex;flex-direction:column;gap:20px;justify-content:right;align-items:center}.body-container{display:grid;grid-template-rows:auto 1fr;grid-gap:20px;background-color:aliceblue}.top-navbar{grid-row:1 / 2;display:grid;align-items:center}.main-container{display:flex;justify-content:center;gap:20px}.container{display:grid;grid-gap:10px;width:580px;align-content:baseline}.user-badge{width:14px !important;height:14px !important;margin-left:5px;position:relative;top:2px}.profile-progress{max-width:100px;margin:0 0 0 auto;width:60px}.profile-progress .level{font-size:25px;color:#ffffff;text-align:center;display:block;cursor:pointer}.profile-progress .progress-level{width:100%;display:block;background:#ffffff;border-radius:15px;height:10px}.profile-progress .progress-level .progress-level-inner{display:block;background:#23bcef;height:inherit;min-width:10px;border-top-left-radius:15px;border-bottom-left-radius:15px}.profile-container::-webkit-scrollbar,.left-sidebar::-webkit-scrollbar,.container::-webkit-scrollbar,.right-sidebar::-webkit-scrollbar{display:none}.left-sidebar,.container,.right-sidebar,.profile-container{-ms-overflow-style:none;scrollbar-width:none}.level-text{font-size:12px;color:#143d5e;display:block}.user-details{display:flex;justify-content:space-between}.profile-features{border-radius:8px;display:flex;flex-direction:column;gap:10px}.profile-features img{width:25px;height:auto;margin-right:15px}.profile-item{display:flex;align-items:center;justify-content:space-between;padding:10px;background:#fff;border-radius:8px}.name-image-section{display:flex;align-items:center}.alert_section{background:#fde6e6}.email-section{background:#f6f8fa}.email-section .add{color:#153752}.friends-section{background:#eef2f5;margin-bottom:10px}.friends-section .fa{color:#a1b7c8}.profile-link{text-decoration:none;color:#000;font-size:16px}.profile-actions{display:flex;gap:18px}.remember-me,.login-as-offline{display:flex;justify-content:center;align-items:baseline;gap:10px}.load-more-btn{background-color:#153752;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color 0.3s ease, transform 0.2s ease}.load-more-btn:hover{background-color:#153752;transform:scale(1.05)}.load-more-btn:active{background-color:#003f7f;transform:scale(0.95)}.load-more-btn:disabled{background-color:#cccccc;cursor:not-allowed}.main-reaction-btn{display:flex;justify-content:center;align-items:center;gap:5px}.main-reaction-btn i{color:#7f7f7f}.reaction-list{display:flex;flex-direction:row;gap:8px;background:#fff;border-radius:24px;box-shadow:0 2px 8px rgba(0,0,0,0.15);padding:6px 10px;position:absolute;z-index:100;bottom:40px;left:0;transition:opacity 0.2s;opacity:0;pointer-events:none}.reaction-list[style*="display: flex"]{opacity:1;pointer-events:auto}.reaction-btn{background:transparent;border:none;cursor:pointer;padding:0;transition:transform 0.15s}.reaction-btn img{width:32px;height:32px;transition:transform 0.15s}.reaction-btn:hover img{transform:scale(1.3) rotate(-10deg);filter:drop-shadow(0 2px 6px rgba(0,0,0,0.2))}.footer__likes{position:relative}.dislike{color:#e04f49 !important}.like{color:#7884ce !important}.angry{color:#cd4b60 !important}.love{color:#e04f49 !important}.crying,.surprise,.laugh,.in-love{color:#efd05d !important}.message-emoji-button-container{position:absolute;bottom:-8px;right:-8px;opacity:0;transition:opacity 0.2s ease-in-out;z-index:10}.messenger-bubble-container:hover .message-emoji-button-container{opacity:1}.message-emoji-btn{background:#ffffff;border:1px solid #e1e5e9;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease-in-out;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.message-emoji-btn:hover{background:#f8f9fa;border-color:#153752;transform:scale(1.1)}.message-emoji-btn svg{color:#6c757d;transition:color 0.2s ease-in-out}.message-emoji-btn:hover svg{color:#153752}.messenger-bubble-container{position:relative}.messenger-message-row{position:relative}.own-message .message-emoji-button-container{right:-8px}.other-message .message-emoji-button-container{right:-8px}.relative-dot-wrapper{position:relative;display:inline-block}.three_dot{cursor:pointer;z-index:2}.post-actions-tooltip{display:none;position:absolute;left:50%;top:120%;transform:translateX(-50%);z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 24px rgba(0,0,0,0.12),0 1.5px 4px rgba(0,0,0,0.08);min-width:140px;padding:10px 0;flex-direction:column;align-items:stretch;transition:box-shadow 0.2s}.post-actions-tooltip .tooltip-action-btn{background:none;border:none;outline:none;color:#222;font-size:15px;padding:10px 24px;text-align:left;cursor:pointer;transition:background 0.15s, color 0.15s;border-radius:0}.post-actions-tooltip .tooltip-action-btn.delete-btn{color:#e53e3e;font-weight:500}.post-actions-tooltip .tooltip-action-btn.report-btn{color:#f59e42;font-weight:500}.post-actions-tooltip .tooltip-action-btn:hover{background:#f3f4f6;color:#111}.post-actions-tooltip .tooltip-action-btn.delete-btn:hover{background:#ffeaea;color:#b91c1c}.post-actions-tooltip .tooltip-action-btn.report-btn:hover{background:#fff7e6;color:#b45309}.post-actions-tooltip::before{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);border-width:0 8px 8px 8px;border-style:solid;border-color:transparent transparent #fff transparent;filter:drop-shadow(0 -2px 2px rgba(0,0,0,0.04))}.dropdown-toggle{border:none;background:transparent;cursor:pointer}.dropdown{position:relative}.chat-room-list .card{max-width:100% !important}.dropdown-toggle.active+.dropdown-menu{display:block}.dropdown-item{display:block;width:100%;clear:both;font-weight:400;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;padding:10px 15px}.dropdown-item.active i{color:#203F66}.dropdown-item:hover{background:#efefef}.friend-item-wrapper:hover{background-color:#f9f9f9}.color-red{color:#d31b1b}.relative-dot-wrapper{position:relative;display:inline-block}.three_dot{cursor:pointer;z-index:2}.post-actions-tooltip{display:none;position:absolute;left:50%;top:120%;transform:translateX(-50%);z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 24px rgba(0,0,0,0.12),0 1.5px 4px rgba(0,0,0,0.08);min-width:140px;padding:10px 0;flex-direction:column;align-items:stretch;transition:box-shadow 0.2s}.post-actions-tooltip .tooltip-action-btn{background:none;border:none;outline:none;color:#222;font-size:15px;padding:10px 24px;text-align:left;cursor:pointer;transition:background 0.15s, color 0.15s;border-radius:0}.post-actions-tooltip .tooltip-action-btn.delete-btn{color:#e53e3e;font-weight:500}.post-actions-tooltip .tooltip-action-btn.report-btn{color:#f59e42;font-weight:500}.post-actions-tooltip .tooltip-action-btn:hover{background:#f3f4f6;color:#111}.post-actions-tooltip .tooltip-action-btn.delete-btn:hover{background:#ffeaea;color:#b91c1c}.post-actions-tooltip .tooltip-action-btn.report-btn:hover{background:#fff7e6;color:#b45309}.post-actions-tooltip::before{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);border-width:0 8px 8px 8px;border-style:solid;border-color:transparent transparent #fff transparent;filter:drop-shadow(0 -2px 2px rgba(0,0,0,0.04))}.dropdown-toggle{border:none;background:transparent;cursor:pointer}.dropdown{position:relative}.chat-room-list .card{max-width:100% !important}.dropdown-toggle.active+.dropdown-menu{display:block}.dropdown-item{display:block;width:100%;clear:both;font-weight:400;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;padding:10px 15px}.dropdown-item:hover{background:#efefef}.friend-item-wrapper:hover{background-color:#f9f9f9}.dropdown-item i{margin-right:15px}.color-red{color:#d31b1b}.relative-dot-wrapper{position:relative;display:inline-block}.three_dot{cursor:pointer;z-index:2}.post-actions-tooltip{display:none;position:absolute;left:50%;top:120%;transform:translateX(-50%);z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 24px rgba(0,0,0,0.12),0 1.5px 4px rgba(0,0,0,0.08);min-width:140px;padding:10px 0;flex-direction:column;align-items:stretch;transition:box-shadow 0.2s}.post-actions-tooltip .tooltip-action-btn{background:none;border:none;outline:none;color:#222;font-size:15px;padding:10px 24px;text-align:left;cursor:pointer;transition:background 0.15s, color 0.15s;border-radius:0}.post-actions-tooltip .tooltip-action-btn.delete-btn{color:#e53e3e;font-weight:500}.post-actions-tooltip .tooltip-action-btn.report-btn{color:#f59e42;font-weight:500}.post-actions-tooltip .tooltip-action-btn:hover{background:#f3f4f6;color:#111}.post-actions-tooltip .tooltip-action-btn.delete-btn:hover{background:#ffeaea;color:#b91c1c}.post-actions-tooltip .tooltip-action-btn.report-btn:hover{background:#fff7e6;color:#b45309}.post-actions-tooltip::before{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);border-width:0 8px 8px 8px;border-style:solid;border-color:transparent transparent #fff transparent;filter:drop-shadow(0 -2px 2px rgba(0,0,0,0.04))}