.skin-search-container{position:relative;display:flex;justify-content:center;margin:0;width:35%;max-width:35%;flex-shrink:0;flex-grow:0}.skin-search-container input{width:100%;max-width:100%;min-width:200px;padding:6px 8px;border:1px solid #555;border-radius:8px;box-sizing:border-box;background-color:#3a3a3a;color:#fff;font-size:.8rem;transition:all .3s ease}.skin-search-container input::placeholder{color:#aaa}.skin-search-container input:focus{outline:none;border-color:#4caf50;background-color:#4a4a4a}.search-loading{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:5px;color:#aaa;font-size:.9em}.no-results{position:absolute;top:100%;left:0;right:0;margin-top:5px;padding:10px;background-color:#333;border:1px solid #555;border-radius:5px;color:#aaa;font-size:.9em;text-align:center;z-index:1001}.suggestions-list{position:absolute;top:100%;left:0;right:0;background-color:#333;border:1px solid #555;border-radius:5px;list-style:none;padding:0;margin:5px 0 0;z-index:1001;box-shadow:0 4px 8px #0000004d;max-height:400px;overflow-y:auto}.suggestions-list li{display:flex;align-items:center;padding:10px;border-bottom:1px solid #444;cursor:pointer;transition:background-color .2s ease}.suggestions-list li:last-child{border-bottom:none}.suggestions-list li:hover,.suggestions-list li.selected{background-color:#555}.suggestion-image{width:40px;height:40px;object-fit:contain;margin-right:10px;border-radius:3px}.suggestion-info{display:flex;flex-direction:column;flex-grow:1}.suggestion-name{color:#eee;font-size:.95em;font-weight:700}.suggestion-price{color:#8bc34a;font-size:.85em;margin-top:3px}@media (max-width: 768px){.skin-search-container{width:40%;max-width:40%}.skin-search-container input{min-width:150px;font-size:.75rem;padding:5px 6px}.suggestions-list{max-height:300px}.suggestion-image{width:35px;height:35px;margin-right:8px}.suggestion-name{font-size:.9em}.suggestion-price{font-size:.8em}}@media (max-width: 480px){.skin-search-container{width:45%;max-width:45%}.skin-search-container input{min-width:120px;font-size:.7rem;padding:4px 5px}.suggestions-list{max-height:250px;left:-10px;right:-10px}.suggestions-list li{padding:8px}.suggestion-image{width:30px;height:30px;margin-right:6px}.suggestion-name{font-size:.85em}.suggestion-price{font-size:.75em}.no-results{left:-10px;right:-10px;padding:8px;font-size:.8em}}@media (hover: none) and (pointer: coarse){.suggestions-list li{min-height:44px;padding:12px 10px}.skin-search-container input{min-height:44px;padding:8px}}.notification-container{position:relative;display:inline-block}.notification-button{position:relative;background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s ease;color:#333}.notification-button:hover{background-color:#f0f0f0}.notification-button.has-notifications{color:#ff6b35}.notification-count{position:absolute;top:0;right:0;background-color:#ff6b35;color:#fff;border-radius:50%;font-size:.7rem;font-weight:700;width:18px;height:18px;display:flex;align-items:center;justify-content:center;min-width:18px}.notification-dropdown{position:fixed;top:60px;right:20px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:350px;max-height:400px;overflow-y:auto;z-index:9999;margin-top:.5rem}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee;background-color:#f8f9fa;border-radius:8px 8px 0 0}.notification-header h3{margin:0;font-size:1.1rem;color:#333}.notification-header-actions{display:flex;align-items:center;gap:.5rem}.mark-all-read-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:.8rem;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s ease}.mark-all-read-btn:hover{background-color:#f0f8ff}.close-dropdown{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#666;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-dropdown:hover{color:#333}.notification-list{max-height:300px;overflow-y:auto}.notification-loading,.notification-empty{padding:2rem;text-align:center;color:#666;font-style:italic}.notification-item{padding:1rem;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s ease;display:flex;justify-content:space-between;align-items:center}.notification-item:hover{background-color:#f8f9fa}.notification-item:last-child{border-bottom:none}.notification-item.unread{position:relative}.notification-icon{width:40px;height:40px;flex-shrink:0}.notification-icon img{width:100%;height:100%;object-fit:cover;border-radius:4px}.notification-item.item_sold{border-left:4px solid #28a745}.notification-item.item_shipped{border-left:4px solid #007bff}.notification-content{margin-bottom:.5rem}.notification-message{font-size:.9rem;margin-bottom:.5rem;color:#333;line-height:1.4}.notification-details{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#666}.notification-price{font-weight:700;color:#28a745}.notification-time{color:#999}.notification-actions{display:flex;justify-content:flex-end}.view-transaction-btn{background-color:#007bff;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background-color .2s ease}.view-transaction-btn:hover{background-color:#0056b3}@media (prefers-color-scheme: dark){.notification-button{color:#fff}.notification-button:hover{background-color:#444}.notification-dropdown{background:#2d2d2d;border-color:#555}.notification-header{background-color:#333;border-color:#555}.notification-header h3{color:#fff}.close-dropdown{color:#ccc}.close-dropdown:hover{color:#fff}.notification-item{border-color:#555}.notification-item:hover{background-color:#333}.notification-message{color:#fff}.notification-details{color:#ccc}.notification-time{color:#999}.notification-loading,.notification-empty{color:#ccc}}.language-switcher{position:relative;display:inline-block}.lang-toggle-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;padding:8px 10px;border-radius:20px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:50px;width:50px;height:36px}.lang-toggle-btn:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff;transform:translateY(-1px)}@media (max-width: 768px){.lang-toggle-btn{padding:6px 8px;font-size:.75rem;min-width:44px;width:44px;height:32px}}.header{position:fixed;top:0;left:0;right:0;width:100%;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border-radius:0 0 24px 24px;border:1px solid rgba(255,255,255,.1);border-top:none;z-index:1000;box-sizing:border-box;box-shadow:0 4px 15px #0003;gap:1rem}.header .logo{flex:0 0 auto;display:flex;align-items:center;height:100%}.header .logo a{text-decoration:none;background:linear-gradient(135deg,#007bff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.3rem;font-weight:800;line-height:1;white-space:nowrap;display:flex;align-items:center}.header .logo .header-logo-img{height:50px;width:auto;max-width:150px;object-fit:contain}.header-search{flex:1 0 200px;min-width:200px;max-width:400px;margin:0}.header nav{flex:0 1 auto;display:flex;align-items:center;margin-left:auto}.header nav ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0;align-items:center;flex-wrap:nowrap}.header nav ul li a{text-decoration:none;color:#fff;font-size:.95rem;white-space:nowrap}.cart-link{background:linear-gradient(135deg,#28a745,#20c997)!important;padding:8px 16px!important;border-radius:12px!important;font-weight:600!important;font-size:.9rem!important;transition:all .3s ease!important;white-space:nowrap!important;border:none!important;outline:none!important;box-shadow:0 4px 15px #28a7454d!important}.cart-link:hover{background:linear-gradient(135deg,#20c997,#17a2b8)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #28a74566!important}.user-info{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;padding:8px 16px!important;background:#ffffff0d!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.1)!important;white-space:nowrap!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}.user-balance-container{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important}.user-frozen-balance{color:orange!important;font-size:.65rem!important;font-weight:700!important;line-height:1!important;opacity:.9!important}.user-info.clickable{cursor:pointer;transition:all .3s ease}.user-info.clickable:hover{background:#ffffff14!important;border-color:#007bff80!important;transform:translateY(-1px)!important}.user-name{color:#4caf50!important;font-size:.85rem!important;font-weight:700!important;line-height:1!important}.user-balance{color:gold!important;font-size:.75rem!important;font-weight:700!important;line-height:1!important}.logout-button{background-color:#f44336!important;color:#fff!important;border:none!important;padding:4px 8px!important;border-radius:4px!important;font-size:.75rem!important;font-weight:700!important;cursor:pointer!important;transition:background-color .3s ease!important;white-space:nowrap!important}.logout-button:hover{background-color:#d32f2f!important}.balance-popup-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background-color:#0009!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:999999!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.balance-popup{background:linear-gradient(135deg,#0f0f23,#1a1a2e)!important;color:#fff!important;padding:2rem!important;border-radius:15px!important;max-width:450px!important;width:90%!important;max-height:90vh!important;overflow-y:auto!important;box-shadow:0 8px 32px #00000080!important;border:1px solid rgba(255,255,255,.1)!important;position:relative!important;transform:scale(1)!important;animation:popupFadeIn .3s ease-out!important;z-index:1000000!important;margin:auto!important}.balance-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.balance-popup-header h2{margin:0;background:linear-gradient(135deg,#007bff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.25rem}.balance-popup-close{background:none;border:none;color:#dc3545;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.balance-popup-close:hover{background-color:#dc35451a;transform:scale(1.1)}.balance-display{margin-bottom:1.5rem;padding:0;background:none;border:none;border-radius:0}.balance-cards-container{display:flex;gap:1rem;align-items:stretch;justify-content:center}.transaction-input-section{margin-bottom:1.5rem}.transaction-input-section label{display:block;margin-bottom:.5rem;color:#4caf50;font-weight:700}.transaction-amount-input{width:100%;padding:.75rem;border:1px solid #4CAF50;border-radius:6px;background-color:#1a1a1a;color:#fff;font-size:1rem;box-sizing:border-box}.transaction-amount-input:focus{outline:none;border-color:#66bb6a;box-shadow:0 0 0 2px #4caf5033}.transaction-error{color:#f44336;font-size:.9rem;margin-top:.5rem;padding:.5rem;background-color:#f443361a;border-radius:4px;border:1px solid #f44336}.transaction-success{color:#4caf50;font-size:.9rem;margin-top:.5rem;padding:.5rem;background-color:#4caf501a;border-radius:4px;border:1px solid #4CAF50}.balance-action-button{flex:1;padding:.75rem;border:none;border-radius:6px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.balance-action-button:disabled{opacity:.6;cursor:not-allowed}.balance-action-button.deposit:hover:not(:disabled){background-color:#45a049}.balance-action-button.withdraw:hover:not(:disabled){background-color:#d32f2f}@media (max-width: 768px){.header{padding:0 .8rem;height:70px}.header .logo a{font-size:1.1rem}.header nav ul{gap:.3rem}.header-search{flex:1 0 150px;min-width:150px;max-width:300px}.header nav ul li a,.cart-link,.logout-button{font-size:.75rem!important;padding:4px 8px!important}.user-info{flex-direction:column!important;gap:.2rem!important;padding:4px 8px!important}.user-name,.user-balance{font-size:.7rem!important;line-height:1.2!important}.balance-popup{width:95%;margin:1rem}.balance-actions{flex-direction:column}.balance-cards-container{gap:.8rem}}@media (max-width: 480px){.header{height:60px;padding:0 .5rem}.header .logo a{font-size:1rem}.header nav ul{gap:.2rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.header nav ul::-webkit-scrollbar{display:none}.header nav ul li a,.cart-link,.logout-button{font-size:.7rem!important;padding:3px 6px!important;white-space:nowrap}.user-info{flex-direction:column!important;gap:.1rem!important;padding:2px 4px!important}.user-name,.user-balance{font-size:.65rem!important;line-height:1.1!important}.header-search{flex:1 0 120px;min-width:120px;max-width:200px}.balance-cards-container{flex-direction:column;gap:.8rem}.current-balance-card,.frozen-balance-info{padding:1rem;min-height:100px}.balance-amount,.frozen-balance-amount{font-size:1.75rem}.frozen-balance-note{font-size:.8rem;padding:.4rem .6rem}}@media (max-width: 480px){.balance-amount,.frozen-balance-amount{font-size:1.5rem}.current-balance-card,.frozen-balance-info{padding:.75rem;min-height:90px}}@keyframes balanceAmountPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes cardGlow{0%{box-shadow:0 4px 15px #4caf501a}50%{box-shadow:0 8px 25px #4caf504d}to{box-shadow:0 4px 15px #4caf501a}}.balance-amount{animation:balanceAmountPulse 2s ease-in-out infinite}.current-balance-card:hover{animation:cardGlow 1.5s ease-in-out infinite}.mobile-nav-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .3s ease}.mobile-nav-toggle:hover{background:#ffffff1a}.hamburger{display:block;font-size:1.2rem}@media (max-width: 768px){.mobile-nav-toggle{display:block;order:3}.header-search{order:2}.header nav{position:absolute;top:100%;left:0;right:0;background:#0f0f23fa;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:0 0 16px 16px;border:1px solid rgba(255,255,255,.1);border-top:none;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:999}.header nav.mobile-menu-open{opacity:1;visibility:visible;transform:translateY(0)}.header nav ul.mobile-menu{flex-direction:row;flex-wrap:wrap;padding:.5rem;gap:8px;justify-content:center;align-items:center}.header nav ul.mobile-menu li{width:auto;flex:0 1 auto;border-bottom:none;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);margin:2px}.header nav ul.mobile-menu li:last-child{border-bottom:none}.header nav ul.mobile-menu li a,.header nav ul.mobile-menu li button,.header nav ul.mobile-menu li .user-info{display:block;width:auto;padding:8px 12px;text-align:center;font-size:.85rem!important;transition:background-color .3s ease;white-space:nowrap;border-radius:4px}.header nav ul.mobile-menu li a:hover,.header nav ul.mobile-menu li button:hover{background:#ffffff14}.header nav ul.mobile-menu .cart-link{background:linear-gradient(135deg,#28a745,#20c997)!important;margin:0!important;border-radius:6px!important;text-align:center!important;padding:8px 12px!important}.header nav ul.mobile-menu .logout-button{background:#f44336!important;margin:0!important;border-radius:6px!important;text-align:center!important;padding:8px 12px!important;border:none!important}.header nav ul.mobile-menu .user-info-container{background:#ffffff14;margin:0;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.header nav ul.mobile-menu .user-info-container .user-info{padding:6px 10px!important;font-size:.75rem!important}.desktop-only{display:none!important}}@media (max-width: 480px){.mobile-nav-toggle{padding:6px;font-size:1.3rem}.header nav ul.mobile-menu{padding:.4rem;gap:4px}.header nav ul.mobile-menu li a,.header nav ul.mobile-menu li button{padding:6px 8px;font-size:.75rem!important}.header nav ul.mobile-menu .user-info-container .user-info{padding:4px 6px!important;font-size:.7rem!important}.header nav ul.mobile-menu .user-name,.header nav ul.mobile-menu .user-balance{font-size:.65rem!important}}.footer{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:10px 0;border-radius:24px 24px 0 0;border:1px solid rgba(255,255,255,.1);border-bottom:none;box-shadow:0 -4px 15px #0003}.footer-content{display:flex;justify-content:space-around;max-width:1200px;margin:auto;padding:0 20px;align-items:flex-start}.footer-section h4{margin-bottom:6px;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#007bff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.footer-section p,.footer-section a{color:#b3b3b3;text-decoration:none;font-size:.9rem;line-height:1.4;transition:color .3s ease}.footer-section a:hover{color:#007bff}.footer-section.links ul{list-style:none;padding:0;margin:0;text-align:center}.footer-section.links li{margin-bottom:4px}.footer-section.contact-form{text-align:center}.footer-section.contact-form p{margin:2px 0}.footer-section.socials{text-align:center}.social-icons{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;max-width:100px;margin:0 auto}.socials a{color:#b3b3b3;font-size:1.1rem;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.socials a:hover{color:#007bff;background:#ffffff14;border-color:#007bff80;transform:translateY(-2px)}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:8px;margin-top:8px;color:#b3b3b3;font-size:.9rem}@media (max-width: 768px){.footer{padding:15px 0}.footer-content{flex-direction:column;gap:20px;padding:0 16px;text-align:center}.footer-section{width:100%}.footer-section h4{font-size:1.1rem;margin-bottom:10px}.footer-section p,.footer-section a{font-size:.95rem}.social-icons{display:flex;justify-content:center;gap:12px;max-width:none}.socials a{width:44px;height:44px;font-size:1.2rem}.footer-bottom{font-size:.85rem;padding-top:12px;margin-top:12px}}@media (max-width: 480px){.footer{padding:12px 0;border-radius:16px 16px 0 0}.footer-content{padding:0 12px;gap:16px}.footer-section h4{font-size:1rem;margin-bottom:8px}.footer-section p,.footer-section a{font-size:.9rem}.footer-section.links li{margin-bottom:6px}.social-icons{gap:10px}.socials a{width:40px;height:40px;font-size:1.1rem}.footer-bottom{font-size:.8rem;line-height:1.4}}@media (prefers-contrast: high){.footer-section a,.socials a{border:2px solid rgba(255,255,255,.3)}.footer-section a:hover,.socials a:hover{border-color:#007bff}}@media (prefers-reduced-motion: reduce){.socials a{transition:none}.socials a:hover{transform:none}}.support-chat-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #00000026;transition:all .3s ease;z-index:1000;color:#fff}.support-chat-button:hover{transform:scale(1.05);box-shadow:0 6px 25px #0003}.support-chat-button.open{display:none}.support-chat-window{position:fixed;bottom:20px;right:20px;width:380px;height:500px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;z-index:999;overflow:hidden;animation:slideUp .3s ease-out;transform:translateY(0)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.support-chat-window.closing{animation:slideDown .3s ease-in}.support-chat-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;position:relative;z-index:1}.header-info h3{margin:0 0 4px;font-size:16px;font-weight:600}.connection-status{display:flex;align-items:center;font-size:12px;opacity:.9}.status-dot{width:8px;height:8px;border-radius:50%;margin-right:6px;background:#95a5a6}.connection-status.connected .status-dot{background:#2ecc71}.connection-status.in-session .status-dot{background:#3498db}.connection-status.disconnected .status-dot{background:#e74c3c}.connection-status.error .status-dot{background:#f39c12}.close-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:#ffffff1a}.support-chat-body{flex:1;padding:0;background:#f8f9fa;overflow:hidden;display:flex;flex-direction:column}.chat-welcome{padding:30px 20px 20px;text-align:center;flex:1;display:flex;flex-direction:column;min-height:0;height:100%}.welcome-message{flex:1;display:flex;flex-direction:column;justify-content:center;margin-bottom:15px;overflow-y:auto}.welcome-message h4{margin:0 0 12px;color:#2c3e50;font-size:18px}.welcome-message p{margin:0 0 20px;color:#7f8c8d;line-height:1.5}.guest-form-description{margin:0 0 10px!important;font-size:.85rem!important}.chat-actions{flex-shrink:0;padding:0;margin:0}.start-chat-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;width:100%;max-width:200px}.start-chat-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.start-chat-button:disabled{opacity:.6;cursor:not-allowed}.login-required{margin-top:16px;color:#e74c3c;font-size:12px}.chat-loading{padding:40px 20px;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid #ecf0f1;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.chat-messages{padding:16px;height:100%;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#667eea #f8f9fa}.chat-messages::-webkit-scrollbar-track{background:#e8ecef;border-radius:3px}.message{margin-bottom:16px;display:flex}.message-content{max-width:80%;background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 1px 3px #0000001a}.message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message.admin .message-content,.message.system .message-content{background:#ecf0f1;border-left:4px solid #3498db}.message.user .message-info{color:#fffc}.support-chat-footer{padding:16px;background:#fff;border-top:1px solid #ecf0f1;flex-shrink:0}.message-form{display:flex;gap:8px}.message-input{flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:24px;font-size:14px;outline:none;transition:border-color .2s}.message-input:focus{border-color:#667eea}.send-button{width:44px;height:44px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.send-button svg{width:20px;height:20px;color:#fff}.send-button:hover:not(:disabled){transform:scale(1.05)}@media (max-width: 480px){.support-chat-window{bottom:90px;right:10px;left:10px;width:auto;height:70vh;max-height:500px}.support-chat-button{bottom:15px;right:15px;width:56px;height:56px}.chat-welcome{padding:20px 16px}.welcome-message h4{font-size:16px}.message-content{max-width:85%}.support-chat-header{padding:12px 16px}.header-info h3{font-size:15px}}@media (max-width: 320px){.support-chat-window{height:75vh}.message-content{max-width:90%;padding:10px 12px}}@media (prefers-color-scheme: dark){.support-chat-window{background:#2c3e50;color:#fff}.support-chat-body{background:#34495e}.message-content{background:#3d566e;color:#fff}.message.system .message-content{background:#34495e;border-left-color:#3498db}.message-input{background:#3d566e;border-color:#4a6741;color:#fff}.message-input::placeholder{color:#bdc3c7}.support-chat-footer{background:#2c3e50;border-top-color:#4a6741}}.guest-form{margin-top:.5rem;width:100%}.form-row,.form-group{margin-bottom:.75rem}.form-group label{display:block;margin-bottom:.4rem;font-weight:500;color:#333;font-size:.85rem}.name-inputs{display:flex;gap:.6rem}.name-inputs input{flex:1}.form-group input{width:100%;padding:.6rem;border:2px solid #e1e5e9;border-radius:6px;font-size:.85rem;transition:all .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:invalid{border-color:#e74c3c}.cancel-button{flex:1;padding:.75rem 1rem;background:transparent;border:2px solid #e1e5e9;border-radius:8px;color:#666;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover{background:#f8f9fa;border-color:#d0d7de}.start-chat-button{flex:2}@media (prefers-color-scheme: dark){.form-group label{color:#e1e5e9}.form-group input{background:#3d566e;border-color:#4a6741;color:#fff}.form-group input::placeholder{color:#bdc3c7}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.cancel-button{background:transparent;border-color:#4a6741;color:#bdc3c7}.cancel-button:hover{background:#2c3e50;border-color:#667eea;color:#fff}}@media (max-width: 480px){.name-inputs{flex-direction:column;gap:.4rem}.chat-actions{margin-top:0}.start-chat-button{min-width:auto;width:100%;padding:.75rem 1rem}.welcome-message{margin-bottom:10px}.form-group{margin-bottom:.6rem}.guest-form{margin-top:.3rem}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}.carousel-container{border:2px solid #333;border-radius:16px;padding:20px;max-width:1200px;margin:auto;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d;background:linear-gradient(135deg,#2a2a2a,#1f1f1f)}.carousel .slide img{max-height:400px;min-height:300px;object-fit:cover;width:100%;border-radius:8px;display:block}.carousel .slide{position:relative}.carousel .control-dots .dot{background:#ffffff4d!important;border-radius:50%!important;width:12px!important;height:12px!important;margin:0 8px!important;transition:all .3s ease!important;border:2px solid rgba(255,255,255,.5)!important}.carousel .control-dots .dot.selected{background:#646cff!important;border-color:#646cff!important;transform:scale(1.3)!important}.carousel .legend{background:linear-gradient(135deg,#000c,#0009)!important;color:#fff!important;font-size:1.1rem!important;font-weight:600!important;padding:16px 24px!important;border-radius:12px!important;margin:16px!important;border:1px solid rgba(255,255,255,.2)!important;text-shadow:2px 2px 4px rgba(0,0,0,.5)!important}.carousel .slide:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,transparent 60%,rgba(0,0,0,.3) 100%);border-radius:8px;z-index:1;pointer-events:none}.carousel .control-arrow{background:#00000080!important;border-radius:50%!important;width:50px!important;height:50px!important;z-index:3!important;top:50%!important;transform:translateY(-50%)!important}.carousel .control-arrow:hover{background:#000c!important}.carousel .legend{position:absolute!important;bottom:20px!important;left:50%!important;transform:translate(-50%)!important;background:#000000b3!important;color:#fff!important;font-size:1.2em!important;font-weight:600!important;padding:12px 24px!important;margin:0!important;border-radius:8px!important;box-shadow:0 4px 12px #0000004d!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.1)!important;text-align:center!important;max-width:80%!important;width:auto!important;z-index:2!important;transition:all .3s ease!important}.carousel .legend:hover{background:#000000e6!important;transform:translate(-50%) scale(1.05)!important;transition:all .3s ease!important}.faq-section{background:linear-gradient(135deg,#0f0f23,#1a1a2e);padding:80px 0;position:relative;overflow:hidden}.faq-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(79,172,254,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}.faq-container{max-width:800px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.faq-header{text-align:center;margin-bottom:50px}.faq-header h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:15px;background:linear-gradient(45deg,#4facfe,#00f2fe);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.faq-list{display:flex;flex-direction:column;gap:15px}.faq-item{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:15px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.faq-item:hover{transform:translateY(-2px);box-shadow:0 10px 30px #4facfe4d;border-color:#4facfe80}.faq-question{width:100%;padding:25px 30px;background:none;border:none;color:#fff;font-size:1.1rem;font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.faq-question:hover{background:#4facfe1a}.faq-question.active{background:#4facfe33;border-bottom:1px solid rgba(255,255,255,.1)}.faq-icon{font-size:1.5rem;font-weight:700;color:#4facfe;transition:transform .3s ease}.faq-question.active .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer.open{max-height:500px}.faq-answer-content{padding:20px 30px 30px;display:flex;align-items:center;min-height:60px}.faq-answer-content p{color:#e0e0e0;font-size:1rem;line-height:1.6;margin:0;text-align:left;flex:1}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}@media (max-width: 768px){.faq-section{padding:60px 0}.faq-container{padding:0 15px}.faq-header h2{font-size:2rem}.faq-question{padding:20px;font-size:1rem}.faq-answer-content{padding:15px 20px 20px;min-height:50px}.faq-answer-content p{font-size:.9rem}}@media (max-width: 480px){.faq-header h2{font-size:1.8rem}.faq-question{padding:15px}.faq-answer-content{padding:12px 15px 15px;min-height:45px}}.homepage-container{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e);color:#fff}.hero-section{padding:80px 20px;text-align:center;background:#ffffff0d;border-radius:0 0 24px 24px;margin-bottom:40px;border:1px solid rgba(255,255,255,.1)}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,#007bff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-subtitle{font-size:1.3rem;color:#b3b3b3;margin-bottom:40px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.cta-button{padding:16px 32px;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;gap:8px;min-width:200px;justify-content:center}.cta-button.primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;box-shadow:0 4px 15px #007bff4d}.cta-button.primary:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 6px 20px #007bff66}.cta-button.secondary{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 4px 15px #28a7454d}.cta-button.secondary:hover{background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.carousel-section{padding:40px 20px;max-width:1200px;margin:0 auto}.features-section{padding:80px 20px;max-width:1200px;margin:0 auto}.features-header{text-align:center;margin-bottom:60px}.features-header h2{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#007bff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.features-header p{font-size:1.2rem;color:#b3b3b3;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.feature-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px 24px;text-align:center;transition:all .3s ease;box-shadow:0 4px 15px #0003}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #007bff33;border-color:#007bff80;background:#ffffff14}.feature-icon{font-size:3rem;margin-bottom:20px;display:block}.feature-title{font-size:1.4rem;font-weight:600;color:#fff;margin-bottom:12px}.feature-description{font-size:1rem;color:#b3b3b3;line-height:1.6;margin:0}.stats-section{padding:80px 20px;background:#ffffff0d;border-radius:24px;margin-top:40px;border:1px solid rgba(255,255,255,.1)}.stats-container{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.stat-item{text-align:center}.stat-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#007bff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{font-size:1.1rem;color:#b3b3b3;font-weight:500;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-actions{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px}.features-header h2{font-size:2rem}.features-grid{grid-template-columns:1fr;gap:20px}.feature-card{padding:24px 20px}.stats-container{grid-template-columns:repeat(2,1fr);gap:30px}}@media (max-width: 480px){.hero-section{padding:60px 20px}.hero-title{font-size:2rem}.stat-number{font-size:2.5rem}.stats-container{grid-template-columns:1fr;gap:20px}}.trade-url-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.trade-url-modal{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff1a;animation:modalSlideIn .3s ease-out}.trade-url-modal-header{padding:30px 30px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.trade-url-modal-header h2{color:#fff;margin:0 0 10px;font-size:1.8rem;font-weight:600}.trade-url-modal-header p{color:#b3b3b3;margin:0;font-size:1rem;line-height:1.5}.trade-url-modal-body{padding:30px}.trade-url-info{background:#ffffff0d;border-radius:12px;padding:20px;margin-bottom:25px;border:1px solid rgba(255,255,255,.1)}.trade-url-info h3{color:#fff;margin:0 0 15px;font-size:1.2rem;font-weight:600}.trade-url-info ol{color:#b3b3b3;margin:0;padding-left:20px}.trade-url-info li{margin-bottom:8px;line-height:1.4}.trade-url-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#fff;font-weight:500;font-size:1rem}.form-group input::placeholder{color:#888}.error-message{background:#dc354533;border:1px solid rgba(220,53,69,.5);color:#ff6b6b;padding:12px 16px;border-radius:8px;font-size:.9rem;margin-top:10px}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.cancel-btn,.submit-btn{padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;border:none;cursor:pointer;transition:all .3s ease;min-width:120px}.submit-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;box-shadow:0 4px 15px #007bff4d}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 6px 20px #007bff66}.cancel-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.trade-url-modal-overlay{padding:10px}.trade-url-modal{max-width:100%}.trade-url-modal-header,.trade-url-modal-body{padding:20px}.trade-url-modal-header h2{font-size:1.5rem}.modal-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.list-item-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.list-item-modal{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff1a;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.list-item-modal-header{display:flex;justify-content:space-between;align-items:center;padding:30px 30px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.list-item-modal-header h2{color:#fff;margin:0;font-size:1.8rem;font-weight:600}.close-btn{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-btn:hover{background:#ffffff1a;transform:rotate(90deg)}.list-item-modal-body{padding:30px}.item-preview{display:flex;gap:25px;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.item-preview .item-image{flex-shrink:0}.item-preview .item-image img{width:120px;height:120px;object-fit:contain;border-radius:8px;background:#ffffff0d;padding:10px}.item-preview .no-image{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:8px;color:#666;font-size:.8rem}.item-info{flex:1;min-width:0}.item-info .item-name{color:#fff;margin:0 0 15px;font-size:1.2rem;font-weight:600;line-height:1.3}.item-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-row .label{color:#b3b3b3;font-size:.9rem;font-weight:500}.detail-row .value{color:#fff;font-size:.9rem;font-weight:500}.detail-row .value.positive{color:#28a745}.detail-row .value.negative{color:#dc3545}.detail-row .value.rarity-value{font-weight:600}.listing-form{display:flex;flex-direction:column;gap:25px}.form-group label{color:#fff;font-weight:600;font-size:1rem}.price-input-container{position:relative;display:flex;align-items:center}.price-input-container input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 40px 12px 16px;color:#fff;font-size:1.1rem;width:100%;transition:all .3s ease}.price-input-container input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40;background:#ffffff26}.price-input-container .currency{position:absolute;right:16px;color:#b3b3b3;font-weight:600;font-size:1rem;pointer-events:none}.price-help{color:#b3b3b3;font-size:.85rem;line-height:1.4}.receive-amount{margin-top:15px;padding:15px;background:#28a7451a;border:1px solid rgba(40,167,69,.3);border-radius:8px}.receive-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.receive-label{color:#28a745;font-weight:600;font-size:1rem}.receive-value{color:#fff;font-weight:700;font-size:1.1rem;background:linear-gradient(135deg,#28a745,#20c997);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.commission-info{color:#b3b3b3;font-size:.8rem;line-height:1.3;display:block}.loading-text{color:#b3b3b3;font-style:italic}.error-message{background:#dc354533;border:1px solid rgba(220,53,69,.5);color:#ff6b6b;padding:12px 16px;border-radius:8px;font-size:.9rem}.warning-message{background:#ffc10733;border:1px solid rgba(255,193,7,.5);color:#ffc107;padding:12px 16px;border-radius:8px;font-size:.9rem;margin-top:15px}.warning-message p{margin:0}.form-actions{display:flex;gap:15px;justify-content:flex-end;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.cancel-btn,.list-btn{padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;border:none;cursor:pointer;transition:all .3s ease;min-width:120px}.cancel-btn:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.list-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 4px 15px #28a7454d}.list-btn:hover:not(:disabled){background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-1px);box-shadow:0 6px 20px #28a74566}.cancel-btn:disabled,.list-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.list-item-modal-overlay{padding:10px}.list-item-modal{max-width:100%}.list-item-modal-header,.list-item-modal-body{padding:20px}.list-item-modal-header h2{font-size:1.5rem}.item-preview{flex-direction:column;align-items:center;text-align:center}.item-preview .item-image{align-self:center}.detail-row{justify-content:center;gap:10px}.form-actions{flex-direction:column}.cancel-btn,.list-btn{width:100%}.receive-info{flex-direction:column;align-items:flex-start;gap:5px}.receive-value{align-self:flex-end}}.item-preview{display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff0d;border-radius:12px;margin-bottom:25px;border:1px solid rgba(255,255,255,.1)}.update-price-form{display:flex;flex-direction:column;gap:20px}.price-input{padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;transition:all .3s ease}.price-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40;background:#ffffff26}.price-input:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#ff6b6b;font-size:.9rem;padding:10px;background:#ff6b6b1a;border-radius:8px;border:1px solid rgba(255,107,107,.3)}.cancel-btn,.update-btn{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:100px}.update-btn{background:linear-gradient(135deg,#007bff,#00d4ff);color:#fff;border:none}.update-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #007bff66}.update-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.modal-content{width:95%;margin:10px}.modal-header,.modal-body{padding:15px}.item-preview{flex-direction:column;text-align:center}.item-icon{width:60px;height:60px}.modal-actions{flex-direction:column}.cancel-btn,.update-btn{width:100%}}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;color:#fff;font-size:1.5rem;font-weight:600}.close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#ffffff1a;transform:scale(1.1)}.modal-body{padding:25px}.item-preview{display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff0d;border-radius:12px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.item-icon{width:80px;height:80px;border-radius:8px;border:2px solid rgba(255,255,255,.1)}.item-info h3{margin:0 0 8px;color:#fff;font-size:1.1rem;font-weight:600}.current-price{margin:5px 0;color:#00d4ff;font-weight:600;font-size:1rem}.exterior,.rarity{display:inline-block;padding:2px 8px;margin:2px 4px 2px 0;background:#ffffff1a;border-radius:12px;font-size:.8rem;color:#b3b3b3}.warning-message{display:flex;align-items:flex-start;gap:15px;padding:20px;background:#ffc1071a;border-radius:12px;border:1px solid rgba(255,193,7,.3);margin-bottom:20px}.warning-icon{font-size:1.5rem;flex-shrink:0}.warning-text{flex:1}.warning-text p{margin:0 0 10px;color:#fff;line-height:1.4}.warning-text p:last-child{margin-bottom:0;color:#b3b3b3;font-size:.9rem}.error-message{color:#ff6b6b;font-size:.9rem;padding:10px;background:#ff6b6b1a;border-radius:8px;border:1px solid rgba(255,107,107,.3);margin-bottom:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.remove-btn{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.cancel-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.cancel-btn:hover:not(:disabled){background:#fff3;transform:translateY(-2px)}.remove-btn{background:linear-gradient(135deg,#dc3545,#ff4757);color:#fff;border:none}.remove-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #dc354566}.remove-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.modal-content{width:95%;margin:10px}.modal-header,.modal-body{padding:15px}.item-preview{flex-direction:column;text-align:center}.item-icon{width:60px;height:60px}.warning-message{flex-direction:column;text-align:center}.modal-actions{flex-direction:column}.cancel-btn,.remove-btn{width:100%}}.active-sales-container{max-width:1200px;margin:0 auto;padding:2rem}.active-sales-header{text-align:center;margin-bottom:2rem}.active-sales-header h2{color:#333;margin-bottom:.5rem}.active-sales-header p{color:#666;font-size:1.1rem}.active-sales-loading,.active-sales-error{text-align:center;padding:2rem;font-size:1.1rem}.active-sales-error{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}.no-transactions{text-align:center;padding:3rem;color:#666}.transactions-section{margin-bottom:2rem}.transactions-section h3{color:#333;margin-bottom:1rem;border-bottom:2px solid #007bff;padding-bottom:.5rem}.transactions-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.transaction-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.75rem;box-shadow:0 1px 4px #0000004d;transition:transform .2s ease,box-shadow .2s ease;display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:1rem;min-height:70px;width:100%}.transaction-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0006;background:#ffffff14}.transaction-card.highlighted{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.transaction-card.completed{opacity:.8}.transaction-image{display:flex;justify-content:center;align-items:center;width:60px;height:60px;flex-shrink:0;padding:.25rem;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.transaction-image .item-icon{max-width:50px;max-height:50px;width:auto;height:auto;object-fit:contain;border-radius:3px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.transaction-image .no-image-placeholder{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border:1px dashed #dee2e6;border-radius:2px;color:#6c757d;font-size:.7rem;font-weight:500}.transaction-main-info{display:flex;flex-direction:column;justify-content:center;flex-grow:1;min-width:0}.transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.transaction-title{flex:1;min-width:0}.transaction-title h4{margin:0;color:#fff;font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-price{font-size:1.1rem;font-weight:700;color:#28a745;margin-left:1rem;white-space:nowrap}.transaction-status{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500;color:#fff;text-transform:uppercase;margin-top:.25rem}.transaction-details,.transaction-users{margin-bottom:.25rem}.transaction-user{margin-bottom:.25rem;padding:.15rem .4rem;background-color:#f8f9fa;border-radius:3px;font-size:.75rem}.transaction-user strong{color:#333}.trade-url{margin-top:.25rem}.trade-url small{color:#666;font-family:monospace;word-break:break-all}.transaction-info{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:2px 6px;background-color:#ffffff0d;border-radius:3px;font-size:.7rem;border:1px solid rgba(255,255,255,.1)}.info-item span:first-child{color:#b3b3b3;font-size:.7rem;margin-right:4px}.info-item span:last-child{font-weight:500;color:#fff}.seller-receives{color:#28a745!important;font-size:.7rem!important;font-weight:600!important}.transaction-actions{display:flex;flex-direction:column;gap:.5rem;justify-self:end;align-items:center;position:relative;z-index:10}.transaction-users,.trade-url,.transaction-details{display:none}.action-button{padding:.4rem .8rem;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:80px;text-transform:none;letter-spacing:.025em;box-shadow:0 1px 4px #0003;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;z-index:10}.remove-button{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:2px solid transparent;position:relative;z-index:20;font-size:1rem;min-width:40px;max-width:40px;padding:.4rem}.remove-button:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#a71e2a);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 16px #dc35454d}.remove-button{text-indent:-9999px;overflow:hidden}.remove-button:after{content:"✕";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:700;color:#fff;text-indent:0}.waiting-message{display:none}.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 1px 3px #0000001a}.action-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.action-button:active:not(:disabled){transform:translateY(0);transition:transform .1s ease}.ship-button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:2px solid transparent}.ship-button:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 16px #007bff4d}.confirm-button{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;border:2px solid transparent}.confirm-button:hover:not(:disabled){background:linear-gradient(135deg,#1e7e34,#155724);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 16px #28a7454d}.in-sale-actions{display:flex;flex-direction:column;gap:.5rem;align-items:center}.waiting-message{text-align:center;padding:.75rem 1rem;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-weight:500;font-size:.85rem;box-shadow:0 2px 8px #0000000d;position:relative;overflow:hidden}.waiting-message:before{content:"⏳";font-size:1rem;margin-right:.5rem}.waiting-message.processing:before{content:"⚡";animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 768px){.active-sales-container{padding:1rem}.transactions-grid{grid-template-columns:1fr}.transaction-card{grid-template-columns:50px 1fr auto;gap:.75rem;padding:.5rem}.transaction-image{width:50px;height:50px}.transaction-image .item-icon{max-width:40px;max-height:40px}.transaction-title h4{font-size:.9rem}.transaction-price{font-size:1rem}.action-button{min-width:70px;padding:.3rem .6rem;font-size:.7rem}.transaction-actions{gap:.4rem}}@media (max-width: 480px){.transaction-card{grid-template-columns:45px 1fr auto;gap:.5rem;padding:.4rem}.transaction-image{width:45px;height:45px}.transaction-image .item-icon{max-width:35px;max-height:35px}.action-button{min-width:60px;padding:.25rem .5rem;font-size:.65rem}.transaction-title h4{font-size:.85rem}.transaction-price{font-size:.9rem}.info-item{font-size:.65rem;padding:1px 4px}}@media (prefers-color-scheme: dark){.active-sales-container,.active-sales-header h2{color:#fff}.active-sales-header p{color:#ccc}.transactions-section h3{color:#fff}.transaction-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.transaction-title h4{color:#fff}.transaction-user{background-color:#333}.transaction-user strong{color:#fff}.trade-url small{color:#ccc}.info-item{background-color:#333}.info-item span:first-child{color:#ccc}.info-item span:last-child{color:#fff}.waiting-message{background-color:#664d03;border-color:#997404;color:#fff3cd}.no-transactions{color:#ccc}}.zeplinzone-actions{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;background:linear-gradient(135deg,#e8f5e8,#d4edda);border-radius:16px;border:2px solid transparent;box-shadow:0 4px 16px #28a7451a}.purchase-message{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:12px;padding:1.5rem;text-align:center;position:relative;overflow:hidden}.purchase-message:before{content:"✅";font-size:2rem;display:block;margin-bottom:.75rem}.purchase-message p{margin:.75rem 0;color:#155724;font-weight:500;line-height:1.5}.purchase-message p:first-of-type{font-size:1.2rem;font-weight:700;margin-bottom:1rem;color:#0d4f17}@media (prefers-color-scheme: dark){.purchase-message{background-color:#1e4d23;border-color:#2d5a32}.purchase-message p{color:#c8e6c9}.zeplinzone-actions{background:linear-gradient(135deg,#1e4d23,#2d5a32);border-color:transparent}.waiting-message{background:linear-gradient(135deg,#664d03,#997404);border-color:#ffc107;color:#fff3cd}.in-sale-actions{background:linear-gradient(135deg,#343a40,#495057);border-color:#6c757d}}.waiting-trade-actions{display:flex;flex-direction:column;gap:1rem;width:100%}.transaction-price-section{display:flex;align-items:center;gap:.5rem}.trade-url-button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.trade-url-button:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 2px 8px #007bff4d}.trade-url-button:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.transaction-price{font-weight:600;color:#fff;font-size:.9rem}.ready-button{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;border:2px solid transparent}.ready-button:hover:not(:disabled){background:linear-gradient(135deg,#138496,#0f6674);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 16px #17a2b84d}@media (max-width: 768px){.action-button{min-width:70px;padding:.3rem .6rem;font-size:.7rem}.transaction-actions{gap:.4rem}.in-sale-actions{padding:1rem;gap:1rem}.zeplinzone-actions,.purchase-message{padding:1.25rem}.transaction-price-section{flex-direction:column;align-items:flex-end;gap:.25rem}.trade-url-button{font-size:.6rem;padding:.2rem .4rem}}@media (max-width: 480px){.action-button{min-width:120px;padding:.625rem 1.25rem;font-size:.85rem}.waiting-message{padding:.6rem 1rem;font-size:.8rem}.transaction-price-section{flex-direction:column;align-items:flex-end;gap:.25rem}.trade-url-button{font-size:.6rem;padding:.2rem .4rem}}.history-container{padding:20px;color:#fff}.history-header{margin-bottom:20px}.history-header h2{color:#fff;margin-bottom:5px;font-size:1.8rem;font-weight:600}.history-header p{color:#b3b3b3;margin:0}.history-controls{display:flex;gap:20px;align-items:center;margin-bottom:20px;padding:15px;background:#ffffff0d;border-radius:8px;flex-wrap:wrap;border:1px solid rgba(255,255,255,.1)}.filter-controls,.sort-controls{display:flex;gap:10px;align-items:center}.filter-controls label,.sort-controls label{font-weight:500;color:#b3b3b3}.filter-controls select,.sort-controls select{padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff0d;color:#fff;font-size:14px}.filter-controls select:focus,.sort-controls select:focus{outline:none;border-color:#007bff}.history-stats{margin-left:auto;display:flex;gap:20px;color:#b3b3b3;font-size:14px}.history-loading,.history-error{text-align:center;padding:40px;color:#b3b3b3}.history-error{color:#dc3545;background:#dc35451a;border:1px solid rgba(220,53,69,.2);border-radius:4px}.no-history{text-align:center;padding:40px;color:#b3b3b3;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.history-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.history-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.75rem;box-shadow:0 1px 4px #0000004d;transition:transform .2s ease,box-shadow .2s ease;display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:1rem;min-height:70px;width:100%}.history-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0006;background:#ffffff14}.history-image{display:flex;justify-content:center;align-items:center;width:60px;height:60px;flex-shrink:0;padding:.25rem;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.history-image .item-icon{max-width:55px;max-height:55px;width:auto;height:auto;object-fit:contain;border-radius:2px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.history-image .no-image-placeholder{width:55px;height:55px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:2px;color:#b3b3b3;font-size:.7rem;font-weight:500}.history-main-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.history-title{display:flex;flex-direction:column;gap:.25rem}.history-title h4{margin:0;color:#fff;font-size:.95rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-status{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;color:#fff;background-color:#28a745;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.history-role{margin-top:.25rem}.role-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.role-badge.buyer,.role-badge.seller{background-color:#007bff;color:#fff}.history-price{font-size:1.1rem;font-weight:600;text-align:right;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end}.history-price .price-amount{margin-bottom:4px}.history-price.buyer{color:#dc3545}.history-price.seller{color:#28a745}.protection-info{display:flex;align-items:center;gap:4px;font-size:.8rem;color:orange;margin-top:4px;background:#ffa5001a;padding:2px 6px;border-radius:4px;border:1px solid rgba(255,165,0,.3);white-space:nowrap}.protection-icon{font-size:.7rem}.protection-text{font-size:.75rem;font-weight:500}@media (max-width: 768px){.history-controls{flex-direction:column;align-items:flex-start}.history-stats{margin-left:0;margin-top:10px}.history-grid{grid-template-columns:1fr}.history-card{grid-template-columns:50px 1fr auto;gap:.75rem;padding:.5rem}.history-image{width:50px;height:50px}.history-image .item-icon{max-width:45px;max-height:45px}.history-price{font-size:1rem}.history-price.buyer{color:#dc3545}.history-price.seller{color:#28a745}.protection-info{font-size:.7rem;padding:1px 4px}.protection-text{font-size:.65rem}}@media (max-width: 480px){.history-container{padding:10px}.history-card{grid-template-columns:45px 1fr auto;gap:.5rem;padding:.5rem}.history-image{width:45px;height:45px}.history-image .item-icon{max-width:40px;max-height:40px}.history-title h4{font-size:.85rem}.history-price{font-size:.9rem}.protection-info{font-size:.65rem;padding:1px 3px;margin-top:2px}.protection-text,.protection-icon{font-size:.6rem}.history-price.buyer{color:#dc3545}.history-price.seller{color:#28a745}}.inventory-container{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e);padding:20px;color:#fff}.inventory-header{text-align:center;margin-bottom:30px;padding:20px}.inventory-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px;background:linear-gradient(135deg,#007bff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.inventory-header p{font-size:1.1rem;color:#b3b3b3;margin:0}.tab-navigation{display:flex;justify-content:center;margin-bottom:30px;border-bottom:2px solid rgba(255,255,255,.1)}.tab-button{background:none;border:none;color:#b3b3b3;font-size:1.1rem;font-weight:500;padding:12px 24px;cursor:pointer;transition:all .3s ease;position:relative}.tab-button:hover,.tab-button.active{color:#007bff}.inventory-content,.sales-content,.history-content{background:#ffffff0d;border-radius:15px;padding:20px;margin-top:20px;border:1px solid rgba(255,255,255,.1)}.trade-url-required{display:flex;justify-content:center;align-items:center;min-height:50vh}.trade-url-notice{background:#ffffff0d;border-radius:20px;padding:40px;text-align:center;border:1px solid rgba(255,255,255,.1);max-width:500px;width:100%}.trade-url-notice h2{margin:0 0 15px;color:#fff;font-size:1.8rem}.trade-url-notice p{margin:0 0 25px;color:#b3b3b3;line-height:1.6}.set-trade-url-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #007bff4d}.set-trade-url-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 6px 20px #007bff66}.inventory-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.filter-controls,.sort-controls{display:flex;align-items:center;gap:10px}.filter-controls label,.sort-controls label{font-weight:500;color:#fff}.filter-controls select,.sort-controls select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:8px 12px;color:#fff;font-size:.9rem;min-width:150px}.filter-controls select option,.sort-controls select option{background:#1a1a2e;color:#fff;border:none;padding:8px 12px}.filter-controls select:focus,.sort-controls select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.inventory-stats{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.9rem;color:#b3b3b3;flex-wrap:wrap}.inventory-stats-left{display:flex;align-items:center;gap:15px;flex:1}.last-updated-info{color:#e0e0e0;font-weight:500;font-size:.85rem}.refresh-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-weight:500;flex-shrink:0}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-cooldown{color:#ffc107;font-weight:500;font-size:.8rem;padding:4px 8px;background:#ffc1071a;border-radius:4px;border:1px solid rgba(255,193,7,.2);flex-shrink:0}.loading-state,.error-state,.empty-state,.empty-filter-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;text-align:center}.error-message h3,.empty-state h3,.empty-filter-state h3{margin:0 0 15px;color:#fff;font-size:1.5rem}.error-message p,.empty-state p,.empty-filter-state p{margin:0 0 20px;color:#b3b3b3;line-height:1.6}.retry-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding:20px 0}.inventory-item{background:#ffffff0d;border-radius:12px;padding:15px;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;height:auto}.inventory-item:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.item-image-container{width:100%;height:180px;margin:0 auto 15px;text-align:center;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:8px;padding:15px;position:relative;overflow:hidden;box-sizing:border-box}.item-image{width:150px!important;height:150px!important;object-fit:contain;border-radius:6px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:all .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none;display:block;margin:0 auto}.item-image:hover,.clickable-image:hover{transform:scale(1.15);filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.item-image:active,.clickable-image:active{transform:scale(1.1)}.item-quality{position:absolute;bottom:0;left:0;right:0;height:4px;border-radius:0 0 8px 8px}.no-image{width:150px;height:150px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:8px;color:#888;font-size:.9rem;font-weight:500;text-align:center;border:1px dashed rgba(255,255,255,.2);margin:0 auto}.item-info{margin-bottom:10px;flex-grow:1;display:flex;flex-direction:column;width:100%}.item-name{font-size:1rem;font-weight:600;color:#fff;line-height:1.3;min-height:auto;cursor:pointer;transition:all .3s ease;padding:8px 6px;border-radius:6px;margin:-8px -6px 8px;display:block}.item-name:hover,.clickable-name:hover{color:#00d4ff;background:#00d4ff1a;transform:translateY(-1px)}.item-name:active,.clickable-name:active{transform:translateY(0)}.main-name{display:block;font-size:1rem;font-weight:600;margin-bottom:2px;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.3}.condition{display:block;font-size:.9rem;font-weight:400;color:#b3b3b3;margin-top:2px;font-style:italic}.exterior,.rarity{font-size:.9rem;font-weight:500}.exterior{color:#b3b3b3}.item-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;margin-bottom:15px}.tag{font-size:.75rem;padding:4px 8px;border-radius:4px;font-weight:500}.tag.tradable{background:#28a74533;color:#28a745;border:1px solid rgba(40,167,69,.3)}.tag.marketable{background:#007bff33;color:#007bff;border:1px solid rgba(0,123,255,.3)}.item-actions{margin-top:auto;padding-top:10px;width:100%}.list-item-btn{width:100%;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:10px 14px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-height:40px;display:flex;align-items:center;justify-content:center}.list-item-btn:hover:not(:disabled){background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-1px);box-shadow:0 4px 15px #20c9974d}.list-item-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6;transform:none}.listing-status{display:flex;flex-direction:column;gap:8px;width:100%}.listed-price{color:#4caf50;font-weight:700;font-size:.95rem;text-align:center;padding:8px 12px;background-color:#4caf5026;border-radius:6px;border:1px solid rgba(76,175,80,.3)}.listing-actions{display:flex;flex-direction:column;gap:8px;width:100%}.update-price-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s ease;min-height:36px;display:flex;align-items:center;justify-content:center}.update-price-btn:hover{background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-1px);box-shadow:0 4px 15px #2196f34d}.remove-listing-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s ease;min-height:36px;display:flex;align-items:center;justify-content:center}.remove-listing-btn:hover{background:linear-gradient(135deg,#d32f2f,#c62828);transform:translateY(-1px);box-shadow:0 4px 15px #f443364d}.item-image img.loaded{opacity:1;transform:scale(1)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.item-details:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.inventory-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00d4ff0d,#007bff0d);opacity:0;transition:opacity .3s ease;border-radius:12px;pointer-events:none}.inventory-item:hover:before{opacity:1}@media (max-width: 768px){.inventory-container{padding:15px}.inventory-header{padding:15px;margin-bottom:20px}.inventory-header h1{font-size:2rem}.inventory-header p{font-size:1rem}.tab-navigation{flex-wrap:wrap;justify-content:center;gap:5px}.tab-button{font-size:1rem;padding:10px 20px;flex:1;min-width:120px;max-width:150px}.inventory-controls{flex-direction:column;align-items:stretch;gap:15px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.item-image-container{width:100%;height:160px;padding:12px}.item-image{width:120px!important;height:120px!important}.trade-url-notice{padding:30px 20px;margin:0 10px}.trade-url-notice h2{font-size:1.5rem}.inventory-content,.sales-content,.history-content{padding:15px}}@media (max-width: 480px){.inventory-container,.inventory-header{padding:12px}.inventory-header h1{font-size:1.8rem}.tab-navigation{margin-bottom:20px}.tab-button{font-size:.9rem;padding:8px 12px;min-width:100px}.inventory-grid{grid-template-columns:1fr 1fr;gap:10px}.inventory-item{padding:10px;min-height:200px}.item-name{font-size:.9rem;line-height:1.3}.item-image-container{width:100%;height:140px;padding:10px}.item-image{width:100px!important;height:100px!important}.trade-url-notice{padding:20px 15px;margin:0 5px}.trade-url-notice h2{font-size:1.3rem;margin-bottom:15px}.trade-url-notice p{font-size:.9rem;line-height:1.5}.inventory-stats{flex-direction:column;align-items:stretch;gap:10px}.inventory-stats-left{justify-content:center;flex-direction:column;gap:8px}.last-updated-info{font-size:.75rem;text-align:center}.refresh-btn{font-size:.75rem;padding:4px 8px;min-height:36px}.refresh-cooldown{font-size:.75rem;padding:3px 6px;text-align:center;min-height:36px}.inventory-content,.sales-content,.history-content{padding:12px;border-radius:12px}}.confirmation-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.confirmation-modal{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:0;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #0006;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirmation-modal-header{padding:20px 24px 12px;border-bottom:1px solid #333}.confirmation-modal-header h3{margin:0;font-size:1.2em;color:#fff;font-weight:600}.confirmation-modal-body{padding:20px 24px}.confirmation-modal-body p{margin:0;color:#ccc;line-height:1.5}.confirmation-modal-footer{padding:16px 24px 24px;display:flex;justify-content:flex-end;gap:12px}.confirmation-modal-footer button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-width:80px}.cancel-button{background:#2d2d2d;color:#ccc;border:1px solid #444}.cancel-button:hover:not(:disabled){background:#3d3d3d;color:#fff;border-color:#555}.confirm-button{background:#dc3545;color:#fff;border:1px solid #dc3545}.confirm-button:hover:not(:disabled){background:#c82333;border-color:#c82333}.confirm-button.loading{opacity:.7;cursor:not-allowed}.confirmation-modal-footer button:disabled{cursor:not-allowed;opacity:.6}@media (max-width: 480px){.confirmation-modal{width:95%;margin:20px}.confirmation-modal-header,.confirmation-modal-body,.confirmation-modal-footer{padding-left:16px;padding-right:16px}.confirmation-modal-footer{flex-direction:column}.confirmation-modal-footer button{width:100%}}.skin-card{border:1px solid #ccc;border-radius:10px;padding:1rem;text-align:center;background-color:#453434;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;min-height:480px;max-height:480px;max-width:260px;width:100%}.skin-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000080,0 0 30px rgba(var(--glow-color-rgb),.6)!important}.skin-card{--glow-color-rgb: 204, 204, 204}.skin-image{width:100%;height:120px;object-fit:contain;border-radius:8px;margin-bottom:.75rem;background:#ffffff1a;transition:transform .3s ease}.skin-card:hover .skin-image{transform:scale(1.05)}.skin-name{color:#fff;font-size:.85rem;margin:.4rem 0;min-height:2.2rem;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2}.item-features{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin:.4rem 0;padding:.4rem;background:#0000004d;border-radius:6px;min-height:2.5rem;max-height:2.5rem;align-items:center;overflow:hidden;box-sizing:border-box}.feature-quality,.feature-weapon,.feature-type{background-color:#000c;color:#fff;padding:.2rem .4rem;border-radius:4px;font-size:.6rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.7);white-space:nowrap;text-transform:uppercase;letter-spacing:.1px;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0;max-width:calc(50% - .15rem)}.feature-quality{border:1px solid rgba(255,215,0,.6);background:linear-gradient(45deg,#ffd70033,#000c)}.feature-weapon{border:1px solid rgba(144,238,144,.6);background:linear-gradient(45deg,#90ee9033,#000c)}.feature-type{border:1px solid rgba(135,206,235,.6);background:linear-gradient(45deg,#87ceeb33,#000c)}@media (max-width: 768px){.item-features{gap:.2rem;padding:.3rem;min-height:2rem;max-height:2rem;margin:.3rem 0}.feature-quality,.feature-weapon,.feature-type{padding:.1rem .3rem;font-size:.55rem;max-width:calc(50% - .1rem);letter-spacing:0;border-radius:3px}.price-info{margin:.2rem 0}.zep-price{font-size:.8rem;margin:.05rem 0;line-height:1.1}.steam-price{font-size:.6rem}}.price-info{margin:.3rem 0;position:relative}.zep-price{color:#8bc34a;font-weight:700;font-size:.9rem;margin:.1rem 0;text-align:left;line-height:1.2}.steam-price{color:gold;font-size:.65rem;position:absolute;bottom:5px;right:5px;margin:0}.count{color:#90caf9;font-size:.8rem;margin:.25rem 0;text-align:left}.item-id{color:#b39ddb;font-size:.75rem;margin:.25rem 0;font-family:monospace}.buy-button-container{margin-top:auto}.buy-button{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:25px;cursor:pointer;font-weight:700;transition:all .3s ease;width:100%;font-size:.85rem}.buy-button:hover{background:linear-gradient(45deg,#45a049,#4caf50);transform:scale(1.05);box-shadow:0 4px 15px #4caf5066}.buy-button.in-cart{background:linear-gradient(45deg,#f44336,#d32f2f)}.buy-button.in-cart:hover{background:linear-gradient(45deg,#d32f2f,#f44336);transform:scale(1.05);box-shadow:0 4px 15px #f4433666}.buy-button-container{margin-top:auto;width:100%}.discount-badge{position:absolute;top:10px;right:10px;background-color:#4caf50;color:#fff;padding:5px 8px;border-radius:5px;font-size:.8rem;font-weight:700;z-index:10}.own-listing-overlay{position:absolute;top:10px;left:10px;z-index:10}.own-listing-text{background:linear-gradient(45deg,#ff9800,#f57c00);color:#fff;padding:5px 8px;border-radius:5px;font-size:.8rem;font-weight:700;border:1px solid rgba(255,152,0,.3)}.source-badge{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:5px;font-size:.75rem;font-weight:700;z-index:10}.source-badge.user-listing{background-color:#ff9800;color:#fff}.skin-card-link{text-decoration:none;color:inherit;display:block}.skin-card-link:hover,.skin-card-link:visited{text-decoration:none;color:inherit}.remove-listing-button{background:linear-gradient(45deg,#ff9800,#f57c00);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:25px;cursor:pointer;font-weight:700;transition:all .3s ease;width:100%;font-size:.85rem}.remove-listing-button:hover{background:linear-gradient(45deg,#f57c00,#e65100);transform:scale(1.05);box-shadow:0 4px 15px #ff980066}.remove-listing-button:active{transform:scale(.98)}.marketplace-container{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e);padding:20px;color:#fff}.marketplace-header{text-align:center;margin-bottom:20px;padding:20px}.marketplace-header h1{font-size:2.5rem;font-weight:700;margin:0 0 50px;background:linear-gradient(135deg,#007bff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.marketplace-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:40px;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.sort-filter-container{display:flex;align-items:center;gap:15px;position:relative;flex-wrap:wrap;flex:1}.sort-filter-container label+.filter-select-wrapper,.sort-filter-container label+.price-range-wrapper{display:inline-flex;white-space:nowrap}@media (min-width: 769px){.sort-filter-container label[for=exterior-filter]+.filter-select-wrapper{display:inline-flex;margin-left:8px}.sort-filter-container label[for=exterior-filter]{display:inline-flex;align-items:center;flex-shrink:0}.exterior-filter{display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}.price-range-wrapper{max-width:260px;flex-shrink:0;justify-content:flex-start}}.filter-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-left:auto}.sort-filter-container label{font-weight:500;color:#fff;white-space:nowrap}.filter-select-wrapper{position:relative;display:inline-block;min-width:150px;max-width:200px}.price-range-wrapper{display:flex;align-items:center;gap:8px;min-width:344px;flex-wrap:nowrap;flex-direction:row}.price-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 10px;color:#fff;font-size:.85rem;width:120px;transition:all .3s ease;box-sizing:border-box}.price-input::placeholder{color:#fff9;font-size:.8rem}.price-input:focus{outline:none;border-color:#007bff;background:#ffffff26;box-shadow:0 0 0 2px #007bff40}.price-input:hover{background:#ffffff26;border-color:#007bff80}.price-separator{color:#ffffffb3;font-weight:500;-webkit-user-select:none;user-select:none;font-size:.8rem}.price-apply-btn,.price-clear-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;padding:8px 12px;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;width:190px}.price-apply-btn:hover:not(:disabled),.price-clear-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.price-apply-btn:disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed;transform:none;box-shadow:none}.price-clear-btn{background:linear-gradient(135deg,#dc3545,#c82333);margin-left:0}.price-clear-btn:hover{background:linear-gradient(135deg,#c82333,#a71e2a)}.custom-select{position:relative;display:inline-block;width:100%}.custom-select-trigger{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:8px 12px;color:#fff;font-size:.9rem;cursor:pointer;width:100%;transition:all .4s cubic-bezier(.25,.46,.45,.94);appearance:none;position:relative;z-index:1;box-sizing:border-box;-webkit-user-select:none;user-select:none}.custom-select-trigger:hover{background:#ffffff26;border-color:#007bff80;transform:translateY(-2px);box-shadow:0 6px 20px #007bff40}.custom-select.active .custom-select-trigger{border-color:#007bff;box-shadow:0 0 0 3px #007bff40,0 8px 25px #007bff59;transform:translateY(-2px);background:#ffffff2e;z-index:10}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#1a1a2e;border:1px solid rgba(0,123,255,.4);border-radius:12px;box-shadow:0 10px 40px #0006,0 0 0 1px #007bff1a;z-index:100;max-height:240px;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.custom-select.active .custom-select-dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.custom-select-option{padding:10px 12px;color:#fff;cursor:pointer;transition:all .2s ease;border-radius:8px;margin:4px 6px;font-size:.9rem;position:relative;overflow:hidden;animation:fadeInUp .3s ease forwards;opacity:0;transform:translateY(10px)}.custom-select-option:first-child{margin-top:6px}.custom-select-option:last-child{margin-bottom:6px}.custom-select-option:hover,.custom-select-option.highlighted{background:linear-gradient(135deg,#007bff4d,#007bff33);transform:translate(4px);box-shadow:0 2px 8px #007bff33}.custom-select-option.selected{background:linear-gradient(135deg,#007bff66,#007bff4d);color:#fff;font-weight:600}.custom-select.active .custom-select-option:nth-child(1){animation-delay:.05s}.custom-select.active .custom-select-option:nth-child(2){animation-delay:.1s}.custom-select.active .custom-select-option:nth-child(3){animation-delay:.15s}.custom-select.active .custom-select-option:nth-child(4){animation-delay:.2s}.custom-select.active .custom-select-option:nth-child(5){animation-delay:.25s}.custom-select.active .custom-select-option:nth-child(6){animation-delay:.3s}.custom-select.active .custom-select-option:nth-child(7){animation-delay:.35s}.custom-select.active .custom-select-option:nth-child(8){animation-delay:.4s}.custom-select.active .custom-select-option:nth-child(9){animation-delay:.45s}.custom-select.active .custom-select-option:nth-child(10){animation-delay:.5s}.custom-select-dropdown::-webkit-scrollbar{width:6px}.custom-select-dropdown::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px;margin:8px 0}.custom-select-dropdown::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#007bff99,#007bff66);border-radius:3px}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#007bffcc,#007bff99)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.sort-filter-container select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:8px 32px 8px 12px;color:#fff;font-size:.9rem;cursor:pointer;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;position:relative;z-index:1;box-sizing:border-box}.sort-filter-container select:hover{background:#ffffff26;border-color:#007bff80;transform:translateY(-1px);box-shadow:0 4px 12px #007bff33}.sort-filter-container select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40,0 4px 12px #007bff4d;transform:translateY(-1px);background:#ffffff26}.refresh-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:40px;display:flex;align-items:center;justify-content:center}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-1px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed;background:#6c757d}.info-banner{text-align:center;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:15px;font-size:1.1rem;color:#b3b3b3;border:1px solid rgba(255,255,255,.1)}.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:30px;padding:20px 0;width:100%;box-sizing:border-box}.skin-grid .skin-card{background:#ffffff0d;border-radius:12px;padding:15px;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:320px;max-width:100%;width:100%;box-sizing:border-box;justify-content:space-between;text-align:center}.skin-grid .skin-card:hover{border-color:#007bff80;transform:translateY(-5px);box-shadow:0 10px 30px #007bff33;background:#ffffff14}.skin-grid .skin-card>*{max-width:100%;box-sizing:border-box}.skin-grid .skin-card .skin-image{width:100%;height:150px;object-fit:contain;border-radius:8px;margin-bottom:1rem;background:#ffffff1a}.skin-grid .skin-card .skin-name{color:#fff;font-size:.9rem;margin:.5rem 0;min-height:2.5rem;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word}.skin-grid .skin-card .price-info{margin:1rem 0;width:100%;position:relative}.skin-grid .skin-card .zep-price{color:#8bc34a;font-weight:700;font-size:1.1rem;margin:.25rem 0;text-align:left}.skin-grid .skin-card .steam-price{color:gold;font-size:.75rem;position:absolute;bottom:5px;right:5px;margin:0}.skin-grid .skin-card .count{color:#90caf9;font-size:.8rem;margin:.25rem 0;text-align:left}.skin-grid .skin-card .buy-button-container{margin-top:auto;width:100%}.loading-message,.error-message,.no-more-skins-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:#b3b3b3;background:#ffffff0d;border-radius:15px;margin:20px 0;border:1px solid rgba(255,255,255,.1)}.no-more-skins-message{color:#b3b3b3}@media (max-width: 768px){.marketplace-container{padding:15px}.marketplace-header{padding:15px;margin-bottom:20px}.marketplace-header h1{font-size:2rem}.marketplace-controls{flex-direction:column;gap:15px;padding:15px}.sort-filter-container{flex-direction:column;gap:10px;width:100%}.filter-actions{width:100%;justify-content:center;margin-left:0}.filter-select-wrapper{min-width:unset;max-width:unset;width:100%}.sort-filter-container select{width:100%}.sort-filter-container label{font-size:.9rem;margin-bottom:2px}.exterior-filter{flex-direction:column;align-items:flex-start;white-space:normal;width:100%}.price-range-wrapper{min-width:unset;width:100%;justify-content:space-between;flex-wrap:nowrap;gap:8px}.price-input{flex:1;min-width:60px;max-width:none;font-size:.8rem;padding:6px 8px}.price-apply-btn,.price-clear-btn{padding:10px 14px;font-size:.85rem;width:100%;min-width:unset}.price-apply-btn{margin-right:0}.price-clear-btn{margin-left:0}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:25px;padding:15px 0;width:100%}.info-banner{padding:15px;font-size:1rem;margin-bottom:20px}}@media (max-width: 480px){.marketplace-header h1{font-size:1.8rem}.marketplace-controls{margin-top:20px;padding:15px}.sort-filter-container{gap:8px}.sort-filter-container label{font-size:.8rem}.sort-filter-container select{font-size:.9rem;padding:8px}.skin-grid{grid-template-columns:repeat(2,1fr);gap:15px;width:100%}.skin-grid .skin-card{min-height:280px;max-width:100%}}.profile-container{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e);padding:20px;color:#fff;width:100vw;box-sizing:border-box;margin:0;margin-left:calc(-50vw + 50%);position:relative}.profile-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f0f23,#1a1a2e);z-index:-1}.profile-header{text-align:center;margin-bottom:30px;padding:20px}.profile-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px;background:linear-gradient(135deg,#007bff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-welcome{font-size:1.1rem;color:#b3b3b3;margin:0}.profile-tabs{display:flex;justify-content:center;margin-bottom:30px;border-bottom:2px solid rgba(255,255,255,.1)}.tab-button{background:none;border:none;color:#b3b3b3;font-size:1.1rem;font-weight:500;padding:12px 24px;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent;position:relative}.profile-container button{background-color:transparent!important;border-color:#ffffff1a!important;color:inherit!important}.profile-container button:hover{border-color:#007bff80!important;background-color:transparent!important}.profile-container *:hover{color:inherit}.profile-container .info-item:hover,.profile-container .transaction-item:hover{background:#ffffff14!important;border-color:#007bff80!important}.profile-container button:hover,.profile-container .retry-btn:hover,.profile-container .set-trade-url-btn:hover{background:linear-gradient(135deg,#0056b3,#004085)!important;border-color:#007bff80!important;box-shadow:0 6px 20px #007bff66!important}.profile-container .tab-button:hover,.tab-button:hover{color:#007bff!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}.profile-content{background:#ffffff0d;border-radius:15px;padding:20px;margin-top:20px;border:1px solid rgba(255,255,255,.1)}.profile-info-section h2,.profile-balance-section h2{font-size:1.5rem;font-weight:600;margin:30px 0 20px;background:linear-gradient(135deg,#007bff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.balance-cards-container{display:flex;gap:1rem;align-items:stretch;justify-content:center;max-width:600px;width:100%;margin:0 auto 20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.info-item{background:#ffffff0d;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.info-item:hover{background:#ffffff14;border-color:#007bff80;transform:translateY(-2px)}.info-item label{display:block;font-size:.9rem;color:#b3b3b3;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.info-item span{font-size:1.1rem;color:#fff;font-weight:600}.frozen-balance-note{color:#e6e6e6;font-size:.75rem;margin:.5rem 0 0;text-align:center;line-height:1.3;opacity:.9;background:#ffffff0d;padding:.4rem .6rem;border-radius:6px}.balance-note{text-align:center;padding:16px;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.balance-note p{margin:0;font-size:.9rem;opacity:.9}.transaction-history{margin-top:40px}.transaction-history h3{font-size:1.4rem;font-weight:600;color:#fff;margin-bottom:20px;padding-bottom:8px;border-bottom:1px solid #333}.loading-transactions,.error-transactions,.no-transactions{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:#b3b3b3;background:#ffffff0d;border-radius:15px;margin:20px 0;border:1px solid rgba(255,255,255,.1)}.retry-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #007bff4d;margin-top:12px}.retry-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 6px 20px #007bff66}.transactions-list{display:flex;flex-direction:column;gap:16px}.transaction-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;background:#ffffff0d;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.transaction-item:hover{background:#ffffff14;border-color:#007bff80;transform:translateY(-2px)}.transaction-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;border:2px solid rgba(255,255,255,.1)}.transaction-type{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:4px}.transaction-description{font-size:.9rem;color:#b3b3b3;margin-bottom:4px}.transaction-date{font-size:.8rem;color:#b3b3b3}.transaction-amount{font-size:1.2rem;font-weight:700;text-align:right}.loading{display:flex;justify-content:center;align-items:center;min-height:60vh;color:#b3b3b3;font-size:1.2rem}.trade-url-info,.trade-url-display{display:flex;flex-direction:column;gap:8px}.trade-url-status{font-weight:600;font-size:.9rem;padding:4px 8px;border-radius:6px;display:inline-block;width:fit-content}.trade-url-status.verified{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.trade-url-status.unverified{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.trade-url-text{font-size:.8rem;color:#aaa;word-break:break-all;font-family:Courier New,monospace;background:#ffffff0d;padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.set-trade-url-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #007bff4d;width:fit-content}.set-trade-url-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 12px #007bff66}.steam-id{font-family:Courier New,monospace;background:#ffffff0d;padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,.1);font-size:.9rem;color:#b3b3b3}@media (max-width: 768px){.profile-container{padding:16px;margin:0;margin-left:calc(-50vw + 50%);width:100vw}.profile-header{padding:24px 16px}.profile-header h1{font-size:2rem}.profile-tabs{flex-wrap:wrap;justify-content:center;gap:5px}.tab-button{font-size:1rem;padding:10px 20px;flex:1;min-width:120px;max-width:150px}.profile-content{padding:20px}.info-grid{grid-template-columns:1fr;gap:16px}.balance-cards-container{flex-direction:column;gap:1rem;max-width:400px}.current-balance-card,.frozen-balance-info{min-height:100px;padding:1rem}.balance-amount,.frozen-balance-amount{font-size:1.8rem}.transaction-item{grid-template-columns:auto 1fr;gap:12px}.transaction-amount{grid-column:1 / -1;text-align:center;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.transaction-icon{width:50px;height:50px;font-size:1.5rem}}@media (max-width: 480px){.profile-header h1{font-size:1.8rem}.profile-welcome{font-size:1rem}.balance-amount,.frozen-balance-amount{font-size:1.6rem}.info-item,.transaction-item{padding:16px}}.payment-page{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e);padding:20px;color:#fff;width:100vw;box-sizing:border-box;margin:0;margin-left:calc(-50vw + 50%);position:relative}.payment-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f0f23,#1a1a2e);z-index:-1}.payment-container{max-width:900px;margin:0 auto;position:relative;z-index:1;padding:0 20px}.payment-header{text-align:center;margin-bottom:30px;padding:20px}.payment-title{font-size:2.5rem;font-weight:700;margin:0 0 10px;background:linear-gradient(135deg,#007bff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.payment-subtitle{font-size:1.1rem;color:#b3b3b3;max-width:600px;margin:0 auto;line-height:1.6}.balance-overview{margin-bottom:30px;display:flex;justify-content:center}.balance-cards-container{display:flex;gap:1rem;align-items:stretch;justify-content:center;max-width:600px;width:100%}.current-balance-card{background:linear-gradient(135deg,#4caf5026,#4caf500d);border:1px solid rgba(76,175,80,.3);border-radius:12px;padding:1.25rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;min-height:120px;display:flex;flex-direction:column;justify-content:center;flex:1}.current-balance-card:hover{background:linear-gradient(135deg,#4caf5033,#4caf5014);border-color:#4caf5066;transform:translateY(-2px);box-shadow:0 8px 25px #4caf5033}.current-balance-label{font-size:.9rem;color:#a8e6cf;margin-bottom:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.balance-amount{font-size:2rem;font-weight:700;color:#4caf50;margin:0;text-shadow:0 2px 4px rgba(76,175,80,.3);display:flex;align-items:center;justify-content:center;gap:.5rem}.frozen-balance-info{background:linear-gradient(135deg,#ffa50026,#ffa5000d);border:1px solid rgba(255,165,0,.3);border-radius:12px;padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;min-height:120px;display:flex;flex-direction:column;justify-content:center;text-align:center;flex:1}.frozen-balance-info:hover{background:linear-gradient(135deg,#ffa50033,#ffa50014);border-color:#ffa50066;transform:translateY(-2px);box-shadow:0 8px 25px #ffa50033}.frozen-balance-header{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;gap:.5rem}.frozen-balance-header:before{content:"🔒";font-size:1rem}.frozen-balance-title{font-size:.9rem;color:#ffb366;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin:0}.frozen-balance-amount{font-size:2rem;font-weight:700;color:orange;margin:0;text-shadow:0 2px 4px rgba(255,165,0,.3);display:flex;align-items:center;justify-content:center;gap:.5rem}.frozen-balance-note{color:#e6e6e6;font-size:.75rem;margin:.5rem 0 0;text-align:center;line-height:1.3;opacity:.9;background:#ffffff0d;padding:.4rem .6rem;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.payment-tabs{display:flex;justify-content:center;margin-bottom:30px;border-bottom:2px solid rgba(255,255,255,.1)}.tab-button{background:none;border:none;color:#b3b3b3;font-size:1.1rem;font-weight:500;padding:12px 24px;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent;position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.tab-button:hover{color:#007bff!important;border-color:transparent!important;background-color:transparent!important}.tab-button.active{color:#007bff;border-bottom-color:#007bff}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:80%;height:2px;background:linear-gradient(135deg,#007bff,#00d4ff);border-radius:1px}.tab-icon{font-size:1.2rem}.payment-content{background:#ffffff0d;border-radius:15px;padding:30px;margin-top:20px;border:1px solid rgba(255,255,255,.1)}.payment-section{animation:fadeIn .5s ease-in-out}.section-title{font-size:1.8rem;font-weight:600;margin:0 0 10px;background:linear-gradient(135deg,#007bff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.section-description{color:#b3b3b3;text-align:center;margin-bottom:30px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.payment-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:800px;margin:0 auto}.payment-method{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:25px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden}.payment-method:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,123,255,.1),transparent);transition:left .5s ease}.payment-method:hover:before{left:100%}.payment-method:hover{border-color:#007bff;background:#007bff14;transform:translateY(-2px);box-shadow:0 10px 30px #007bff33}.method-icon{font-size:2.5rem;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#007bff1a;border-radius:12px;border:1px solid rgba(0,123,255,.3)}.method-content{flex:1}.method-name{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:8px}.method-description{font-size:.9rem;color:#b3b3b3;line-height:1.5;margin:0}.method-arrow{font-size:1.5rem;color:#007bff;transition:transform .3s ease}.payment-method:hover .method-arrow{transform:translate(5px)}.security-notice{background:#007bff0d;border:1px solid rgba(0,123,255,.3);border-radius:12px;padding:25px;display:flex;align-items:center;gap:20px;max-width:600px;margin:0 auto}.notice-icon{font-size:2rem;flex-shrink:0;color:#007bff}.notice-content h3{font-size:1.1rem;font-weight:600;color:#007bff;margin-bottom:8px}.notice-content p{font-size:.9rem;color:#b3b3b3;margin:0;line-height:1.5}@media (max-width: 1024px){.payment-container{max-width:750px;padding:0 30px}}@media (max-width: 768px){.payment-page{padding:15px}.payment-container{padding:15px;max-width:100%}.payment-title{font-size:2rem}.payment-subtitle{font-size:1rem}.balance-overview{margin-bottom:20px}.balance-cards-container{flex-direction:column;gap:1rem;max-width:400px}.current-balance-card,.frozen-balance-info{min-height:100px;padding:1rem}.balance-amount,.frozen-balance-amount{font-size:1.6rem}.current-balance-label,.frozen-balance-title{font-size:.8rem}.frozen-balance-note{font-size:.7rem;padding:.3rem .5rem}.payment-tabs{border-bottom:1px solid rgba(255,255,255,.1)}.tab-button{padding:10px 20px;font-size:1rem}.payment-methods{grid-template-columns:1fr}.payment-method{padding:20px}.method-icon{font-size:2rem;width:50px;height:50px}.method-name{font-size:1.1rem}.security-notice{flex-direction:column;text-align:center;padding:20px}.notice-icon{font-size:2.5rem}}@media (max-width: 480px){.payment-container{padding:10px}.payment-title{font-size:1.8rem}.balance-amount,.frozen-balance-amount{font-size:1.4rem}.section-title{font-size:1.5rem}.payment-method{padding:15px;gap:15px}.method-icon{font-size:1.8rem;width:45px;height:45px}}.skin-details-container{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e);padding:20px;color:#fff;margin-top:10px}.skin-details-header{margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.skin-details-icon{width:120px;height:120px;object-fit:contain;border-radius:8px;background:#ffffff1a;padding:10px}.skin-main-info{display:flex;align-items:flex-start;gap:2rem}.skin-header-info{flex:1;display:flex;flex-direction:column;gap:.75rem}.skin-header-info h1{font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,#007bff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.available-count{color:#b3b3b3;font-size:1rem;margin:0}.skin-listings{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:30px;padding:20px 0;width:100%;box-sizing:border-box}.skin-listings .skin-card{background:#ffffff0d;border-radius:12px;padding:15px;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:320px;max-width:100%;width:100%;box-sizing:border-box;justify-content:space-between;text-align:center}.skin-listings .skin-card:hover{border-color:#007bff80;transform:translateY(-5px);box-shadow:0 10px 30px #007bff33;background:#ffffff14}.skin-listings .skin-card>*{max-width:100%;box-sizing:border-box}.skin-listings .skin-card .skin-image{width:100%;height:150px;object-fit:contain;border-radius:8px;margin-bottom:1rem;background:#ffffff1a}.skin-listings .skin-card .skin-name{color:#fff;font-size:.9rem;margin:.5rem 0;min-height:2.5rem;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word}.skin-listings .skin-card .price-info{margin:.5rem 0;width:100%;position:relative}.skin-listings .skin-card .zep-price{color:#8bc34a;font-weight:700;font-size:.95rem;margin:.1rem 0;text-align:left;line-height:1.1}.skin-listings .skin-card .steam-price{display:none}.skin-listings .skin-card .count{color:#90caf9;font-size:.8rem;margin:.25rem 0;text-align:left}.skin-listings .skin-card .buy-button-container{margin-top:auto;width:100%}.skin-listings p{grid-column:1 / -1;text-align:center;color:#b3b3b3;font-size:1.1rem;padding:40px 20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.loading-message,.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:#b3b3b3;background:#ffffff0d;border-radius:15px;margin:20px 0;border:1px solid rgba(255,255,255,.1);font-size:1.2rem}.error-message{color:#ff6b6b;background:#ff6b6b1a;border-color:#ff6b6b33}.buy-now-button{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:10px 20px;border:none;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:500;margin-top:10px;transition:all .3s ease}.buy-now-button:hover{background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-1px)}@media (max-width: 768px){.skin-details-container{padding:15px}.skin-main-info{flex-direction:column;gap:1rem}.skin-details-icon{width:100px;height:100px;align-self:center}.skin-header-info h1{font-size:1.5rem;text-align:center}.skin-listings{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:25px;padding:15px 0;width:100%}}@media (max-width: 480px){.skin-details-header{padding:15px}.skin-header-info h1{font-size:1.3rem}.skin-listings{grid-template-columns:repeat(2,1fr);gap:15px;width:100%}.skin-listings .skin-card{min-height:280px;max-width:100%}}.listings-section-title{font-size:1.5rem;font-weight:600;margin:30px 0 20px;background:linear-gradient(135deg,#007bff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.steam-price-top{display:flex;align-items:center;gap:.5rem;background:transparent;border-radius:8px;padding:8px 12px;width:fit-content}.price-label{color:#b3b3b3;font-size:.9rem}.price-value{color:gold;font-weight:600;font-size:1rem}.steam-link{margin-top:10px}.steam-market-link-small{display:inline-flex;align-items:center;gap:.5rem;padding:8px 16px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .3s ease;border:1px solid rgba(0,123,255,.3)}.steam-market-link-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d;background:linear-gradient(135deg,#0056b3,#004085)}.skin-details-features{display:inline-flex;flex-wrap:wrap;gap:.4rem;margin-top:10px;justify-content:flex-start;align-items:center;box-sizing:border-box;width:fit-content;max-width:100%}.skin-details-features .feature-quality,.skin-details-features .feature-weapon,.skin-details-features .feature-type{background-color:#000c;color:#fff;padding:.3rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.7);white-space:nowrap;text-transform:uppercase;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0;max-width:150px}.skin-details-features .feature-quality{border:1px solid rgba(255,215,0,.6);background:linear-gradient(45deg,#ffd7004d,#000c)}.skin-details-features .feature-weapon{border:1px solid rgba(144,238,144,.6);background:linear-gradient(45deg,#90ee904d,#000c)}.skin-details-features .feature-type{border:1px solid rgba(135,206,235,.6);background:linear-gradient(45deg,#87ceeb4d,#000c)}@media (max-width: 768px){.skin-details-features{gap:.3rem;margin-top:8px}.skin-details-features .feature-quality,.skin-details-features .feature-weapon,.skin-details-features .feature-type{padding:.25rem .4rem;font-size:.65rem;max-width:120px;letter-spacing:.1px;border-radius:4px}}.cart-container{padding:20px;max-width:1200px;margin:0 auto;color:#eee;min-height:80vh;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:12px;box-shadow:0 10px 30px #0000004d}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #333}.cart-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.cart-count{background:linear-gradient(45deg,#646cff,#4338ca);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9rem;box-shadow:0 4px 12px #646cff4d}.cart-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;color:#eee;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:12px;margin:20px}.loading-spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#646cff;animation:spin 1s ease-in-out infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.empty-cart{text-align:center;padding:80px 20px;color:#ccc;background:#ffffff05;border-radius:16px;border:2px dashed #333}.empty-cart-icon{font-size:4rem;margin-bottom:20px;opacity:.7}.empty-cart h2{color:#fff;font-size:1.8rem;margin-bottom:10px}.empty-cart p{font-size:1.1rem;margin-bottom:30px}.browse-marketplace-btn{background:linear-gradient(45deg,#646cff,#4338ca);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #646cff4d}.browse-marketplace-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #646cff66}.cart-content{display:grid;grid-template-columns:1fr 400px;gap:30px;align-items:start}.cart-items{display:flex;flex-direction:column;gap:20px}.cart-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:1px solid #333;border-radius:16px;padding:20px;transition:all .3s ease;box-shadow:0 4px 15px #0003}.cart-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d;border-color:#646cff}.cart-item-image-container{position:relative;width:120px;height:120px}.cart-item-image{width:100%;height:100%;object-fit:contain;border-radius:12px;background:linear-gradient(45deg,#1a1a1a,#2a2a2a);border:2px solid #333;transition:transform .3s ease}.cart-item:hover .cart-item-image{transform:scale(1.05)}.item-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;padding:4px 8px;border-radius:8px;font-size:.7rem;font-weight:600;box-shadow:0 2px 8px #ff6b6b4d}.cart-item-info{flex:1;display:flex;flex-direction:column;gap:8px}.item-name{margin:0 0 8px;color:#fff;font-size:1.4rem;font-weight:600;line-height:1.3}.item-price{margin:0;color:#4caf50;font-weight:700;font-size:1.6rem;text-shadow:0 2px 4px rgba(76,175,80,.3)}.cart-item-actions{display:flex;align-items:center}.remove-button{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:12px;border-radius:12px;cursor:pointer;font-size:1.2rem;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.remove-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.remove-icon{font-size:1.2rem}.cart-summary{position:sticky;top:20px}.cart-summary-card{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:1px solid #333;border-radius:16px;padding:24px;box-shadow:0 8px 25px #0000004d}.summary-header{margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #333}.summary-header h2{margin:0;color:#fff;font-size:1.5rem;font-weight:600}.summary-details{margin-bottom:20px}.summary-line{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #333;color:#ccc}.summary-line:last-child{border-bottom:none}.summary-line.total{font-size:1.2rem;font-weight:700;color:#fff;padding-top:16px;margin-top:16px;border-top:2px solid #646cff}.summary-line.total span:last-child{color:#4caf50;font-size:1.4rem}.balance-info{margin:20px 0;padding:16px;background:#646cff1a;border-radius:12px;border:1px solid rgba(100,108,255,.3)}.balance-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.balance-display span:first-child{color:#ccc;font-size:.9rem}.balance-amount{color:#4caf50!important;font-weight:700;font-size:1.1rem}.insufficient-balance{display:flex;justify-content:space-between;align-items:center;color:#ff6b6b!important;font-weight:600;font-size:.9rem;margin-top:8px;padding:8px 12px;background:#ff6b6b1a;border-radius:8px;border:1px solid rgba(255,107,107,.3)}.cart-actions{display:flex;gap:12px;margin-top:24px}.clear-cart-button{background:linear-gradient(45deg,#666,#555);color:#fff;border:none;padding:14px 20px;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:600;flex:1;transition:all .3s ease;box-shadow:0 4px 15px #0003}.clear-cart-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.checkout-button{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:none;padding:14px 20px;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:700;flex:2;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d;display:flex;align-items:center;justify-content:center;gap:8px}.checkout-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.checkout-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.checkout-button:disabled:hover{transform:none;box-shadow:0 4px 15px #4caf504d}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.balance-popup{background-color:#2a2a2a;border:1px solid #444;border-radius:12px;padding:30px;max-width:450px;width:90%;box-shadow:0 10px 30px #0009;position:relative;animation:popupFadeIn .3s ease-out;color:#ffffffde}.balance-popup h2{color:#ff6b6b;margin:0;font-size:24px}.balance-display{text-align:center;margin-bottom:20px;padding:15px;background-color:#1a1a1a;border-radius:8px;border:1px solid #333}.balance-display p{margin:8px 0;font-size:16px}.balance-amount{color:#4caf50;font-weight:700}.total-needed{color:#646cff;font-weight:700}.amount-needed{color:#ff6b6b;font-weight:700}.transaction-error{background:#ff00001a;border:1px solid rgba(255,0,0,.3);color:#ff6b6b;padding:12px;border-radius:8px;margin:10px 0;text-align:center;font-weight:500;box-shadow:0 2px 10px #ff00001a}.transaction-error span{display:block;margin:4px 0}@media (max-width: 1024px){.cart-content{grid-template-columns:1fr;gap:30px}.cart-summary{position:static}}@media (max-width: 768px){.cart-container{padding:16px;margin:10px}.cart-header{flex-direction:column;gap:16px;text-align:center}.cart-header h1{font-size:2rem}.cart-item{grid-template-columns:auto 1fr;gap:16px;padding:16px}.cart-item-image-container{width:100px;height:100px}.cart-item-actions{grid-column:1 / -1;justify-content:center;margin-top:16px}.cart-actions{flex-direction:column;gap:12px}.checkout-button,.clear-cart-button{width:100%;flex:none}.balance-popup{width:95%;padding:20px}.transaction-input-section{padding:10px}.transaction-amount-input{padding:10px;font-size:14px}.balance-actions{flex-direction:column;gap:10px}.balance-action-button{width:100%}.balance-display{padding:10px}}@media (max-width: 480px){.cart-container{padding:12px;margin:5px}.cart-header h1{font-size:1.8rem}.cart-item{grid-template-columns:1fr;text-align:center;padding:12px}.cart-item-image-container{width:80px;height:80px;margin:0 auto}.item-name{font-size:1.1rem;line-height:1.3;margin:8px 0}.item-price{font-size:1.3rem;margin:8px 0}.cart-item-actions{margin-top:12px;gap:8px}.remove-item-button{padding:8px 16px;font-size:.9rem;min-height:44px}.cart-summary-card{padding:16px;margin:10px 0}.summary-header h2{font-size:1.3rem}.summary-item{font-size:.95rem;padding:8px 0}.checkout-button,.clear-cart-button{padding:12px;font-size:1rem;min-height:44px}.balance-popup{width:95%;padding:16px;margin:10px}.transaction-amount-input{padding:12px;font-size:16px;min-height:44px}}.checkout-success-container{max-width:1000px;margin:0 auto;padding:20px;color:#eee;min-height:80vh;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:12px;box-shadow:0 10px 30px #0000004d}.success-header{text-align:center;margin-bottom:40px;padding:40px 20px;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:16px;color:#fff;box-shadow:0 8px 25px #4caf504d}.success-icon{font-size:5rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.success-header h1{font-size:2.8rem;margin-bottom:12px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.success-message{font-size:1.3rem;opacity:.9;max-width:600px;margin:0 auto 20px}.transaction-details{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);padding:32px;border-radius:16px;border:1px solid #333;margin-bottom:32px;box-shadow:0 8px 25px #0000004d}.transaction-details h2{color:#fff;margin-bottom:24px;font-size:1.8rem;font-weight:600;padding-bottom:12px;border-bottom:2px solid #646cff}.transaction-info{display:flex;flex-direction:column;gap:16px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffffff0d;border-radius:12px;border:1px solid #333;transition:all .3s ease}.info-row:hover{background:#ffffff14;border-color:#646cff;transform:translateY(-2px)}.info-label{font-weight:500;color:#ccc;font-size:1rem}.info-value{font-weight:700;color:#fff;font-size:1.1rem}.balance-highlight{color:#4caf50!important;font-size:1.3rem!important;text-shadow:0 2px 4px rgba(76,175,80,.3)}.purchased-items{margin-bottom:32px}.purchased-items h2{color:#fff;margin-bottom:24px;font-size:1.8rem;font-weight:600;padding-bottom:12px;border-bottom:2px solid #646cff}.items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.purchased-item{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);padding:20px;border-radius:16px;border:1px solid #333;display:flex;align-items:center;gap:16px;transition:all .3s ease;box-shadow:0 4px 15px #0003}.purchased-item:hover{border-color:#646cff;transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.item-image{width:80px;height:80px;object-fit:contain;border-radius:12px;background:#ffffff0d;border:2px solid #333}.item-info{flex:1}.item-info h3{margin:0 0 8px;font-size:1.1rem;color:#fff;font-weight:600}.item-price{margin:0;font-weight:700;color:#4caf50;font-size:1.2rem}.success-actions{display:flex;gap:16px;justify-content:center;margin-bottom:32px}.continue-shopping-btn,.view-inventory-btn{padding:16px 32px;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-width:180px;justify-content:center}.continue-shopping-btn{background:linear-gradient(45deg,#646cff,#4338ca);color:#fff;box-shadow:0 4px 15px #646cff4d}.continue-shopping-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #646cff66}.view-inventory-btn{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 15px #4caf504d}.view-inventory-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.success-footer{text-align:center;padding:32px;background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border-radius:16px;border:1px solid #333;box-shadow:0 4px 15px #0003}.success-footer p{margin:12px 0;color:#ccc;font-size:1rem}.success-footer p:first-child{font-weight:600;color:#fff;font-size:1.1rem}.redirect-actions{display:flex;gap:16px;justify-content:center;margin-top:20px}@media (max-width: 768px){.checkout-success-container{padding:16px;margin:10px}.success-header{padding:24px 16px}.success-header h1{font-size:2rem}.success-icon{font-size:4rem}.transaction-details,.success-footer{padding:20px}.items-grid{grid-template-columns:1fr;gap:16px}.purchased-item{padding:16px}.item-image{width:60px;height:60px}.success-actions{flex-direction:column;gap:12px}.continue-shopping-btn,.view-inventory-btn{width:100%;max-width:300px}}@media (max-width: 480px){.success-header h1{font-size:1.8rem}.success-message{font-size:1.1rem}.success-icon{font-size:3.5rem}.transaction-details h2,.purchased-items h2{font-size:1.5rem}.info-row{flex-direction:column;align-items:stretch;gap:8px;text-align:center}.purchased-item{flex-direction:column;text-align:center}.item-image{width:80px;height:80px;margin:0 auto}}.login-container{max-width:400px;margin:50px auto;padding:20px;border:1px solid #555;border-radius:5px;background-color:#2a2a2a;box-shadow:0 2px 4px #0000004d;color:#fff}.login-container h2{text-align:center;margin-bottom:20px;color:#fff}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}button{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:500}button:hover{background-color:#0056b3}p a{color:#007bff;text-decoration:none}p a:hover{color:#0056b3;text-decoration:underline}.oauth-divider{position:relative;text-align:center;margin:20px 0}.oauth-divider span{background-color:#2a2a2a;padding:0 15px;color:#ccc;font-size:14px}.oauth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#555;z-index:-1}.google-login-btn{width:100%;padding:12px;background-color:#fff;color:#757575;border:1px solid #dadce0;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s ease;margin-bottom:20px}.google-login-btn:hover{background-color:#f8f9fa;box-shadow:0 1px 3px #0000001a}.google-login-btn:disabled{opacity:.6;cursor:not-allowed}.google-icon{width:18px;height:18px}.signup-container{max-width:400px;margin:50px auto;padding:20px;border:1px solid #555;border-radius:5px;background-color:#2a2a2a;box-shadow:0 2px 4px #0000004d;color:#fff}.signup-container h2{text-align:center;margin-bottom:20px;color:#fff}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:#fff;font-weight:500}.form-group input{width:100%;padding:8px;box-sizing:border-box;background-color:#1a1a1a;border:1px solid #555;border-radius:4px;color:#fff}.form-group input:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 2px #28a74540}button{width:100%;padding:10px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:500}button:hover{background-color:#218838}p{text-align:center;margin-top:15px;color:#ccc}p a{color:#28a745;text-decoration:none}p a:hover{color:#218838;text-decoration:underline}.error{color:#ff6b6b;background-color:#2d1517;padding:10px;border-radius:4px;margin-bottom:15px;border:1px solid #ff6b6b}.success{color:#28a745;background-color:#1a2e1a;padding:10px;border-radius:4px;margin-bottom:15px;border:1px solid #28a745}.admin-login-container{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e);display:flex;align-items:center;justify-content:center;padding:20px}.admin-login-card{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1);padding:40px;width:100%;max-width:400px;box-shadow:0 20px 40px #0000004d}.admin-login-header{text-align:center;margin-bottom:30px}.admin-login-header h1{color:#fff;font-size:2rem;font-weight:700;margin:0 0 10px;background:linear-gradient(135deg,#007bff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-login-header p{color:#b3b3b3;font-size:.9rem;margin:0}.admin-login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#fff;font-weight:500;font-size:.9rem}.form-group input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 16px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40;background:#ffffff26}.form-group input:disabled{opacity:.6;cursor:not-allowed}.login-button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:8px;padding:14px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 6px 20px #007bff66}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:12px 16px;border-radius:8px;font-size:.9rem;text-align:center}@media (max-width: 480px){.admin-login-card{padding:30px 20px;margin:10px}.admin-login-header h1{font-size:1.5rem}.form-group input{padding:10px 12px}.login-button{padding:12px 20px}}.admin-sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.1);transition:width .3s ease;z-index:1000;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track{background:transparent}.admin-sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.admin-sidebar.collapsed{width:80px}.sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{display:flex;align-items:center;gap:12px;color:#fff}.logo-icon{font-size:1.5rem;min-width:24px}.logo-text{font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#007bff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.sidebar-nav{padding:20px 0;display:flex;flex-direction:column;height:calc(100vh - 80px)}.nav-section{flex:1;padding:0 20px}.nav-section-title{margin:0 0 15px;font-size:.8rem;font-weight:600;color:#b3b3b3;text-transform:uppercase;letter-spacing:.5px}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.nav-item{margin:0}.nav-link{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;border-radius:8px;color:#b3b3b3;text-decoration:none;transition:all .3s ease;cursor:pointer;font-size:.9rem;text-align:left}.nav-link:hover{background:#ffffff1a;color:#fff;transform:translate(4px)}.nav-link.active{background:linear-gradient(135deg,#007bff33,#00d4ff33);color:#00d4ff;border:1px solid rgba(0,212,255,.3)}.nav-icon{font-size:1.2rem;min-width:20px;text-align:center}.nav-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.collapse-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#b3b3b3;cursor:pointer;transition:all .3s ease;font-size:.85rem}.collapse-toggle:hover{background:#ffffff1a;color:#fff}.toggle-icon{font-size:1rem;transition:transform .3s ease}.admin-sidebar.collapsed .sidebar-header{padding:20px 10px}.admin-sidebar.collapsed .nav-section{padding:0 10px}.admin-sidebar.collapsed .sidebar-footer{padding:20px 10px}.admin-sidebar.collapsed .nav-link{justify-content:center;padding:12px 8px}.admin-sidebar.collapsed .collapse-toggle{justify-content:center;padding:10px 8px}@media (max-width: 768px){.admin-sidebar{transform:translate(-100%);transition:transform .3s ease}.admin-sidebar.mobile-open{transform:translate(0)}.admin-sidebar.collapsed{width:280px;transform:translate(-100%)}}.admin-table-editor{background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:12px;margin:20px 25px;overflow:hidden;box-shadow:0 8px 25px #0000004d}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.editor-header h3{margin:0;font-size:1.3rem;font-weight:600;color:#fff}.close-button{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336;border-radius:6px;padding:6px 8px;cursor:pointer;transition:all .3s ease;font-size:1.2rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#f4433633;transform:scale(1.1)}.editor-form{padding:25px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{color:#fff;font-weight:500;font-size:.9rem;display:flex;align-items:center;gap:4px}.required{color:#f44336;font-size:.8rem}.form-field input,.form-field select,.form-field textarea{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 12px;color:#fff;font-size:.9rem;transition:all .3s ease;font-family:inherit}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40;background:#ffffff26}.form-field input::placeholder,.form-field textarea::placeholder{color:#888}.form-field select option{background:#1a1a2e;color:#fff}.form-field textarea{resize:vertical;min-height:80px}.checkbox-field{flex-direction:row;align-items:center;gap:10px}.checkbox-field label{flex-direction:row;align-items:center;gap:8px;cursor:pointer}.checkbox-field input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#007bff}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.cancel-button,.save-button{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:100px}.cancel-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.cancel-button:hover{background:#fff3}.save-button{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.save-button:hover{background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-1px);box-shadow:0 4px 15px #20c9974d}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:15px}.editor-header{padding:15px 20px}.editor-form{padding:20px}.form-actions{flex-direction:column-reverse;gap:10px}.cancel-button,.save-button{width:100%}}@media (max-width: 480px){.admin-table-editor{margin:20px 15px}.editor-header,.editor-form{padding:15px}.form-field input,.form-field select,.form-field textarea{padding:8px 10px}}.admin-table-view{background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.table-title h2{margin:0 0 5px;font-size:1.5rem;font-weight:700;color:#fff}.table-count{font-size:.9rem;color:#b3b3b3}.table-actions{display:flex;gap:10px}.add-button,.refresh-button{padding:8px 16px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.add-button{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.add-button:hover:not(:disabled){background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-1px)}.refresh-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.refresh-button:hover{background:#fff3}.add-button:disabled,.refresh-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-banner{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336;margin:20px 25px;border-radius:8px}.error-banner button{background:none;border:none;color:#f44336;cursor:pointer;font-size:1.2rem;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.table-container{overflow-x:auto;max-height:70vh;overflow-y:auto;background:linear-gradient(135deg,#0f0f23,#1a1a2e);border-radius:10px}.admin-table{width:100%;min-width:800px;border-collapse:collapse;font-size:.9rem;background:transparent}.admin-table th{background:#ffffff1a;color:#fff;font-weight:600;padding:12px 15px;text-align:left;border-bottom:2px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:10}.admin-table td{padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.1);color:#e0e0e0;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:100px}.admin-table td:hover{background:#ffffff0d;white-space:normal;word-wrap:break-word;max-width:none}.admin-table tr:hover{background:#ffffff0d}.row-actions{display:flex;gap:8px;justify-content:center}.edit-button,.delete-button,.protection-button,.complete-button,.cancel-button{background:none;border:none;padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:1rem}.edit-button{color:#007bff;background:#007bff1a}.edit-button:hover:not(:disabled){background:#007bff33;transform:scale(1.1)}.protection-button{position:relative}.protection-button.protected{color:#dc3545;background:#dc35451a}.protection-button.protected:hover:not(:disabled){background:#dc354533;transform:scale(1.1)}.protection-button.unprotected{color:#28a745;background:#28a7451a}.protection-button.unprotected:hover:not(:disabled){background:#28a74533;transform:scale(1.1)}.delete-button{color:#dc3545;background:#dc35451a}.delete-button:hover:not(:disabled){background:#dc354533;transform:scale(1.1)}.complete-button{color:#28a745;background:#28a7451a}.complete-button:hover:not(:disabled){background:#28a74533;transform:scale(1.1)}.cancel-button{color:#dc3545;background:#dc35451a}.cancel-button:hover:not(:disabled){background:#dc354533;transform:scale(1.1)}.edit-button:disabled,.delete-button:disabled,.protection-button:disabled,.complete-button:disabled,.cancel-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.empty-table{text-align:center;padding:60px 20px;color:#b3b3b3}.empty-table h3{margin:0 0 10px;font-size:1.3rem;color:#fff}.empty-table p{margin:0;font-size:1rem}.table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#b3b3b3}.table-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.table-loading p{margin:0;font-size:1rem}@media (max-width: 768px){.table-header{flex-direction:column;gap:15px;align-items:stretch}.table-actions{justify-content:center}.admin-table{font-size:.8rem}.admin-table th,.admin-table td{padding:8px 10px}.row-actions{flex-direction:column;gap:4px}}.admin-support-container{padding:20px;height:calc(100vh - 120px);display:flex;flex-direction:column;background:linear-gradient(135deg,#0f0f23,#1a1a2e);color:#fff}.admin-support-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #2c3e50}.admin-support-header h2{margin:0;color:#fff;font-size:24px}.connection-status{display:flex;align-items:center;font-size:14px;font-weight:500;color:#bdc3c7}.status-indicator{width:10px;height:10px;border-radius:50%;margin-right:8px}.status-indicator.connected{background-color:#27ae60}.status-indicator.disconnected{background-color:#e74c3c}.admin-support-content{flex:1;display:flex;gap:20px;min-height:0}.sessions-panel{width:350px;background:#2c3e50cc;border-radius:12px;box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;border:1px solid #34495e}.sessions-header{padding:20px;border-bottom:1px solid #34495e}.sessions-header h3{margin:0 0 15px;color:#fff;font-size:18px}.session-filters{display:flex;gap:8px}.session-filters button{padding:6px 12px;border:1px solid #4a6741;background:#34495ecc;color:#bdc3c7;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.session-filters button.active,.session-filters button:hover{background:#3498db;color:#fff;border-color:#3498db}.sessions-list{flex:1;overflow-y:auto;padding:10px 0}.session-item{padding:15px 20px;border-bottom:1px solid #34495e;cursor:pointer;transition:background-color .2s;color:#bdc3c7}.session-item:hover{background-color:#34495e99}.session-item.selected{background-color:#3498db33;border-left:4px solid #3498db}.session-info{display:flex;flex-direction:column;gap:4px}.session-user{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#fff}.unread-badge{background:#e74c3c;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.session-email{font-size:12px;color:#95a5a6}.session-meta{display:flex;justify-content:space-between;font-size:11px}.session-status{font-weight:600;text-transform:uppercase}.session-time{color:#7f8c8d}.no-sessions{padding:40px 20px;text-align:center;color:#95a5a6}.chat-panel{flex:1;background:#2c3e50cc;border-radius:12px;box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;border:1px solid #34495e}.chat-header{padding:20px;border-bottom:1px solid #34495e}.session-details h4{margin:0 0 5px;color:#fff;font-size:18px}.session-details p{margin:0 0 15px;color:#bdc3c7;font-size:14px}.session-actions{display:flex;gap:10px}.assign-button,.close-button{padding:8px 16px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.assign-button{background:#27ae60;color:#fff}.assign-button:hover{background:#229954}.close-button{background:#e74c3c;color:#fff}.close-button:hover{background:#c0392b}.chat-messages{flex:1;padding:20px;background:#1f2f4780;overflow-y:auto;max-height:calc(100vh - 300px);scrollbar-width:thin;scrollbar-color:#667eea rgba(31,47,71,.3)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#1f2f474d;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#5a6fd8}.message{margin-bottom:15px;display:flex}.message.user{justify-content:flex-end}.message.admin,.message.system{justify-content:flex-start}.message-content{max-width:70%;background:#34495ecc;color:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 1px 3px #0000004d}.message.admin .message-content,.message.system .message-content{background:#3498db33;border-left:4px solid #3498db;color:#bdc3c7}.message-text{margin-bottom:6px;line-height:1.4;word-wrap:break-word}.message-info{display:flex;justify-content:space-between;align-items:center;font-size:11px;opacity:.7}.message.admin .message-info{color:#fffc}.chat-input{padding:20px;border-top:1px solid #34495e;background:#2c3e50cc}.message-form{display:flex;gap:10px}.message-input{flex:1;padding:12px 16px;border:1px solid #4a6741;background:#34495ecc;color:#fff;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.message-input::placeholder{color:#95a5a6}.message-input:focus{border-color:#3498db}.send-button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.send-button:disabled{opacity:.5;cursor:not-allowed}.no-session-selected{flex:1;display:flex;align-items:center;justify-content:center;color:#95a5a6;font-size:16px}.admin-support-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;color:#bdc3c7}.loading-spinner{width:40px;height:40px;border:4px solid #ecf0f1;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media (max-width: 768px){.admin-support-container{padding:10px;height:calc(100vh - 80px)}.admin-support-content{flex-direction:column;gap:15px}.sessions-panel{width:100%;height:250px}.chat-panel{height:400px}.admin-support-header{flex-direction:column;gap:10px;align-items:flex-start}.session-filters{flex-wrap:wrap}.session-filters button{font-size:11px;padding:4px 8px}.message-content{max-width:85%}}@media (max-width: 480px){.admin-support-container{padding:5px}.sessions-panel{height:200px}.chat-panel{height:350px}.sessions-header,.chat-header,.chat-messages,.chat-input{padding:15px}.message-form{flex-direction:column;gap:8px}.send-button{align-self:flex-end;min-width:100px}}body{background:linear-gradient(135deg,#0f0f23,#1a1a2e)!important;margin:0;overflow-x:auto}html{background:linear-gradient(135deg,#0f0f23,#1a1a2e)!important}.admin-dashboard{display:flex;min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e);color:#fff;width:100%}.admin-main-content{flex:1;margin-left:280px;transition:margin-left .3s ease;background:linear-gradient(135deg,#0f0f23,#1a1a2e);min-height:100vh}.admin-main-content.sidebar-collapsed{margin-left:80px}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.admin-header-left{display:flex;align-items:center;gap:15px}.sidebar-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.sidebar-toggle:hover{background:#fff3}.admin-header h1{margin:0;font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#007bff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-header-right{display:flex;align-items:center;gap:20px}.admin-welcome{color:#b3b3b3;font-size:.9rem}.admin-welcome strong{color:#fff}.logout-button{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.logout-button:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-1px)}.admin-content{padding:30px;min-height:calc(100vh - 80px)}.admin-welcome-screen{display:flex;align-items:center;justify-content:center;min-height:60vh}.welcome-card{background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1);padding:40px;text-align:center;max-width:600px;width:100%}.welcome-card h2{margin:0 0 15px;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#007bff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-card p{color:#b3b3b3;font-size:1.1rem;margin:0 0 30px}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:30px}.stat-card{background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:20px}.stat-card h3{margin:0 0 8px;font-size:.9rem;color:#b3b3b3;text-transform:uppercase;letter-spacing:.5px}.stat-card p{margin:0;font-size:1.2rem;font-weight:600;color:#00d4ff}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e);color:#fff}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.admin-loading p{font-size:1.1rem;color:#b3b3b3}@media (max-width: 768px){.admin-main-content,.admin-main-content.sidebar-collapsed{margin-left:0}.admin-header{padding:15px 20px}.admin-header h1{font-size:1.5rem}.admin-content{padding:20px}.welcome-card{padding:30px 20px}.admin-stats{grid-template-columns:1fr}}.toast{position:fixed;top:80px;right:20px;padding:12px 15px;border-radius:8px;color:#fff;display:flex;align-items:center;gap:12px;z-index:10000;min-width:320px;max-width:400px;animation:slideIn .3s ease-out;box-shadow:0 4px 12px #00000026}.toast.toast-closing{animation:slideOut .3s ease-in forwards}.toast-image{width:40px;height:40px;object-fit:contain;border-radius:4px;background:#ffffff1a;flex-shrink:0}.toast-message{flex:1;text-align:center;font-weight:500;line-height:1.3}.toast-success{background-color:#4caf50}.toast-error{background-color:#f44336}.toast-warning{background-color:#ff9800}.toast-close{background:none;border:none;color:#fff;font-size:14px;cursor:pointer;padding:2px 4px;margin:0;border-radius:2px;transition:background-color .2s;flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast-close:hover{background-color:#fff3}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}#root{max-width:100%;margin:0;padding-top:0;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:90px;min-height:calc(100vh - 90px)}@media (max-width: 768px){.main-content{padding-top:80px;min-height:calc(100vh - 80px)}}@media (max-width: 480px){.main-content{padding-top:70px;min-height:calc(100vh - 70px)}}#root{max-width:100%!important;margin:0!important;padding-top:0!important;text-align:left!important}.homepage-container,.inventory-container,.marketplace-container,.profile-container,.skin-details-container,.cart-container{width:100%;box-sizing:border-box}.balance-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.balance-popup{background-color:#2a2a2a;border:1px solid #444;border-radius:12px;padding:30px;max-width:400px;width:90%;box-shadow:0 10px 30px #0009;position:relative;animation:popupFadeIn .3s ease-out;color:#ffffffde}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.balance-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.balance-popup h2{color:#646cff;margin:0;font-size:24px}.balance-popup-close{background:none;border:none;font-size:24px;cursor:pointer;color:#ffffffb3;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.balance-popup-close:hover{background-color:#ffffff1a;color:#ffffffe6}.balance-display{text-align:center;margin-bottom:25px}.balance-display h3{color:#646cff;margin:0 0 10px;font-size:18px}.balance-amount{font-size:32px;font-weight:700;color:#4caf50;margin:0}.balance-actions{display:flex;gap:15px;justify-content:center}.balance-action-button{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.balance-action-button.deposit{background-color:#4caf50;color:#fff}.balance-action-button.deposit:hover{background-color:#45a049;transform:translateY(-2px)}.balance-action-button.withdraw{background-color:#f44336;color:#fff}.balance-action-button.withdraw:hover{background-color:#da190b;transform:translateY(-2px)}.user-balance.clickable{cursor:pointer;transition:all .2s;border-radius:4px;padding:2px 4px}.user-balance.clickable:hover{background-color:#ffffff1a;transform:scale(1.05)}.header-user-display{display:flex;align-items:center;gap:10px;color:#fff;font-size:14px}.header-user-name{font-weight:500;cursor:pointer;transition:opacity .2s}.header-user-name:hover{opacity:.8}.header-user-balance{font-weight:700;color:#4caf50}.user-info{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:6px;transition:all .2s;-webkit-user-select:none;user-select:none}.user-info.clickable{cursor:pointer}.user-info.clickable:hover{background-color:#ffffff1a}.user-name{font-weight:500;font-size:14px;color:#fff}.user-balance{font-weight:700;font-size:13px;color:#4caf50}.profile-container{max-width:800px;margin:0 auto;padding:2rem;color:#ffffffde;min-height:70vh}.profile-header{text-align:center;margin-bottom:2rem}.profile-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#646cff}.profile-welcome{font-size:1.2rem;color:#ffffffb3;margin:0}.loading{text-align:center;font-size:1.5rem;color:#ffffffb3;margin-top:2rem}.profile-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #333}.tab-button{padding:1rem 2rem;background:none;border:none;color:#ffffffb3;font-size:1.1rem;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;font-weight:500}.tab-button:hover{color:#646cff}.tab-button.active{color:#646cff;border-bottom-color:#646cff}.profile-content{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-info-section h2{color:#646cff;margin-bottom:1.5rem;font-size:1.8rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.info-item{background:#2a2a2a;padding:1.5rem;border-radius:12px;border:1px solid #333;transition:all .3s ease}.info-item:hover{border-color:#646cff;transform:translateY(-2px);box-shadow:0 8px 25px #646cff1a}.info-item label{display:block;font-weight:600;color:#646cff;margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:1.1rem;color:#ffffffde;font-weight:500}.profile-balance-section h2{color:#646cff;margin-bottom:1.5rem;font-size:1.8rem}.balance-card{background:#2a2a2a;padding:2rem;border-radius:16px;border:1px solid #333;margin-bottom:2rem;text-align:center;transition:all .3s ease}.balance-card:hover{border-color:#4caf50;box-shadow:0 8px 25px #4caf501a}.balance-info{margin-bottom:1.5rem}.balance-info label{display:block;font-weight:600;color:#646cff;margin-bottom:.5rem;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.balance-amount{font-size:2.5rem;font-weight:700;color:#4caf50;margin:0}.balance-actions{display:flex;gap:1rem;justify-content:center}.action-btn{padding:.8rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.action-btn.deposit{background:#4caf50;color:#fff}.action-btn.deposit:hover{background:#45a049;transform:translateY(-2px)}.action-btn.withdraw{background:#f44336;color:#fff}.action-btn.withdraw:hover{background:#da190b;transform:translateY(-2px)}.transaction-history{background:#2a2a2a;padding:2rem;border-radius:16px;border:1px solid #333}.transaction-history h3{color:#646cff;margin-bottom:1rem;font-size:1.3rem}.no-transactions{text-align:center;padding:2rem;color:#ffffff80}.no-transactions p{margin:0 0 .5rem;font-size:1.1rem}.no-transactions small{font-size:.9rem;color:#ffffff4d}.transaction-input-section{margin:20px 0;padding:15px;background-color:#333;border-radius:8px;border:1px solid #444}.transaction-input-section label{display:block;margin-bottom:8px;color:#646cff;font-weight:500;font-size:14px}.transaction-amount-input{width:100%;padding:12px;border:1px solid #555;border-radius:6px;background-color:#1a1a1a;color:#ffffffde;font-size:16px;font-weight:500;transition:border-color .2s;box-sizing:border-box}.transaction-amount-input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.transaction-amount-input:disabled{opacity:.6;cursor:not-allowed}.transaction-amount-input::placeholder{color:#fff6}.transaction-error{background-color:#2d1517;color:#ff6b6b;padding:10px;border-radius:6px;margin-top:10px;border:1px solid #ff6b6b;font-size:14px;text-align:center}.transaction-success{background-color:#1a2e1a;color:#4caf50;padding:10px;border-radius:6px;margin-top:10px;border:1px solid #4CAF50;font-size:14px;text-align:center}.balance-action-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.balance-action-button:disabled:hover{transform:none;background-color:inherit}@media (max-width: 480px){.balance-popup{width:95%;padding:20px}.transaction-input-section{padding:10px}.transaction-amount-input{padding:10px;font-size:14px}.balance-actions{flex-direction:column;gap:10px}.balance-action-button{width:100%}}.balance-note{text-align:center;margin-top:10px;padding:10px;background-color:#646cff1a;border-radius:8px;border:1px solid rgba(100,108,255,.3)}.balance-note p{margin:0;color:#646cff;font-size:14px}.loading-transactions,.error-transactions{text-align:center;padding:2rem;color:#ffffffb3}.retry-btn{background-color:#646cff;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;margin-top:10px;font-size:14px;transition:background-color .2s}.retry-btn:hover{background-color:#535bf2}.transactions-list{display:flex;flex-direction:column;gap:12px;margin-top:15px}.transaction-item{display:flex;align-items:center;gap:15px;padding:15px;background-color:#1a1a1a;border-radius:8px;border:1px solid #333;transition:all .2s}.transaction-item:hover{border-color:#646cff;transform:translateY(-1px)}.transaction-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#333;border-radius:50%}.transaction-details{flex:1}.transaction-type{font-weight:600;color:#ffffffe6;font-size:16px;margin-bottom:4px}.transaction-description{color:#ffffffb3;font-size:14px;margin-bottom:4px}.transaction-date{color:#ffffff80;font-size:12px}.transaction-amount{font-weight:700;font-size:16px;text-align:right;min-width:80px}.error-transactions{color:#ff6b6b}@media (max-width: 768px){.transaction-item{padding:12px;gap:12px}.transaction-icon{font-size:20px;width:35px;height:35px}.transaction-type{font-size:14px}.transaction-description{font-size:12px}.transaction-amount{font-size:14px;min-width:70px}}*{scrollbar-width:thin;scrollbar-color:#667eea transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent;border-radius:3px}*::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:#5a6fd8}*::-webkit-scrollbar-corner{background:transparent}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}body::-webkit-scrollbar-thumb:hover{background:#5a6fd8}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}html::-webkit-scrollbar-thumb:hover{background:#5a6fd8}#root::-webkit-scrollbar{width:8px}#root::-webkit-scrollbar-track{background:transparent}#root::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}#root::-webkit-scrollbar-thumb:hover{background:#5a6fd8}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#1a1a1a}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}img{max-width:100%;height:auto}video,iframe,embed,object{max-width:100%;height:auto}button,input[type=button],input[type=submit],.button{min-height:44px;min-width:44px;touch-action:manipulation}@media (max-width: 768px){html{font-size:14px}h1{font-size:2.2rem;line-height:1.2}h2{font-size:1.8rem;line-height:1.3}h3{font-size:1.5rem;line-height:1.4}h4{font-size:1.3rem;line-height:1.4}p,li{font-size:1rem;line-height:1.6}}@media (max-width: 480px){html{font-size:13px}h1{font-size:1.8rem;line-height:1.2}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.3rem;line-height:1.4}h4{font-size:1.1rem;line-height:1.4}p,li{font-size:.95rem;line-height:1.6}}.container,.main-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}@media (max-width: 768px){.container,.main-container{padding:0 16px}}@media (max-width: 480px){.container,.main-container{padding:0 12px}}.responsive-grid{display:grid;gap:20px;width:100%}.responsive-grid.cols-4{grid-template-columns:repeat(4,1fr)}.responsive-grid.cols-3{grid-template-columns:repeat(3,1fr)}.responsive-grid.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 1024px){.responsive-grid.cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.responsive-grid{gap:16px}.responsive-grid.cols-4,.responsive-grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.responsive-grid{gap:12px}.responsive-grid.cols-4,.responsive-grid.cols-3,.responsive-grid.cols-2{grid-template-columns:1fr}}.flex-responsive{display:flex;flex-wrap:wrap;gap:20px}@media (max-width: 768px){.flex-responsive{gap:16px}.flex-responsive.mobile-column{flex-direction:column}}@media (max-width: 480px){.flex-responsive{gap:12px;flex-direction:column}}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{width:100%;padding:12px;font-size:16px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;box-sizing:border-box}@media (max-width: 480px){input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{padding:14px;font-size:16px}}.mobile-nav-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:8px}@media (max-width: 768px){.mobile-nav-toggle{display:block}}.tap-target{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;box-sizing:border-box}.modal-content{background:linear-gradient(135deg,#0f0f23,#1a1a2e);border-radius:12px;padding:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}@media (max-width: 768px){.modal{padding:16px}.modal-content{padding:20px;max-width:100%;border-radius:8px}}@media (max-width: 480px){.modal{padding:12px}.modal-content{padding:16px;border-radius:6px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-contrast: high){button,.button{border:2px solid}.card,.modal-content{border:2px solid rgba(255,255,255,.5)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.no-print{display:none!important}.print-only{display:block!important}}*:focus{outline:none}*:focus-visible{outline:2px solid rgba(0,123,255,.5);outline-offset:2px;border-radius:2px}a:focus:not(:focus-visible),button:focus:not(:focus-visible),.skin-card:focus:not(:focus-visible),.skin-card-link:focus:not(:focus-visible){outline:none}