body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-tab{margin:0 auto;max-width:100%;padding:20px}.welcome-section{margin-bottom:24px}.welcome-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 32px #667eea4d;color:#fff;display:flex;gap:16px;padding:20px}.user-avatar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ffffff4d;font-size:24px;font-weight:700;height:60px;width:60px}.welcome-text h2{font-size:20px;font-weight:600;margin:0 0 4px}.welcome-text p{font-size:14px;margin:0;opacity:.9}.balance-card{border-radius:20px;color:#fff;margin-bottom:24px;overflow:hidden;position:relative}.balance-card:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.balance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.balance-header h3{font-size:16px;font-weight:500;margin:0;opacity:.9}.balance-icon{font-size:24px}.balance-amount{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;margin-bottom:4px}.balance-label{font-size:14px;margin-bottom:20px;opacity:.7}.action-btn{border-radius:12px;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px}.action-btn.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.action-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.stat-card{border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:20px}.stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.stat-icon{font-size:24px;margin-bottom:12px}.stat-content h4{color:#64748b;font-size:14px;font-weight:500;margin:0 0 8px}.stat-value{color:#1e293b;font-size:20px;font-weight:700;margin-bottom:4px}.stat-change{font-size:12px;font-weight:600}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.quick-actions{margin-bottom:24px}.quick-actions h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px}.actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.quick-action-btn{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 2px 10px #0000000d;flex-direction:column;gap:8px;padding:20px}.quick-action-btn:hover{border-color:var(--action-color);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.action-icon{align-items:center;background:var(--action-color);border-radius:12px;color:#fff;display:flex;font-size:24px;font-size:20px;height:48px;justify-content:center;width:48px}.quick-action-btn span{color:#374151;font-size:14px;font-weight:600}.recent-activity h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px}.activity-list{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.activity-item{border-bottom:1px solid #f1f5f9;padding:16px 20px;transition:background-color .2s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background-color:#f8fafc}.activity-icon{align-items:center;border-radius:10px;display:flex;font-size:16px;height:40px;justify-content:center;margin-right:16px;width:40px}.activity-icon.buy{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.activity-icon.sell{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.activity-icon.transfer{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.activity-title{font-weight:600;margin-bottom:2px}.activity-desc{color:#64748b;font-size:14px}.activity-time{color:#94a3b8;font-size:12px;white-space:nowrap}@media (max-width:768px){.home-tab{padding:16px}.stats-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.actions-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.balance-amount{font-size:28px}.welcome-header{padding:16px}.user-avatar{font-size:20px;height:50px;width:50px}}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;min-width:300px;opacity:0;padding:16px;position:fixed;right:20px;top:20px;transform:translateX(100%);transition:all .3s ease;z-index:9999}.toast-show{opacity:1;transform:translateX(0)}.toast-content{align-items:center;display:flex;gap:12px}.toast-icon{flex-shrink:0;font-size:20px}.toast-message{flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:24px;justify-content:center;padding:0;transition:background-color .2s ease;width:24px}.toast-close:hover{background-color:#fff3}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}@media (max-width:768px){.toast{left:10px;max-width:none;min-width:auto;right:10px;top:10px}}.session-tab{margin:0 auto;max-width:100%;padding:20px 20px 100px}.session-header{margin-bottom:24px}.session-title{align-items:center;display:flex;gap:12px;margin-bottom:16px}.session-icon{font-size:24px}.session-header h2{color:#1e293b;font-size:24px;font-weight:700;margin:0}.countdown-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 25px #667eea4d;color:#fff;margin-bottom:24px;padding:24px}.countdown-header{margin-bottom:20px;text-align:center}.countdown-header h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 8px}.session-time{color:#ffffffe6;font-size:14px;font-weight:500;margin:0}.countdown-timer{align-items:center;display:flex;gap:16px;justify-content:center}.countdown-item{align-items:center;display:flex;flex-direction:column;min-width:60px}.countdown-value{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:24px;font-weight:700;min-width:44px;padding:12px 8px;text-align:center}.countdown-label{color:#fffc;font-size:12px;font-weight:500;letter-spacing:.5px;margin-top:6px;text-transform:uppercase}.countdown-separator{color:#fff9;font-size:24px;font-weight:700;margin-top:-20px}@media (max-width:768px){.countdown-timer{gap:12px}.countdown-item{min-width:50px}.countdown-value{font-size:20px;min-width:38px;padding:10px 6px}.countdown-separator{font-size:20px;margin-top:-16px}.countdown-label{font-size:10px}}@media (max-width:480px){.countdown-timer{gap:8px}.countdown-item{min-width:40px}.countdown-value{font-size:18px;min-width:32px;padding:8px 4px}.countdown-separator{font-size:18px;margin-top:-14px}}.session-started{padding:20px 0;text-align:center}.session-started-message h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 12px}.session-started-message p{color:#ffffffe6;font-size:14px;margin:0 0 20px}.join-session-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;font-size:16px;padding:12px 24px}.join-session-btn:hover:not(:disabled){box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.join-session-btn:disabled{background:#9ca3af;box-shadow:none;transform:none}.join-prompt,.waiting-prompt{margin:24px 0}.join-prompt-card,.waiting-prompt-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:24px;text-align:center}.join-prompt-card h3,.waiting-prompt-card h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 12px}.join-prompt-card p,.waiting-prompt-card p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.join-prompt-card{border-left:4px solid #10b981}.waiting-prompt-card{border-left:4px solid #f59e0b}.session-error{padding:20px 0;text-align:center}.session-error p{background:#ef444433;border:1px solid #ef44444d;border-radius:8px;color:#ffffffe6;font-size:14px;margin:0;padding:12px}.session-info{align-items:flex-start;gap:16px;justify-content:flex-start;margin-bottom:20px}.date-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.session-details{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.join-session-btn,.session-label{color:#fff;font-size:14px}.join-session-btn{align-self:flex-start;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease;width:fit-content}.join-session-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.session-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter-btn{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.filter-btn:hover{border-color:#3b82f6;color:#3b82f6}.filter-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.products-section{margin-bottom:24px}.products-title{color:#fff;font-size:30px;font-weight:700;margin-bottom:16px;text-align:left}.products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-card{border-radius:16px;box-shadow:0 4px 20px #00000026;color:#fff;overflow:hidden;padding:20px;position:relative;text-align:left;transition:all .3s ease}.product-card:hover{box-shadow:0 8px 30px #00000040;transform:translateY(-4px)}.product-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.product-header{margin-bottom:16px;position:relative;z-index:1}.product-id{background:#0003;border-radius:6px;font-size:12px;font-weight:500;opacity:.9;padding:4px 8px}.product-details{margin-bottom:20px;position:relative;z-index:1}.product-name{font-size:18px;font-weight:600;margin-bottom:8px}.product-owner{font-size:14px;margin-bottom:8px;opacity:.9}.product-price{font-size:16px;font-weight:600;opacity:.95}.product-actions{position:relative;z-index:1}.buy-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-right:8px;padding:10px 20px;transition:all .3s ease;width:fit-content}.buy-button:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.buy-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.add-to-cart-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f59e0b33;border:2px solid #f59e0b4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;width:fit-content}.add-to-cart-button:hover{background:#f59e0b4d;border-color:#f59e0b80;transform:translateY(-1px)}.no-products{color:#64748b;font-size:16px;padding:60px 20px;text-align:center}@media (max-width:768px){.session-tab{padding:16px 16px 100px}.session-info{align-items:flex-start;flex-direction:column;gap:12px}.session-card{min-width:250px;padding:15px}.session-content{gap:5px;text-align:center}.session-action,.session-date,.session-fee{flex:none;text-align:center}.products-grid{gap:12px;grid-template-columns:1fr}.product-card{padding:16px}.session-filters{gap:6px}.filter-btn{font-size:13px;padding:6px 12px}.modal-content.large{margin:10px;max-width:95vw}.nft-card{min-width:180px}}@media (max-width:480px){.session-header h2{font-size:20px}.products-title{font-size:18px}.product-name{font-size:16px}.product-price{font-size:14px}}.registration-message{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 16px}.registration-message.success{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.registration-message.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.registration-info{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:8px;margin-bottom:20px;padding:16px}.registration-info p{color:#374151;font-size:14px;margin:0 0 8px}.registration-info p:last-child{margin-bottom:0}.registered-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px}.registration-required{align-items:center;display:flex;justify-content:center;min-height:300px}.registration-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:400px;padding:32px;text-align:center;width:100%}.registration-card h3{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 16px}.registration-card p{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 12px}.registration-card p:last-child{color:#1e293b;font-weight:600;margin-bottom:0}.join-session-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.join-session-btn:disabled:hover{box-shadow:none!important;transform:none!important}.session-status{background:#0000000d;border-radius:6px;display:inline-block;font-size:12px;font-weight:600;margin-left:8px;padding:4px 8px}.sessions-section{margin-bottom:40px}.section-title{color:#fff;font-size:20px;margin-bottom:20px;text-shadow:0 2px 4px #0000004d}.sessions-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.sessions-scroll::-webkit-scrollbar{height:6px}.sessions-scroll::-webkit-scrollbar-track{background:#0000}.sessions-scroll::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sessions-row{display:flex;gap:20px;min-width:max-content;padding:10px 0}.session-card{background:#fffffff2;border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000001a;flex-shrink:0;min-width:280px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.session-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.session-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.session-card.registered{background:linear-gradient(135deg,#fffffffa,#10b9810d);border-left:4px solid #10b981}.session-card.registered:before{background:linear-gradient(90deg,#10b981,#059669)}.session-content{align-items:center;display:flex;justify-content:space-between}.session-date{flex:1 1}.session-fee{flex:1 1;text-align:center}.session-action{flex:1 1;text-align:right}.session-date .date-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.fee-text{color:#333;font-size:18px;font-weight:600}.register-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:10px 20px;transition:all .3s ease}.register-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.register-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.action-buttons{align-items:center;gap:8px}.nft-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;min-width:80px;padding:8px 16px;transition:all .3s ease}.nft-btn:hover{box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.no-sessions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px}.no-sessions p{color:#fff;font-size:16px;margin:0}.modal-overlay{background:#000000b3}.modal-content{border-radius:15px;box-shadow:0 20px 60px #0000004d}.modal-content.large{max-height:90vh;max-width:90vw}.modal-header{padding:20px}.close-btn{border-radius:50%;height:30px;transition:background-color .3s ease;width:30px}.close-btn:hover{background-color:#f3f4f6}.modal-body{max-height:calc(80vh - 140px);padding:20px}.modal-footer{gap:10px;padding:20px}.btn-secondary{border-radius:8px;font-weight:600;transition:background-color .3s ease}.btn-secondary:hover{background:#4b5563}.nfts-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;scrollbar-color:#0003 #0000;scrollbar-width:thin}.nfts-scroll::-webkit-scrollbar{height:6px}.nfts-scroll::-webkit-scrollbar-track{background:#0000}.nfts-scroll::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.nfts-row{display:flex;gap:15px;min-width:max-content;padding:10px 0}.nft-card{border-radius:12px;flex-shrink:0;min-width:200px;padding:15px;transition:transform .3s ease,box-shadow .3s ease}.nft-card:hover{transform:translateY(-5px)}.nft-header{margin-bottom:12px;position:relative;z-index:1}.nft-id{background:#0003;border-radius:6px;padding:4px 8px}.nft-details{margin-bottom:15px}.nft-name{font-size:16px;margin-bottom:6px}.nft-owner{font-size:12px;margin-bottom:6px;opacity:.9}.buy-nft-btn{background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-bottom:8px;padding:8px 16px;transition:all .3s ease;width:100%}.buy-nft-btn:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.buy-nft-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.add-to-cart-btn{background:#f59e0b33;border:2px solid #f59e0b4d;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease;width:100%}.add-to-cart-btn:hover{background:#f59e0b4d;border-color:#f59e0b80;transform:translateY(-1px)}.no-nfts{color:#6b7280;padding:40px 20px;text-align:center}.no-nfts p{font-size:16px;margin:0}.cart-button-container{display:flex;justify-content:center;margin-bottom:20px}.cart-button{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:25px;box-shadow:0 4px 15px #f59e0b4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.cart-button:hover{box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.cart-items{display:flex;flex-direction:column;gap:12px}.cart-item{align-items:center;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:16px;position:relative}.cart-item:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.cart-item-details{flex:1 1;position:relative;z-index:1}.cart-item-name{font-size:16px;font-weight:600;margin-bottom:4px}.cart-item-owner{font-size:12px;margin-bottom:4px;opacity:.9}.cart-item-price{font-size:14px;font-weight:600;opacity:.95}.cart-item-actions{position:relative;z-index:1}.remove-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.remove-btn:hover{background:#ffffff4d;transform:scale(1.1)}.cart-total{color:#1e293b;font-size:18px;font-weight:600}.cart-actions{display:flex;gap:12px}.checkout-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.checkout-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.checkout-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.empty-cart{color:#6b7280;padding:40px 20px;text-align:center}.empty-cart p{font-size:16px;margin:0}.registration-details{background:#10b9810d;border:1px solid #10b9811a;border-radius:8px;color:#fff;margin-bottom:20px;padding:16px}.registration-details p{color:#374151;font-size:14px;margin:0 0 8px}.registration-details p:last-child{margin-bottom:0}.session-closed-message{background:#ef44440d;border:1px solid #ef44441a;border-radius:8px;margin-bottom:20px;padding:16px}.session-closed-message p{color:#ef4444;font-size:14px;font-weight:500;margin:0}.session-closed{align-items:center;display:flex;justify-content:center;min-height:300px}.session-closed-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:400px;padding:32px;text-align:center;width:100%}.session-closed-card h3{color:#ef4444;font-size:20px;font-weight:600;margin:0 0 16px}.session-closed-card p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.listed-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:16px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.nft-tab{margin:0 auto;max-width:100%;padding:20px 20px 100px}.nft-header{margin-bottom:24px}.nft-title{align-items:center;display:flex;gap:12px;margin-bottom:16px}.nft-icon{font-size:24px}.nft-header h2{color:#fff;font-size:24px;font-weight:700;margin:0}.my-nfts-section{margin-bottom:10px}.nfts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.nft-card{border-radius:16px;box-shadow:0 4px 20px #00000026;color:#fff;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.nft-card *{color:#fff!important;text-align:left!important}.nft-card:hover{box-shadow:0 8px 30px #00000040;transform:translateY(-4px)}.nft-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.nft-header-card{position:relative;z-index:1}.nft-name{font-size:18px;font-weight:600;opacity:.95}.nft-details{margin-bottom:10px;position:relative;z-index:1}.nft-id{font-weight:500;opacity:.9}.nft-seller{font-size:14px;opacity:.9}.nft-price{color:#fbbf24;font-size:14px;opacity:.95}.payment-status{border-radius:4px;font-size:12px;font-weight:600;margin-top:4px;padding:4px 8px;text-align:center}.payment-status.pending{background:#f59e0b33;border:1px solid #f59e0b4d;color:#f59e0b}.nft-actions{position:relative;z-index:1}.nft-action-buttons{display:flex;gap:8px}.pay-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;width:fit-content}.pay-button:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.pay-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.sell-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef444433;border:2px solid #ef44444d;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease;width:fit-content}.sell-button:hover:not(:disabled){background:#ef44444d;border-color:#ef444480;transform:translateY(-1px)}.sell-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.open-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10b98133;border:2px solid #10b9814d;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease;width:fit-content}.open-button:hover:not(:disabled){background:#10b9814d;border-color:#10b98180;transform:translateY(-1px)}.open-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.total-spending{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:24px;padding:16px;text-align:center}.total-spending span{color:#fff;font-size:16px;font-weight:600}.nft-history-section{margin-bottom:24px}.history-title{color:#fff;font-size:20px;font-weight:600;margin-bottom:16px}.history-list{gap:8px}.history-item,.history-list{display:flex;flex-direction:column}.history-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;gap:4px;padding:12px 16px}.history-time{color:#94a3b8;font-size:12px;font-weight:500}.history-action{color:#fff;font-size:14px;font-weight:500}.history-price{color:#10b981;font-size:14px;font-weight:600}.history-status{align-self:flex-start;border-radius:4px;font-size:12px;font-weight:500;padding:2px 8px}.status-pending{background:#f59e0b33;border:1px solid #f59e0b4d;color:#f59e0b}.status-completed{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.error-message{color:#ef4444;font-size:16px}.retry-button{background:linear-gradient(135deg,#3b82f6,#2563eb);font-size:14px;transition:all .3s ease}.retry-button:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.no-history,.no-nfts{color:#64748b;font-size:16px;padding:60px 20px;text-align:center}@media (max-width:768px){.nft-tab{padding:16px 16px 100px}.nfts-grid{gap:12px;grid-template-columns:1fr}.nft-card{padding:16px}.history-item{padding:10px 12px}}@media (max-width:480px){.nft-header h2{font-size:20px}.history-title{font-size:18px}.nft-name{font-size:16px}.pay-button{font-size:13px;padding:8px 16px}}.modal-content{padding:0}.modal-header h3{color:#1f2937}.close-btn{height:24px;width:24px}.sell-confirmation{text-align:center}.nft-info{margin-bottom:24px}.nft-info h4{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 8px}.nft-info p{color:#6b7280;font-size:14px;margin:0}.fee-details{background:#f9fafb;border-radius:8px;margin-bottom:20px;padding:16px}.fee-row{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 0}.fee-row:last-child{border-bottom:none}.fee-row.total{border-top:2px solid #d1fae5;color:#059669;font-size:16px;font-weight:600;margin-top:8px;padding-top:12px}.fee-row.final-price{background:#f3f4f6;border-radius:6px;border-top:2px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:700;margin-top:12px;padding:12px 8px}.warning-message{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-top:16px;padding:12px}.warning-message p{color:#92400e;font-size:14px;font-weight:500;margin:0}.btn-primary{background:#10b981;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-primary:hover:not(:disabled){background:#059669}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-secondary:disabled{background:#9ca3af;cursor:not-allowed}.deposit-modal-overlay{align-items:center;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.deposit-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;inset:0;position:fixed}.deposit-modal-container{max-width:400px;position:relative;width:100%;z-index:10}.deposit-modal-panel{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;transform:translateZ(0)}.deposit-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px 16px}.deposit-modal-title{color:#1e293b;font-size:18px;font-weight:700;margin:0}.deposit-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.deposit-modal-close:hover:not(:disabled){background:#f1f5f9;color:#475569}.deposit-modal-close:disabled{color:#cbd5e1;cursor:not-allowed}.deposit-modal-content{padding:24px}.error-message{background:#fee2e2;font-weight:500;text-align:center}.address-section,.error-message{margin-bottom:16px}.address-display{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;position:relative}.address-text{color:#475569;flex:1 1;font-family:Courier New,monospace;font-size:14px;font-weight:500;margin-right:12px}.copy-button{align-items:center;background:#14b8a6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;padding:6px 8px;position:relative;transition:all .2s ease}.copy-button:hover:not(:disabled){background:#0d9488;transform:translateY(-1px)}.copy-button:disabled{background:#cbd5e1;cursor:not-allowed;transform:none}.copy-button.copied{background:#059669}.copy-tooltip{animation:fadeIn .2s ease;background:#1e293b;border-radius:4px;color:#fff;font-size:12px;left:50%;padding:4px 8px;position:absolute;top:-30px;transform:translateX(-50%);white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.exchange-rate{margin-bottom:20px}.rate-display{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center}.refresh-button{background:none;border-radius:4px;color:#14b8a6;justify-content:center;padding:4px}.refresh-button:hover:not(:disabled){background:#f0fdfa;color:#0d9488}.refresh-button.loading{animation:spin 1s linear infinite}.refresh-button:disabled{color:#cbd5e1}.price-loading{color:#14b8a6;font-size:12px;font-weight:500;margin-top:4px;text-align:center}.input-section{margin-bottom:16px}.smp-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#1e293b;font-size:16px;font-weight:500;padding:16px;transition:all .2s ease;width:100%}.smp-input:focus{background:#fff;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a;outline:none}.smp-input:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.smp-input::placeholder{color:#94a3b8}.calculated-amount{background:#f0fdfa;border:1px solid #ccfbf1;border-radius:12px;margin-bottom:24px;padding:16px}.amount-display{align-items:center;display:flex;flex-direction:column;gap:4px}.amount-display span:first-child{color:#1e293b;font-size:18px;font-weight:700}.amount-note{color:#64748b;font-size:14px;font-weight:500}.action-buttons{flex-direction:column}.cancel-button,.submit-button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;padding:16px;text-transform:none;transition:all .2s ease;width:100%}.submit-button{background:linear-gradient(135deg,#14b8a6,#0d9488);box-shadow:0 4px 12px #14b8a64d;color:#fff}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 6px 20px #14b8a666;transform:translateY(-2px)}.submit-button:disabled{background:#cbd5e1;box-shadow:none;color:#64748b;cursor:not-allowed;transform:none}.cancel-button{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.cancel-button:hover:not(:disabled){background:#e2e8f0;color:#334155;transform:translateY(-1px)}.cancel-button:disabled{background:#f1f5f9;color:#cbd5e1;cursor:not-allowed;transform:none}@media (max-width:480px){.deposit-modal-container{margin:0 16px;max-width:100%}.deposit-modal-panel{border-radius:12px}.deposit-modal-header{padding:16px 20px 12px}.deposit-modal-content{padding:20px}.deposit-modal-title{font-size:16px}.cancel-button,.smp-input,.submit-button{font-size:15px;padding:14px}.amount-display span:first-child{font-size:16px}.amount-note{font-size:13px}}.wallet-tab{color:#fff;margin:0 auto;max-width:1200px;padding:20px}.main-balance-section{margin-bottom:24px}.main-balance-section h2{color:#f8fafc;font-size:24px;font-weight:700;margin-bottom:16px}.balance-card{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:24px}.balance-card h3{color:#cbd5e1;font-size:18px;font-weight:600;margin-bottom:12px}.balance-amount{color:#14b8a6;font-size:32px;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px #14b8a64d}.balance-actions{display:flex;flex-wrap:wrap;gap:12px}.balance-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;min-width:80px;padding:12px 24px;transition:all .2s ease}.balance-btn.primary{background:linear-gradient(135deg,#14b8a6,#0d9488);box-shadow:0 4px 12px #14b8a64d;color:#fff}.balance-btn.primary:hover{box-shadow:0 6px 20px #14b8a666;transform:translateY(-2px)}.balance-btn.secondary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.balance-btn.secondary:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.balance-btn.tertiary{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.balance-btn.tertiary:hover{box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.commission-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.commission-card{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:12px;box-shadow:0 4px 16px #0003;padding:20px}.commission-card h3{color:#cbd5e1;font-size:16px;font-weight:600;margin-bottom:12px}.commission-amount{color:#14b8a6;font-size:24px;font-weight:700;margin-bottom:16px}.commission-btn{background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px;transition:all .2s ease;width:100%}.commission-btn:hover{box-shadow:0 4px 12px #14b8a64d;transform:translateY(-1px)}.transaction-history{margin-bottom:24px}.transaction-history h3{color:#f8fafc;font-size:20px;font-weight:700;margin-bottom:16px}.transaction-table{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:12px;box-shadow:0 4px 16px #0003}.transaction-table-content{background:#0000;border-collapse:collapse;table-layout:fixed;width:100%}.transaction-table-content td,.transaction-table-content th{text-align:left;white-space:normal;word-break:normal}.transaction-table-content th:first-child{width:100px}.transaction-table-content th:nth-child(2){width:120px}.transaction-table-content th:nth-child(3){width:220px}.transaction-table-content th:nth-child(4){width:140px}.transaction-table-content th:nth-child(5){width:100px}.transaction-table-content thead{position:sticky;top:0;z-index:10}.transaction-table-content th{background:linear-gradient(135deg,#1e40af,#3b82f6);border-bottom:2px solid #60a5fa;color:#fff;cursor:default;font-size:14px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:20px 16px;position:relative;text-align:left;text-shadow:0 1px 2px #0000004d;text-transform:uppercase;transition:all .3s ease}.transaction-table-content th:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#14b8a6,#06b6d4,#3b82f6,#8b5cf6);content:"";height:2px;left:0;position:absolute;right:0;top:0}.transaction-table-content th:hover{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fbbf24;text-shadow:0 2px 4px #0006;transform:translateY(-1px)}@keyframes shimmer{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.transaction-table-content td{word-wrap:break-word;border-bottom:1px solid #475569;overflow-wrap:break-word;padding:16px;text-align:left;transition:background-color .2s ease;vertical-align:middle}.transaction-table-content tbody tr:hover{background:#4755691a}.transaction-table-content tbody tr:last-child td{border-bottom:none}.transaction-row:hover{background:#4755691a}.transaction-row:last-child{border-bottom:none}.transaction-amount,.transaction-description,.transaction-status,.transaction-time,.transaction-type{color:#e2e8f0;font-size:14px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.transaction-amount.incoming{color:#10b981;font-weight:600}.transaction-amount.outgoing{color:#ef4444;font-weight:600}.transaction-description{color:#94a3b8;font-size:13px}.status-badge,.type-badge{border-radius:8px;display:inline-block;font-size:12px;font-weight:600;margin:0;min-width:60px;padding:6px 12px;text-align:center;white-space:nowrap}.transaction-cards{display:none;gap:12px}.transaction-card{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:12px;box-shadow:0 4px 16px #0003;padding:16px;transition:transform .2s ease}.transaction-card:hover{transform:translateY(-2px)}.transaction-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.transaction-card-type{align-items:center;display:flex;gap:8px}.transaction-card-amount{font-size:18px;font-weight:700}.transaction-card-amount.incoming{color:#10b981}.transaction-card-amount.outgoing{color:#ef4444}.transaction-card-description{color:#94a3b8;font-size:14px;line-height:1.4;margin-bottom:8px}.transaction-card-footer{align-items:center;color:#64748b;display:flex;font-size:12px;justify-content:space-between}.empty-state,.transaction-card-time{color:#94a3b8}.empty-state{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:12px;padding:40px 20px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state p{font-size:16px;font-weight:500}.request-history h3{color:#f8fafc;font-size:20px;font-weight:700;margin-bottom:16px}.request-table{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:12px;box-shadow:0 4px 16px #0003}.request-table-content{background:#0000;border-collapse:collapse;table-layout:fixed;width:100%}.request-table-content td,.request-table-content th{text-align:left;white-space:normal}.request-address,.transaction-description{word-break:break-all}.request-table-content th:first-child{width:100px}.request-table-content th:nth-child(2){width:120px}.request-table-content th:nth-child(3){width:100px}.request-table-content th:nth-child(4){width:180px}.request-table-content th:nth-child(5){width:140px}.request-table-content th:nth-child(6){width:100px}.request-list{max-height:400px;overflow-y:auto}.request-row{grid-gap:16px;border-bottom:1px solid #475569;display:grid;gap:16px;grid-template-columns:80px 1fr 1fr 1fr 1fr 80px;padding:16px 20px;transition:background-color .2s ease}.request-row:hover{background:#4755691a}.request-row:last-child{border-bottom:none}.request-address,.request-smp,.request-status,.request-time,.request-type,.request-usdt{color:#e2e8f0;font-size:14px;overflow:hidden}.request-address{font-family:Courier New,monospace;font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-time{color:#94a3b8;font-size:12px}.loading-state{color:#94a3b8;padding:40px 20px;text-align:center}.loading-spinner{border:3px solid #475569;border-top-color:#14b8a6;height:32px;margin:0 auto 16px;width:32px}.loading-state p{font-size:16px;font-weight:500}@media (max-width:1024px){.table-header,.transaction-row{gap:12px;grid-template-columns:100px 100px 1fr 120px 80px;padding:14px 16px}.table-header{font-size:13px;padding:18px 20px}.table-header span{text-align:left}}@media (max-width:768px){.wallet-tab{padding:16px}.balance-actions{flex-direction:column}.commission-sections{grid-template-columns:1fr}.transaction-table{display:none}.transaction-cards{display:flex;flex-direction:column}.request-row,.table-header{font-size:12px;gap:8px;grid-template-columns:60px 1fr 1fr 1fr 1fr 60px;padding:12px 16px}.request-address,.request-smp,.request-status,.request-time,.request-type,.request-usdt{font-size:12px}.status-badge,.type-badge{font-size:11px;min-width:50px;padding:4px 8px}.request-address,.request-time{font-size:10px}}@media (max-width:480px){.wallet-tab{padding:12px}.balance-card{padding:20px}.balance-amount{font-size:28px}.transaction-card{padding:14px}.transaction-card-header{align-items:flex-start;flex-direction:column;gap:8px}.transaction-card-amount{font-size:16px}.transaction-card-description{font-size:13px}.request-row,.table-header{gap:4px;grid-template-columns:50px 1fr 1fr 1fr 1fr 50px;padding:8px 12px}.request-address,.request-smp,.request-status,.request-time,.request-type,.request-usdt{font-size:11px}.status-badge,.type-badge{font-size:10px;min-width:40px;padding:2px 6px}.request-address,.request-time{font-size:9px}}@media (max-width:360px){.wallet-tab{padding:8px}.balance-card{padding:16px}.balance-amount{font-size:24px}.transaction-card{padding:12px}.transaction-card-amount{font-size:14px}.transaction-card-description{font-size:12px}}.request-table-content th:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#14b8a6,#06b6d4,#3b82f6,#8b5cf6);content:"";height:2px;left:0;position:absolute;right:0;top:0}.request-table-content th:hover{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fbbf24;text-shadow:0 2px 4px #0006;transform:translateY(-1px)}.request-table-content td{word-wrap:break-word;border-bottom:1px solid #475569;overflow-wrap:break-word;padding:16px;text-align:left;transition:background-color .2s ease;vertical-align:middle}.request-table-content tbody tr:hover{background:#4755691a}.request-table-content tbody tr:last-child td{border-bottom:none}.table-scroll{max-height:400px;overflow-y:auto;width:100%}.request-table,.transaction-table{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:12px;box-shadow:0 4px 16px #0003}.request-smp,.request-usdt,.transaction-amount{min-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-smp,.request-time,.request-usdt,.transaction-amount{min-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.referral-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;scroll-behavior:smooth;top:0;z-index:1000}.referral-modal{background:linear-gradient(135deg,#1e3c72,#2a5298);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.referral-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.referral-modal-title{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.referral-icon{font-size:20px}.referral-modal-close{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;padding:4px;transition:background-color .2s}.referral-modal-close:hover{background:#ffffff1a}.referral-modal-content{flex:1 1;overflow-y:auto;padding:20px 24px;position:relative;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.scroll-indicator{animation:bounce 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:20px;bottom:10px;color:#fff;font-size:14px;left:50%;padding:8px 12px;position:absolute;transform:translateX(-50%);z-index:10}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-5px)}60%{transform:translateX(-50%) translateY(-3px)}}.referral-modal-content::-webkit-scrollbar{width:6px}.referral-modal-content::-webkit-scrollbar-track{background:#0000}.referral-modal-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.referral-modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.referral-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;box-shadow:0 0 20px #fff3}.referral-error{color:#fff;padding:40px 20px;text-align:center}.referral-error p{color:#ff6b6b;margin-bottom:16px}.retry-button{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:transform .2s}.retry-button:hover{transform:translateY(-2px)}.referral-empty{color:#fff;opacity:.7;padding:40px 20px;text-align:center}.referral-list{display:flex;flex-direction:column;gap:12px;padding-bottom:8px}.referral-user-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;padding:16px;transition:transform .2s,box-shadow .2s}.referral-user-card:hover{background:#ffffff26;box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.referral-user-card:last-child{margin-bottom:0}.referral-user-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.referral-user-info{flex:1 1}.referral-user-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.referral-user-username{color:#ffffffb3;font-size:14px}.referral-user-status{border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.referral-user-status.active{background:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.referral-user-status.inactive{background:#f4433633;border:1px solid #f443364d;color:#f44336}.referral-user-details{display:flex;flex-direction:column;gap:8px}.referral-user-detail{align-items:center;display:flex;font-size:14px;justify-content:space-between}.detail-label{color:#ffffffb3;font-weight:500}.detail-value{color:#fff;font-weight:600}.detail-value.balance{color:#4caf50}.detail-value.wallet{color:#fffc;font-family:Courier New,monospace;font-size:12px}.referral-modal-footer{align-items:center;background:#0000001a;border-top:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.referral-summary{color:#fffc;font-size:14px;font-weight:500}.referral-modal-close-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:transform .2s}.referral-modal-close-button:hover{transform:translateY(-2px)}@media (max-width:768px){.referral-modal{margin:10px;max-height:95vh;max-width:100%}.referral-modal-content,.referral-modal-header{padding:16px 20px}.referral-modal-footer{padding:12px 20px}.referral-user-header{flex-direction:column;gap:8px}.referral-user-status{align-self:flex-start}.referral-user-detail{align-items:flex-start;flex-direction:column;gap:4px}.detail-value{word-break:break-all}}.profile-tab{color:#fff;margin:0 auto;max-width:100%;min-height:100vh;padding:20px 20px 120px}.profile-section{background:#16213e;border:1px solid #00d4ff;border-radius:12px;margin-bottom:20px;overflow:hidden}.section-header{background:#00d4ff1a;border-bottom:1px solid #00d4ff;padding:16px 20px}.section-icon{font-size:20px;margin-right:12px}.section-title{color:#00d4ff;font-size:18px;font-weight:600;margin:0}.section-content{padding:20px}.form-group{margin-bottom:16px}.form-label{color:#fff;display:block;margin-bottom:8px}.form-input{background:#0f3460;border:1px solid #00d4ff;color:#fff}.form-input:focus{border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.form-input::placeholder{color:#888}.form-value{background:#0f3460;border:1px solid #00d4ff;border-radius:8px;color:#fff;font-size:14px;min-height:20px;padding:12px 16px}.save-button{background:#00d4ff;border:none;border-radius:8px;color:#1a1a2e;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px 20px;transition:all .3s ease;width:100%}.save-button:hover{background:#00b8e6;box-shadow:0 4px 12px #00d4ff4d;transform:translateY(-1px)}.save-button:active{transform:translateY(0)}.save-button:disabled{background:#666;box-shadow:none;cursor:not-allowed;transform:none}.message{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:12px;padding:12px 16px}.message.success{background:#10b9811a;border:1px solid #10b981;color:#10b981}.message.error{background:#ef44441a;border:1px solid #ef4444;color:#ef4444}.logout-button{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .3s ease;width:100%}.logout-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.logout-button:active{transform:translateY(0)}.logout-icon{font-size:18px}.info-item{align-items:center;border-bottom:1px solid #00d4ff33;display:flex;justify-content:space-between;padding:12px 0}.info-item:last-child{border-bottom:none}.info-label{color:#e0e0e0;font-size:14px;font-weight:500}.info-value{color:#fff;font-size:14px;font-weight:600}.referral-code{background:#ffffff1a;border:1px solid #4caf504d;border-radius:4px;color:#4caf50;font-family:Courier New,monospace;font-size:12px;padding:4px 8px}.show-referral-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;margin-top:16px;padding:12px 16px;transition:transform .2s,box-shadow .2s;width:100%}.show-referral-button:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.referral-button-icon{font-size:16px}.loading-dots{animation:loadingDots 1.5s infinite;color:#4caf50;display:inline-block}@keyframes loadingDots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}@media (max-width:768px){.profile-tab{padding:16px}.section-header{padding:14px 16px}.section-content{padding:16px}.form-input,.form-value{padding:10px 14px}.save-button{padding:12px 16px}.info-item{padding:10px 0}}@media (max-width:480px){.profile-tab{padding:12px}.section-header{padding:12px 14px}.section-content{padding:14px}.section-title{font-size:16px}.form-label,.info-label,.info-value{font-size:13px}}.smart-mall-app{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.bottom-nav-modern{background:#fff;border-radius:20px;bottom:20px;box-shadow:0 4px 20px #00000026;height:60px;justify-content:space-around;left:50%;max-width:400px;padding:0 20px;position:fixed;transform:translateX(-50%);width:90%;z-index:1000}.bottom-nav-modern,.nav-modern-item{align-items:center;display:flex;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-modern-item{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:none;border:none;border-radius:16px;cursor:pointer;flex-direction:column;height:50px;justify-content:center;min-width:50px;outline:none;padding:8px 12px;position:relative;-webkit-user-select:none;user-select:none}.nav-modern-item:hover{transform:translateY(-2px)}.nav-modern-item.active{transform:translateY(-3px)}.nav-modern-item svg{height:24px;margin-bottom:4px;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.nav-modern-item:hover svg{transform:scale(1.1)}.nav-modern-item.active svg{transform:scale(1.05)}.nav-modern-item span{color:#9ca3af;font-size:10px;font-weight:600;letter-spacing:.5px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-modern-item:hover span{color:#6b7280}.nav-modern-item.active span{color:#8b5cf6;font-weight:700}.nav-modern-item:active{transform:translateY(-1px) scale(.98);transition:all .1s ease}.nav-modern-item:active,.nav-modern-item:focus{border:none;box-shadow:none;outline:none}@media (max-width:480px){.bottom-nav-modern{bottom:15px;height:65px;width:95%}.nav-modern-item{height:55px;min-width:55px;padding:10px 14px}.nav-modern-item svg{height:26px;width:26px}.nav-modern-item span{font-size:11px}}@media (min-width:768px){.bottom-nav-modern{height:70px;max-width:500px;width:85%}.nav-modern-item{height:60px;min-width:60px;padding:12px 16px}.nav-modern-item svg{height:28px;width:28px}.nav-modern-item span{font-size:12px}}.smart-mall-app{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.smart-mall-app.dark{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}.smart-mall-app.modern-bg{background:linear-gradient(135deg,#232946,#1e293b 60%,#0f172a);background-attachment:fixed;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;position:relative}.smart-mall-app.modern-bg:before{background:radial-gradient(circle at 80% 10%,#3b82f61f 0,#0000 60%),radial-gradient(circle at 20% 90%,#22c55e1a 0,#0000 70%);content:"";inset:0;mix-blend-mode:lighten;pointer-events:none;position:fixed;z-index:0}.smart-mall-app.modern-bg .app-header,.smart-mall-app.modern-bg .app-main{position:relative;z-index:1}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea4d;color:#fff;padding:20px 0;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-left,.header-right{align-items:center;display:flex;flex:1 1}.header-right{justify-content:flex-end}.admin-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.admin-link:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.header-icon{cursor:pointer;height:32px;opacity:.8;transition:all .3s ease;width:32px}.header-icon:hover{opacity:1;transform:scale(1.1)}.header-center{flex:2 1;max-width:600px;text-align:center}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#fbbf24);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0000001a}.app-subtitle{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-bottom:8px;opacity:.9}.welcome-text{font-size:12px;line-height:1.4;margin:0;opacity:.8}.app-main{flex:1 1;overflow-y:auto;padding-bottom:80px}.bottom-nav{display:none!important}.main-content h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.main-content p{color:#94a3b8;margin-bottom:2rem}.wallet-settings{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #334155}@media (max-width:768px){.header-content{flex-direction:column;gap:16px;padding:0 16px}.header-left,.header-right{display:none}.header-center{flex:none;width:100%}.app-title{font-size:24px}.app-subtitle{font-size:12px}.welcome-text{font-size:11px}.nav-item{min-width:50px;padding:6px 8px}.nav-item span{font-size:9px}}@media (max-width:480px){.app-header{padding:16px 0}.app-title{font-size:20px}.bottom-nav{padding:6px 0}.nav-item{min-width:45px;padding:4px 6px}.nav-item svg{height:18px;width:18px}.nav-item span{font-size:8px}}.balance-card{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 10px #22c55e4d}to{box-shadow:0 0 20px #22c55e99}}.balance-card,.nav-item,.user-profile,.welcome-section{transition:all .3s ease}.app-main::-webkit-scrollbar{width:6px}.app-main::-webkit-scrollbar-track{background:#0f172a80}.app-main::-webkit-scrollbar-thumb{background:#22c55e;border-radius:3px}.app-main::-webkit-scrollbar-thumb:hover{background:#16a34a}.button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;justify-content:center;min-height:56px;overflow:hidden;position:relative;text-decoration:none;transition:all .2s ease-in-out}.button:focus{outline:2px solid #3b82f6;outline-offset:2px}.button--small{font-size:14px;min-height:44px;padding:12px 20px}.button--medium{font-size:16px;min-height:56px;padding:16px 24px}.button--large{font-size:18px;min-height:64px;padding:20px 32px}.button--primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 14px #667eea66;color:#fff}.button--primary:hover:not(.button--disabled){box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.button--secondary{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 14px #f093fb66;color:#fff}.button--secondary:hover:not(.button--disabled){box-shadow:0 6px 20px #f093fb99;transform:translateY(-2px)}.button--outline{background-color:initial;border:2px solid #3b82f6;box-shadow:0 2px 8px #3b82f633;color:#3b82f6}.button--outline:hover:not(.button--disabled){background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 14px #3b82f666;color:#fff;transform:translateY(-2px)}.button--disabled{cursor:not-allowed;opacity:.6}.button--disabled,.button--disabled:hover{box-shadow:none!important;transform:none!important}@media (max-width:768px){.button{font-size:16px;min-height:52px}.button--medium{min-height:52px;padding:14px 20px}.button--large{min-height:56px;padding:16px 28px}}.input-container{display:flex;flex-direction:column;gap:8px;width:100%}.input-label{font-size:14px;margin-bottom:4px;text-align:left}.input-required{color:#ef4444;margin-left:2px}.input-icon{align-items:center;display:flex;height:20px;justify-content:center;left:16px;pointer-events:none;top:50%;transform:translateY(-50%);width:20px}.input{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#374151;font-family:inherit;font-size:16px;min-height:56px;padding:16px;transition:all .2s ease-in-out;width:100%}.input--with-icon{padding-left:52px}.input:focus{background-color:#f8fafc;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input::placeholder{color:#9ca3af;opacity:1}.input--error,.input--error:focus{border-color:#ef4444}.input--error:focus{box-shadow:0 0 0 3px #ef44441a}.input-error{color:#ef4444;font-size:12px;font-weight:500;margin-top:4px;text-align:left}@media (max-width:768px){.input{font-size:16px;min-height:52px;padding:14px 16px}.input--with-icon{padding-left:48px}.input-icon{height:18px;left:14px;width:18px}}.form-input-container{display:flex;flex-direction:column;gap:8px;width:100%}.form-input-label{color:#374151;font-size:14px;font-weight:600;margin-bottom:4px;text-align:left}.form-input-required{color:#ef4444;margin-left:2px}.form-input-wrapper{align-items:center;display:flex;position:relative}.form-input-icon{align-items:center!important;color:#6b7280!important;display:flex!important;height:20px!important;justify-content:center!important;left:16px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:20px!important;z-index:1!important}.form-input{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#374151;font-family:inherit;font-size:16px;min-height:56px;padding:16px;transition:all .2s ease-in-out;width:100%}.form-input--with-icon{padding-left:52px!important}.form-input:focus{background-color:#f8fafc!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.form-input::placeholder{color:#9ca3af;opacity:1}.form-input--error{border-color:#ef4444}.form-input--error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important;outline:none!important}.form-input-error{color:#ef4444;font-size:12px;font-weight:500;margin-top:4px;text-align:left}@media (max-width:768px){.form-input{font-size:16px;min-height:52px;padding:14px 16px}.form-input--with-icon{padding-left:48px!important}.form-input-icon{height:18px!important;left:14px!important;width:18px!important}}.password-input-container{display:flex;flex-direction:column;gap:8px;width:100%}.password-input-label{color:#374151;font-size:14px;font-weight:600;margin-bottom:4px;text-align:left}.password-input-required{color:#ef4444;margin-left:2px}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-icon{align-items:center;color:#6b7280;display:flex;height:20px;justify-content:center;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:1}.password-input{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#374151;font-family:inherit;font-size:16px;min-height:56px;padding:16px;transition:all .2s ease-in-out;width:100%}.password-input--with-icon{padding-left:52px}.password-input:focus{background-color:#f8fafc;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.password-input::placeholder{color:#9ca3af;opacity:1}.password-input--error{border-color:#ef4444}.password-input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.password-input-error{color:#ef4444;font-size:12px;font-weight:500;margin-top:4px;text-align:left}.password-toggle-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;padding:8px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px;z-index:2}.password-toggle-btn:hover{background-color:#0000000d;color:#374151}.password-toggle-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width:768px){.password-input{font-size:16px;min-height:52px;padding:14px 16px}.password-input--with-icon{padding-left:48px}.password-input-icon{height:18px;left:14px;width:18px}.password-toggle-btn{height:28px;padding:6px;right:12px;width:28px}}.wallet-settings{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin:0 auto;max-width:600px;padding:2rem}.wallet-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem}.wallet-header h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.wallet-header svg{color:#3b82f6}.wallet-content{gap:1.5rem}.wallet-content,.wallet-info{display:flex;flex-direction:column}.wallet-info{gap:1rem}.info-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.75rem 0}.info-row:last-child{border-bottom:none}.info-row .label{color:#475569;font-weight:600}.info-row .value{color:#1e293b;font-weight:500}.info-row .address{background:#f8fafc;border-radius:4px;font-family:Courier New,monospace;font-size:.875rem;padding:.25rem .5rem;word-break:break-all}.info-row .no-address{color:#94a3b8;font-style:italic}.wallet-form{gap:1rem}.input-group,.wallet-form{display:flex;flex-direction:column}.input-group{gap:.5rem}.input-label{color:#374151;font-size:.875rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#6b7280;left:.75rem;position:absolute;z-index:1}.wallet-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:.75rem .75rem .75rem 2.5rem;transition:all .2s ease;width:100%}.wallet-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.wallet-input::placeholder{color:#9ca3af}.error-message{border-radius:6px;font-size:.875rem;padding:.5rem}.form-actions{display:flex;gap:1rem;margin-top:1rem}.cancel-btn,.save-btn{flex:1 1}.wallet-actions{display:flex;justify-content:center}.edit-btn{min-width:200px}.dark .wallet-settings{background-color:#1e293b;border-color:#334155;color:#f1f5f9}.dark .wallet-header{border-bottom-color:#334155}.dark .wallet-header h3{color:#f1f5f9}.dark .info-row{border-bottom-color:#334155}.dark .info-row .label{color:#cbd5e1}.dark .info-row .value{color:#f1f5f9}.dark .info-row .address{background:#334155;color:#f1f5f9}.dark .info-row .no-address{color:#64748b}.dark .input-label{color:#e2e8f0}.dark .wallet-input{background:#334155;border-color:#475569;color:#f1f5f9}.dark .wallet-input:focus{border-color:#3b82f6}.dark .wallet-input::placeholder{color:#94a3b8}@media (max-width:768px){.wallet-settings{margin:0 1rem;padding:1.5rem}.wallet-header h3{font-size:1.25rem}.info-row{align-items:flex-start;gap:.25rem}.form-actions,.info-row{flex-direction:column}.edit-btn{width:100%}}@media (max-width:480px){.wallet-settings{margin:0 .5rem;padding:1rem}.wallet-header{flex-direction:column;gap:.5rem;text-align:center}}.auth-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.auth-page:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.auth-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;position:relative;width:100%;z-index:1}.auth-header{margin-bottom:32px;text-align:center}.auth-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:8px}.auth-subtitle{color:#6b7280;font-size:1rem;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:20px}.password-container{position:relative}.password-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;margin:auto;padding:8px;position:absolute;right:16px;transform:translateY(-50%);transition:color .2s ease;z-index:2}.password-toggle:hover{background-color:#0000000d;color:#374151}.password-toggle:focus{outline-offset:2px}.auth-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500;padding:12px 16px;text-align:center}.auth-submit-btn{margin-top:8px;width:100%}.auth-footer{margin-top:32px;text-align:center}.auth-footer-text{color:#6b7280;font-size:14px}.auth-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s ease}.auth-link:hover{color:#5a67d8;text-decoration:underline}@media (max-width:480px){.auth-page{padding:16px}.auth-container{border-radius:20px;padding:32px 24px}.auth-title{font-size:1.75rem}.auth-subtitle{font-size:.9rem}.auth-form{gap:16px}.password-toggle{height:28px;padding:6px;right:12px;width:28px}}.auth-container{animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-container:focus-within{box-shadow:0 20px 40px #00000026}.register-container{max-width:450px;padding:40px 32px}.register-container .auth-form{gap:18px}.register-container .password-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;padding:8px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .2s ease;width:32px;z-index:2}.register-container .password-toggle:hover{background-color:#0000000d;color:#374151}.register-container .password-toggle:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width:480px){.register-container{max-width:100%;padding:28px 20px}.register-container .auth-form{gap:16px}.auth-title{font-size:1.6rem}.auth-subtitle{font-size:.85rem}.register-container .password-toggle{height:28px;padding:6px;right:12px;width:28px}}.register-container .auth-header{margin-bottom:28px}.register-container .auth-footer{margin-top:28px}.admin-layout{background:#f8fafc;display:flex;min-height:100vh}.admin-sidebar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:4px 0 20px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;position:fixed;transition:transform .3s ease;width:280px;z-index:1000}.admin-sidebar.open{transform:translateX(0)}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:24px}.logo-section,.sidebar-header{align-items:center;display:flex}.logo-section{gap:12px}.logo-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;justify-content:center;padding:8px}.logo-text h2{color:#fff;font-size:18px;font-weight:700;margin:0}.logo-text span{display:block;font-size:12px;margin-top:2px;opacity:.8}.close-sidebar{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:none;padding:4px;transition:background-color .2s}.close-sidebar:hover{background:#ffffff1a}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 0}.nav-item{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;gap:16px;padding:16px 24px;position:relative;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background:#ffffff1a}.nav-item.active{background:#ffffff26;border-right:3px solid #fff}.nav-item.active:before{background:#fff;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.nav-content{align-items:flex-start;display:flex;flex-direction:column}.nav-title{font-size:14px;font-weight:600}.nav-description{font-size:11px;margin-top:2px;opacity:.7}.sidebar-footer{border-top:1px solid #ffffff1a;padding:24px}.user-info{gap:12px;margin-bottom:16px}.user-avatar{background:#fff3;height:40px;width:40px}.user-details{display:flex;flex-direction:column}.user-name{font-size:14px;font-weight:600}.user-role{font-size:12px;opacity:.7}.logout-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.logout-btn:hover{background:#fff3;transform:translateY(-1px)}.admin-main{display:flex;flex:1 1;flex-direction:column;margin-left:280px;min-height:100vh}.admin-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;justify-content:space-between;padding:16px 32px}.admin-header,.header-left{align-items:center;display:flex}.header-left{gap:24px}.menu-toggle{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:none;padding:8px;transition:background-color .2s}.menu-toggle:hover{background:#f1f5f9}.breadcrumb{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px}.breadcrumb .separator{color:#cbd5e1}.header-right{align-items:center;display:flex}.header-actions{gap:16px}.notification-bell{align-items:center;background:#f8fafc;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:background-color .2s;width:40px}.notification-bell:hover{background:#e2e8f0}.notification-dot{background:#ef4444;border-radius:50%;height:8px;position:absolute;right:8px;top:8px;width:8px}.admin-profile{align-items:center;background:#f8fafc;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px 16px;transition:background-color .2s}.admin-profile:hover{background:#e2e8f0}.profile-avatar{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.profile-name{color:#1e293b;font-size:14px;font-weight:500}.admin-content{flex:1 1;overflow-y:auto;padding:32px}.mobile-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:1024px){.admin-sidebar{transform:translateX(-100%)}.admin-main{margin-left:0}.close-sidebar,.menu-toggle{display:block}.admin-content{padding:24px 16px}}@media (max-width:768px){.admin-sidebar{max-width:320px;width:100%}.admin-header{padding:16px}.header-actions{gap:12px}.admin-profile{padding:6px 12px}.profile-name{display:none}}@media (max-width:480px){.admin-content{padding:16px 12px}.sidebar-header{padding:16px}.nav-item{padding:12px 16px}.sidebar-footer{padding:16px}}.dashboard-page{max-width:100%}.refresh-button{padding:12px 20px;transition:all .2s ease}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card.primary:before{background:linear-gradient(90deg,#667eea,#764ba2)}.stat-card.success:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card.warning:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-card.info:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.stat-card.nft:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.stat-card.secondary:before{background:linear-gradient(90deg,#6b7280,#4b5563)}.stat-card{gap:16px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:12px;flex-shrink:0;height:56px;justify-content:center;width:56px}.stat-card.primary .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card.success .stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-card.warning .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-card.info .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.stat-card.secondary .stat-icon{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.stat-card.nft .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.quick-action-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:12px;top:12px;transition:all .3s ease;width:32px}.stat-card:hover .quick-action-btn{opacity:1}.quick-action-btn:hover{background:#ffffff4d;transform:scale(1.1)}.stat-content{flex:1 1}.stat-content h3{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 4px}.stat-content p{color:#64748b;font-size:14px;font-weight:500;margin:0 0 8px}.stat-trend{align-items:center;display:flex;font-size:12px;font-weight:500;gap:4px}.stat-trend.positive{color:#10b981}.stat-trend.negative{color:#ef4444}.stat-trend.neutral{color:#6b7280}.additional-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.additional-stats .stat-card{padding:20px}.additional-stats .stat-icon{height:44px;width:44px}.additional-stats .stat-content h3{font-size:20px}.recent-activity-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.section-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.section-header h2{color:#1e293b;font-size:20px;font-weight:600;margin:0}.activity-count{color:#64748b;font-size:14px;font-weight:500}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:16px;padding:16px;transition:background-color .2s}.activity-item:hover{background:#f1f5f9}.activity-icon{flex-shrink:0}.activity-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.activity-main{align-items:center;display:flex;gap:16px;justify-content:space-between}.activity-title{color:#1e293b;font-size:14px;font-weight:500}.activity-amount{color:#059669;font-size:14px;font-weight:600}.activity-details{align-items:center;color:#64748b;display:flex;font-size:12px;gap:16px}.activity-wallet{font-family:Courier New,monospace}.activity-status{flex-shrink:0}@media (max-width:1024px){.stats-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.additional-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:16px}.header-content h1{font-size:24px}.stats-grid{gap:16px;grid-template-columns:1fr}.additional-stats{grid-template-columns:repeat(2,1fr)}.activity-main{gap:8px}.activity-details,.activity-main{align-items:flex-start;flex-direction:column}.activity-details{gap:4px}}@media (max-width:480px){.stat-card{padding:20px}.stat-icon{height:48px;width:48px}.stat-content h3{font-size:20px}.additional-stats{grid-template-columns:1fr}.recent-activity-section{padding:16px}.activity-item{padding:12px}}.users-page{max-width:100%}.users-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-header,.table-row{grid-template-columns:80px 1fr 120px 120px 140px 140px 100px 100px}.user-id{color:#667eea;font-family:Courier New,monospace;font-weight:600}.user-info{gap:8px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#667eea;border-radius:50%;color:#fff;flex-shrink:0;height:32px;justify-content:center;width:32px}.date-info,.phone-info,.wallet-info{align-items:center;color:#64748b;display:flex;gap:6px}.balance{color:#059669;font-weight:600}.action-btn.more{background:#f3f4f6;color:#6b7280}.action-btn.more:hover{background:#e5e7eb;transform:translateY(-1px)}.user-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.user-detail-section{margin-bottom:32px}.user-detail-section:last-child{margin-bottom:0}.user-detail-section h3{border-bottom:1px solid #f1f5f9;color:#374151;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.balance-amount{color:#059669!important;font-size:18px!important;font-weight:700!important}@media (max-width:1200px){.table-header,.table-row{grid-template-columns:80px 1fr 120px 120px 140px 140px 100px 80px}}@media (max-width:1024px){.table-header,.table-row{grid-template-columns:80px 1fr 120px 120px 140px 100px 80px}.table-cell:nth-child(6){display:none}}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:16px}.header-content h1{font-size:24px}.filters-section{align-items:stretch;flex-direction:column}.search-box{max-width:none}.filter-controls{justify-content:space-between}.table-header,.table-row{grid-template-columns:60px 1fr 100px 100px 80px}.table-cell:nth-child(3),.table-cell:nth-child(4),.table-cell:nth-child(6){display:none}.user-modal{margin:20px;max-height:calc(100vh - 40px)}.detail-grid{grid-template-columns:1fr}}@media (max-width:480px){.table-header,.table-row{grid-template-columns:50px 1fr 70px}.table-cell:nth-child(3),.table-cell:nth-child(4),.table-cell:nth-child(5),.table-cell:nth-child(6),.table-cell:nth-child(7){display:none}.table-cell{padding:12px 8px}.modal-content{padding:16px}.modal-header{padding:16px 16px 0}}.sessions-page{margin:0 auto;max-width:1200px;padding:24px}.page-header{border-bottom:1px solid #e5e7eb;padding-bottom:16px}.header-content h1{color:#111827}.header-content p{color:#6b7280}.session-stats{color:#6b7280;display:flex;font-size:12px;gap:16px;margin-top:8px}.refresh-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.refresh-btn:hover{background:#e5e7eb;border-color:#9ca3af}.refresh-btn:active{transform:translateY(1px)}.settings-btn{align-items:center;background:#8b5cf6;border:1px solid #7c3aed;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.settings-btn:hover{background:#7c3aed;border-color:#6d28d9}.settings-btn:active{transform:translateY(1px)}.upcoming-btn{align-items:center;background:#f59e0b;border:1px solid #d97706;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.upcoming-btn:hover{background:#d97706;border-color:#b45309}.upcoming-btn:active{transform:translateY(1px)}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:8px;margin-bottom:24px;padding:12px 16px}.loading-container{color:#6b7280;flex-direction:column;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;margin-bottom:16px}.sessions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.session-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:all .2s ease}.session-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.session-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.session-date,.session-header{align-items:center;display:flex}.session-date{color:#111827;font-size:16px;font-weight:600;gap:8px}.status-badge{align-items:center;display:flex;gap:4px}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.closed{background:#fef2f2;color:#dc2626}.session-details{margin-bottom:20px}.detail-item{align-items:center;color:#4b5563;font-size:14px;gap:8px;margin-bottom:8px}.detail-item:last-child{margin-bottom:0}.session-actions{display:flex;flex-wrap:wrap;gap:8px}.action-btn{font-size:12px;font-weight:500;gap:6px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.view-btn{background:#dbeafe;color:#1d4ed8}.view-btn:hover{background:#bfdbfe}.edit-btn{background:#fef3c7;color:#d97706}.edit-btn:hover{background:#fde68a}.close-btn{background:#fee2e2;color:#dc2626}.close-btn:hover{background:#fecaca}.delete-btn{background:#fee2e2;color:#dc2626}.delete-btn:hover{background:#fecaca}.modal-content{max-height:90vh;overflow:hidden;width:100%}.modal-content.large{max-width:800px}.modal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.modal-header .close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s ease;width:32px}.modal-header .close-btn:hover{background:#f3f4f6}.modal-body{max-height:60vh;overflow-y:auto}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-footer{background:#f9fafb}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.btn-danger{background:#dc2626}.btn-danger:hover{background:#b91c1c}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:32px;padding:20px 0}.page-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.page-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.5}.session-info{background:#f9fafb;border-radius:6px;margin:12px 0;padding:12px}.session-info p{font-size:14px;margin:4px 0}.warning{color:#dc2626;margin-top:12px}.users-table{overflow-x:auto}.users-table table{border-collapse:collapse;font-size:14px;width:100%}.users-table td,.users-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.users-table th{background:#f9fafb;color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.users-table td{color:#4b5563}.users-table tr:hover{background:#f9fafb}.info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:20px;padding:16px}.info-box p{color:#1e40af;font-size:14px;line-height:1.5;margin:0}.upcoming-sessions-list{max-height:400px;overflow-y:auto}.upcoming-session-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:all .2s ease}.upcoming-session-item:hover{box-shadow:0 2px 8px #0000001a}.upcoming-session-item:last-child{margin-bottom:0}.session-info{display:flex;flex-direction:column;gap:8px}.session-info>div{align-items:center;color:#4b5563;display:flex;font-size:14px;gap:8px}.no-sessions{color:#6b7280;padding:40px 20px;text-align:center}.no-sessions p{font-size:14px;margin:8px 0}.form-group input[type=checkbox]{margin-right:8px;width:auto}.form-group label{align-items:center;cursor:pointer;display:flex}@media (max-width:768px){.sessions-page{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.sessions-grid{grid-template-columns:1fr}.session-actions{flex-direction:column}.action-btn{justify-content:center}.modal-content{margin:20px;max-height:calc(100vh - 40px)}.users-table{font-size:12px}.users-table td,.users-table th{padding:8px}}.requests-page{max-width:100%}.page-header{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:24px}.header-content h1{font-size:28px;font-weight:700;margin:0 0 8px}.header-content p{font-size:16px}.export-button,.refresh-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.export-button{background:#10b981;color:#fff}.export-button:hover{background:#059669;transform:translateY(-1px)}.refresh-button{background:#667eea}.refresh-button:hover{background:#5a67d8}.refresh-button:disabled{opacity:.6}.refresh-button .spinning{animation:spin 1s linear infinite}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stats-cards .stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;padding:24px;transition:all .3s ease}.stats-cards .stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stats-cards .stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stats-cards .stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2)}.stats-cards .stat-icon.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.stats-cards .stat-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.stats-cards .stat-icon.failed{background:linear-gradient(135deg,#ef4444,#dc2626)}.stats-cards .stat-icon.smp{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stats-cards .stat-content h3{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 4px}.stats-cards .stat-content p{color:#64748b;font-size:14px;font-weight:500;margin:0}.filters-section{align-items:center;justify-content:space-between}.search-box{flex:1 1;max-width:400px;position:relative}.search-box svg{color:#64748b;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 12px 12px 40px;transition:border-color .2s;width:100%}.search-box input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-controls{gap:16px}.filter-controls,.filter-group{align-items:center;display:flex}.filter-group{color:#64748b;gap:8px}.filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.results-count{color:#64748b;font-size:14px;font-weight:500}.requests-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;display:grid;font-size:14px;font-weight:600;grid-template-columns:80px 120px 140px 140px 160px 140px 120px 120px}.table-cell{align-items:center;display:flex;gap:8px;padding:16px 12px}.table-cell.sortable{cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.table-cell.sortable:hover{background:#f1f5f9}.table-cell.sorted{color:#667eea}.sort-indicator{font-size:12px;font-weight:700}.table-body{max-height:600px;overflow-y:auto}.table-row{border-bottom:1px solid #f1f5f9;display:grid;grid-template-columns:80px 120px 140px 140px 160px 140px 120px 120px;transition:background-color .2s}.table-row:hover{background:#f8fafc}.table-row:last-child{border-bottom:none}.request-id{color:#667eea;font-family:Courier New,monospace;font-weight:600}.type-badge{border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.smp-amount{color:#059669;font-weight:600}.usdt-amount{color:#3b82f6;font-weight:600}.date-info,.wallet-info{align-items:center;color:#64748b;display:flex;gap:6px}.status-info{align-items:center;display:flex;gap:8px}.status-icon{color:#6b7280}.status-icon.success{color:#10b981}.status-icon.pending{color:#f59e0b}.status-icon.failed{color:#ef4444}.status-badge{border-radius:20px;padding:4px 12px}.actions{display:flex;gap:8px}.action-btn{color:#64748b;transition:all .2s}.action-btn.view{background:#dbeafe;color:#2563eb}.action-btn.view:hover{background:#bfdbfe;transform:translateY(-1px)}.action-btn.approve{background:#dcfce7;color:#16a34a}.action-btn.approve:hover{background:#bbf7d0;transform:translateY(-1px)}.action-btn.reject{background:#fee2e2;color:#dc2626}.action-btn.reject:hover{background:#fecaca;transform:translateY(-1px)}.action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.empty-state{color:#64748b;padding:48px 24px}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state h3{font-size:18px;font-weight:600;margin:0 0 8px}.modal-overlay{padding:20px}.request-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:80vh;max-width:700px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e2e8f0;padding:24px 24px 16px}.modal-header h2{font-size:20px}.close-modal{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:24px;padding:4px;transition:background-color .2s}.close-modal:hover{background:#f1f5f9}.modal-content{padding:24px}.request-detail-section{margin-bottom:32px}.request-detail-section:last-child{margin-bottom:0}.request-detail-section h3{border-bottom:1px solid #f1f5f9;color:#374151;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:#1e293b;font-size:14px;font-weight:500}.amount-smp{color:#059669!important}.amount-smp,.amount-usdt{font-size:18px!important;font-weight:700!important}.amount-usdt{color:#3b82f6!important}.wallet-address{font-family:Courier New,monospace;font-size:12px!important;word-break:break-all}.request-actions{border-top:1px solid #e2e8f0;margin-top:32px;padding-top:24px}.request-actions h3{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px}.action-buttons{display:flex;gap:12px}.action-btn-large{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.action-btn-large.approve{background:#dcfce7;border:1px solid #bbf7d0;color:#16a34a}.action-btn-large.approve:hover{background:#bbf7d0;transform:translateY(-1px)}.action-btn-large.reject{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.action-btn-large.reject:hover{background:#fecaca;transform:translateY(-1px)}.action-btn-large:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:1200px){.table-header,.table-row{grid-template-columns:80px 120px 140px 140px 160px 140px 120px 100px}}@media (max-width:1024px){.table-header,.table-row{grid-template-columns:80px 120px 140px 140px 160px 120px 100px}.table-cell:nth-child(7){display:none}}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:16px}.header-content h1{font-size:24px}.stats-cards{gap:16px;grid-template-columns:repeat(2,1fr)}.filters-section{align-items:stretch;flex-direction:column}.search-box{max-width:none}.filter-controls{justify-content:space-between}.table-header,.table-row{grid-template-columns:60px 100px 120px 120px 100px}.table-cell:nth-child(3),.table-cell:nth-child(6),.table-cell:nth-child(7){display:none}.request-modal{margin:20px;max-height:calc(100vh - 40px)}.detail-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}}@media (max-width:480px){.stats-cards{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:50px 80px 100px 80px}.table-cell:nth-child(3),.table-cell:nth-child(4),.table-cell:nth-child(6),.table-cell:nth-child(7){display:none}.table-cell{padding:12px 8px}.modal-content{padding:16px}.modal-header{padding:16px 16px 0}}.nfts-page{max-width:100%;padding:24px}.page-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.header-content h1{color:#1e293b;font-size:24px;font-weight:600;margin:0 0 4px}.header-content p{color:#64748b;font-size:14px;margin:0}.header-actions{gap:12px}.create-button,.header-actions{align-items:center;display:flex}.create-button{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.create-button:hover{background:#059669;transform:translateY(-1px)}.refresh-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.refresh-button:hover{background:#2563eb;transform:translateY(-1px)}.refresh-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.spinning{animation:spin 1s linear infinite}.filters-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;margin-bottom:24px;padding:20px}.filter-box,.search-box{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;gap:8px;padding:12px 16px}.filter-box select,.search-box input{background:none;border:none;color:#1e293b;flex:1 1;font-size:14px;outline:none}.search-box input::placeholder{color:#94a3b8}.nfts-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.nfts-table{border-collapse:collapse;width:100%}.nfts-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;font-weight:600;text-align:left}.nfts-table td,.nfts-table th{color:#374151;font-size:14px;padding:16px 12px}.nfts-table td{border-bottom:1px solid #f3f4f6}.nfts-table tr:hover{background:#f9fafb}.nft-id{color:#6b7280;font-family:Courier New,monospace;font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nft-name{color:#1e293b;font-weight:500}.nft-seller{color:#3b82f6;font-weight:500}.nft-price{color:#059669;font-weight:600}.nft-date{color:#6b7280;font-size:13px}.status-badge{border-radius:6px;color:#fff;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.nft-actions{display:flex;gap:8px}.action-btn{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.action-btn.view{background:#3b82f6}.action-btn.view:hover{background:#2563eb;transform:scale(1.1)}.action-btn.edit{background:#f59e0b}.action-btn.edit:hover{background:#3b82f6;color:#fff}.action-btn.owner{background:#8b5cf6;color:#fff}.action-btn.owner:hover{background:#7c3aed;color:#fff}.action-btn.delete{background:#ef4444;color:#fff}.action-btn.delete:hover{background:#dc2626;transform:scale(1.1)}.status-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;min-width:80px;padding:6px 8px;transition:all .3s ease}.status-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.status-select option{padding:4px}.empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state h3{color:#374151;margin:16px 0 8px}.empty-state p{font-size:14px;margin:0}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-state p{font-size:14px;margin:16px 0 0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#1e293b;font-size:18px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.close-btn:hover{background:#f3f4f6;color:#374151}.modal-body{padding:24px}.nft-details{display:flex;flex-direction:column;gap:16px}.detail-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#374151;font-weight:500;min-width:80px}.detail-row .value{color:#1e293b;flex:1 1;margin-left:16px;text-align:right}.nft-form{gap:20px}.form-group,.nft-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{color:#374151;font-size:14px;font-weight:500}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1e293b;font-size:14px;padding:12px 16px;transition:all .3s ease}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-message{border-radius:8px;font-size:14px;font-weight:500;padding:12px 16px}.form-message.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.form-message.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.delete-confirmation{text-align:center}.delete-confirmation p{color:#374151;font-size:16px;margin:0 0 20px}.nft-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin:20px 0;padding:16px}.nft-summary strong{color:#1e293b;font-size:16px}.nft-summary span{color:#6b7280;font-size:14px}.warning{color:#ef4444!important;font-size:14px!important;font-weight:500}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-danger,.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}@media (max-width:768px){.nfts-page{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{flex-direction:column;width:100%}.create-button,.refresh-button{justify-content:center;width:100%}.filters-section{flex-direction:column}.nfts-table{font-size:12px}.nfts-table td,.nfts-table th{padding:12px 8px}.nft-actions{flex-direction:column;gap:4px}.action-btn{height:28px;width:28px}.status-select{font-size:11px;min-width:60px}.modal-content{margin:20px;width:95%}.detail-row{align-items:flex-start;flex-direction:column;gap:4px}.detail-row .value{margin-left:0;text-align:left}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.loading-container,body{background-color:#f8fafc}.loading-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;display:inline-block;font-size:0;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.text-center{text-align:center}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}@media (max-width:768px){.container{padding:0 .5rem}}:focus{outline:2px solid #007bff;outline-offset:2px}*{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.0280e98a.css.map*/