.alert{padding:12px 16px;margin-top:20px;border-radius:6px;font-size:.95rem;font-weight:500;line-height:1.4;border:1px solid transparent;transition:all .3s ease}.alert-danger{background-color:#f8d7da;color:#842029;border-color:#f5c2c7}.alert-success{background-color:#d1e7dd;color:#0f5132;border-color:#badbcc}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.alert{animation:fadeIn .3s ease-in-out}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:60vh;width:100%;margin:0 auto;color:#aaa}.navbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#fff;background-color:#24252d;box-shadow:0 2px 4px #0000001a;z-index:1000}.menu-btn,.close-btn{font-size:24px;background:none;border:none;cursor:pointer;color:#fff}.logo{display:flex;align-items:center}.logo img{height:32px;margin-right:8px}.logo-title{font-size:18px;font-weight:600;color:#333;color:#fff;margin-left:8px;font-family:Poppins,sans-serif}.notification-icon{margin-left:auto}.notification-icon img{height:24px;filter:brightness(0) invert(1)}.sidebar{position:fixed;top:0;left:-300px;width:250px;height:100%;background-color:#2a2d3a;color:#fff;padding:1rem;transition:left .3s ease-in-out;z-index:998}.sidebar.open{left:0}.sidebar-header{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.sidebar-logo{width:40px;height:40px}.sidebar-title{font-size:20px;font-weight:600}.sidebar-separator{border:none;border-top:1px solid #444;margin:1rem 0}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-menu li{display:flex;align-items:center;padding:6px 10px;border-radius:8px;margin-bottom:6px;transition:background .2s ease}.sidebar-menu li a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#fff!important;width:100%}.menu-content{display:flex;align-items:center;gap:10px}.sidebar-menu li:hover{background-color:#393c4a}.sidebar-menu li.active{background-color:#505469;font-weight:700}.sidebar-icon{font-size:20px;flex-shrink:0}.menu-label{font-size:16px;white-space:nowrap}.badge{background-color:#e63946;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;margin-left:auto}.badge-item a{justify-content:space-between}.sidebar-footer{position:absolute;bottom:1rem;left:1rem;font-size:12px;color:#aaa}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:1000}.notification-icon-wrapper{position:relative;display:inline-block}.notification-badge{position:absolute;top:-6px;right:-6px;background-color:red;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px;font-weight:700;line-height:1;min-width:16px;text-align:center}.header.header-main{position:sticky;top:0;left:0;right:0;background:linear-gradient(135deg,#a4d1ff,#e5ecfc);padding:16px 14px 8px;display:flex;align-items:center;justify-content:space-between;border-bottom-left-radius:24px;border-bottom-right-radius:24px;z-index:1000}.header-main{background:linear-gradient(135deg,#a4d1ff,#e5ecfc)}.header-main .header-content{display:flex;align-items:center;gap:10px}.header-main .avatar{width:38px;height:38px;border-radius:50%;border:2px solid #fff}.header-main .welcome-text{margin-left:4px}.header-main .welcome{font-size:15px;font-weight:600}.header-main .signin{color:#3896e1;font-size:12px}.header-main .header-icons{display:flex;gap:10px}.header-main .icon-btn{background:#fff;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;box-shadow:0 1px 6px #839ad517;color:#4b7ade}.menu-trigger{cursor:pointer}.menu-dialog{position:absolute;top:40px;right:0;width:180px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0003,0 4px 12px #0000001a;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:99;flex-direction:column;overflow:hidden}.bottom-nav-icon{font-size:20px;color:#4461a9}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;background:#fff;border-top:1px solid #e1e5ef;z-index:100;box-shadow:0 -1px 10px #ddd3;display:flex;justify-content:space-around;padding:4px 0;background-color:#fff;border-top:1px solid #ddd}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;color:#888;font-size:12px;flex:1;gap:4px;padding:5px 0 0;cursor:pointer;transition:color .2s}.bottom-nav-icon{font-size:24px}.bottom-nav-label{font-size:12px;color:#8da5cc}.bottom-nav-item.active{color:#000;font-weight:600}@media (min-width: 600px){.mobile-container,.carousel-slide{max-width:430px;min-width:430px}.carousel-slide{min-width:430px}}.carousel{position:relative;margin:18px 0 4px;width:100vw;max-width:100%;overflow:hidden;padding-top:16px}.carousel-track{display:flex;transition:transform .5s cubic-bezier(.4,.8,.6,1);will-change:transform}.carousel-slide{min-width:100vw;box-sizing:border-box;padding:0 10px}.banner{background:#d2ebff;border-radius:18px;box-shadow:0 1px 12px #638fdd0d;display:flex;align-items:center;height:120px;overflow:hidden;position:relative}.banner-img{width:100%;height:100%;border-radius:0 18px 18px 0;object-fit:cover}.banner-txt{padding:10px 0;position:absolute}.banner-title{font-size:19px;font-weight:700;letter-spacing:1px;margin-bottom:5px}.banner-desc{font-size:12px;color:#4461a9;margin-bottom:4px}.banner-learn{color:#3498db;font-size:12px}.carousel-dots{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:7px}.carousel-dot{width:7px;height:7px;background:#b2cade;border-radius:50%;cursor:pointer}.carousel-dot.active{background:#3185fa;width:20px;border-radius:9px;transition:all .3s}.nav-row{display:flex;justify-content:space-around;padding:32px 16px;gap:0}.nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:7px;cursor:pointer}.nav-btn-inner{background:linear-gradient(135deg,#e5f5ff 10%,#e5dcdc);width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:2px;box-shadow:0 1px 8px #839ad530}.nav-icon{color:#fff;font-size:22px}.nav-label{color:#3e5f85;font-size:12px;font-weight:500;letter-spacing:.1px}.tab-titles-row{display:flex;align-items:center;gap:26px;padding:20px 15px 6px 24px;overflow-x:auto;scrollbar-width:none;margin-top:-10px;border-top-left-radius:16px;border-top-right-radius:16px;-webkit-overflow-scrolling:touch;top:60px;z-index:999;background-color:#fff}.tab-titles-row::-webkit-scrollbar{display:none}.tab-title{font-size:16px;font-weight:500;color:#878fae;cursor:pointer;border-bottom:2.5px solid transparent;padding-bottom:6px;transition:color .2s;background:none;white-space:nowrap}.tab-title.active{color:#2952ad;border-bottom:2.5px solid #2584f9;background:none;font-weight:700}.tab-content-container{background:#fff;min-height:200px}.nft-list{display:flex;flex-direction:row;overflow-x:auto;gap:15px;padding:10px 0 10px 14px;scroll-snap-type:x mandatory;scrollbar-width:none}.nft-list .nft-card{background:#f8fafd;border-radius:16px;box-shadow:0 2px 12px #121c260f;width:250px;min-width:180px;flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:6px}.nft-list .nft-img{width:100%;height:160px;object-fit:cover;border-radius:10px;box-shadow:0 1px 8px #a0b4dc1c}.nft-list .nft-title-row{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:7px}.nft-list .nft-title{font-size:15px;font-weight:600;color:#23272f}.nft-list .nft-time{font-size:11px;color:#37b3ec;background:#eaf6fb;border-radius:7px;padding:1.5px 8px}.nft-list .nft-info-row{display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:2px}.nft-list .nft-owner{display:flex;align-items:center;gap:6px;font-size:13px;color:#2a448f}.nft-list .nft-owner img{width:18px;height:18px;border-radius:50%}.nft-list .nft-price{background:#e6f8f3;color:#19ac74;font-weight:600;padding:3px 10px;border-radius:7px;font-size:13px}.section-title{color:#333d5a;font-size:17px;font-weight:600;margin:0 0 12px 16px;padding-top:12px;display:flex;align-items:center;justify-content:space-between}.more-button{background:transparent;border:none;cursor:pointer;padding:0;margin-left:8px;display:inline-flex;align-items:center;color:#aeafb2;font-weight:600;font-size:14px;gap:4px;margin-right:12px}.more-button:hover,.more-button:focus{color:#1a3c83;outline:none}.chevron-icon{display:block}.collection-list{display:flex;flex-direction:column;gap:9px;margin:0 0 16px;padding:16px 0 24px;width:100%}.collection-item{background:#fff;display:flex;align-items:center;padding:12px 13px;border-radius:13px;margin:0 14px;box-shadow:0 0 2px #0000001a,0 1px 3px #0000000f;gap:10px}.collection-item :hover{cursor:pointer}.collection-rank{background:linear-gradient(135deg,#ffbb4c 55%,#f5831f);color:#fff;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;border-radius:8px;margin-right:7px}.collection-avatar{width:46px;height:46px;border-radius:12px;object-fit:cover;margin-right:10px;box-shadow:0 1px 4px #d4caf121}.collection-details{flex:1;min-width:0}.collection-title{font-size:15px;font-weight:600;color:#23272f;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.collection-floor{font-size:12px;color:#8b99bc}.collection-value{font-size:15px;font-weight:700;color:#2bc979;margin-right:3px}.collection-change{font-size:11px;font-weight:600;margin-left:4px;color:#e55b6f}.section-container{margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#dbeafe,#ede9fe);color:#111;padding:40px 20px}.section{max-width:700px;margin:0 auto}.section h1{text-align:center;font-size:28px;font-weight:700;color:#2c2f4b;margin-bottom:40px}.feature{display:grid;grid-template-columns:50px auto;gap:20px;align-items:flex-start;margin-bottom:40px}.feature-icon{font-size:36px;line-height:1}.feature-text h2{margin:0;font-size:20px;font-weight:700}.feature-text p{margin-top:8px;font-size:15px;color:#333;line-height:1.5}@media (max-width: 600px){.feature{grid-template-columns:1fr}.feature-icon{margin-bottom:10px}}.bid-card{display:flex;flex-direction:column;border:1px solid #e5e5e5;border-radius:12px;padding:12px;background:#fff;max-width:400px;box-shadow:0 2px 6px #0000000d;margin-bottom:12px}.bid-main{display:flex;gap:12px}.bid-image{width:100px;height:100px;border-radius:10px;object-fit:cover}.bid-info{flex:1}.bid-info h3{margin:0}.bid-footer{border-top:1px solid #ddd;margin-top:12px;padding-top:10px;display:flex;justify-content:space-between;font-size:14px;color:#555}.bid-footer strong,.bid-footer span{color:#00a87e}.creator img{width:18px;height:18px;border-radius:8px}.install-banner{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:100%;max-width:500px;background:#317efb;color:#fff;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;border-radius:12px 12px 0 0;box-shadow:0 -2px 10px #0003;transition:transform .3s ease,opacity .3s ease;z-index:1050;opacity:0}.banner-icon{width:36px;height:36px;border-radius:6px}.banner-text{font-weight:500}.install-banner button{font-size:.8rem;padding:.25rem .6rem}@media (min-width: 576px){.install-banner{bottom:20px;width:400px}}.install-banner{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:100%;max-width:430px;background:#317efb;color:#fff;padding:1rem;font-size:.9rem;border-radius:12px 12px 0 0;box-shadow:0 -2px 10px #0003;transition:transform .3s ease,opacity .3s ease;z-index:1050;opacity:0;display:flex;align-items:flex-start;gap:.75rem}.install-banner.show{transform:translate(-50%) translateY(0);opacity:1}.banner-icon{width:40px;height:40px;flex-shrink:0;border-radius:6px}.banner-content{flex-grow:1;margin-right:.5rem}.banner-text{font-weight:500;line-height:1.3;display:block}.banner-actions{display:flex;flex-direction:row;align-items:center;flex-shrink:0}.banner-actions .btn-primary{margin-top:8px}.banner-close{background:transparent;border:none;color:#fff;font-size:1.1rem;cursor:pointer;padding:0 .2rem;line-height:1}.banner-close{position:absolute;right:0;top:0;transform:translateY(-0px);border-radius:24px;text-align:center;line-height:1;border:none}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(to bottom,#e0ebff,#fff);font-family:Arial,sans-serif}.login-box{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 20px #00000014;width:350px;text-align:center}.login-box .logo{margin-bottom:20px}.login-box .logo-grid{display:grid;grid-template-columns:repeat(2,35px);grid-gap:5px;justify-content:center;margin:0 auto 10px}.login-box .logo-square{width:35px;height:35px;border-radius:8px;background:linear-gradient(135deg,#6ec1ff,#d28fff)}.login-box .logo h2{font-weight:700;color:#0a2d5f;margin-top:8px}h3{font-size:18px;margin-bottom:5px}.sub-text{font-size:14px;color:#555;margin-bottom:20px}label{display:block;margin:10px 0 5px;font-size:14px;text-align:left;font-weight:700}.required{color:red;margin-right:4px}input{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;margin-bottom:10px}input:focus{border-color:#3f72ff}.password-wrapper{position:relative}.eye-icon{position:absolute;right:10px;top:10px;cursor:pointer;font-size:16px}.forgot{text-align:right;margin-bottom:15px}.forgot a{color:#3f72ff;font-size:13px;text-decoration:none}.btn-signin{width:100%;padding:12px;background:#3f72ff;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;margin-bottom:15px}.btn-signin:hover{background:#2c57cc}.signup-text{font-size:14px}.signup-text a{color:#3f72ff;text-decoration:none;font-weight:700}.login-box .logo{margin-bottom:20px;display:flex;flex-direction:column;align-items:center}.login-box .logo .logo-grid{display:grid;grid-template-columns:repeat(2,35px);grid-gap:5px;margin-bottom:10px}.login-box .logo .logo-grid .logo-square{width:35px;height:35px;border-radius:8px;background:linear-gradient(135deg,#6ec1ff,#d28fff)}.login-box .logo h2{font-weight:700;color:#0a2d5f;margin:0;font-size:20px}body{font-family:Arial,sans-serif;margin:0;background:linear-gradient(to bottom,#cce0ff,#fff)}*,*:before,*:after{box-sizing:border-box}.register-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:20px}.register-card{background:#fff;width:100%;max-width:420px;border-radius:12px;padding:24px;box-shadow:0 4px 10px #0000001a}.header-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.back-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.icon-chevron-left{width:24px;height:24px}.register-title{font-size:1.5rem;font-weight:700;margin:0}.register-subtitle{font-size:.9rem;margin-bottom:20px;color:#666}.register-form label{display:block;font-size:.9rem;margin-bottom:12px;color:#222}.register-form input,.register-form select{width:100%;padding:10px;margin-top:6px;border:1px solid #ddd;border-radius:6px;font-size:.9rem}.phone-label .phone-input{display:flex;gap:8px}.phone-input{display:flex;gap:8px;width:100%}.phone-input select{flex:0 0 30%;min-width:70px}.phone-input input{flex:1 1 auto;min-width:0}.phone-label select{width:35%;flex-shrink:0;height:38px;line-height:36px;padding:0 8px;font-size:.9rem;border-radius:6px;border:1px solid #ddd;background:#fff;appearance:none;cursor:pointer}.phone-label input{flex:1}.required{color:red}.register-btn{width:100%;padding:12px;background-color:#3f72ff;border-radius:6px;border:none;color:#fff;font-size:1rem;margin-top:16px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.register-btn:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7}.register-btn:hover:not(:disabled){background:#666;cursor:pointer}.signin-text{margin-top:16px;text-align:center;font-size:.9rem}.signin-text a{color:#007bff;text-decoration:none}.signin-text a:hover{text-decoration:underline}@media (min-width: 768px){.register-card{padding:32px}.register-title{font-size:1.8rem}.register-form input{font-size:1rem}}.lockout-msg{color:red;font-size:.9rem;text-align:center}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{width:100%;padding-right:36px}.eye-icon{position:absolute;margin-top:4px;right:10px;cursor:pointer;color:#666;font-size:1.1rem;display:flex;align-items:center}.eye-icon:hover{color:#000}.otp-outer-container{min-height:100vh;background:#f2f7fd;background-color:#fff;display:flex;align-items:center;justify-content:center;height:100vh}.otp-container{background:#fff;padding:32px 28px 28px;width:340px;text-align:center}.otp-container h2{margin-top:0;color:#1046c7;font-size:1.9rem;margin-bottom:6px}.otp-container p{font-size:1.06rem;color:#5b6d91;margin-bottom:24px}.otp-inputs{display:flex;gap:12px;justify-content:center;margin-bottom:26px}.otp-input{width:44px;height:48px;text-align:center;font-size:2rem;border:2px solid #d5e0fd;border-radius:10px;background:#f7faff;outline:none;transition:border .2s}.otp-inputs input{background-color:transparent!important;color:#000!important}.otp-input:focus{border-color:#1046c7;background:#fff}.otp-btn{background:#1046c7;color:#fff;padding:11px 0;font-size:1.12rem;border:none;border-radius:8px;width:100%;cursor:pointer;transition:background .18s}.otp-btn:hover{background:#203290}.resend{display:block;margin-top:16px;font-size:.98rem;color:#1046c7;text-decoration:none}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);padding:16px;border-radius:12px;font-size:.95rem;color:#fff;z-index:1000;box-shadow:0 4px 12px #0000004d;max-width:360px;text-align:center;box-sizing:border-box;transition:opacity .4s ease,transform .4s ease}.toast-success{background-color:#000}.toast-error{background-color:#f44336}.toast-info{background-color:#333}.fade-in{opacity:.95;transform:translate(-50%) translateY(0)}.fade-out{opacity:0;transform:translate(-50%) translateY(20px)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#121212e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.modal-content{background-color:#1f1f1f;color:#fff;border-radius:12px;max-width:400px;width:100%;overflow:hidden;text-align:center;padding:24px 16px 16px;box-shadow:0 0 10px #0009}.close-button{position:absolute;right:32px;background:transparent;border:none;font-size:24px;cursor:pointer;color:#fff}.modal-image{display:block;margin:0 auto 16px}.modal-title{font-size:18px;font-weight:600;margin-bottom:20px;color:#fff}.modal-description p{font-size:14px;color:#aaa;margin:4px 0;font-weight:500}.modal-footer{margin-top:24px}.btn{width:100%;font-weight:700;padding:12px;border:none;border-radius:8px;cursor:pointer;font-size:15px;transition:background-color .3s ease;color:#000}.btn-success{background-color:#28a745}.btn-success:hover{background-color:#218838}.btn-error{background-color:#dc3545}.btn-error:hover{background-color:#c82333}.btn-warning{background-color:#ffc107}.btn-warning:hover{background-color:#e0a800}@keyframes popIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}.modal-image{animation:popIn .5s ease-out forwards;margin:20px auto;display:block}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content{animation:slideUp .3s ease-out}.slide-panel{position:fixed;top:0;right:-100%;width:100%;height:100%;background:#fff;box-shadow:-4px 0 16px #0003;transition:right .6s ease-in-out;z-index:1000;display:flex;flex-direction:column}.slide-panel.open{right:0}.slide-panel-toolbar{display:flex;align-items:center;padding:16px;background:#f8f9fa;border-bottom:1px solid #ddd;font-size:18px;font-weight:600}.slide-panel-toolbar .back-icon{font-size:22px;margin-right:12px;cursor:pointer;transition:transform .2s ease}.slide-panel-toolbar .back-icon:hover{transform:scale(1.1)}.slide-panel-content{flex:1;overflow-y:auto;padding:16px}.verification-input{display:flex;width:100%}.verification-input input{flex:1;min-width:60px;margin-top:6px;margin-right:6px}.verification-input button{flex:0 0 auto;min-width:70px;margin:6px 0 0;max-height:38px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;cursor:pointer}.reset-password{margin-top:12px}.dashboard{background-color:#f7f7f7;padding:16px 12px 0}.panel-row{display:flex;gap:12px;margin-bottom:10px}@media (max-width: 600px){.panel,.panel-mid{padding-left:16px}.tab-content{padding:12px 2px}.tab-content{padding:12px}.order-card{padding:10px 7px 8px}.nft-img{width:45px;height:45px}}.nft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:0}.panel,.panel-mid{background:#fff;border-radius:13px;padding:14px 0 6px 12px;flex:1;min-width:0;box-shadow:0 1px 3px #e6e9f1}.panel{padding:20px 14px 16px 20px}.panel.earnings{background:linear-gradient(135deg,#e6f1fd 0% 100%);color:#fff}.panel.income{background:linear-gradient(135deg,#edeefc 0% 100%);color:#fff}.panel-mid{background:#f6f8fb;background:#fff;font-size:.9em;color:#686f85;padding-top:12px;padding-bottom:4px;margin-bottom:3px}.panel-title{font-size:.9em;color:#7780a1;margin-bottom:2px}.panel-value{font-size:1.16em;font-weight:600;color:#305fc7}.panel.earnings .panel-value,.panel.income .panel-value{color:#000;font-weight:700}.panel.earnings .panel-title,.panel.income .panel-title{color:#000}.tabs.tabs-panel{display:flex;margin:20px 0 0;background:#f6f8fb;border-bottom:1.5px solid #dde5ea}.tab{flex:1;padding:13px 0;text-align:center;font-weight:500;font-size:1em;color:#a0adc8;background:#f6f8fb;cursor:pointer;border:none;outline:none;transition:color .15s}.tab.active{color:#305fc7;border-bottom:2.5px solid #305fc7;background:#fff;background:none}.tab-content{background:#fff;background:#f6f8fb;padding:16px 0}.order-card{background:#f6f8fb;background:#fff;border-radius:13px;margin-bottom:18px;padding:14px 14px 12px;box-shadow:0 1px 3px #e6e9f1}.order-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.order-number{font-size:.98em;color:#36415c;font-weight:500}.order-status{background:#47cc96;color:#fff;font-size:.79em;padding:2px 16px;border-radius:11px;font-weight:500}.order-date{font-size:.89em;color:#a2aac3;margin-bottom:2px}.order-reserve{font-size:.91em;color:#3751e0;margin-bottom:8px}.order-card .nft-row{display:flex;align-items:center;gap:14px}.order-card .nft-row .nft-img{width:53px;height:53px;border-radius:11px;background:#fff;object-fit:cover;border:1.5px solid #e3e8ee;box-shadow:0 1px 3px #e6e9f1}.order-card .nft-row .nft-details{flex:1}.order-card .nft-row .nft-title{font-size:1em;font-weight:600;color:#2952a9;margin-bottom:3px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.order-card .nft-row .nft-price{font-size:.96em;color:#2e934e;font-weight:500}.order-card .nft-row .nft-currency{font-size:.9em;color:#b0b7d1;font-weight:400}.reserve-content{display:flex;justify-content:space-between;gap:20px;width:100%;max-width:600px;margin-bottom:24px}.reserve-content .select-wrapper{position:relative;flex:1 1 0;max-width:48%}.reserve-dropdown{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;color:#333;border:1.5px solid #ccc;border-radius:8px;padding:10px 40px 10px 16px;font-size:16px;font-weight:500;cursor:pointer;box-shadow:inset 0 0 5px #eee;transition:border-color .3s ease,box-shadow .3s ease}.reserve-dropdown:hover,.reserve-dropdown:focus{border-color:#1a73e8;outline:none;box-shadow:0 0 8px #1a73e8;color:#111}.select-wrapper:hover:after,.reserve-dropdown:focus+.select-wrapper:after{border-color:#1a73e8}.reserve-btn{display:block;width:100%;max-width:600px;margin:12px auto 0;padding:14px 0;background-color:#1a73e8;color:#fff;font-weight:700;font-size:16px;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 10px #1a73e866;transition:background-color .3s ease,box-shadow .3s ease}.reserve-btn:hover,.reserve-btn:focus{background-color:#155ab6;box-shadow:0 6px 14px #155ab680;outline:none}.reserve-btn:disabled{background-color:#ddd;color:#999;cursor:not-allowed;box-shadow:none;opacity:.6}.custom-dropdown{position:relative;width:100%;max-width:350px;font-family:sans-serif;z-index:1000}.dropdown-header{background:#fff;padding:10px 14px;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#333}.dropdown-header-content{display:flex;flex:1;justify-content:space-between;align-items:center;margin-right:10px}.dropdown-arrow{font-size:12px;color:#888}.dropdown-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ccc;border-top:none;max-height:230px;overflow-y:auto;list-style:none;padding:0;margin:0;border-radius:0 0 4px 4px;box-shadow:0 4px 6px #0000001a}.dropdown-list::-webkit-scrollbar{width:8px}.dropdown-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.dropdown-list:hover::-webkit-scrollbar-thumb{background:#aaa}.dropdown-item{padding:10px 14px;cursor:pointer;color:#333}.dropdown-item:hover{background:#f2f2f2}.dropdown-item-row{display:flex;justify-content:space-between;align-items:center}.dropdown-item-left{text-align:left;flex:1;font-weight:500}.dropdown-item-right{text-align:right;flex:1;font-size:13px;color:#2e7d32}.dropdown-text{font-weight:500;color:#333}.dropdown-sublabel{font-size:13px;color:#2e7d32;white-space:nowrap;margin-left:10px}.dropdown-item.disabled{color:#aaa;cursor:not-allowed;background:#fff}.dropdown-item.disabled:hover{background:#fff}.dropdown-item.disabled .dropdown-item-right{color:#ccc!important}.dropdown-item.selected{background-color:#e0f2f1;color:#000;font-weight:600}.dropdown-item.selected:hover{background-color:#b2dfdb}.countdown-wrapper{display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;padding:20px;border-radius:12px;box-shadow:0 4px 10px #0000001a}.countdown-area{text-align:center;color:#333}.countdown-title{font-size:18px;font-weight:500;color:#444;margin-bottom:10px}.countdown-timer{display:flex;align-items:center;justify-content:center}.countdown-box{background-color:#fff;border:1px solid #cccccc;color:#222;font-size:20px;font-weight:700;border-radius:6px;padding:10px 12px;margin:0 4px;min-width:40px;text-align:center;box-shadow:0 2px 5px #0000000d}.countdown-separator{color:#666;font-size:20px;font-weight:700;margin:0 4px}.animation-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1050}.animation-modal{background-color:#fff;border-radius:1rem;padding:1.5rem 1rem;max-width:90%;width:320px;text-align:center;box-shadow:0 4px 15px #0003;position:relative;animation:modalFadeIn .3s ease-in-out}.animation-modal .close-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;font-size:1.2rem;cursor:pointer}.animation-modal h5{margin-bottom:1rem;font-weight:600;font-size:1.2rem;color:#333}.animation-modal .animation-container img{max-height:180px;width:auto;margin:0 auto 1rem}.animation-modal .modal-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.nft-card{background:#fff;border-radius:14px;box-shadow:0 3px 12px #0000000f;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s ease}.nft-card:hover{box-shadow:0 6px 16px #316afd26}.nft-card img{width:100%;height:115px;object-fit:cover;border-radius:14px 14px 0 0}.nft-info{padding:10px 10px 14px;display:flex;flex-direction:column;gap:6px}.nft-title{font-size:1.06rem;font-weight:600;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nft-price{font-weight:600;color:#8b929b;font-size:.95rem;display:flex;align-items:center;gap:4px}.usdt-icon{display:inline-block;width:16px;height:16px;background:#36c381;border-radius:50%;position:relative}.usdt-icon:after{content:"₮";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;line-height:1}.price-trend{font-size:1rem;color:#36c381;margin-left:auto}.buy-btn{margin-top:4px;background-color:#316afd;border:none;border-radius:12px;padding:7px 0;font-weight:700;font-size:1rem;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s ease}.buy-btn:hover{background-color:#234bbb}.drawer-content{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fffffff2;color:#222;z-index:1000;overflow-y:auto;display:flex;justify-content:center;align-items:center}.drawer-body{background-color:#fff;padding:30px;border-radius:12px;width:400px;max-width:90%;box-shadow:0 4px 20px #0000001a;max-width:100%;height:100vh}.step1-area .title{display:flex;align-items:center;font-size:24px;font-weight:700;margin-bottom:20px;color:#333}.cancel-icon{width:20px;height:20px;margin-right:10px;cursor:pointer}.img-item{width:150px;height:150px;object-fit:cover;border-radius:10px;margin:0 auto 15px;display:block;border:1px solid #ddd}.item-name{font-size:18px;font-weight:600;margin-bottom:20px;color:#444;text-align:center}.sub-title{font-size:16px;font-weight:500;margin-bottom:10px;color:#666}.price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.select-coin{display:flex;align-items:center;background-color:#f1f1f1;padding:8px 12px;border-radius:8px;cursor:pointer;border:1px solid #ddd;transition:background-color .2s ease}.select-coin:hover{background-color:#eaeaea}.coin-img{width:20px;height:20px;margin-right:8px}.coin-label{font-size:14px;color:#333}.price-value{font-size:16px;font-weight:700;color:#222}.fee-area{margin-bottom:20px}.fee-row{display:flex;justify-content:space-between;font-size:14px;color:#555}.footer{text-align:center}.btn-sell{background-color:#4caf50;font-size:16px;width:100%;margin-top:4px;background-color:#316afd;border:none;border-radius:12px;padding:7px 0;font-weight:700;font-size:1rem;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s ease}.btn-sell:hover{background-color:#43a047}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.dashboard-skeleton{padding:16px}.panel-row{display:flex;gap:12px;margin-bottom:16px}.panel-skeleton{flex:1;background:#fff;border-radius:13px;padding:16px;box-shadow:0 1px 3px #e6e9f1}.panel-mid-skeleton{flex:1;background:#fff;border-radius:13px;padding:12px;box-shadow:0 1px 3px #e6e9f1;text-align:center}.tabs-skeleton{margin-top:20px}.tab-skeleton{flex:1;height:38px;margin:0 5px;background:#e0e6ef;border-radius:6px;animation:pulse 1.5s infinite}.card-skeleton{display:flex;gap:1rem;padding:1rem;border:1px solid #e0e6ef;border-radius:10px;margin-bottom:1rem;background-color:#f6f8fb;animation:pulse 1.5s infinite}.skeleton-img{width:80px;height:80px;background:#e0e6ef;border-radius:8px;flex-shrink:0}.skeleton-body{flex:1}.skeleton-line{height:12px;margin:6px 0;background:#e0e6ef;border-radius:4px}.skeleton-line.short{width:30%}.skeleton-line.medium{width:60%}.skeleton-line.long{width:90%}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.headerWhite{position:fixed;top:0;left:0;right:0;width:100%;height:64px;z-index:800;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e1e6ef;padding-left:16px;max-width:420px;margin:0 auto}.headerWhite .logo{display:flex;align-items:center;cursor:pointer}.headerWhite .headerIcons{display:flex;gap:16px;margin-right:16px}.headerWhite .headerIcon{width:22px;height:22px;opacity:.65}.headerWhite .headerIcons{display:flex;gap:24px;padding-right:16px;color:#807f7f}.headerWhite .headerIcon{width:22px;height:22px;opacity:.65;cursor:pointer;transition:opacity .2s}.headerWhite .headerIcon:hover{opacity:1}.notification-badge{position:absolute;top:-6px;right:-6px;background-color:red;color:#fff;border-radius:50%;padding:1px;font-size:12px;font-weight:700;line-height:1;min-width:16px;text-align:center}.menu-trigger{cursor:pointer;z-index:2001}.menu-dialog{position:absolute;top:64px;right:0;right:calc(50% - 210px);width:180px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0003,0 4px 12px #0000001a;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:3000;display:flex;flex-direction:column;overflow:hidden}.menu-dialog.show{opacity:1;transform:translateY(0);pointer-events:auto}.menu-item{display:flex;align-items:center;padding:12px 14px;cursor:pointer;transition:background .2s;font-size:.95em}.menu-item:hover{background:#f4f8ff}.menu-item span{margin-left:10px;font-weight:500;color:#333}.menu-item i{font-size:1.1em;width:20px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-container{width:100vw;max-width:430px;min-height:100vh;margin:0 auto;background:#cce2fd54;box-shadow:0 0 0 1px #eaeaea,0 2px 18px 7px #e6eefe;position:relative;padding-bottom:60px}@media (max-width: 430px){.mobile-container{box-shadow:none}}.main{max-width:480px;margin:0 auto;position:relative;background:#fff;background:#f3f8fa;min-height:100vh;overflow-x:hidden}.headerWhite.toolbar{position:fixed;top:0;left:0;right:0;width:100%;height:64px;z-index:1000;display:flex;align-items:center;justify-content:space-between;background:#fff;padding-left:16px;max-width:420px;margin:0 auto;border-bottom:1px solid #e1e6ef}.headerWhite .logo{display:flex;align-items:center}.headerWhite .logoIcon{width:32px;height:32px;margin-right:8px;background:linear-gradient(135deg,#98e7ff 30%,#a584ff);border-radius:8px}.headerWhite .logoText{font-weight:700;font-size:1.1em;letter-spacing:1px}.headerWhite .headerTitle{flex:1;margin-left:8px;font-size:1.2em;font-weight:500}.back-icon{font-size:22px;margin-right:12px;cursor:pointer;transition:transform .2s ease}.back-icon:hover{transform:scale(1.1)}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f7fbfd;overflow-x:hidden}.header{display:flex;align-items:center;padding:22px 20px 0;background:#fff;font-size:1.8rem;font-weight:700;position:relative;z-index:10}.header span.title{color:#000}#headerContentArea{position:relative;overflow:hidden;height:540px;margin:0 0 20px}.header-tab-content{position:absolute;top:0;left:100%;width:100%;height:100%;overflow-y:auto;opacity:0;transition:opacity .4s ease,left .4s ease;padding-bottom:20px;-webkit-overflow-scrolling:touch;background:transparent;pointer-events:none}.header-tab-content.active{left:0;opacity:1;pointer-events:auto}.header-tab-content.slide-in-left{animation:slideInLeft .45s forwards}.header-tab-content.slide-in-right{animation:slideInRight .45s forwards}.header-tab-content.slide-out-left{animation:slideOutLeft .45s forwards}.header-tab-content.slide-out-right{animation:slideOutRight .45s forwards}@keyframes slideInLeft{0%{left:-100%;opacity:0}to{left:0;opacity:1}}@keyframes slideInRight{0%{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes slideOutLeft{0%{left:0;opacity:1}to{left:-100%;opacity:0}}@keyframes slideOutRight{0%{left:0;opacity:1}to{left:100%;opacity:0}}.options-area{display:flex;gap:34px;align-items:center;margin:28px 18px 0;font-size:1.1rem;font-weight:500}.options-area .selected{color:#222;border-bottom:2px solid #316afd}.options-area span:not(.selected){color:#979ba2;cursor:pointer;-webkit-user-select:none;user-select:none}.header-menu{position:fixed;top:58px;z-index:800;width:100%;max-width:410px;display:flex;gap:28px;padding:12px 20px 6px;font-size:.9rem;color:#222;background:#fff;-webkit-user-select:none;user-select:none}.header-menu span.menu-item{cursor:pointer;font-weight:500;color:#222;padding-bottom:10px;position:relative;transition:color .25s,transform .3s cubic-bezier(.4,0,.2,1),font-size .25s,opacity .25s;white-space:nowrap;transform-origin:center}.header-menu span.menu-item.active{font-weight:700;font-size:.9rem;transform:scale(1.2);opacity:1;z-index:5}.header-menu.zoom-animate span.menu-item:not(.active){opacity:.6}.header-menu.zoom-animate span.menu-item:not(.active).left{transform:scale(.85) translate(-12px);opacity:.6;filter:brightness(.95)}.header-menu.zoom-animate span.menu-item:not(.active).right{transform:scale(.85) translate(12px);opacity:.6;filter:brightness(.95)}.header-menu .menu-highlight{position:absolute;bottom:0;left:0;height:3px;width:0;background:#316afd;border-radius:2px;transition:left .28s cubic-bezier(.39,.56,.55,.99),width .2s;z-index:4}@media (min-width: 450px){.header-menu{max-width:392px;max-width:425px}}.stakes-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;width:90%}.stakes-container-text h1{font-family:var(--font-family);font-weight:600;font-size:28px;line-height:42px;color:#222;margin-bottom:1rem}.stakes-container-card{margin:0 -5px}.stakes-container-card:after{content:"";display:table;clear:both}.tab-navs{position:relative;display:flex;background:#eff4fb;background:#fff;border-radius:18px;margin:22px 18px 0;padding:3px;overflow:hidden;height:48px}.tab-navs .tab-highlight{position:absolute;top:3px;left:0;height:calc(100% - 6px);width:0;background:#fff;background:#e3eeff;border-radius:14px;box-shadow:0 6px 14px #316afd12;z-index:1;transition:left .28s cubic-bezier(.39,.56,.55,.99),width .19s cubic-bezier(.39,.56,.65,.99),background .15s}.tab-navs .tab{flex:1;text-align:center;padding:12px 0;font-size:1.12rem;border-radius:14px;color:#979ba2;background:transparent;border:none;cursor:pointer;position:relative;z-index:2;font-weight:500;transition:color .16s;outline:none;-webkit-user-select:none;user-select:none}.tab-navs .tab.active{color:#316afd;font-weight:600}#tabContentArea{position:relative;min-height:350px;margin-left:0}.tab-content.stake-tab-content{display:none;margin-top:10px}.tab-content.stake-tab-content.active{display:block}.stake-card{background-color:#fff;color:#222;max-width:360px;margin:16px auto 12px;box-shadow:0 4px 12px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:16px;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;border:1px solid #e5e5e5;border-radius:12px;padding:12px;background:#fff;max-width:400px;box-shadow:0 2px 6px #0000000d}.stake-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px #0000001f}.stake-card__top-row{display:flex;gap:12px;align-items:center}.stake-card__image{width:100px;height:100px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid #ddd}.stake-card__text-block{flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px}.stake-card__stake-name{font-size:16px;font-weight:700;color:#222}.stake-card__label{font-size:14px;color:#777;font-weight:400}.stake-card__value{font-size:15px;font-weight:600;color:var(--primary-color, #2e7d32)}.stake-card__divider{border-top:1px solid #eee;margin:8px 0}.stake-card__bottom-row{font-size:15px;font-weight:600;color:#444}.stake-card__bottom-row span{color:#555}.stake-card__bottom-row .label{color:#777;font-weight:400;text-transform:capitalize}.stake-card__bottom-row .value{font-weight:600;color:var(--primary-color, #2e7d32)}.stake-card__bottom-row .value--reciprocal{color:#222;font-weight:600}.stake-card__button{background-color:var(--primary-color, #1976d2);color:#fff;border:none;border-radius:8px;padding:12px 0;width:100%;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px;transition:background-color .3s ease,transform .2s ease}.stake-card__button:hover{background-color:#1565c0;transform:translateY(-2px)}.stake-card__col2{display:flex;justify-content:space-between;align-items:center}.key-value-pair{display:flex;justify-content:space-between;margin-bottom:8px}.key-value-pair .label{font-weight:600;color:#aaa}.key-value-pair .value{text-align:right;color:var(--primary-color, #2e7d32);min-width:100px}.label{font-size:14px;color:#999;font-weight:400}.value{font-size:16px;font-weight:700;color:#90ee90}.image-block{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px}.nft-thumbnail{width:160px;height:160px;object-fit:cover;border-radius:12px;border:1px solid #ddd;margin-bottom:10px}.image-block h3{margin:0;font-size:16px;font-weight:600;color:#333}.info-section{display:flex;flex-direction:column;gap:12px;padding:12px}.info-group{display:flex;justify-content:space-between;font-size:14px;border-bottom:1px dashed #eee;padding-bottom:6px;color:#555}.info-group span:first-child{font-weight:500;color:#777}.info-group span:last-child{font-weight:600;color:var(--primary-color, #2e7d32)}.bottomsheet-footer{position:sticky;bottom:0;background-color:#fafafa;border-top:1px solid #eee;padding:14px;z-index:1}.bottomsheet-close-btn{width:100%;padding:12px;background:var(--primary-color, #1976d2);color:#fff;font-weight:600;font-size:15px;border:none;border-radius:8px;cursor:pointer;transition:background .25s ease,transform .2s ease}@media (max-height: 600px){.bottomsheet-body{max-height:60vh}}@media (max-width: 400px){.bottomsheet-header h2{font-size:16px}.info-group{font-size:13px}.bottomsheet-close-btn{font-size:14px}}@keyframes smoothSlideUp{0%{transform:translateY(100%) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.bottomsheet-overlay{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#00000073;display:flex;justify-content:center;align-items:flex-end;z-index:9999}.bottomsheet-container{width:100%;max-width:480px;background:#fff;border-radius:16px 16px 0 0;display:flex;flex-direction:column;box-shadow:0 8px 28px #0003;height:90vh;max-height:90vh;animation:smoothSlideUp .45s cubic-bezier(.22,1,.36,1)}.bottomsheet-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.bottomsheet-header h2{font-size:18px;margin:0}.close-button{background:none;border:none;font-size:22px;color:#777;cursor:pointer;transition:color .2s ease}.close-button:hover{color:#000}.bottomsheet-body{flex:1;overflow-y:auto;padding:16px}.bottomsheet-footer{padding:14px;border-top:1px solid #eee;background:#fafafa}.bottomsheet-close-btn{width:100%;padding:12px;background:var(--primary-color, #1976d2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s ease,transform .2s ease}.bottomsheet-close-btn:hover{background:#1565c0;transform:translateY(-2px)}@keyframes smoothSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.card-column{float:left;width:20%}.bids-card{background:#fff;border-radius:20px;padding:11px 12px 19px 11px;margin-inline:10px;margin-bottom:20px;box-shadow:0 4px 12px #00000014;transition:transform .2s ease,box-shadow .2s ease}.bids-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001f}.bids-card img{border-radius:20px;width:100%}.bids-card-top p{font-family:var(--font-family);font-weight:600;font-size:14px;line-height:21px;color:#333;margin-top:15px}.bids-card-top a{text-decoration:none}.bids-card-bottom{display:flex;justify-content:space-between}.bids-card-bottom p{font-family:var(--font-family);font-weight:600;font-size:12px;line-height:18px;color:#555}.bids-card-bottom p:last-child{font-weight:400}.bids-card-bottom span{font-weight:400;color:#888}.load-more{display:flex;justify-content:center;align-items:center;margin-top:2rem}.load-more button{background:#f9f9f9;border:1px solid var(--primary-color);margin:0 1rem;color:var(--primary-color);border-radius:10px;padding:10px 100px;font-family:Poppins;font-weight:600;font-size:14px;line-height:21px;cursor:pointer;transition:background .2s}.load-more button:hover{background:var(--primary-color);color:#fff}@media screen and (max-width: 1440px){.card-column{width:50%}}@media screen and (max-width: 1200px){.card-column{width:50%}}@media screen and (max-width: 900px){.card-column{width:50%}}@media screen and (max-width: 550px){.section__padding{padding:2rem 14px!important}.bids-card{margin-bottom:10px;margin-inline:5px}.bids-card-top p{font-size:12px;line-height:18px;margin-top:5px}.bids-card-bottom p{font-size:10px;line-height:15px}.bids-container{width:100%}}.explore-skeleton{padding:16px;background:#f3f8fa;min-height:100vh}.header-menu-skeleton{display:flex;gap:20px;margin-bottom:20px}.menu-item-skeleton{width:70px;height:20px;background:#e2e5e7;border-radius:6px;animation:pulse 1.5s infinite}.tab-content-skeleton{display:flex;flex-direction:column;gap:16px}.stake-card-skeleton{display:flex;gap:12px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;align-items:center}.image-skeleton{width:100px;height:100px;background:#e2e5e7;border-radius:8px;animation:pulse 1.5s infinite}.text-block-skeleton{flex:1;display:flex;flex-direction:column;gap:8px}.line-skeleton{height:14px;background:#e2e5e7;border-radius:6px;animation:pulse 1.5s infinite}.line-skeleton.short{width:50%}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.item{display:flex;padding:0 6rem;font-family:var(--font-family);background:#fafafa;color:#333}.item-image{flex:1;display:flex;justify-content:center;align-items:center;border-right:1px solid rgba(0,0,0,.05)}.item-image img{width:100%;height:100%;border-radius:20px;padding:30px;background:#fff;box-shadow:0 2px 12px #00000014}.item-content{flex:1;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;margin:5rem;position:relative}.item-content-title h1{font-weight:600;font-size:28px;line-height:42px;color:#222}.item-content-title p{font-size:14px;line-height:21px;color:#555}.item-content-title span{font-weight:600;color:#222}.item-content-creator{margin-top:30px}.item-content-creator p{font-size:12px;line-height:18px;color:#777}.item-content-creator div{display:flex;align-items:center;margin-top:10px}.item-content-creator div:last-child p{font-weight:600;font-size:14px;line-height:21px;color:#333}.item-content-creator img{border-radius:50%;margin-right:10px;width:50px;height:50px;box-shadow:0 2px 6px #0000001a}.item-content-detail{margin-top:30px;margin-bottom:30px;border-top:1px solid rgba(0,0,0,.05);padding-top:20px}.item-content-detail p{font-size:16px;line-height:26px;color:#444;width:500px}.item-content-buy .primary-btn{background:var(--primary-btn);padding:.75rem 3rem;font-size:14px;line-height:21px;font-weight:600;box-shadow:0 2px 6px #0000001a;display:block;width:100%;max-width:600px;margin:12px auto 0;padding:14px 0;background-color:#1a73e8;color:#fff;font-weight:700;font-size:16px;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 10px #1a73e866;transition:background-color .3s ease,box-shadow .3s ease}.item-content-buy .secondary-btn{background:transparent;border-radius:10px;border:1px solid var(--primary-color);padding:.7rem 3rem;font-size:14px;line-height:21px;font-weight:600;color:var(--primary-color)}.item-content-action{display:flex;position:absolute;right:0}.item-content-action p{cursor:pointer;font-size:18px;color:#fff;background:var(--primary-btn);margin-inline:10px;border-radius:5px;padding:5px 5px 0}@media screen and (max-width: 1050px){.item{flex-direction:column}.item-content{margin:0 0 3rem}.item-image{border-right:unset}.item-content-detail p{width:100%}}@media screen and (max-width: 650px){.item-content h1{font-size:28px;line-height:42px}.item-content p{font-size:16px;line-height:24px}.item-content-buy .primary-btn{padding:.75rem 20px}.item-content-buy .secondary-btn{padding:.75rem 33px}}@media screen and (max-width: 490px){.item{padding-inline:1rem!important;padding-top:1rem!important}.item-image img{padding:0;border-radius:12px;margin-bottom:25px}.item-content h1{font-size:24px;line-height:34px}.item-content p{font-size:14px;line-height:22px}.item-content-buy .primary-btn{margin-right:10px}.item-content-action{top:15%}.item-content-action p{margin-inline:5px}}.balance-section{padding:6px 16px 0 8px}.balance-label{font-size:1.4em;color:#4e4e4f;font-weight:700;margin-bottom:4px}.icon-card{margin-right:4px}.balance-amount{font-size:2.6em;font-weight:700;margin-bottom:18px;color:#161949}.cashback-banner{background:linear-gradient(to right,#ffdcdc,#ffeacf);border-radius:12px;padding:24px;display:flex;align-items:center;margin-bottom:25px;cursor:pointer}.cashback-banner .megaphone{font-size:22px;margin-right:12px;color:#2d7efc}.cashback-banner b{font-size:16px;color:#111}.cashback-banner p{margin:0;font-size:14px;color:#555}.card{background:#fff;border-radius:18px;box-shadow:0 8px 24px #343c5014;padding:24px 16px 16px;margin-bottom:28px;max-width:420px;margin-left:auto;margin-right:auto;position:relative}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-title{font-size:1.25rem;font-weight:600}.card-action{background:#ebf2ff;border:none;outline:none;border-radius:50px;padding:6px 14px;color:#397ffb;font-weight:500;display:flex;align-items:center;cursor:pointer;font-size:1rem;transition:background .25s}.card-action i{font-style:normal;margin-left:7px;font-size:1.1em}.section-icons{display:flex;justify-content:space-around;gap:14px;margin:10px 16px;cursor:pointer}.section-icon span.icon{font-size:1.4em}.section-icon{display:flex;flex-direction:column;align-items:center;background:#f7f8fa;border-radius:18px;width:72px;padding:13px 0 8px;color:#437cff;box-shadow:0 2px 8px #32325a0a}.section-icon span{font-size:12px;font-weight:500;color:#333;margin-top:7px}.recent-transactions-container{display:flex;justify-content:center;margin-top:16px;flex-wrap:wrap}.recent-transactions-card{background-color:#fff;color:#111;padding:0 22px 14px;border-radius:16px;box-shadow:0 4px 16px #00000014;max-width:400px;width:100%}body.dark .recent-transactions-card{background-color:#2c2c2c;color:#f5f5f5}.recent-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #EEF3F6}.recent-title{font-size:1.25rem;font-weight:600;line-height:1.75rem;color:#111;font-family:Open Sans,sans-serif}body.dark .recent-title{color:#fff}.recent-item{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.recent-icon-group{display:flex;align-items:center;gap:12px}.recent-icon{font-size:20px;padding:12px;border:none;border-radius:8px;cursor:default;background:#f3f4f6;color:#374151}body.dark .recent-icon{background:#374151;color:#f3f4f6}.recent-item-title{font-size:14px;font-weight:600;color:#111}body.dark .recent-item-title{color:#fff}.recent-item-desc{font-size:12px;color:#666}body.dark .recent-item-desc{color:#ccc}.recent-amount.positive{font-weight:600;color:#16a34a}.recent-amount.negative{color:#dc2626}.recent-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e7eb;margin-top:24px;padding-top:16px}body.dark .recent-footer{border-top:1px solid #283444}.recent-count{font-size:12px;color:#888}.data-fetcher{margin-top:1rem}.data-fetcher-loading,.data-fetcher-error{text-align:center;margin:1rem 0}.data-fetcher-error{color:red}.skeleton{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.skeleton-title{width:120px;height:20px;margin-bottom:8px}.skeleton-btn{width:60px;height:20px;border-radius:12px}.skeleton-icon{width:40px;height:40px;border-radius:8px}.skeleton-line.short{width:100px}.skeleton-line.thinner{width:70px;height:10px}.skeleton-amount{width:50px;height:16px;border-radius:4px}.card{background:#fff;border-radius:14px;box-shadow:0 2px 12px #00000012;padding:18px 0 2px;width:340px}.card-header{display:flex;justify-content:space-between;align-items:center;padding:0 22px 14px;border-bottom:1px solid #EEF3F6}.card-title{font-size:1.06rem;font-weight:600;color:#26303f}.chevron{width:18px;height:18px;display:flex;align-items:center;cursor:pointer}.history-list{padding:0 22px;margin:0;list-style:none}.history-item{display:flex;justify-content:space-between;align-items:flex-start;padding:15px 0 8px;border-bottom:1px solid #f7f7f7}.history-item:last-child{border-bottom:none}.desc{font-size:1.03rem;font-weight:500;color:#26303f}.date{font-size:.91rem;color:#a4b0bd;margin-top:2px}.right-block{text-align:right;min-width:90px}.amount{font-size:1.08rem;font-weight:600;display:block;margin-bottom:2px}.amount.negative{color:#f66}.amount.positive{color:#0cb47b}.deposited{font-size:.81rem;color:#abbac2;margin-top:3px;display:block}.skeleton{background:linear-gradient(90deg,#e9eef2 25%,#f6f8fb 37%,#e9eef2 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:6px}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton-label{width:120px;height:18px;margin-bottom:8px}.skeleton-balance{width:180px;height:32px;border-radius:8px;margin-bottom:20px}.skeleton-banner{display:flex;align-items:center;background:#fff;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 4px 12px #343c5014}.skeleton-icon{width:32px;height:32px;border-radius:50%;margin-right:12px}.skeleton-banner-title{width:140px;height:14px;margin-bottom:6px}.skeleton-banner-sub{width:180px;height:12px}.skeleton-card{background:#fff;border-radius:18px;box-shadow:0 8px 24px #343c5014;padding:20px 16px;max-width:420px;margin:0 auto 28px}.skeleton-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.skeleton-title{width:120px;height:16px}.skeleton-pill{width:80px;height:22px;border-radius:12px}.skeleton-icons-row{display:flex;justify-content:space-around;margin-bottom:16px}.skeleton-icon-card{display:flex;flex-direction:column;align-items:center;gap:6px}.skeleton-circle{width:48px;height:48px;border-radius:50%}.skeleton-icon-label{width:40px;height:10px}.income_card{background-color:#fff;color:#1f2937;padding:24px;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 4px 12px #00000014}.income_table table{width:100%;border-collapse:collapse;background-color:transparent!important}.income_table table thead{border-top:1px solid #e5e7eb82;border-bottom:1px solid #e5e7eb82;background-color:transparent!important}.income_table table th,.income_table table td{border:none;padding:6px 8px;text-align:left;background-color:transparent!important;color:#374151;font-weight:500}.income_table table th{color:#111827;font-weight:600}.income_table table tbody tr+tr td{border-top:1px solid #f3f4f6}.card_header p{margin:0 0 6px;color:#374151}.profit-cards-container{display:flex;gap:16px;margin:16px 0;flex-wrap:wrap}.profit-cards-container>*{flex:1;min-width:100px}body.dark .income_card{background-color:#1f2937;color:#f5f5f5;border:1px solid #283444;box-shadow:0 8px 30px #0003}body.dark .income_table table thead{border-top:1px solid #283444;border-bottom:1px solid #283444}body.dark .income_table table th,body.dark .income_table table td{color:#e5e7eb}body.dark .income_table table tbody tr+tr td{border-top:1px solid #283444}body.dark .card_header p{color:#e5e7eb}.profile-card{background-color:#fff;color:#111;border-radius:12px;padding:16px;max-width:420px;margin:auto auto 20px;font-family:Segoe UI,sans-serif;box-shadow:0 4px 12px #00000014}body.dark .profile-card{background-color:#1e1e1e;color:#fff}.top-row{display:flex;align-items:flex-start}.profile-img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb;margin-right:16px}body.dark .profile-img{border:2px solid #444}.user-info{flex:1}.user-header{display:flex;justify-content:space-between;align-items:center}.username{font-size:18px;margin:0;color:#111}body.dark .username{color:#fff}.wallet-icon{font-size:20px;color:#888}body.dark .wallet-icon{color:#ccc}.user-id{font-size:13px;color:#666;margin-top:4px;word-break:break-all}body.dark .user-id{color:#999}.bottom-row{display:flex;justify-content:space-between;margin-top:16px}.info-box{border:1px solid #e5e7eb;border-radius:6px;padding:6px 12px;font-size:14px;color:#374151;background-color:#f9fafb;cursor:pointer}body.dark .info-box{border:1px solid #555;color:#ccc;background-color:#ffffff0d}.profit-card{background-color:#fff;color:#1f1f1f;border-radius:12px;padding:16px;max-width:360px;margin:12px auto;font-family:Segoe UI,sans-serif;box-shadow:0 4px 12px #00000014;transition:transform .25s ease,box-shadow .25s ease;border:1px solid #eaeaea}.profit-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.profit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.profit-label{font-size:14px;color:#555;background-color:#f1f5f9;padding:4px 8px;border-radius:6px;border:1px solid #e2e8f0}.profit-amount{font-size:24px;font-weight:600;text-align:left;word-break:break-word;color:#111827}.positive{color:#16a34a}.negative{color:#dc2626}@media (max-width: 480px){.profit-card{padding:12px;font-size:90%}.profit-amount{font-size:20px}.profit-label{font-size:12px;padding:3px 6px}}[data-aj-panel]{box-sizing:border-box}[data-aj-panel] *{box-sizing:inherit}.aj-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;width:100%;color:#1e293b;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";box-shadow:0 8px 20px #0000000d;margin-bottom:24px;transition:box-shadow .3s ease}.aj-panel:hover{box-shadow:0 12px 28px #00000014}.aj-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.aj-panel__title{font-size:18px;font-weight:600;color:#0f172a;margin:0 0 0 6px}.aj-panel a{text-decoration:none;color:inherit;font-size:14px}.aj-panel a:hover{text-decoration:none;color:inherit}.aj-panel__action{font-size:14px;font-weight:500;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .2s ease}.aj-panel__action:hover{color:#1e293b}.aj-panel__chevron{font-size:16px;line-height:1;display:inline-block;vertical-align:middle;position:relative;top:-1px}.aj-panel__grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px}.aj-card{position:relative;background:linear-gradient(145deg,#fff,#f9fafb);border:1px solid #e2e8f0;border-radius:12px;padding:18px 12px;text-align:center;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.aj-card:before{content:"";position:absolute;inset:0;background:radial-gradient(180px 80px at 50% -20%,rgba(99,102,241,.08),transparent 70%);opacity:0;transition:opacity .25s ease;pointer-events:none}.aj-card:hover{transform:translateY(-4px);border-color:#cbd5e1;box-shadow:0 6px 20px #0000000f}.aj-card:hover:before{opacity:1}.aj-value{font-size:20px;line-height:1.2;font-weight:700;color:#0f172a}.aj-label{margin-top:6px;font-size:13px;color:#475569;letter-spacing:.3px}@media (max-width: 420px){.aj-panel{padding:14px}.aj-card{padding:12px 8px}.aj-value{font-size:18px}.aj-label{font-size:11px}}.notification-card{background:#fff;border-radius:6px;margin-bottom:.75rem;padding:.75rem 1rem;box-shadow:0 2px 6px #00000014;cursor:pointer;border-left:4px solid #3f51b5;transition:background .2s ease;position:relative}.notification-card:hover{background:#f9f9f9}.notification-card.viewed{opacity:.8;border-left:4px solid #bbb}.notification-text{width:100%}.notification-title{margin:0 0 .2rem;font-size:1rem;font-weight:600;color:#222;word-wrap:break-word;white-space:normal;padding-right:120px}.notification-message{margin:0;font-size:.9rem;color:#555;line-height:1.3;word-wrap:break-word;white-space:pre-wrap}.notification-meta{position:absolute;top:.75rem;right:1rem;display:flex;flex-direction:column;align-items:flex-end}.notification-date{font-size:.75rem;color:#777;white-space:nowrap;margin-bottom:.4rem}.delete-icon{font-size:1.2rem;color:#999;cursor:pointer;transition:color .2s}.delete-icon:hover{color:#f44336}.notification-wrapper{padding:1rem;max-width:600px;margin:auto}.heading{font-size:1.5rem;margin-bottom:1rem;color:#333;text-align:center}.light-theme .date-filter-container{background-color:#f9f9f9;color:#1a1a1a}.panel{display:flex;justify-content:space-around;align-items:center;background-color:#1c1c1c;padding:16px;border-radius:10px;flex-wrap:wrap;margin-bottom:20px;transition:background-color .3s ease,color .3s ease}.panel-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:10px;min-width:100px}.panel-header{font-size:1.4rem;font-weight:700;color:#fff}.panel-subtext{font-size:.85rem;color:#bbb;margin-top:4px}.light-theme .panel{background-color:#fff;box-shadow:0 2px 6px #00000014}.light-theme .panel-header{color:#222}.light-theme .panel-subtext{color:#666}.date-picker-container{display:inline-block;width:100%}.input-wrapper{position:relative}.date-input{width:100%;padding:.8rem 2.5rem .8rem .8rem;border-radius:6px;border:none;background-color:#1e1e1e;color:#fff;font-size:1rem;box-sizing:border-box}.datepicker-icon{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);cursor:pointer;z-index:2}.date-picker-popup{background-color:#1e1e1e;padding:.8rem;border-radius:6px;margin-top:.5rem;display:flex;flex-direction:column;gap:.6rem;width:100%;box-sizing:border-box}.date-picker-popup label{font-size:.85rem;margin-bottom:.2rem}.date-picker-popup input[type=date]{background-color:#2b2b2b;color:#fff;border:none;padding:.5rem;border-radius:4px;width:100%;box-sizing:border-box}.light-theme .date-input{background-color:#fff;color:#1a1a1a;border:1px solid #ccc}.light-theme .date-picker-popup{background-color:#fff;border:1px solid #ddd}.light-theme .date-picker-popup input{background-color:#f1f1f1;color:#1a1a1a;border:1px solid #ccc}.chip{background-color:#2b2b2b;color:#fff;border:none;padding:.1rem .5rem;border-radius:12px;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .1s ease}.chip.active{background-color:#4cafef;color:#121212}.chip:active{transform:scale(.96)}.light-theme .chip{background-color:#eaeaea;color:#1a1a1a}.light-theme .chip.active{background-color:#4cafef;color:#fff}.panel-skeleton{display:flex;justify-content:space-around;align-items:center;background:#1c1c1c;padding:16px;border-radius:10px;flex-wrap:wrap;margin-bottom:20px}.panel-item-skeleton{display:flex;flex-direction:column;align-items:center;margin:10px;min-width:100px}.dark-theme .panel-skeleton{background:#1e1e1e}.light-theme .panel-skeleton{background:#fff;box-shadow:0 2px 6px #00000014}.date-filter-container{background-color:#f8f9fa;color:#212529;padding:1rem;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.list-group{padding:0;margin:0}.list-card{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-radius:12px;padding:.75rem 1rem;margin-bottom:12px;box-shadow:0 2px 6px #0000000d;transition:transform .2s ease,box-shadow .2s ease}@media (hover: hover){.list-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0000001a}}.list-card-left{display:flex;align-items:center;gap:12px;flex:1}.user-icon{width:36px;height:36px;border-radius:50%;background-color:#e9ecef;color:#495057;display:flex;align-items:center;justify-content:center;font-weight:600;text-transform:uppercase;font-size:.9rem;flex-shrink:0}.username{font-weight:600;color:#212529;font-size:1rem}.share-amount{font-weight:600;color:#198754;font-size:1rem;text-align:right;white-space:nowrap;flex-shrink:0}@media (max-width: 576px){.list-card{flex-direction:row;padding:.5rem .75rem}.user-icon{width:32px;height:32px;font-size:.8rem}.username{font-size:.95rem}.share-amount{font-size:.9rem}}.tabs-skeleton-wrapper{margin:20px 0}.tabs-skeleton{display:flex;background:#f6f8fb;border-bottom:1.5px solid #dde5ea;padding:10px 0}.tab-skeleton{flex:1;display:flex;justify-content:center;padding:10px 0}.tab-content-skeleton{background:#f6f8fb;padding:16px 0}.card-skeleton{background:#fff;border-radius:10px;padding:14px;margin-bottom:12px;box-shadow:0 1px 3px #00000014}.dark-theme .tabs-skeleton{background:#1e1e1e;border-bottom:1.5px solid #333}.dark-theme .tab-content-skeleton{background:#1e1e1e}.dark-theme .card-skeleton{background:#2b2b2b;box-shadow:none}.light-theme .tabs-skeleton{background:#fff;border-bottom:1.5px solid #dde5ea}.light-theme .tab-content-skeleton{background:#f6f8fb}.light-theme .card-skeleton{background:#fff}.order-container{background-color:#121212;color:#fff;padding:1rem;min-height:100vh;font-family:Arial,sans-serif}.light-theme .order-container{background-color:#f9f9f9;color:#1c1c1c}.order-card-skeleton{background:#fff;border-radius:13px;margin-bottom:18px;padding:14px 14px 12px;box-shadow:0 1px 3px #e6e9f1}.skeleton-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.skeleton-date{margin-bottom:6px}.skeleton-reserve{margin-bottom:12px}.skeleton-nft-row{display:flex;align-items:center;gap:14px}.skeleton-nft-img{width:53px;height:53px;flex-shrink:0}.skeleton-nft-details{flex:1}.dark-theme .order-card-skeleton{background:#1e1e1e;box-shadow:none}.dark-theme .react-loading-skeleton{--base-color: #2b2b2b;--highlight-color: #3c3c3c}.light-theme .react-loading-skeleton{--base-color: #e2e5e7;--highlight-color: #f5f5f5}.user-setting-container{background:#fff;width:100%;max-width:420px;padding:24px;box-shadow:0 4px 10px #0000001a;min-height:100vh}input[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;color:#999;cursor:not-allowed;font-style:italic;border-color:#ddd}input,select,textarea{transition:background-color .3s ease,color .3s ease}.date-filter-container{padding:1rem;min-height:100vh;font-family:Arial,sans-serif;background-color:#121212;color:#fff;transition:background-color .3s ease,color .3s ease}.light-theme .date-filter-container.transactions{background-color:#f9f9f9;color:#1a1a1a}.light-theme.date-filter-container.transactions{background:#fff}.skeleton{background:linear-gradient(90deg,#e0e0e0 25%,#f3f3f3,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}@keyframes shimmer{to{background-position:-200% 0}}.skeleton-title{width:100px;height:18px}.skeleton-chevron{width:18px;height:18px;border-radius:50%}.skeleton-line{height:12px;margin-top:4px}.skeleton-line.short{width:120px}.skeleton-line.thinner{width:80px;height:10px}.skeleton-amount{width:60px;height:16px;margin-bottom:4px;border-radius:4px}.skeleton-txn{width:50px;height:12px;border-radius:4px}.referral-container{background-color:#121212;color:#fff;min-height:100vh;padding:20px;text-align:center;font-family:Arial,sans-serif}.referral-title{font-size:1.6rem;font-weight:700;margin-bottom:20px}.qr-wrapper{position:relative;display:flex;justify-content:center;margin-bottom:20px;padding:15px;background-color:#1e1e1e;border-radius:12px;box-shadow:0 4px 15px #0006}.referral-code-box{display:inline-flex;align-items:center;background-color:#1f1f1f;border-radius:8px;padding:10px 15px;margin-bottom:20px;font-size:1.2rem}.referral-code{margin-right:10px;font-weight:700;letter-spacing:1px}.share-button{display:flex;align-items:center;justify-content:center;background-color:#4cafef;color:#fff;padding:12px 20px;border-radius:25px;font-size:1rem;border:none;cursor:pointer;margin:0 auto;width:fit-content;box-shadow:0 4px 12px #0000004d}.share-icon{margin-right:8px}.share-button:hover{background-color:#379ad6}.download-icon{position:absolute;top:12px;right:12px;color:#4cafef;cursor:pointer;font-size:28px;background-color:#121212;border-radius:50%;padding:6px;box-shadow:0 2px 8px #0009;transition:background-color .2s ease,color .2s ease}.download-icon:hover{background-color:#4cafef;color:#121212}.light-theme .referral-container{background-color:#f9f9f9;color:#1a1a1a}.light-theme .qr-wrapper{background-color:#fff;box-shadow:0 4px 12px #0000001a}.light-theme .referral-code-box{background-color:#f1f1f1;color:#1a1a1a;border:1px solid #ddd}.light-theme .referral-code{color:#000}.light-theme .share-button{background-color:#4cafef;color:#fff;box-shadow:0 3px 8px #00000026}.light-theme .share-button:hover{background-color:#379ad6}.light-theme .download-icon{background-color:#fff;color:#4cafef;box-shadow:0 2px 6px #0003}.light-theme .download-icon:hover{background-color:#4cafef;color:#fff}.deposit-container{background-color:#1a1a1a;color:#eee;padding:20px;min-height:100vh;font-family:Segoe UI,sans-serif}.deposit-main{padding:20px}.deposit-header{display:flex;align-items:center;gap:10px}.deposit-main{background-color:#2a2a2a;padding:15px;border-radius:8px;width:100%;box-sizing:border-box}.back-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.deposit-main{display:flex;flex-wrap:wrap;gap:20px}.select__wrapper select{width:100%;background-color:#1a1a1a;color:#fff;border:1px solid #555;padding:10px;border-radius:4px;font-size:16px}.qr-placeholder{width:160px;height:160px;margin:10px 0;display:flex;align-items:center;justify-content:center;color:#888}.min-deposit{color:#ccc;font-size:14px}.warning-text{font-size:12px;color:#f06292}.note{font-size:12px;color:#aaa;margin-top:8px}.btn-outline{background-color:transparent;color:#3b82f6;border:2px solid #3b82f6;padding:10px 14px;border-radius:4px;cursor:pointer;width:100%;font-weight:600;transition:background-color .2s,color .2s}.btn-outline:hover{background-color:#3b82f6;color:#fff}.details{background-color:#2a2a2a;border-radius:8px}.detail-item{margin-bottom:15px;padding:12px;border:1px solid #56595e;border-radius:6px}.label{font-size:14px;font-weight:700}.value{color:#ccc;font-size:13px}.address-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:5px;flex-wrap:wrap}.address{font-size:12px;word-break:break-word;flex:1}.copy-icon{width:20px;height:20px;cursor:pointer}.deposit-right{flex:1 1 35%;display:flex;align-items:center;justify-content:center}.deposit-right img{max-width:100%;height:auto;border-radius:8px}.help-icon{position:fixed;bottom:20px;right:20px;width:40px;cursor:pointer}@media (max-width: 768px){.deposit-main{flex-direction:column}.deposit-left,.deposit-right{flex:1 1 100%}.qr-placeholder{width:100%;height:180px;aspect-ratio:1/1}.btn{font-size:16px;padding:12px}.back-button,.deposit-header h2{font-size:20px}}.header-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1}.header-title-wrapper h2{margin:0;font-size:20px}.panel-toggle-btn{position:absolute;top:50%;right:0;transform:translateY(-50%);background-color:#3b82f6;color:#fff;border:none;height:56px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;padding:12px;box-shadow:0 4px 12px #0006;animation:pulse 2s infinite;transition:background-color .3s,transform .3s,box-shadow .3s}.panel-toggle-btn span{font-size:.8rem;font-weight:700;line-height:.5;margin-top:-2px;margin-left:8px}@media (max-width: 480px){.panel-toggle-btn{position:fixed;top:auto;bottom:70px;right:10px;transform:none;width:48px;height:48px;font-size:20px;padding:0;border-radius:50%}.panel-toggle-btn span{display:none}}.panel-toggle-btn:hover{color:#fff;background-color:#2563eb;transform:translateY(-50%) scale(1.05)}@keyframes pulse{0%{box-shadow:0 0 #3b82f699}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.sliding-panel{position:fixed;top:0;right:-400px;width:300px;height:100%;background-color:#2a2a2a;color:#fff;box-shadow:-2px 0 8px #00000080;padding:20px;transition:right .3s ease;z-index:999}.sliding-panel.open{right:0}.close-btn{position:absolute;top:10px;left:10px;background:none;border:none;font-size:22px;color:#ccc;cursor:pointer}.close-btn:hover{color:#fff}.panel-content{margin-top:40px}.fullscreen-panel{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1e1e1e;color:#fff;z-index:1000;display:flex;flex-direction:column;padding:16px}.panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #444;padding-bottom:10px}.fullscreen-panel .close-btn{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#ccc;cursor:pointer;padding:0;margin:0;line-height:1}.fullscreen-panel .close-btn:hover{color:#fff}.light-theme .deposit-container{background-color:#f9f9f9;color:#1a1a1a}.light-theme .deposit-main{background-color:#fff}.light-theme .select__wrapper select{background-color:#fff;color:#000;border:1px solid #ccc}.light-theme .back-button{color:#1a1a1a}.light-theme .min-deposit{color:#555}.light-theme .note{color:#666}.light-theme .details{background-color:#fff;border:1px solid #ddd}.light-theme .detail-item{border:1px solid #ccc;background-color:#fafafa}.light-theme .value{color:#444}.light-theme .panel-toggle-btn{background-color:#f1f1f1;color:#444}.light-theme .panel-toggle-btn:hover{color:#000}.light-theme .sliding-panel{background-color:#fff;color:#1a1a1a;box-shadow:-2px 0 6px #0000001a}.light-theme .close-btn{color:#666}.light-theme .close-btn:hover{color:#000}.light-theme .fullscreen-panel{background-color:#fff;color:#1a1a1a}.light-theme .panel-header{border-bottom:1px solid #ddd}.fullscreen-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center}.fullscreen-modal-content{width:100%;max-width:430px;height:100%;overflow-y:auto;display:flex;flex-direction:column;background-color:#fff;color:#333;padding:16px;box-sizing:border-box}.select__wrapper select{width:100%;background-color:#fff;color:#333;border:1px solid #ccc;padding:10px;border-radius:6px;font-size:16px;margin-top:8px}.select__wrapper label{display:block;margin-bottom:12px;font-weight:500;color:#555}.deposit-header{display:flex;align-items:center}.back-button{background:transparent;border:none;font-size:24px;color:#333;cursor:pointer;margin-right:15px;transition:color .2s}.back-button:hover{color:#007bff}.header-title-wrapper h2{margin:0;font-size:22px;font-weight:700;color:#222}.deposit-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}label{margin-bottom:10px;font-size:14px;color:#555}input[type=text],input[type=number],select,input[type=file]{padding:10px;background-color:#fff;border:1px solid #ccc;border-radius:6px;color:#333;font-size:14px}input[type=file]{padding:8px}input::placeholder{color:#aaa}.submit-button{margin-top:6px;padding:12px;background-color:#007bff;border:none;border-radius:6px;color:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:#0056b3}.form-message{color:red}.file-upload{display:flex;align-items:center;justify-content:center}.file-label{padding:10px 20px;background-color:#007bff;color:#fff;cursor:pointer;border-radius:4px;font-size:14px;display:inline-block;transition:background-color .3s ease}.file-label:hover{background-color:#0056b3}.file-input{display:none}.wrap-custom-file{position:relative;display:flex;flex-direction:column}.wrap-custom-file input[type=file]{display:none}.wrap-custom-file label{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:140px;background-color:#fafafa;border:2px dashed #ccc;border-radius:8px;cursor:pointer;color:#555;font-size:14px;text-align:center;padding:10px;transition:background-color .3s ease-in-out;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;position:relative}.upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;position:relative;width:100%;height:100%;background-color:#fff9;text-align:center}.upload-icon{width:40px;height:40px;margin-bottom:10px;opacity:.6}.wrap-custom-file label:hover{background-color:#f0f0f0}.wrap-custom-file label.file-ok{background-size:cover;background-position:center;color:#333;border:2px solid #007bff}.withdraw-page{background-color:#f9f9f9;min-height:100vh;padding:0 12px;font-family:Arial,sans-serif}.withdraw-title{font-size:1.8rem;font-weight:700;margin-bottom:20px;text-align:center;color:#222}.withdraw-card{background-color:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 24px #0000001a}.form-group label{display:block;font-weight:500;margin-bottom:6px;color:#555}.withdraw-input{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #ccc;background-color:#fff;color:#333;font-size:1rem}.withdraw-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f5f5f5}.withdraw-input::-webkit-outer-spin-button,.withdraw-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.withdraw-input[type=number]{-moz-appearance:textfield}.amount-wrapper{position:relative}.currency{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#007bff;font-weight:700}.divider{border:0;border-top:1px solid #e0e0e0;margin:15px 0}.info-row{display:flex;justify-content:space-between;padding:10px 0;font-size:.95rem;color:#444}.button-row{display:flex;justify-content:space-between;margin-top:20px}.cancel-button,.confirm-button{flex:1;padding:12px 0;font-size:1rem;border-radius:25px;cursor:pointer;border:none;margin:0 5px;transition:background-color .2s ease-in-out}.cancel-button{background-color:#e0e0e0;color:#333}.cancel-button:hover{background-color:#d5d5d5}.confirm-button{background-color:#007bff;color:#fff}.confirm-button:hover{background-color:#0056b3}.wallet-input-wrapper{position:relative}.edit-icon{position:absolute;right:12px;top:40%;transform:translateY(-50%);cursor:pointer;color:#007bff;font-size:1.2rem;-webkit-user-select:none;user-select:none}.card{justify-content:center;width:100%;padding:2rem 1rem;box-sizing:border-box}.card-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#fff;border-radius:25px;width:100%;max-width:1200px;padding:2rem;box-sizing:border-box;flex-wrap:nowrap;gap:2rem;box-shadow:0 4px 12px #00000014}.card-left{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:200px}.card-left h1{font-family:var(--font-family);font-size:3rem;font-weight:700;color:#222;margin:0 0 1rem}.load-more-button{padding:10px 24px;background-color:#007bff;color:#fff;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background .3s}.load-more-button:hover{background-color:#0056b3}.card-right{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center}.card-right img{width:140px;height:auto;max-width:100%}@media screen and (max-width: 500px){.card-left h1{font-size:2rem}.card-left{min-width:150px}.load-more-button{font-size:14px;padding:8px 16px}.card-right img{margin-left:-28px}}.options{background-color:#f5f5f5;margin:16px;padding:2rem;border-radius:25px;max-width:1200px;gap:1rem;box-shadow:0 2px 8px #0000000d}.card-sections{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:nowrap;overflow-x:auto;margin-bottom:32px}.card-section{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.card-section img{width:30px;height:30px;filter:none;margin-bottom:.5rem}.card-section h4{font-family:var(--font-family);color:#333;font-size:12px;font-weight:600;margin:0}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{margin:0;padding:0;background:linear-gradient(140deg,#e4f3f7,#cee2f0);font-family:Segoe UI,sans-serif}.container{max-width:400px;margin:40px auto;background:#fff;border-radius:26px;box-shadow:0 0 25px #0000000f;padding:0 0 28px}.level-card{background:linear-gradient(120deg,#ffe3cd,#f3ebe8);border-radius:22px;box-shadow:0 6px 16px #e9a47917;margin:0 18px;padding:22px 24px 28px;text-align:left;position:relative;top:-32px}.level-card h2{margin:0;font-size:1.5em;font-weight:650;color:#ffad61}.points-bar{margin:18px 0 7px;display:flex;align-items:center}.points-bar span{color:#8b7355;font-size:1.06em;font-weight:500;margin-right:12px}.progress-bar-bg{flex:1;height:10px;background:#e7eaf1;border-radius:7px;overflow:hidden;margin-right:12px}.progress-bar{height:100%;width:100%;background:linear-gradient(to right,#31cfff,#79ebc8,#f5c7ad)}.upgrade-btn{padding:7px 32px;background:none;border:2px solid #ffad61;color:#ffad61;border-radius:20px;font-weight:600;font-size:1em;position:absolute;right:40px;top:30px;cursor:pointer;transition:background .18s,color .18s}.upgrade-btn:hover{background:#ffad61;color:#fff}.section-menu{margin:32px 18px 12px;display:flex;justify-content:space-between}.section-menu-item{text-align:center;flex:1}.section-menu-item:not(:last-child){margin-right:8px}.section-menu-item img{width:38px;height:38px;margin-bottom:4px}.section-menu-item span{display:block;margin-top:6px;color:#353945;font-size:1.05em}.level-box{background:#fbfaf6;border-radius:16px;margin:22px 18px 0;padding:20px;font-size:1.13em;font-weight:530;color:#252425;box-shadow:0 4px 12px #cfa38f12}.price-tag{color:#00c292;font-weight:670;float:right}.price-info{font-size:.96em;color:#8a8888;margin-top:6px}