header{margin-bottom:20px}header h1{font-size:24px;margin:0}header p{color:#555;margin:5px 0 0}.container{display:grid;grid-template-columns:1fr 2fr;gap:20px}.balance-card{background:#059669;color:#fff;padding:20px;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.balance-card h2{margin:5px 0 0;font-size:28px}.add-money{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 5px #0000001a}.add-money h3{margin-top:0}.note{background:#f3f4f6;border:1px solid #ddd;border-radius:8px;padding:10px;font-size:14px;margin-bottom:15px}.edit{display:flex;margin-bottom:15px}.edit input{flex:1;padding:10px;border:1px solid #ddd;border-radius:8px 0 0 8px}.edit button{background:#059669;color:#fff;border:none;padding:10px 20px;border-radius:0 8px 8px 0;cursor:pointer}.editt button:hover{background:#047857}.add-money ul{margin:10px 0 0;padding-left:20px;font-size:14px;color:#555}.transactions{background:#e3e3e3;padding-bottom:20px;border-radius:10px;box-shadow:0 2px 5px #0000001a;max-height:500px;overflow-y:auto;scrollbar-width:none}.transactions .transaction-list{overflow-y:auto;padding:20px 20px 0;display:block}.transactions h3{text-align:center;padding:10px;position:sticky;top:0;color:#fff;background:#059669}.transaction-item{background:#f9fafb;padding:15px;border-radius:8px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:10px}.transaction-item div{display:grid}.transaction-item:last-child{margin-bottom:0}.transaction-item p{margin:0}.amount{font-weight:700}.amount.positive{color:#059669}.amount.negative{color:#dc2626}@media(max-width:768px){.container{grid-template-columns:1fr}}.body-search-bar{display:flex;gap:10px;align-items:center;padding:10px;background:#fff;border:1px solid #ddd;border-radius:10px;margin-bottom:20px}.body-search-bar input{min-width:160px;border:1px solid #ddd;border-radius:5px;flex:1;padding:10px;outline:none;font-size:16px}.body-search-bar select{padding:10px;border-radius:5px;border:1px solid #ddd}.body-results{margin-bottom:15px;font-weight:700}.body-store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.body-store-card{background:#fff;border:1px solid #ddd;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 5px #0000000d;min-height:418px}.body-store-card[data-status=hidden],.body-store-card[data-expired=true]{display:none}.body-store-image{height:150px;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.body-store-image img{width:100%;height:100%;object-fit:cover}.body-store-image .body-placeholder{font-size:40px;font-weight:700;color:#999}.body-store-body{padding:15px;display:flex;flex-direction:column;flex-grow:1}.body-store-body h3{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.1rem;margin:0 0 5px}.body-badge{width:fit-content;background:#eee;color:#333;font-size:12px;padding:2px 6px;border-radius:5px;display:none;margin-bottom:8px}.storeListingDesc{width:100%;flex-grow:1;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1em;height:3em;overflow:hidden}.body-store-body p{font-size:14px;margin:5px 0;color:#555}.body-details{font-size:13px;color:#666;margin:10px 0}.body-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.body-rating{font-weight:700;color:#f39c12}.body-view-btn{background:orange;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer}.body-view-btn:hover{background:#ff8c00}@media(max-width:400px){.body-search-bar{flex-flow:column-reverse}.body-search-bar select{flex:1;width:100%}.body-search-bar input{width:100%}}.profile-menu{position:absolute;top:60px;right:15px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 8px #00000026;z-index:1000;min-width:260px;padding:12px}.profile-menu.show{display:block}.profile-header{display:flex;padding:12px;border-radius:8px;background:var(--profile-color);align-items:center;margin-bottom:16px}.profile-avatar{background:#fff;color:#fff;font-size:28px;font-weight:700;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px}.profile-info{flex-grow:1}.profile-info h2{margin:0;font-size:16px}.profile-info p{margin:2px 0;font-size:13px;color:#aaa}.profile-wallet{background:var(--profile-color);padding:12px;border-radius:8px;margin-bottom:12px}.profile-wallet h3{margin:0;font-size:14px;color:#000}.profile-wallet hr{margin-bottom:15px}.profile-wallet div a{color:#4cafef;font-size:14px}.profile-money{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:#777}.profile-money span{font-size:18px;// font-weight: bold}.profile-menu ul{display:inline;list-style:none;margin:0;padding:0}.profile-menu ul li a{display:block;text-decoration:none;color:#333}.profile-menu ul li a:hover{background:#f5f5f5}.sidebar .sidebar_menu{position:fixed;top:0;left:-250px;width:250px;height:100vh;background:#fff;box-shadow:2px 0 6px #0000001a;padding:2rem 1rem;transition:left .3s ease;z-index:1100}.sidebar.show .sidebar_menu{left:0}.sidebar .sidebar_menu ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.sidebar .sidebar_menu ul li a{text-decoration:none;color:#333;font-weight:500}.sidebar .sidebar_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:1050}.sidebar.show .sidebar_overlay{opacity:1;visibility:visible}:root{--profile-color: #F5F5F5}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{background:#f9f9f9;color:#333;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body[data-signed-in=true] .anonymous,body[data-signed-in=false] .notAnonymous{display:none}.allow-select{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.hide{display:none}.navbarTop{position:sticky;top:0;z-index:1000;max-height:60px;height:60px;transition:all .3s ease}.navbarBottom{position:sticky;bottom:0;z-index:1000;max-height:70px;height:70px;transition:all .3s ease;display:flex;justify-content:space-around;align-items:center;background:#fff;border-top:1px solid #ddd;padding:0}.navbarBottom a{text-align:center;text-decoration:none;color:#666;width:100%;height:100%;align-content:center}.navbarBottom a.active{color:#000;background-color:#00000025}.app-shell{display:flex;flex-direction:column;height:100vh}nav{transition:all .3s ease;align-items:center;justify-content:space-between;display:flex;height:100%;padding:0rem 1rem;background:#fff;box-shadow:0 2px 6px #0000001a;position:sticky;top:0;z-index:1000}main{padding:15px;flex:1;display:inline}.not_anonymous,.not_signedIn{display:none}._global_nav-left{display:flex;align-items:center;gap:1rem;transition:all .3s ease}._global_logo{font-weight:700;color:#ff8c00;font-size:1.4rem;padding:0;max-height:50px}nav ul{display:flex;list-style:none;transition:all .3s ease;align-items:center}nav ul li{border-radius:10px;padding:8px;padding-left:.8rem;padding-right:.8rem;transition:all .3s ease}nav ul li:hover{background:#f6f6f6}nav ul li a{text-wrap-mode:nowrap;text-decoration:none;color:#333;font-weight:500}.hamburger{display:flex;flex-direction:column;cursor:pointer;gap:5px;padding:10px;transition:all .3s ease;border-radius:10px}.hamburger:hover{background:#f5f5f5}.hamburger span{width:22px;height:3px;background:#333;border-radius:2px}.search-wrapper{position:relative;display:flex;align-items:center;transition:all .3s ease;justify-self:right;justify-content:end}.search-input{width:0;opacity:0;padding:.5rem;border:1px solid #ccc;border-radius:20px;outline:none;transition:width .3s ease,opacity .3s ease;font-size:1rem}.search-wrapper.active .search-input{width:100%;opacity:1;margin-right:.5rem}.search-btn{writing-mode:vertical-lr;background:none;border:none;cursor:pointer;font-size:1.2rem;color:#333}.hero{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff;text-align:center;padding:6rem 2rem}.hero h1{font-size:3rem;margin-bottom:1rem}.hero h1 span{color:#ff8c00}.hero p{font-size:1.1rem;margin-bottom:2rem}.nav-right{display:flex;align-items:center;gap:15px}.profile-btn{cursor:pointer;width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid #ddd;display:flex;align-items:center;justify-content:center}.profile-btn img{width:100%;height:100%;object-fit:cover}@media(max-width:840px){nav.search-active ul{display:none}}@media(max-width:768px){.search-wrapper{flex:1}nav ul{display:none}.hero h1{font-size:2rem}nav.search-active ._global_nav-left,nav.search-active .profile-btn{display:none;width:0px}nav.search-active .nav-right{width:100%}nav.search-active .search-wrapper{flex:1;justify-content:center}nav.search-active .search-wrapper.active .search-input{width:100%;opacity:1}}