@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}.dropdown-menu li{padding:10px 15px}.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}.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:#f5f6fa;overflow-y:auto;padding:18px 12px 12px 12px;min-height:0}.messenger-messages-list{display:flex;flex-direction:column;gap:10px}.messenger-message-row{display:flex;align-items:flex-end;gap:8px}.messenger-message-row.own-message{flex-direction:row-reverse}.messenger-avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1.5px solid #e0e0e0}.messenger-bubble-container{max-width:75%;display:flex;flex-direction:column}.messenger-bubble{background:#e4e6eb;color:#050505;border-radius:18px;padding:10px 16px;font-size:15px;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-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#65676b;margin-top:4px}.messenger-message-row.own-message .messenger-message-meta{color:#d0e6ff}.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:20px;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:10px;z-index:1000}@media (max-width: 500px){.chat-window.messenger-style{width:100vw;min-width:0;max-width:100vw;right:0;left:0;border-radius:0}}.chat-window.messenger-style.minimized{height:48px;min-width:220px;max-width:370px;width:220px;box-shadow:0 2px 8px rgba(0,0,0,0.13);cursor:pointer;transition:height 0.2s, width 0.2s}.chat-window.messenger-style.minimized .chat-header{border-radius:12px 12px 0 0;background:#143d5e;color:#fff;height:48px;min-height:48px;display:flex;align-items:center;padding:0 12px;font-size:16px;font-weight:600}.chat-window.messenger-style.minimized .chat-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.chat-window.messenger-style.minimized .chat-avatar,.chat-window.messenger-style.minimized .chat-avatar-fallback{width:32px;height:32px;margin-right:8px}.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%}.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-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #eee;cursor:pointer;background:white;transition:background-color 0.3s}.friend-item:hover{background-color:#f9f9f9}.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}.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:slideDown 0.3s ease-in-out}.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-error .alert-modal-icon{border:2px solid #f44336}.alert-modal-error .alert-modal-icon-i{color:#f44336}@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}.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}.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}.create-post__file-label{display:inline-flex;align-items:center;cursor:pointer;padding:10px;border-radius:5px}#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:1000}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.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}.explore-item-container{width:580px}.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}}.gifts-container{max-width:800px;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:0 10px;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}.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:right}.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}.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}.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__column{display:flex;flex-direction:column}.frame__headline{display:flex;align-items:flex-start;justify-content:flex-start;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}.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:4px 12px;flex-direction:column;gap:20px}.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}.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}.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:90%}.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:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:black;background-color:rgba(0,0,0,0.4)}.friend-modal-content{background-color:#fefefe;margin:15% auto;border:1px solid #888;width:13%;border-radius:10px}.friend-modal-header{display:flex;justify-content:space-between;align-items:center;background:#153752;color:white;padding:10px;border-top-left-radius:10px;border-top-right-radius:10px;font-size:20px;font-weight:bold}.friend-modal-body{text-align:center;overflow:hidden}.friend-modal-body img{width:250px;overflow:hidden;height:270px}.friend-modal-footer{display:flex;justify-content:space-between;padding:10px}.friend-modal-footer a{margin:0 10px;font-size:20px;color:#333;text-decoration:none}.friend-close{color:white;font-size:28px;font-weight:bold;cursor:pointer}.friend-close:hover,.friend-close:focus{color:red;text-decoration:none;cursor:pointer}.friend-modal-footer a:focus,.friend-modal-footer a:hover{color:#153752}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.form-container{position:relative;width:850px;height:650px;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}form{width:100%}.form-box{position:absolute;right:0;width:50%;height:100%;background:#fff;display:flex;align-items:center;color:#333;text-align:center;padding:40px;z-index:1;transition:.6s ease-in-out 1.2s, visibility 0s 1s}.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:30px 0}.app-links{display:flex;justify-content:space-between;gap:20px}.app-links img{width:150px;border-radius:10px}.gender-group{display:flex;justify-content:space-evenly}.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}.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}@media screen and (max-width: 650px){.form-container{height:calc(100vh - 40px)}.form-box{bottom:0;width:100%;height:70%}.form-container.active .form-box{right:0;bottom:30%}.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: 400px){.form-box{padding:20px}.toggle-panel h1{font-size:30px}}.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{padding:25px;display:flex;flex-direction:column;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;text-transform:uppercase;letter-spacing:0.5px;display:flex;align-items:center;justify-content:center;gap:8px}.transfer-submit-btn:hover{background:#219653;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)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial, sans-serif;background:#f4f2ee}nav{margin-bottom:20px}.main-container{display:grid;padding-top:40px;grid-template-columns:1fr 2fr 1fr;height:100vh;overflow:hidden}.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:anchor-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}.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}