.DropdownSearch_dropdownContainer__ACf_Z{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:12px;width:100%;max-width:500px;position:relative}.DropdownSearch_closeBtn__FNraS{position:absolute;top:8px;right:8px;background:none;border:none;font-size:14px;color:#f6465d;cursor:pointer;z-index:1;transition:all 250ms ease}.DropdownSearch_closeBtn__FNraS:hover{color:#d92b43}.DropdownSearch_tradeTypeWrapper__w5mZF{display:flex;flex-direction:column;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid rgba(0,0,0,.5)}.DropdownSearch_tradeTypeWrapper__w5mZF .DropdownSearch_tradeTypeList__musIw{display:flex;flex-wrap:wrap;margin-top:4px;gap:8px}.DropdownSearch_tradeTypeWrapper__w5mZF .DropdownSearch_tradeTypeList__musIw .DropdownSearch_tradeTypeBtn__2jlm_{background:#f8f9fa;border:1px solid rgba(0,0,0,0);padding:4px 12px;border-radius:9999px;cursor:pointer;transition:all 250ms ease}.DropdownSearch_tradeTypeWrapper__w5mZF .DropdownSearch_tradeTypeList__musIw .DropdownSearch_tradeTypeBtn__2jlm_.DropdownSearch_active__Au7BK{background:#2ebd85;color:#fff}.DropdownSearch_tradeTypeWrapper__w5mZF .DropdownSearch_tradeTypeList__musIw .DropdownSearch_tradeTypeBtn__2jlm_.DropdownSearch_active__Au7BK:hover{color:#fff;background:#2ebd85}.DropdownSearch_tradeTypeWrapper__w5mZF .DropdownSearch_tradeTypeList__musIw .DropdownSearch_tradeTypeBtn__2jlm_:hover{border:1px solid #2ebd85;color:#2ebd85;background:#fff}.DropdownSearch_searchHistorySection__dc06g{display:flex;flex-direction:column}.DropdownSearch_searchHistorySection__dc06g .DropdownSearch_searchHistoryItem__suQzG{display:flex;justify-content:space-between;align-items:center;width:100%;padding:4px;border-radius:4px;transition:all 250ms ease}.DropdownSearch_searchHistorySection__dc06g .DropdownSearch_searchHistoryItem__suQzG:hover{background:#f8f9fa}.DropdownSearch_searchHistorySection__dc06g .DropdownSearch_searchHistoryItem__suQzG .DropdownSearch_text__pLS0d{word-break:break-word;flex:1 1}.DropdownSearch_searchHistorySection__dc06g .DropdownSearch_searchHistoryItem__suQzG .DropdownSearch_removeBtn__i1VmH{background:none;border:none;cursor:pointer;transition:all 250ms ease}.DropdownSearch_searchHistorySection__dc06g .DropdownSearch_searchHistoryItem__suQzG .DropdownSearch_removeBtn__i1VmH:hover{color:#f6465d}.DropdownSearch_suggestionList__sf4wx{margin:8px 0;border-bottom:1px solid rgba(0,0,0,.5)}.DropdownSearch_suggestionList__sf4wx .DropdownSearch_suggestionText__mtvta{padding:4px;transition:all 250ms ease}.DropdownSearch_suggestionList__sf4wx .DropdownSearch_suggestionText__mtvta:hover{background:#f8f9fa}
.SearchBar_header_search__tMYON{width:100%;flex:1 1 auto;min-width:0}.SearchBar_header_search__tMYON .SearchBar_search_form__oZLpZ{display:flex;width:100%;height:35px;flex-direction:column;align-items:flex-start;gap:8px}.SearchBar_header_search__tMYON .SearchBar_search_form__oZLpZ .SearchBar_selectWrapper__ey2WI{display:flex;width:100%;min-width:0;border:1px solid #ced4da;border-radius:4px;transition:all 250ms ease}.SearchBar_header_search__tMYON .SearchBar_search_form__oZLpZ .SearchBar_selectWrapper__ey2WI:focus-within{border:1px solid #2ebd85}.SearchBar_header_search__tMYON .SearchBar_search_form__oZLpZ .SearchBar_selectWrapper__ey2WI .SearchBar_selectItemType__sDDue{flex:0 0 auto;border-radius:4px 0 0 4px;background-color:#f8f9fa;width:50px;transition:all 250ms ease}.SearchBar_header_search__tMYON .SearchBar_search_form__oZLpZ .SearchBar_selectWrapper__ey2WI .SearchBar_selectItemType__sDDue:focus{border:1px solid #2ebd85}.SearchBar_header_search__tMYON .SearchBar_search_form__oZLpZ .SearchBar_selectWrapper__ey2WI .SearchBar_selectItemType__sDDue:focus-visible{outline:none}.SearchBar_header_search__tMYON .SearchBar_search_form__oZLpZ .SearchBar_selectWrapper__ey2WI .SearchBar_inp__fVxTk{flex:1 1 auto;min-width:0;border:none;padding-left:8px;transition:all 250ms ease}.SearchBar_header_search__tMYON .SearchBar_search_form__oZLpZ .SearchBar_selectWrapper__ey2WI .SearchBar_inp__fVxTk:focus{border-color:#198754;box-shadow:0 0 0 2px rgba(25,135,84,.25)}.SearchBar_header_search__tMYON .SearchBar_search_form__oZLpZ .SearchBar_selectWrapper__ey2WI .SearchBar_inp__fVxTk:focus-visible{outline:none}.SearchBar_header_search__tMYON .SearchBar_search_form__oZLpZ .SearchBar_selectWrapper__ey2WI .SearchBar_btn__OOu8y{flex:0 0 auto;display:flex;justify-content:center;align-items:center;width:50px;height:35px;border:none;background:#fff;border-radius:0 4px 4px 0;cursor:pointer;transition:all 250ms ease}.SearchBar_header_search__tMYON .SearchBar_search_form__oZLpZ .SearchBar_selectWrapper__ey2WI .SearchBar_btn__OOu8y i{font-size:18px;color:#000}.SearchBar_header_search__tMYON .SearchBar_search_form__oZLpZ .SearchBar_selectWrapper__ey2WI .SearchBar_btn__OOu8y:hover{background:#19a463}@media(min-width: 992px){.SearchBar_header_search__tMYON .SearchBar_search_form__oZLpZ{height:42px}.SearchBar_header_search__tMYON .SearchBar_search_form__oZLpZ .SearchBar_selectWrapper__ey2WI .SearchBar_selectItemType__sDDue{width:100px}.SearchBar_header_search__tMYON .SearchBar_search_form__oZLpZ .SearchBar_selectWrapper__ey2WI .SearchBar_btn__OOu8y{height:42px;background:#2ebd85;border-left:none}.SearchBar_header_search__tMYON .SearchBar_search_form__oZLpZ .SearchBar_selectWrapper__ey2WI .SearchBar_btn__OOu8y i{color:#fff}.SearchBar_header_search__tMYON .SearchBar_search_form__oZLpZ .SearchBar_selectWrapper__ey2WI .SearchBar_btn__OOu8y:hover{background:#19a463}}@media(max-width: 400px){.SearchBar_header_search__tMYON{min-width:0}.SearchBar_header_search__tMYON .SearchBar_search_form__oZLpZ{height:32px;gap:2px}.SearchBar_header_search__tMYON .SearchBar_selectWrapper__ey2WI .SearchBar_selectItemType__sDDue{width:44px;font-size:12px}.SearchBar_header_search__tMYON .SearchBar_selectWrapper__ey2WI .SearchBar_inp__fVxTk{font-size:13px;padding-left:6px}.SearchBar_header_search__tMYON .SearchBar_selectWrapper__ey2WI .SearchBar_btn__OOu8y{width:40px;height:32px}.SearchBar_header_search__tMYON .SearchBar_selectWrapper__ey2WI .SearchBar_btn__OOu8y i{font-size:16px}}
.Create_join___7Fyf{padding:4px 8px;background:none;border:1px solid #19a463;border-radius:4px;transition:all 500ms ease;color:#2ebd85 !important}.Create_join___7Fyf:hover{background:#19a463}.Create_dropdown_wrapper__oR3Be{position:relative;display:inline-block}.Create_avatar__UtOZU{width:36px;height:36px;border-radius:50%;cursor:pointer}.Create_dropdown_menu__7ekLN{position:absolute;top:40px;right:0;background:#fff;border:1px solid #ced4da;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);width:300px;max-width:calc(100vw - 32px);padding:8px;z-index:1000;display:flex;flex-direction:column;gap:4px}@media(max-width: 575px){.Create_dropdown_menu__7ekLN{width:calc(100vw - 32px);right:-8px}}.Create_dropdown_menu__7ekLN hr{margin:4px 0}.Create_dropdown_menu__7ekLN a{display:block;padding:8px;border-radius:4px;color:#000;text-decoration:none;transition:color 200ms ease}.Create_dropdown_menu__7ekLN a:hover{color:#2ebd85}
.NotificationWrapper_notificationWrapper__kPBQ4{position:relative}.NotificationWrapper_iconWrapper__kjRjf{position:relative;width:40px;height:40px;border-radius:9999px;background:rgba(0,0,0,0);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color 250ms ease}.NotificationWrapper_iconWrapper__kjRjf:hover{background-color:#e9ecef}.NotificationWrapper_bell_icon__5bi3o{font-size:20px;color:#62646a}.NotificationWrapper_dot__ml1ex{position:absolute;top:8px;right:8px;width:5px;height:5px;background-color:#f6465d;border-radius:9999px}.NotificationWrapper_badge__qbSkJ{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px;background-color:#f6465d;color:#fff;border-radius:9999px;font-size:11px;font-weight:600;display:flex;justify-content:center;align-items:center;border:2px solid #fff}.NotificationWrapper_dropdown__BdF5V{position:absolute;right:0;top:110%;width:360px;background:#fff;border:1px solid #dee2e6;box-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);z-index:1000;border-radius:4px}.NotificationWrapper_dropdown__BdF5V::before{content:"";position:absolute;top:-16px;right:11px;border-width:8px;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #e9ecef rgba(0,0,0,0)}@media(max-width: 767px){.NotificationWrapper_dropdown__BdF5V{position:fixed;top:calc(env(safe-area-inset-top) + 64px);left:12px;right:12px;width:auto;max-height:calc(100vh - env(safe-area-inset-top) - 64px - 12px);z-index:1080}.NotificationWrapper_dropdown__BdF5V::before{display:none}}.NotificationWrapper_dropdownWrapper__2I4k_{position:relative;width:100%;background:var(--bg-light-1);border:1px solid #dee2e6;border-radius:4px;box-shadow:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05);overflow:hidden}@media(max-width: 767px){.NotificationWrapper_dropdownWrapper__2I4k_{display:flex;flex-direction:column;max-height:inherit}}.NotificationWrapper_header__3c6TZ{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e9ecef}.NotificationWrapper_header__3c6TZ h4{margin:0;font-size:16px}.NotificationWrapper_toggle__Wv1pZ{font-size:14px;display:flex;align-items:center;gap:6px;cursor:pointer}.NotificationWrapper_toggle__Wv1pZ input{margin:0}.NotificationWrapper_tabs__2Lxif{display:flex;border-bottom:1px solid #e9ecef;overflow-x:auto;scroll-behavior:smooth;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.NotificationWrapper_tabs__2Lxif::-webkit-scrollbar{display:none}.NotificationWrapper_tab__pU3YE{padding:8px 12px;font-size:14px;border:none;background:none;cursor:pointer;color:#62646a;flex:0 0 auto;transition:color 250ms ease}.NotificationWrapper_tab__pU3YE.NotificationWrapper_active__sC9vH{font-weight:700;color:#000;border-bottom:2px solid #2ebd85}.NotificationWrapper_listWrapper__M3W1w{max-height:370px;overflow-y:auto}@media(max-width: 767px){.NotificationWrapper_listWrapper__M3W1w{flex:1 1;max-height:none;-webkit-overflow-scrolling:touch}}.NotificationWrapper_footerLink__NUnnm{padding:12px 16px;border-top:1px solid #e9ecef;text-align:center;background-color:#e9ecef}.NotificationWrapper_footerLink__NUnnm a{color:#2ebd85 !important;font-size:14px;font-weight:500;text-decoration:none}.NotificationWrapper_footerLink__NUnnm a:hover{text-decoration:underline}.NotificationWrapper_empty__K_GSx{text-align:center;padding:16px;color:#6c757d}.NotificationWrapper_item__hsr7t{display:flex;padding:12px 16px;border-bottom:1px solid #f8f9fa;cursor:pointer;transition:background-color 250ms ease}.NotificationWrapper_item__hsr7t:hover{background-color:#f8f9fa}.NotificationWrapper_item__hsr7t.NotificationWrapper_unread__vNEP3{background-color:#f5faff;border-left:3px solid #2ebd85}.NotificationWrapper_item__hsr7t.NotificationWrapper_unread__vNEP3 .NotificationWrapper_title__mpIh_{opacity:1}.NotificationWrapper_icon__O_UHP{margin-right:12px;font-size:20px;flex-shrink:0}.NotificationWrapper_content__CSVed{flex:1 1}.NotificationWrapper_content__CSVed .NotificationWrapper_title__mpIh_{font-size:14px;margin-bottom:4px;font-weight:700;opacity:.6}.NotificationWrapper_content__CSVed .NotificationWrapper_sub__auc3Z{font-size:13px;color:#62646a;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.NotificationWrapper_content__CSVed .NotificationWrapper_seeMore__Ca66_{font-size:12px;color:#2ebd85;text-align:right;cursor:pointer}.NotificationWrapper_content__CSVed .NotificationWrapper_date__hypvz{font-size:12px;color:#6c757d}.NotificationWrapper_modalOverlay__68_DP{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1050}@media(max-width: 767px){.NotificationWrapper_modalOverlay__68_DP{position:fixed;inset:0;padding:16px;z-index:1080}}.NotificationWrapper_modalContent__ZlWDM{background:#fff;border-radius:8px;width:90%;width:90%;max-width:320px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px rgba(0,0,0,.1),0 10px 10px rgba(0,0,0,.04)}@media(max-width: 767px){.NotificationWrapper_modalContent__ZlWDM{width:100%;max-width:none;max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 32px)}}.NotificationWrapper_modalHeader__7Rcnu{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e9ecef}.NotificationWrapper_modalHeader__7Rcnu .NotificationWrapper_selectedTitle__VZuVj{margin:0;font-size:18px;font-weight:600}.NotificationWrapper_closeBtn__qEecc{width:32px;height:32px;border-radius:9999px;border:none;background:#f8f9fa;cursor:pointer;font-size:1.5rem;line-height:1;display:flex;justify-content:center;align-items:center;color:#6c757d;transition:background 250ms ease}.NotificationWrapper_closeBtn__qEecc:hover{background:#e9ecef}.NotificationWrapper_modalBody__DkZBN{padding:20px}.NotificationWrapper_modalBody__DkZBN .NotificationWrapper_selectedSub__nhqGY{font-size:14px;line-height:1.75;margin-bottom:12px;overflow:hidden}.NotificationWrapper_modalBody__DkZBN .NotificationWrapper_selectedDate__QxR0h{font-size:11px;color:#6c757d;margin-top:8px}
.NotificationDropdown_dropdownWrapper__ftHNb{position:relative;width:300px;max-width:calc(100vw - 32px);background:var(--bg-light-1);border:1px solid #dee2e6;border-radius:8px;box-shadow:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05);overflow:hidden}@media(max-width: 375px){.NotificationDropdown_dropdownWrapper__ftHNb{width:calc(100vw - 32px)}}.NotificationDropdown_header__7YbRt{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e9ecef}.NotificationDropdown_header__7YbRt h4{margin:0;font-size:16px}.NotificationDropdown_toggle__Fnrvm{font-size:14px;display:flex;align-items:center;gap:6px;cursor:pointer}.NotificationDropdown_toggle__Fnrvm input{margin:0}.NotificationDropdown_tabs__tcn8U{display:flex;border-bottom:1px solid #e9ecef;overflow-x:auto;scroll-behavior:smooth;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.NotificationDropdown_tabs__tcn8U::-webkit-scrollbar{display:none}.NotificationDropdown_tab__8rzsu{padding:8px 12px;font-size:14px;border:none;background:none;cursor:pointer;color:#62646a;flex:0 0 auto;transition:color 250ms ease}.NotificationDropdown_tab__8rzsu.NotificationDropdown_active__dgtjO{font-weight:700;color:#000;border-bottom:2px solid #2ebd85}.NotificationDropdown_listWrapper__6_OhS{max-height:400px;overflow-y:auto}.NotificationDropdown_empty__lGR0x{text-align:center;padding:16px;color:#6c757d}.NotificationDropdown_item__n37Fm{display:flex;padding:12px 16px;border-bottom:1px solid #f8f9fa;cursor:pointer;transition:background-color 250ms ease}.NotificationDropdown_item__n37Fm:hover{background-color:#f8f9fa}.NotificationDropdown_item__n37Fm.NotificationDropdown_unread__kKXxG{background-color:#f5faff;border-left:3px solid #2ebd85}.NotificationDropdown_item__n37Fm.NotificationDropdown_unread__kKXxG .NotificationDropdown_title__ym_ni{opacity:1}.NotificationDropdown_icon__Qhnf8{margin-right:12px;font-size:20px;flex-shrink:0}.NotificationDropdown_content__7p9o3{flex:1 1}.NotificationDropdown_content__7p9o3 .NotificationDropdown_title__ym_ni{font-size:14px;margin-bottom:4px;font-weight:700;opacity:.6}.NotificationDropdown_content__7p9o3 .NotificationDropdown_sub__P5z4l{font-size:13px;color:#62646a;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.NotificationDropdown_content__7p9o3 .NotificationDropdown_seeMore__F5Qw0{font-size:12px;color:#2ebd85;text-align:right;cursor:pointer}.NotificationDropdown_content__7p9o3 .NotificationDropdown_date__YA9E1{font-size:12px;color:#6c757d}.NotificationDropdown_modalOverlay__FNesE{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1050}.NotificationDropdown_modalContent__OhVlX{background:#fff;padding:24px;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px rgba(0,0,0,.1),0 10px 10px rgba(0,0,0,.04)}.NotificationDropdown_modalContent__OhVlX .NotificationDropdown_selectedTitle__BeJy2{font-size:16px;margin-bottom:4px;font-weight:700}.NotificationDropdown_modalContent__OhVlX .NotificationDropdown_selectedSub__4Noon{font-size:14px;margin-bottom:8px;overflow:hidden}.NotificationDropdown_modalContent__OhVlX .NotificationDropdown_selectedDate__M_ano{font-size:12px;color:#6c757d;margin-top:8px}.NotificationDropdown_modalContent__OhVlX .NotificationDropdown_close__Xtqlx{font-size:14px;color:#2ebd85;text-align:right;cursor:pointer;border:none;background-color:rgba(0,0,0,0);transition:color 250ms ease}
.FavoriteWrapper_iconWrapper__KyTev{position:relative;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0);display:flex;justify-content:center;align-items:center;cursor:pointer}.FavoriteWrapper_iconWrapper__KyTev:hover{background-color:#e9ecef}.FavoriteWrapper_heart_icon__yXDuf{font-size:20px;color:#2ebd85;transition:color 250ms ease ease}.FavoriteWrapper_wrapper___NlU2{position:relative}.FavoriteWrapper_iconBtn__Nf5h0{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0);border:0;cursor:pointer}.FavoriteWrapper_iconBtn__Nf5h0:hover{background:#e9ecef}.FavoriteWrapper_heart__wIHjK{font-size:20px;color:#62646a}.FavoriteWrapper_dot__vDTzc{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#f6465d}.FavoriteWrapper_dropdown__mgiTZ{position:absolute;right:0;top:110%;width:300px;max-width:calc(100vw - 32px);z-index:1000}@media(max-width: 767px){.FavoriteWrapper_dropdown__mgiTZ{position:fixed;top:calc(env(safe-area-inset-top) + 64px);left:12px;right:12px;width:auto;max-height:calc(100vh - env(safe-area-inset-top) - 64px - 12px);z-index:1050}}.FavoriteWrapper_dropdown__mgiTZ::before{content:"";position:absolute;top:-16px;right:11px;border-width:8px;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #e9ecef rgba(0,0,0,0)}@media(max-width: 767px){.FavoriteWrapper_dropdown__mgiTZ::before{display:none}}.FavoriteWrapper_dropdownInner___b13S{position:relative;background:#fff;border:1px solid #dee2e6;box-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);border-radius:8px;overflow:hidden}@media(max-width: 767px){.FavoriteWrapper_dropdownInner___b13S{display:flex;flex-direction:column;max-height:inherit}}.FavoriteWrapper_header__1MNR4{padding:12px 16px;border-bottom:1px solid #dee2e6}.FavoriteWrapper_tabs__cCI6D{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid #dee2e6;flex-wrap:wrap}.FavoriteWrapper_tab__P6D5Q{padding:6px 10px;border-radius:9999px;background:#f8f9fa;border:0;cursor:pointer;font-size:13px}.FavoriteWrapper_tab__P6D5Q.FavoriteWrapper_active__8yDvS{background:#2ebd85;color:#fff}.FavoriteWrapper_list__hUdkX{max-height:350px;overflow:auto;padding:8px 12px}@media(max-width: 767px){.FavoriteWrapper_list__hUdkX{flex:1 1;max-height:none;-webkit-overflow-scrolling:touch}}.FavoriteWrapper_row__nmjeu{padding:8px 6px;border-radius:8px;font-size:14px;cursor:pointer;transition:background 150ms ease ease}.FavoriteWrapper_row__nmjeu a{color:inherit}.FavoriteWrapper_row__nmjeu:hover{background:#f8f9fa}.FavoriteWrapper_row__nmjeu.FavoriteWrapper_unread__pcNtC{background:rgba(13,110,253,.1);border-left:3px solid #2ebd85}.FavoriteWrapper_row__nmjeu.FavoriteWrapper_read__Trus5{opacity:.7}.FavoriteWrapper_empty__L4qnx{padding:16px;color:#6c757d}.FavoriteWrapper_badge__IqIqe{position:absolute;top:2px;right:2px;min-width:18px;height:18px;border-radius:9999px;background-color:#f6465d;color:#fff;font-size:11px;font-weight:600;display:flex;justify-content:center;align-items:center;padding:0 4px;border:2px solid #fff}.FavoriteWrapper_tabBadge__6IDwr{margin-left:6px;background:#f6465d;color:#fff;font-size:10px;padding:2px 6px;border-radius:9999px;font-weight:600}.FavoriteWrapper_section__G17m_{margin-bottom:16px}.FavoriteWrapper_section__G17m_:last-child{margin-bottom:0}.FavoriteWrapper_sectionTitle__Gn5fq{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 6px}.FavoriteWrapper_favoriteItem__jo3aa{display:flex;align-items:center;gap:10px;margin-bottom:4px}.FavoriteWrapper_avatar__aeZMV{width:32px;height:32px;border-radius:50%;object-fit:cover}.FavoriteWrapper_favoriteContent__ROGbP{flex:1 1;line-height:1.5;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:4.5em}.FavoriteWrapper_favoriteContent__ROGbP strong{color:#000;font-weight:600}.FavoriteWrapper_mutualName__deaig{color:#000;font-weight:600;text-decoration:none}.FavoriteWrapper_youLabel__1nckm{color:#000;font-weight:600;opacity:.7}.FavoriteWrapper_timestamp__RJvwr{font-size:11px;color:#6c757d;margin-top:4px}.FavoriteWrapper_mutualBadge__yrep_{background:linear-gradient(135deg, #f6465d 0%, #f6465d 100%);color:#fff;font-size:11px;padding:4px 10px;border-radius:9999px;font-weight:600;margin-left:auto}.FavoriteWrapper_modalOverlay__JmcJj{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;z-index:1050}@media(max-width: 767px){.FavoriteWrapper_modalOverlay__JmcJj{position:fixed;inset:0;padding:16px}}.FavoriteWrapper_modalContent__PBELS{background:#fff;border-radius:8px;width:90%;max-width:320px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px rgba(0,0,0,.1),0 10px 10px rgba(0,0,0,.04)}@media(max-width: 767px){.FavoriteWrapper_modalContent__PBELS{width:100%;max-width:none;max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 32px)}}.FavoriteWrapper_modalHeader__7W66L{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #dee2e6}.FavoriteWrapper_modalHeader__7W66L h3{margin:0;font-size:18px;font-weight:600}.FavoriteWrapper_closeBtn__VWH2o{width:32px;height:32px;border-radius:50%;border:none;background:#f8f9fa;cursor:pointer;font-size:24px;line-height:1;display:flex;justify-content:center;align-items:center;color:#6c757d;transition:background 250ms ease}.FavoriteWrapper_closeBtn__VWH2o:hover{background:#e9ecef}.FavoriteWrapper_modalBody__NtPDs{padding:20px}.FavoriteWrapper_userInfo__pjhfJ{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #dee2e6}.FavoriteWrapper_userInfo__pjhfJ strong{color:#000;font-weight:600}.FavoriteWrapper_modalAvatar__71JIV{width:48px;height:48px;border-radius:50%;object-fit:cover}.FavoriteWrapper_favoriteDetail___IkJo{margin-bottom:16px;line-height:1.6}.FavoriteWrapper_favoriteDetail___IkJo p{margin:0 0 8px 0;color:#6c757d}.FavoriteWrapper_favoriteDetail___IkJo .FavoriteWrapper_link__6GUPm{color:#2ebd85;text-decoration:none;display:inline-block;margin-top:4px}.FavoriteWrapper_favoriteDetail___IkJo .FavoriteWrapper_link__6GUPm:hover{text-decoration:underline}.FavoriteWrapper_favoriteDetail___IkJo .FavoriteWrapper_link__6GUPm strong{font-size:16px}.FavoriteWrapper_footerLink__egkCj{padding:12px 16px;border-top:1px solid #dee2e6;text-align:center;background-color:#e9ecef}.FavoriteWrapper_footerLink__egkCj a{color:#2ebd85 !important;text-decoration:none;font-size:14px;font-weight:400;display:block;transition:opacity 250ms ease}.FavoriteWrapper_footerLink__egkCj a:hover{opacity:.8;text-decoration:underline}
:root {
  /* --background: #edf0f3; */
  --foreground: #171717;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}

/* ---------------- Colors -------------------- */
:root {
  /* Primary Colors */
  /* --primary-color: #1dbf73; */
  --primary-color: #2ebd85;
  --primary-color-hover: #19a463;
  --primary-color-2: #0d6efd;
  /*màu primary*/
  --dark-primary-color: #198754;
  /* Màu astor cream: #e54d8f  #e877a5 */
  /* Strawberry: #FA5053 */
  /* Text color */
  --txt-color-primary: #000000;
  --txt-color-secondary: #62646a;
  --txt-color-light: #ffffff;
  --txt-color-tittle: #326e51;
  /* Background color */
  /* --bg-gray-1: #d9d9d9; */
  --bg-gray-1: #e9ecef;
  --bg-input: rgba(33, 33, 33, 0.08);
  --bg-light-1: #ffffff;
  --bg-gradient-label: linear-gradient(180deg, #f21299 0%, #1b02b5 100%);
  /* --bg-red: #ff235c; */
  --bg-red: #f6465d;
  --bg-warning: #f7941d;
}

h1 {
  font-size: 1.5rem;
  /* 24px */
  font-weight: 700;
  color: var(--txt-color-tittle);
}

h2 {
  font-size: 1.125rem;
  /* 20px */
  font-weight: 700;
  color: var(--txt-color-tittle);
}

h3 {
  font-size: 1.0rem;
  /* 16px */
  font-weight: 700;
  color: var(--txt-color-tittle);
}

h4 {
  font-size: 0.875rem;
  /* 14px */
  font-weight: 600;
  color: var(--txt-color-tittle);
}

h5 {
  font-size: 0.75rem;
  /* 12px */
  font-weight: 500;
  color: var(--txt-color-tittle);
}

h6 {
  font-size: 0.625rem;
  /* 10px */
  font-weight: 500;
  color: var(--txt-color-tittle);
}

a {
  color: inherit;
  text-decoration: none;
}

/* Mặc định (Mobile-first) */
:root {
  font-size: 14px;
  /* 1rem = 14px khi màn hình nhỏ hơn 768px */
}

input:focus,
input:focus-visible,
.form-check-input:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #ccc !important;
  /* Giữ viền bình thường */
}

/* Khi màn hình từ 768px trở lên */
@media (min-width: 768px) {
  :root {
    font-size: 16px;
    /* 1rem = 16px */
  }
}

html,
body {
  max-width: 100vw;
  /* overflow-x: auto; */
}

body {
  color: var(--foreground);
  background: var(--background) !important;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  text-decoration: none;
  list-style: none;
}

ul {
  margin: 0;
  padding: 0;
}

.Toastify__toast-container {
  z-index: 99999 !important;
  position: fixed !important;
  top: 1rem !important;
  right: 1rem !important;
  display: block !important;
}
.Toastify__toast {
  opacity: 1 !important;
  visibility: visible !important;
}

@media (prefers-color-scheme: dark) {
  html {
    color-scheme: dark;
  }
}

/* styles/globals.css */
.nav-item.dropdown:hover .dropdown-menu {
  display: block;
}

/* Bổ sung cho Card sản phẩm từng hệ thống */
.product-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 15px;
  gap: 15px;
  padding: 10px;
}

@media (max-width: 1200px) {
  .product-list {
    grid-template-columns: repeat(3, 1fr);
  }

}

@media (max-width: 992px) {
  .product-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Highlight row animation for admin dashboard */
.highlight-row {
  animation: highlightPulse 0.5s ease-in-out 3;
  background-color: #fef9c3 !important;
  position: relative;
}

.highlight-row::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #eab308;
}

@keyframes highlightPulse {
  0%, 100% {
    background-color: #fef9c3;
  }
  50% {
    background-color: #fde047;
  }
}

/* Cách phối tone (gợi ý theme)
Primary: #2EC4B6 (teal)

Secondary: #1A1A2E (navy đậm)

Accent: #FF9F1C (cam đào sáng)

Background: #F5F7FA (trắng xám)

Text: #1A1A2E hoặc #333333 */