*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:montserrat;transition:background-color .3s ease}body.dark-mode{background-color:#1d2021}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{background:#fff;box-shadow:0 1px 3px -2px #000;display:flex;flex-direction:column;padding:0;position:relative;transition:background-color .3s ease,color .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.nav-top-row{gap:15px;justify-content:space-between;padding:16px 40px}.nav-bottom-row,.nav-top-row{align-items:center;display:flex}.nav-bottom-row{border-top:1px solid #e0e0e0;justify-content:center;padding:12px 40px;position:relative}.navbar.dark-mode .nav-bottom-row{border-top-color:#40444b}.type-dropdown-container{background:#fff;border-top:1px solid #e0e0e0;box-shadow:0 4px 12px #0000001a;left:0;max-height:600px;opacity:0;overflow-y:auto;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility 0s .2s;visibility:hidden;z-index:1000}.type-dropdown-container.open{opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease;visibility:visible}.navbar.dark-mode .type-dropdown-container{background:#2c2f33;border-top-color:#40444b}.type-dropdown-content{display:flex;flex-direction:column;max-width:100%;overflow-x:auto;padding:20px 40px 30px}.type-dropdown-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.navbar.dark-mode .type-dropdown-header{border-bottom-color:#40444b}.type-dropdown-header h3{color:#171717;font-size:18px;font-weight:600;margin:0;transition:color .3s ease}.navbar.dark-mode .type-dropdown-header h3{color:#fff}.see-all-link{color:#5956e9;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s ease}.see-all-link:hover{color:#3d3ac4}.navbar.dark-mode .see-all-link{color:#7c7af5}.navbar.dark-mode .see-all-link:hover{color:#9a98ff}.type-dropdown-items{display:flex;gap:20px;overflow-x:auto}.type-dropdown-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:12px;max-width:170px;min-width:170px;padding:12px;transition:transform .2s ease}.type-dropdown-item:hover{transform:translateY(-4px)}.type-dropdown-item img{background:#f5f5f5;border-radius:8px;height:150px;object-fit:contain;padding:10px;width:150px}.navbar.dark-mode .type-dropdown-item img{background:#1a1a1a}.type-dropdown-item-info{align-items:center;display:flex;flex-direction:column;gap:6px;width:100%}.type-dropdown-item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:13px;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis}.navbar.dark-mode .type-dropdown-item-name{color:#fff}.type-dropdown-item-price{color:#fa490a;font-size:12px;font-weight:600;margin:0;text-align:center}.navbar.dark-mode .type-dropdown-item-price{color:#ff6b35}.market-nav-button{color:#72767d;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;text-decoration:none;text-transform:uppercase;transition:color .2s ease}.market-nav-button:hover{color:#fa490a}.market-nav-button.active{color:#fa490a;font-weight:700}.navbar.dark-mode .market-nav-button{color:#fff}.navbar.dark-mode .market-nav-button:hover{color:#fa490a}.navbar.dark-mode .market-nav-button.active{color:#fa490a;font-weight:700}.market-selector{position:relative}.market-selector-btn{align-items:center;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.market-selector-btn:hover{background:#ebebeb;border-color:#fa490a}.market-name{color:#171717}.market-arrow{color:#72767d;font-size:10px;transition:transform .3s ease}.market-arrow.open{transform:rotate(180deg)}.market-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 12px #00000026;left:0;min-width:220px;overflow:hidden;position:absolute;top:calc(100% + 8px);z-index:1000}.market-option{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s ease}.market-option:hover{background:#f5f5f5}.market-option:not(:last-child){border-bottom:1px solid #f0f0f0}.market-logo-image{border-radius:4px;flex-shrink:0;height:40px;object-fit:cover;width:60px}.market-option span{color:#171717;font-size:14px;font-weight:500}.navbar.dark-mode .market-selector-btn{background:#40444b;border-color:#202225}.navbar.dark-mode .market-selector-btn:hover{background:#4f545c;border-color:#fa490a}.navbar.dark-mode .market-arrow,.navbar.dark-mode .market-name{color:#fff}.navbar.dark-mode .market-dropdown{background:#2c2f33;border-color:#202225}.navbar.dark-mode .market-option:hover{background:#40444b}.navbar.dark-mode .market-option:not(:last-child){border-bottom-color:#40444b}.navbar.dark-mode .market-option span{color:#fff}.navbar.dark-mode{background:#2c2f33;box-shadow:0 1px 3px -2px #00000080}.navbar.dark-mode .nav-logo p,.navbar.dark-mode .nav-menu,.navbar.dark-mode .nav-menu a{color:#fff}.navbar.dark-mode .nav-menu li:hover a{color:#fa490a}.navbar.dark-mode .nav-menu a.active{color:#fa490a;font-weight:600}.navbar.dark-mode .user-name,.navbar.dark-mode .user-profile-trigger{color:#fff}.navbar.dark-mode .user-profile-trigger:hover{background-color:#40444b}.navbar.dark-mode .user-dropdown{background:#2c2f33;border:1px solid #202225}.navbar.dark-mode .dropdown-item{color:#b9bbbe}.navbar.dark-mode .dropdown-item:hover{background-color:#40444b;color:#fff}.navbar.dark-mode .dropdown-divider{border-color:#40444b}.nav-logo{align-items:center;cursor:pointer;display:flex;gap:6px;text-decoration:none}.nav-logo img{height:40px}.nav-logo p{color:#171717;font-size:24px;font-weight:600}.nav-search-container{flex:1 1;max-width:1000px;position:relative}.search-form{align-items:center;display:flex;width:100%}.nav-search-input{border:2px solid #e0e0e0;border-radius:25px;font-size:14px;outline:none;padding:14px 50px 14px 20px;transition:all .3s ease;width:100%}.nav-search-input:focus{border-color:#fa490a;box-shadow:0 0 0 3px #fa490a1a}.search-submit-btn{align-items:center;background:#0000;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:8px 16px;position:absolute;right:8px;transition:all .3s ease}.search-submit-btn:hover{background:#0000000d}.nav-search-icon{color:#666;height:16px;transition:color .3s ease;width:16px}.navbar.dark-mode .nav-search-icon{color:#fff}.search-results-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:8px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-result-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .2s ease}.search-result-item:hover{background:#f5f5f5}.search-result-item:not(:last-child){border-bottom:1px solid #f0f0f0}.search-result-image{border-radius:6px;height:50px;object-fit:cover;width:50px}.search-result-details{flex:1 1;min-width:0}.search-result-name{color:#171717;font-size:14px;font-weight:500;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-category{color:#72767d;font-size:12px;margin:0}.search-result-price{color:#fa490a;font-size:15px;font-weight:600}.search-no-results{color:#72767d;font-size:14px;padding:20px;text-align:center}.navbar.dark-mode .nav-search-input{background:#40444b;border-color:#202225;color:#fff}.navbar.dark-mode .nav-search-input::placeholder{color:#72767d}.navbar.dark-mode .nav-search-input:focus{background:#40444b;border-color:#fa490a}.navbar.dark-mode .search-results-dropdown{background:#2c2f33;border-color:#202225}.navbar.dark-mode .search-result-item:hover{background:#40444b}.navbar.dark-mode .search-result-item:not(:last-child){border-bottom-color:#40444b}.navbar.dark-mode .search-result-name{color:#fff}.navbar.dark-mode .search-no-results,.navbar.dark-mode .search-result-category{color:#b9bbbe}.nav-menu{align-items:center;color:#72767d;display:flex;font-size:13px;font-weight:600;gap:20px;letter-spacing:.5px;list-style:none;text-transform:uppercase}.nav-menu a{color:#72767d;transition:color .2s ease}.nav-menu a:hover{color:#fa490a}.nav-menu a.active{color:#fa490a;font-weight:600}.nav-menu li{cursor:pointer;flex-direction:column;gap:3px;justify-content:center}.nav-login-cart,.nav-menu li{align-items:center;display:flex}.nav-login-cart{gap:45px}.nav-login-cart button{background:#fff;border:1px solid #7a7a7a;border-radius:75px;color:#515151;cursor:pointer;font-size:20px;font-weight:500;height:58px;outline:none;width:157px}.nav-login-cart button:active{background:#f3f3f3}.cart-icon-wrapper{align-items:center;display:inline-flex;justify-content:center;position:relative}.cart-icon-wrapper a{align-items:center;display:flex;position:relative;z-index:1}.cart-icon-wrapper .nav-cart-count{position:absolute;right:-10px;top:-10px;z-index:2}.nav-cart-count{align-items:center;background:red;border-radius:11px;color:#fff;display:flex;font-size:14px;height:22px;justify-content:center;width:22px}.nav-dropdown{display:none;left:0;position:absolute}.user-profile-container{align-items:center;display:flex;position:relative}.user-profile-trigger{align-items:center;border-radius:20px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .3s ease}.user-profile-trigger:hover{background-color:#f5f5f5}.user-avatar{border:2px solid #e0e0e0;border-radius:50%;height:32px;width:32px}.user-name{color:#72767d;font-size:16px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#7a7a7a;font-size:12px;transition:transform .3s ease}.navbar.dark-mode .dropdown-arrow{color:#fff}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:5px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;background:none;border:none;color:#515151;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:12px 16px;text-align:left;text-decoration:none;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background-color:#f8f8f8;color:#333}.dropdown-item span{align-items:center;display:flex;gap:8px}.dropdown-divider{background-color:#e0e0e0;border:none;height:1px;margin:4px 0}.logout-theme-row{align-items:center;display:flex;gap:4px;justify-content:flex-start;padding:0}.logout-theme-row .dropdown-item{background:#0000;border:none;border-radius:0;flex:0 1 auto;font-size:16px;outline:none;padding:12px 16px;width:auto}.logout-theme-row .dropdown-item span{align-items:center;display:inline-flex;font-size:16px;gap:8px;white-space:nowrap}.logout-theme-row .dropdown-item:hover{background-color:#f8f8f8}.navbar.dark-mode .logout-theme-row .dropdown-item:hover{background-color:#40444b}.theme-toggle-container{align-items:center;display:flex;padding:8px}.navbar.dark-mode .theme-toggle-container{border-top:none}.theme-toggle{align-items:center;cursor:pointer;display:flex;gap:12px;position:relative}.theme-toggle input[type=checkbox]{display:none}.toggle-slider{background:#ccc;border-radius:24px;height:24px;position:relative;transition:background .3s ease;width:44px}.slider-icon{align-items:center;background:#fff;border-radius:50%;display:flex;font-size:12px;height:18px;justify-content:center;left:3px;position:absolute;top:3px;transition:transform .3s ease;width:18px}.theme-toggle input[type=checkbox]:checked~.toggle-slider{background:#5865f2}.theme-toggle input[type=checkbox]:checked~.toggle-slider .slider-icon{transform:translateX(20px)}@media(max-width:1280px){.nav-top-row{padding:14px 30px}.nav-bottom-row{padding:10px 30px}.nav-logo img{width:40px}.nav-logo p{font-size:25px}.market-selector-btn{font-size:13px;padding:8px 12px}.nav-search-input{font-size:13px;padding:9px 45px 9px 16px}.nav-menu{font-size:12px;gap:15px}.nav-login-cart{gap:30px}.nav-login-cart button{font-size:16px;height:45px;width:120px}.nav-cart-count{font-size:12px;margin-left:-40px}.user-name{font-size:14px;max-width:100px}.user-avatar{height:28px;width:28px}}@media(max-width:1024px){.nav-top-row{padding:12px 25px}.nav-bottom-row{padding:10px 25px}.market-selector-btn{font-size:12px;padding:7px 10px}.nav-search-input{font-size:13px;padding:8px 45px 8px 14px}.nav-menu{font-size:11px;gap:12px}.nav-login-cart button{font-size:14px;height:35px;width:80px}.nav-login-cart img{width:30px}.nav-cart-count{height:18px;width:18px}.user-name{font-size:13px;max-width:80px}.user-avatar{height:26px;width:26px}.user-dropdown{min-width:180px}}@media(max-width:800px){.nav-top-row{flex-wrap:wrap;padding:10px 20px}.nav-bottom-row{padding:10px 0}.market-selector{order:3;width:100%}.market-selector-btn{justify-content:space-between;width:100%}.nav-search-container{margin-top:10px;max-width:100%;order:4;width:100%}.nav-search-input{border-radius:20px;font-size:13px;padding:8px 40px 8px 14px}.search-submit-btn{font-size:14px;padding:6px 12px;right:4px}.search-result-image{height:40px;width:40px}.search-result-name{font-size:13px}.search-result-category{font-size:11px}.search-result-price{font-size:14px}.nav-dropdown{display:block;rotate:-90deg;transition:.5s;width:30px}.nav-menu{background:#fff;display:none;height:80px;justify-content:center;position:absolute;top:50px;width:100%}.navbar.dark-mode .nav-menu{background:#2c2f33}.nav-menu-visible{display:flex}.nav-dropdown.open{transform:rotate(90deg)}}@media(max-width:500px){.nav-top-row{padding:8px 15px}.nav-bottom-row{padding:8px 0}.nav-logo{transform:scale(.8)}.nav-menu{height:70px;top:50px}.nav-login-cart{transform:scale(.8)}.user-name{display:none}.user-dropdown{min-width:160px;right:-10px}.dropdown-item{font-size:13px;padding:10px 12px}}.hero{background:linear-gradient(180deg,#fde1ff,#e1ffea22 60%);display:flex;height:85vh;transition:background .3s ease}.hero.dark-mode{background:linear-gradient(180deg,#2c2f33,#1d2021 60%)}.hero-left{display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center;line-height:1.1;padding-left:180px}.hero-main-text h1{color:#171717;font-size:50px;font-weight:700;line-height:1.1;margin:0;transition:color .3s ease}.hero.dark-mode .hero-main-text h1{color:#fff}.hero-left h2{color:#090909;font-size:26px;font-weight:600px;transition:color .3s ease}.hero.dark-mode .hero-left h2{color:#fff}.hero-left p{color:#171717;font-size:100px;font-weight:700;transition:color .3s ease}.hero.dark-mode .hero-left p{color:#fff}.hero-description{margin-top:20px}.hero-description p{color:#666;font-size:18px;font-weight:400;line-height:1.6;max-width:500px}.hero.dark-mode .hero-description p{color:#b0b0b0}.hero-hand-icon{align-items:center;display:flex;gap:20px}.hero-hand-icon img{width:105px}.hero-latest-btn{align-items:center;background:#ff4141;border-radius:75px;color:#fff;cursor:pointer;display:flex;font-size:22px;font-weight:500;gap:15px;height:70px;justify-content:center;margin-top:30px;transition:transform .3s ease;width:310px}.hero-latest-btn:hover{transform:scale(1.03)}.hero-right{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.hero-item{pointer-events:auto;position:absolute;transition:transform .3s ease}.hero-item-4{left:2%;top:calc(25% - 15px);transform:rotate(-20deg);width:160px;z-index:3}.hero-item-5{bottom:calc(35% + 15px);left:1%;transform:rotate(-33deg);width:300px;z-index:0}.hero-item-1{left:15%;top:calc(15% - 15px);transform:rotate(-15deg);width:350px;z-index:3}.hero-item-2{right:15%;top:calc(33% - 15px);transform:rotate(10deg);width:400px;z-index:2}.hero-item-3{bottom:calc(10% + 15px);left:33%;transform:rotate(-8deg);width:280px;z-index:1}.hero-item:hover{transform:scale(1.05) rotate(0deg);z-index:999!important}.hero-item-5:hover{transform:scale(1.05) rotate(-25deg)}@media(max-width:1280px){.hero-left{padding-left:100px}.hero-left h2{font-size:22px}.hero-left p{font-size:60px}.hero-hand-icon img{width:80px}.hero-latest-btn{font-size:18px;gap:10px;height:60px;margin-top:20px;width:250px}.hero-right .hero-item-4{left:1%;top:calc(27% - 15px);width:156px}.hero-right .hero-item-5{bottom:calc(43% + 15px);left:0;transform:rotate(-33deg);width:288px}.hero-right .hero-item-1{left:10%;top:calc(15% - 15px);width:336px}.hero-right .hero-item-2{right:10%;top:calc(30% - 15px);width:384px}.hero-right .hero-item-3{bottom:calc(31% + 15px);left:0;width:264px}}@media(max-width:1024px){.hero-left{padding-left:80px}.hero-left h2{font-size:20px}.hero-left p{font-size:50px}.hero-hand-icon img{width:65px}.hero-latest-btn{font-size:16px;height:50px;width:220px}.hero-right .hero-item-4{left:0;top:calc(25% - 15px);width:132px}.hero-right .hero-item-5{bottom:calc(41% + 15px);left:0;transform:rotate(-33deg);width:240px}.hero-right .hero-item-1{left:8%;top:calc(12% - 15px);width:264px}.hero-right .hero-item-2{right:8%;top:calc(28% - 15px);width:312px}.hero-right .hero-item-3{bottom:calc(29% + 15px);left:0;width:216px}}@media(max-width:800px){.hero-left{padding-left:30px}.hero-left h2{font-size:16px}.hero-left p{font-size:40px}.hero-hand-icon img{width:50px}.hero-latest-btn{font-size:13px;height:40px;width:175px}.hero-right .hero-item-4{left:0;top:calc(23% - 15px);width:102px}.hero-right .hero-item-5{bottom:calc(39% + 15px);left:0;transform:rotate(-33deg);width:192px}.hero-right .hero-item-1{left:5%;top:calc(10% - 15px);width:216px}.hero-right .hero-item-2{right:5%;top:calc(25% - 15px);width:264px}.hero-right .hero-item-3{bottom:calc(8% + 15px);left:10%;width:168px}}@media(max-width:500px){.hero{flex-direction:column}.hero-right{display:none}.hero-left h2{font-size:18px}.hero-left p{font-size:50px}.hero-hand-icon img{width:55px}.hero-latest-btn{font-size:14px;height:45px;width:200px}}.features-container{align-items:center;display:flex;gap:120px;justify-content:center;padding:80px 40px;transition:all .3s ease}.features-container,.features-container.dark-mode{background-color:initial}.feature{align-items:flex-start;display:flex;flex-direction:column;gap:10px;max-width:350px}.feature h2{border-bottom:3px solid #5956e9;color:#171717;font-size:48px;font-weight:600;margin:0;min-width:150px;padding-bottom:10px;transition:color .3s ease}.features-container.dark-mode .feature h2{color:#fff}.feature p{color:#666;font-size:16px;line-height:1.6;margin:0;transition:color .3s ease}.features-container.dark-mode .feature p{color:#b0b0b0}@media(max-width:1024px){.features-container{gap:60px;padding:60px 30px}.feature h2{font-size:40px;min-width:120px}.feature p{font-size:15px}}@media(max-width:768px){.features-container{flex-direction:column;gap:50px;padding:50px 20px}.feature{align-items:center;max-width:100%;text-align:center}.feature h2{font-size:36px}}.popular-container{display:flex;flex-direction:column;gap:0;padding:40px 0;transition:all .3s ease}.popular-container.dark-mode{background-color:initial}.popular{align-items:center;display:flex;flex-direction:column;gap:0;padding-bottom:40px;transition:all .3s ease}.popular.dark-mode{background-color:initial}.popular-header{align-items:center;display:flex;gap:20px;max-width:1400px;padding-left:10px;width:100%}.market-icon{color:#171717;height:40px;transition:color .3s ease;width:40px}.popular.dark-mode .market-icon{color:#fff}.popular h1{color:#171717;font-size:32px;font-weight:600;margin:0;padding-left:0;transition:color .3s ease}.popular.dark-mode h1{color:#fff}.popular hr{background:#252525;border-radius:10px;height:6px;transition:background .3s ease;width:200px}.popular.dark-mode hr{background:#fa490a}.popular-item{grid-row-gap:40px;grid-column-gap:45px;column-gap:45px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin-top:20px;max-width:1400px;padding:0 20px;row-gap:40px;width:100%}@media(max-width:1280px){.popular{height:70vh}.popular h1{font-size:40px}.popular hr{height:4px;width:160px}.popular-item{gap:20px;margin-top:30px}}@media(max-width:1024px){.popular{height:60vh}.popular h1{font-size:30px}.popular hr{height:3px;width:120px}.popular-item{gap:15px;margin-top:20px}}@media(max-width:800px){.popular{gap:6px;height:50vh}.popular h1{font-size:20px}.popular hr{width:100px}.popular-item{gap:5px}}@media(max-width:500px){.popular{height:90vh}.popular-item{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}}.item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:12px;position:relative;transition:all .3s ease;width:100%}.item.dark-mode{background:#2c2f33;border:1px solid #40444b;box-shadow:0 2px 12px #00000080}.item img{border-radius:6px;box-sizing:border-box;display:block;height:250px;object-fit:contain;transition:transform .3s ease;width:100%}.item img,.item.dark-mode img{background:#0000}.item p{margin:6px 0;transition:color .3s ease}.item.dark-mode p{color:#fff}.item-prices{display:flex;gap:20px}.item-price-new{color:#374151;font-size:18px;font-weight:600;transition:color .3s ease}.item.dark-mode .item-price-new{color:#fff}.item-price-old{color:#8c8c8c;font-size:18px;font-weight:500;text-decoration:line-through}.item-quantity{margin-top:4px}.quantity-available{color:#666;font-size:12px;font-weight:500}.quantity-available.out-of-stock{color:#ff4141;font-weight:600}.quantity-available.low-stock{color:#f80;font-weight:600}.item:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px);transition:all .3s ease}.item:hover img{transform:scale(1.02)}.item-hover-actions{bottom:15px;display:flex;gap:8px;opacity:0;position:absolute;right:15px;transform:translateY(10px);transition:all .3s ease;z-index:10}.item:hover .item-hover-actions{opacity:1;transform:translateY(0)}.item-action-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.item-action-btn:hover{transform:scale(1.2)}@media(max-width:1280px){.item{font-size:14px;width:220px}.item img{max-height:200px;max-width:200px}.item-price-old{font-size:14px}}@media(max-width:1024px){.item{font-size:13px;width:220px}.item img{max-height:200px;max-width:200px}.item-price-old{font-size:13px}}@media(max-width:800px){.item{font-size:12px;width:220px}.item img{max-height:180px;max-width:180px}.item-price-old{font-size:12px}}@media(max-width:500px){.item{width:200px}.item img{max-height:160px;max-width:160px}}.shop-category{padding-top:40px}.category-search-section{align-items:center;display:flex;justify-content:center;margin:0 50px 30px}.search-input-wrapper{max-width:900px;position:relative;width:75%}.category-search-input{border:2px solid #ddd;border-radius:24px;font-family:Montserrat,sans-serif;font-size:16px;height:32px;outline:none;padding:8px 45px 8px 20px;transition:border-color .3s ease,background-color .3s ease,color .3s ease;width:100%}.shop-category.dark-mode .category-search-input{background-color:#2c2f33;border:2px solid #40444b;color:#fff}.category-search-input:focus{border-color:#1976d2}.shop-category.dark-mode .category-search-input:focus{border-color:#fa490a}.search-icon{color:#666;height:18px;pointer-events:none;position:absolute;right:-45px;top:50%;transform:translateY(-50%);transition:color .3s ease;width:18px}.shop-category.dark-mode .search-icon{color:#fff}.category-content-wrapper{display:flex;gap:30px;margin:0 50px}.category-sidebar{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;height:-webkit-fit-content;height:fit-content;padding:25px;transition:all .3s ease;width:280px}.shop-category.dark-mode .category-sidebar{background:#2c2f33;border:1px solid #40444b;box-shadow:0 2px 12px #00000080}.sidebar-content h3{border-bottom:2px solid #1976d2;color:#333;font-size:22px;margin:0 0 25px;padding-bottom:15px;transition:color .3s ease,border-color .3s ease}.shop-category.dark-mode .sidebar-content h3{border-bottom:2px solid #fa490a;color:#fff}.filter-group{margin-bottom:25px}.filter-group h4{color:#555;font-size:16px;font-weight:600;margin:0 0 15px;transition:color .3s ease}.shop-category.dark-mode .filter-group h4{color:#b9bbbe}.price-inputs{gap:15px}.price-input-group,.price-inputs{display:flex;flex-direction:column}.price-input-group{gap:5px}.price-input-group label{color:#666;font-size:14px;font-weight:500;transition:color .3s ease}.shop-category.dark-mode .price-input-group label{color:#b9bbbe}.price-input-group input{border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;padding:10px 12px;transition:border-color .3s ease,background-color .3s ease,color .3s ease}.shop-category.dark-mode .price-input-group input{background-color:#40444b;border:1px solid #40444b;color:#fff}.price-input-group input:focus{border-color:#1976d2}.shop-category.dark-mode .price-input-group input:focus{border-color:#fa490a}.category-filter-list{display:flex;flex-direction:column;gap:12px}.category-filter-option{align-items:center;color:#555;cursor:pointer;display:flex;font-size:14px;gap:10px;transition:color .3s ease}.shop-category.dark-mode .category-filter-option{color:#b9bbbe}.category-filter-option:hover{color:#1976d2}.shop-category.dark-mode .category-filter-option:hover{color:#fa490a}.category-filter-option input[type=checkbox]{accent-color:#1976d2;cursor:pointer;height:18px;width:18px}.shop-category.dark-mode .category-filter-option input[type=checkbox]{accent-color:#fa490a}.category-filter-option span{-webkit-user-select:none;user-select:none}.clear-filters-btn{background:#ff4141;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:12px;transition:background .3s ease;width:100%}.clear-filters-btn:hover{background:#e63939}.category-main-content{flex:1 1}.shopcategory-indexSort{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.shopcategory-indexSort .breadcrum{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0;text-transform:capitalize}.shopcategory-indexSort .breadcrum a{color:#333;text-decoration:none;transition:color .3s ease}.shopcategory-indexSort .breadcrum a:hover{color:#1976d2;text-decoration:underline}.shopcategory-indexSort .breadcrum span{color:#888}.shopcategory-indexSort .breadcrum svg{flex-shrink:0}.shop-category.dark-mode .shopcategory-indexSort .breadcrum a{color:#fff}.shop-category.dark-mode .shopcategory-indexSort .breadcrum span{color:#888}.shopcategory-indexSort p{transition:color .3s ease}.shop-category.dark-mode .shopcategory-indexSort p{color:#fff}.shopcategory-sort{align-items:center;background:#fff;border:1px solid #888;border-radius:40px;cursor:pointer;display:flex;gap:8px;padding:10px 20px;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none}.shop-category.dark-mode .shopcategory-sort{background:#2c2f33;border:1px solid #40444b;color:#fff}.shopcategory-sort:hover{border-color:#555;box-shadow:0 2px 8px #0000001a}.shop-category.dark-mode .shopcategory-sort:hover{background-color:#40444b;box-shadow:0 2px 8px #00000080}.dropdown-icon{height:12px;transition:transform .3s ease;width:12px}.dropdown-icon.open{transform:rotate(180deg)}.sort-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;transition:all .3s ease;z-index:1000}.shop-category.dark-mode .sort-dropdown{background:#2c2f33;border:1px solid #40444b}.sort-option{cursor:pointer;font-size:14px;padding:12px 16px;transition:background-color .2s ease,color .2s ease}.shop-category.dark-mode .sort-option{color:#b9bbbe}.sort-option:hover{background-color:#f5f5f5}.shop-category.dark-mode .sort-option:hover{background-color:#40444b;color:#fff}.sort-option.selected{background-color:#e3f2fd;color:#1976d2;font-weight:500}.shop-category.dark-mode .sort-option.selected{background-color:#40444b;color:#fa490a}.shopcategory-indexSort p span{font-weight:600}.shopcategory-products{grid-row-gap:40px;grid-column-gap:45px;column-gap:45px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin-top:20px;row-gap:40px}.no-products-found{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;margin-top:20px;padding:60px 20px;text-align:center;transition:all .3s ease}.shop-category.dark-mode .no-products-found{background:#2c2f33;border:1px solid #40444b;box-shadow:0 2px 12px #00000080}.no-products-found p{color:#666;font-size:18px;margin-bottom:20px;transition:color .3s ease}.shop-category.dark-mode .no-products-found p{color:#b9bbbe}.shopcategory-loadmore{align-items:center;background:#ededed;border-radius:75px;color:#787878;display:flex;font-size:18px;font-weight:500;height:69px;justify-content:center;margin:150px auto;transition:all .3s ease;width:233px}.shop-category.dark-mode .shopcategory-loadmore{background:#2c2f33;border:1px solid #40444b;color:#b9bbbe}@media(max-width:1280px){.category-search-section{margin:0 50px 30px}.category-content-wrapper{margin:0 50px}.category-sidebar{width:250px}.shopcategory-indexSort{margin-bottom:20px}.shopcategory-sort{font-size:12px;gap:4px;padding:5px 10px}.sort-dropdown,.sort-option{font-size:12px}.sort-option{padding:8px 12px}.shopcategory-indexSort p{font-size:12px}.shopcategory-products{column-gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));row-gap:40px}.shopcategory-products .item{margin:auto}.shopcategory-loadmore{font-size:16px;height:60px;margin:100px auto;width:200px}}@media(max-width:1024px){.category-search-section{margin:0 30px 20px}.category-search-input,.search-input-wrapper{width:100%}.category-content-wrapper{flex-direction:column;margin:0 30px}.category-sidebar{display:none;width:100%}.category-sidebar.show{display:block;margin-bottom:20px}.shopcategory-products{column-gap:15px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));row-gap:50px}}@media(max-width:800px){.category-search-section{margin:0 15px 15px}.search-input-wrapper{width:100%}.category-content-wrapper{margin:0 15px}.category-search-input{border-radius:20px;font-size:14px;height:28px;padding:6px 40px 6px 15px}.search-icon{height:16px;right:16px;width:16px}.shopcategory-products{column-gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));row-gap:40px}.shopcategory-loadmore{font-size:13px;height:40px;margin:60px auto;width:150px}}@media(max-width:500px){.category-search-section{margin:0 10px 15px}.search-input-wrapper{width:100%}.category-content-wrapper{margin:0 10px}.category-search-input{border-radius:18px;font-size:12px;height:26px;padding:5px 35px 5px 12px}.search-icon{height:14px;right:14px;width:14px}.shopcategory-products{column-gap:8px;grid-template-columns:1fr 1fr;row-gap:30px}.sidebar-content h3{font-size:18px}}.breadcrum{align-items:center;color:#5e5e5e;display:flex;font-size:16px;font-weight:600;gap:8px;margin:40px 170px;text-transform:capitalize}.breadcrum a{color:#5e5e5e;text-decoration:none;transition:color .3s ease}.breadcrum a:hover{color:#1976d2;text-decoration:underline}.breadcrum span{color:#333}.breadcrum.dark-mode,.breadcrum.dark-mode a,.breadcrum.dark-mode span{color:#fff}.breadcrum.dark-mode a:hover{color:#fff;text-decoration:underline}@media(max-width:1280px){.breadcrum{font-size:14px;margin:15px 50px}}@media(max-width:1024px){.breadcrum{font-size:13px;margin:15px 30px}}@media(max-width:800px){.breadcrum{font-size:12px;margin:15px 10px}}@media(max-width:500px){.breadcrum{font-size:10px}}.productdisplay{display:flex;margin:0 170px}.productdisplay-left{display:flex;gap:17px}.productdisplay-img{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;height:700px;justify-content:center;overflow:hidden;width:586px}.productdisplay-main-img{max-height:100%;max-width:100%;object-fit:contain}.productdisplay.dark-mode .productdisplay-img{background:#2d2d2d}.productdisplay-right{display:flex;flex-direction:column;margin:0 70px}.productdisplay-right h1{color:#3d3d3d;font-size:40px;font-weight:700}.productdisplay-right-prices{display:flex;font-size:24px;font-weight:700;gap:30px;margin:40px 0}.productdisplay-right-price-old{color:#818181;text-decoration:line-through}.productdisplay-right-price-new{color:#ff4141}.price-secondary{color:#7b7b7b;font-size:18px;font-weight:500;margin-left:8px}.productdisplay-right-quantity h1{color:#656565;font-size:20px;font-weight:600;margin-top:55px}.productdisplay-quantity-selector{align-items:center;display:flex;gap:20px;margin:30px 0}.quantity-btn{align-items:center;background:#fbfbfb;border:1px solid #ebebeb;border-radius:3px;color:#656565;cursor:pointer;display:flex;font-size:18px;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.quantity-btn:hover:not(:disabled){background:#ff4141;border-color:#ff4141;color:#fff}.quantity-btn:disabled{cursor:not-allowed;opacity:.5}.quantity-display{background:#fff;border:1px solid #ebebeb;border-radius:3px;color:#3d3d3d;font-size:18px;font-weight:600;min-width:30px;padding:8px 16px;text-align:center}.productdisplay-action-buttons{align-items:center;display:flex;gap:15px;margin-bottom:40px}.add-to-cart-btn{background:#ff4141;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;max-width:250px;outline:none;padding:20px 40px;transition:all .3s ease}.add-to-cart-btn:hover:not(.disabled){background:#e63939;box-shadow:0 4px 12px #ff41414d;transform:translateY(-2px)}.add-to-cart-btn.disabled{background:#ccc;color:#666;cursor:not-allowed}.remove-product-icon-btn{align-items:center;background:#dc3545;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:60px;justify-content:center;outline:none;transition:all .3s ease;width:60px}.remove-product-icon-btn:hover:not(:disabled){background:#c82333;box-shadow:0 4px 12px #dc354566;transform:translateY(-2px) scale(1.05)}.remove-product-icon-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.out-of-stock-message{color:#ff4141}.low-stock-message,.out-of-stock-message{font-size:14px;font-weight:600;margin-bottom:0;margin-top:10px}.low-stock-message{color:#f80}.productdisplay-right-category{margin-top:10px}.productdisplay-right-category span{font-weight:600}.productdisplay-right-description{color:#333;line-height:1.6;margin:20px 0}.productdisplay.dark-mode .product-description-text,.productdisplay.dark-mode .productdisplay-right h1,.productdisplay.dark-mode .productdisplay-right-category,.productdisplay.dark-mode .productdisplay-right-description,.productdisplay.dark-mode .productdisplay-right-quantity h1,.productdisplay.dark-mode .quantity-display{color:#fff}.productdisplay.dark-mode .quantity-display{background:#2d2d2d;border-color:#40444b}.productdisplay.dark-mode .quantity-btn{background:#2d2d2d;border-color:#40444b;color:#fff}.product-description-text{word-wrap:break-word;background:none;border:none;font-family:inherit;font-size:inherit;line-height:1.6;margin:0;padding:0;white-space:pre-wrap}@media(max-width:1280px){.productdisplay{margin:0 60px}.productdisplay-img-list,.productdisplay-left{gap:10px}.productdisplay-img-list img{height:120px}.productdisplay-main-img{height:510px;width:auto}.productdisplay-right{margin:0 30px}.productdisplay-right h1{font-size:22px}.productdisplay-right-prices{font-size:18px;margin:10px 0}.product-description-text,.productdisplay-right-description{font-size:13px}.productdisplay-right-quantity h1{font-size:20px;margin-top:20px}.quantity-btn{font-size:16px;height:35px;width:35px}.quantity-display{font-size:16px;padding:6px 12px}.productdisplay-right button{margin-bottom:20px;padding:15px 0;width:150px}.low-stock-message,.out-of-stock-message{font-size:12px;margin-top:8px}.productdisplay-right-category{font-size:14px;margin-top:5px}}@media(max-width:1024px){.productdisplay{margin:0 30px}.productdisplay-left{gap:5px}.productdisplay-img-list img{height:80px}.productdisplay-main-img{height:350px}.productdisplay-right h1{font-size:18px}.productdisplay-right-stars img{width:15px}.product-description-text,.productdisplay-right-description{font-size:12px}.productdisplay-quantity-selector{margin:10px 0}.quantity-btn{font-size:14px;height:30px;width:30px}.quantity-display{font-size:14px;padding:4px 8px}.productdisplay-right button{font-size:14px;margin-bottom:10px;padding:10px 0;width:120px}.low-stock-message,.out-of-stock-message{font-size:11px;margin-top:6px}.productdisplay-right-category{font-size:12px}}@media(max-width:800px){.productdisplay{margin:0 10px}.productdisplay-left{align-items:center;flex-direction:column-reverse;gap:0}.productdisplay-img-list{flex-direction:row;gap:6px}.productdisplay-img-list img{height:70px}.productdisplay-main-img{height:300px}.productdisplay-right h1{font-size:14px}.productdisplay-right-stars img{width:13px}.product-description-text,.productdisplay-right-description{font-size:10px}.productdisplay-right-quantity h1{margin:10px}.productdisplay-quantity-selector{gap:10px;margin-top:10px}.quantity-btn{font-size:12px;height:25px;width:25px}.quantity-display{font-size:12px;padding:3px 6px}.productdisplay-right button{font-size:12px;width:100px}.low-stock-message,.out-of-stock-message{font-size:10px;margin-top:5px}.productdisplay-right-category{font-size:10px}}@media(max-width:500px){.productdisplay{flex-direction:column}.productdisplay-left{flex-direction:row;gap:10px;margin:auto}.productdisplay-img-list{flex-direction:column;gap:8px}.productdisplay-img-list img{height:75px}.productdisplay-main-img{height:330px}.productdisplay-right{margin:5px}.productdisplay-right h1{font-size:20px;font-weight:500;margin-top:15px}.productdisplay-right-stars img{width:15px}.productdisplay-quantity-selector{gap:15px;margin:20px 0}.quantity-btn{font-size:16px;height:35px;width:35px}.quantity-display{font-size:16px;padding:6px 12px}.productdisplay-right button{font-size:15px;padding:12px 0;width:130px}.low-stock-message,.out-of-stock-message{font-size:12px;margin-top:8px}.productdisplay-right-category{font-size:16px}}.relatedproducts{align-items:center;display:flex;flex-direction:column;gap:10px;height:auto;margin-bottom:40px;margin-top:80px}.relatedproducts h1{color:#171717;font-size:50px;font-weight:600}.relatedproducts hr{background:#252525;border-radius:10px;height:6px;width:200px}.relatedproducts.dark-mode h1{color:#fff}.relatedproducts.dark-mode hr{background:#fff}.relatedproducts-item{display:flex;gap:30px;margin-top:50px}@media(max-width:1280px){.relatedproducts{height:70vh}.relatedproducts h1{font-size:40px}.relatedproducts hr{height:4px;width:160px}.relatedproducts-item{gap:20px;margin-top:30px}}@media(max-width:1024px){.relatedproducts{height:60vh}.relatedproducts h1{font-size:30px}.relatedproducts hr{height:3px;width:120px}.relatedproducts-item{gap:15px;margin-top:20px}}@media(max-width:800px){.relatedproducts{gap:6px;height:50vh}.relatedproducts h1{font-size:20px}.relatedproducts hr{width:100px}.relatedproducts-item{gap:5px}}@media(max-width:500px){.relatedproducts{height:90vh}.relatedproducts-item{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}}.same-type-products{align-items:center;display:flex;flex-direction:column;gap:10px;margin:80px 170px}.same-type-products.dark-mode{color:#fff}.same-type-products h1{color:#171717;font-size:50px;font-weight:600}.same-type-products.dark-mode h1{color:#fff}.same-type-products hr{background:#252525;border-radius:10px;height:6px;width:200px}.same-type-products.dark-mode hr{background:#fff}.same-type-products-item{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin-top:50px;width:100%}@media(max-width:1280px){.same-type-products{gap:10px;margin:60px 100px}.same-type-products h1{font-size:40px}.same-type-products-item{gap:20px}}@media(max-width:1024px){.same-type-products{margin:50px}.same-type-products h1{font-size:35px}}@media(max-width:800px){.same-type-products{margin:40px 30px}.same-type-products h1{font-size:30px}.same-type-products hr{width:150px}}@media(max-width:500px){.same-type-products{margin:30px 20px}.same-type-products h1{font-size:25px}.same-type-products hr{height:4px;width:100px}.same-type-products-item{gap:15px;grid-template-columns:1fr 1fr}}.cartitems{margin:100px 170px}.cartitems hr{background:#e2e2e2;border:0;height:3px}.cartitems-format-main{grid-gap:75px;align-items:center;color:#454545;display:grid;font-size:18px;font-weight:600;gap:75px;grid-template-columns:.5fr 2fr 1fr 1fr 1fr 1fr;padding:20px}.cartitems-format{font-size:17px;font-weight:500}.carticon-product-icon{height:62px}.cartitems-remove-icon{cursor:pointer;margin:0 40px;width:15px}.cartitems-quantity{background:#fff;border:2px solid #ebebeb;height:50px;width:64px}.cartitems-down{display:flex;margin:100px 0}.cartitems-total{display:flex;flex:1 1;flex-direction:column;gap:40px;margin-right:200px}.cartitems-total-item{display:flex;justify-content:space-between;padding:15px 0}.cartitems-total button{background:#ff5a5a;border:none;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:58px;outline:none;width:262px}.cartitems-promocode{flex:1 1;font-size:16px;font-weight:500}.cartitems-promocode p{color:#555}.cartitems-promobox{background:#eaeaea;height:58px;margin-top:15px;padding-left:20px;width:504px}.cartitems-promobox input{background:#0000;border:none;font-size:16px;height:50px;outline:none;width:330px}.cartitems-promobox button{background:#000;color:#fff;cursor:pointer;font-size:16px;height:58px;width:170px}@media(max-width:1280px){.cartitems{margin:60px 50px}.cartitems-format-main{font-size:15px;gap:20px;grid-template-columns:.5fr 3fr .5fr .5fr .5fr .5fr;padding:15px 0}.carticon-product-icon{height:50px}.cartitems-remove-icon{margin:auto}.cartitems-quantity{height:30px;width:40px}.cartitems-down{flex-direction:column;gap:80px;margin:80px 0}.cartitems-total{margin:0}.cartitems-total button{font-size:13px;height:45px;max-width:200px}.cartitems-promobox{max-width:500px;width:auto}.cartitems-promobox input{width:100%}.cartitems-promobox button{margin-left:-125px;width:120px}}@media(max-width:500px){.cartitems-format-main{display:none;gap:10px;grid-template-columns:.5fr 3fr .5fr}.cartitems-format{display:grid}}.checkout-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.checkout-popup{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:95%}.checkout-header{align-items:center;background:#fff;border-bottom:1px solid #e2e2e2;display:flex;justify-content:space-between;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:1001}.checkout-header h2{color:#333;font-size:24px;margin:0}.close-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:30px;height:40px;justify-content:center;padding:0;width:40px}.close-btn:hover{color:#333}.checkout-content{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding:30px;scrollbar-width:none}.checkout-content::-webkit-scrollbar{display:none}.checkout-items h3{color:#333;font-size:18px;margin:0 0 20px}.checkout-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:15px 0}.checkout-item:last-child{border-bottom:none}.checkout-item-image{border-radius:4px;height:60px;margin-right:15px;object-fit:cover;width:60px}.checkout-item-details{flex:1 1}.checkout-item-name{color:#333;font-weight:600;margin:0 0 5px}.checkout-item-price{color:#666;font-size:14px;margin:0 0 5px}.checkout-item-total{color:#ff5a5a;font-weight:600;margin:0}.checkout-totals{background:#f9f9f9;border-radius:6px;margin:30px 0;padding:20px}.checkout-total-line{display:flex;justify-content:space-between;margin:10px 0}.checkout-total-line.final-total{font-size:18px;margin-top:15px}.checkout-totals hr{background:#e2e2e2;border:none;height:1px;margin:15px 0}.checkout-trade-link{margin:30px 0}.checkout-trade-link label{color:#333;display:block;font-weight:600;margin-bottom:8px}.trade-link-input{border:2px solid #e2e2e2;border-radius:4px;box-sizing:border-box;color:#333;font-size:16px;height:50px;outline:none;padding:0 15px;width:100%}.trade-link-input:focus{border-color:#ff5a5a}.trade-link-help{color:#ff5a5a;display:inline-block;font-size:14px;margin-top:8px;text-decoration:none}.trade-link-help:hover{text-decoration:underline}.checkout-user-info{background-color:#f8f9fa;border-radius:8px;margin-top:20px;padding:20px}.checkout-user-info p{color:#333;font-size:14px;margin:10px 0}.checkout-user-info strong{color:#000}.checkout-actions{display:flex;gap:15px;justify-content:flex-start;margin-top:30px}.cancel-btn,.confirm-btn{border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:background-color .3s ease}.cancel-btn{background:#f0f0f0;color:#333}.cancel-btn:hover{background:#e0e0e0}.confirm-btn{background:#ff5a5a;color:#fff}.confirm-btn:hover{background:#f44}.success-popup{animation:slideDown .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:90%;position:relative;width:500px}.success-header{border-bottom:1px solid #f0f0f0;display:flex;justify-content:flex-end;padding:15px 20px}.success-content{padding:40px 30px;text-align:center}.success-icon{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:50px;font-weight:700;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.success-content h2{color:#333;font-size:28px;margin-bottom:15px}.success-content p{color:#666;font-size:16px;margin-bottom:10px}.success-subtext{color:#999;font-size:14px;margin-bottom:30px}.view-purchase-btn{background:#ff4141;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;max-width:300px;padding:15px 40px;transition:all .3s ease;width:100%}.view-purchase-btn:hover{background:#ff2a2a;box-shadow:0 4px 12px #ff41414d;transform:translateY(-2px)}@media(max-width:768px){.checkout-popup{margin:20px;width:95%}.checkout-header{padding:15px 20px}.checkout-header h2{font-size:20px}.checkout-content{padding:20px}.checkout-item{align-items:flex-start;flex-direction:column;text-align:left}.checkout-item-image{margin-bottom:10px}.checkout-actions{align-items:flex-start;flex-direction:column}.cancel-btn,.confirm-btn{margin:5px 0;width:100%}.success-popup{margin:20px;width:95%}.success-content{padding:30px 20px}.success-icon{font-size:40px;height:60px;width:60px}.success-content h2{font-size:22px}.view-purchase-btn{max-width:none;width:100%}}body.dark-mode .cartitems{color:#fff}body.dark-mode .cartitems hr{background:#40444b}body.dark-mode .cartitems-format-main{color:#b9bbbe}body.dark-mode .cartitems-quantity{background:#2c2f33;border-color:#40444b;color:#fff}body.dark-mode .cartitems-total,body.dark-mode .cartitems-total h1,body.dark-mode .cartitems-total h3{color:#fff}body.dark-mode .cartitems-promocode p{color:#b9bbbe}body.dark-mode .cartitems-promobox{background:#2c2f33}body.dark-mode .cartitems-promobox input{color:#fff}body.dark-mode .checkout-popup{background:#2c2f33}body.dark-mode .checkout-header{background:#2c2f33;border-bottom-color:#40444b}body.dark-mode .checkout-header h2{color:#fff}body.dark-mode .close-btn{color:#b9bbbe}body.dark-mode .checkout-items h3,body.dark-mode .close-btn:hover{color:#fff}body.dark-mode .checkout-item{border-bottom-color:#40444b}body.dark-mode .checkout-item-name{color:#fff}body.dark-mode .checkout-item-price{color:#b9bbbe}body.dark-mode .checkout-totals{background:#23272a}body.dark-mode .checkout-total-line{color:#fff}body.dark-mode .checkout-user-info{background:#23272a}body.dark-mode .checkout-user-info p{color:#dcddde}body.dark-mode .checkout-user-info strong{color:#fff}body.dark-mode .trade-link-input{background:#23272a;border-color:#40444b;color:#fff}body.dark-mode .trade-link-input:focus{border-color:#fa490a}body.dark-mode .cancel-btn{background:#40444b;color:#fff}body.dark-mode .cancel-btn:hover{background:#4f5459}body.dark-mode .success-popup{background:#2c2f33}body.dark-mode .success-header{background:#2c2f33;border-bottom-color:#40444b}body.dark-mode .success-content h2{color:#fff}body.dark-mode .success-content p{color:#b9bbbe}body.dark-mode .view-purchase-btn{background:#fa490a}body.dark-mode .view-purchase-btn:hover{background:#ff6b3d}.loginsignup{background:#fce3fe;min-height:70vh;padding-bottom:60px;padding-top:60px;width:100%}.loginsignup-container{background:#fff;height:520px;margin:auto;padding:30px 50px;width:580px}.loginsignup-container h1{margin:20px 0}.loginsignup-fields{display:flex;flex-direction:column;gap:29px;margin-top:30px}.loginsignup-fields input{border:1px solid #c9c9c9;color:#5c5c5c;font-size:18px;height:72px;outline:none;padding-left:20px;width:100%}.loginsignup-container button{background:#ff4141;color:#fff;font-size:24px;margin-top:30px;width:580px}.loginsignup-container button,.steam-login-btn{border:none;cursor:pointer;font-weight:500;height:72px}.steam-login-btn{background:#171a21!important;border-radius:3px;color:#fff!important;font-size:18px!important;margin-top:0!important;transition:background-color .3s ease;width:100%!important}.steam-login-btn:hover{background:#2a475e!important}.loginsignup-login{color:#5c5c5c;font-size:18px;font-weight:500;margin-top:20px}.loginsignup-login span{color:#ff4141;font-weight:600}.loginsignup-agree{align-items:center;color:#5c5c5c;display:flex;font-size:18px;font-weight:500;gap:20px;margin-top:25px}@media(max-width:1280px){.loginsignup{padding-top:50px}.loginsignup-container{max-height:500px;max-width:500px;width:auto}.loginsignup-container h1{margin:10px 0}.loginsignup-fields{gap:20px;margin-top:20px}.loginsignup-fields input{height:65px;width:93%}.loginsignup-container button{width:100%}.steam-login-btn{width:100%!important}.loginsignup-login{font-size:16px}.loginsignup-agree{font-size:14px;gap:10px}}@media(max-width:800px){.loginsignup-container{padding:20px 30px}.loginsignup-container h1{font-size:24px}.loginsignup-fields{margin-top:20px}.loginsignup-fields input{height:50px}.loginsignup-container button{font-size:16px;height:50px}.steam-login-btn{font-size:16px!important;height:50px!important}}.loginsignup.dark-mode{background:#1a1a1a}.loginsignup.dark-mode .loginsignup-container{background:#2d2d2d;box-shadow:0 4px 20px #00000080}.loginsignup.dark-mode .loginsignup-container h1{color:#fff}.loginsignup.dark-mode .loginsignup-fields input{background:#1a1a1a;border:1px solid #404040;color:#e0e0e0}.loginsignup.dark-mode .loginsignup-fields input::placeholder{color:#888}.loginsignup.dark-mode .loginsignup-fields p{color:#b0b0b0!important}.loginsignup.dark-mode .loginsignup-container button{background:#ff5252}.loginsignup.dark-mode .loginsignup-container button:hover{background:#ff6b6b}.loginsignup.dark-mode .loginsignup-login{color:#b0b0b0}.loginsignup.dark-mode .loginsignup-login span{color:#ff5252}.loginsignup.dark-mode .loginsignup-agree{color:#b0b0b0}.onboarding{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:80vh;padding:40px 20px}.onboarding-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:600px;overflow:hidden;width:100%}.onboarding-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;text-align:center}.onboarding-header h1{font-size:32px;font-weight:600;margin:0 0 10px}.onboarding-header p{font-size:16px;margin:0;opacity:.9}.onboarding-user-info{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:30px 40px 20px}.user-welcome{align-items:center;display:flex;gap:15px}.user-welcome img{border:3px solid #667eea;border-radius:50%;height:50px;width:50px}.user-welcome span{color:#333;font-size:18px;font-weight:600}.onboarding-form{padding:40px}.form-field{margin-bottom:30px}.form-field label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-field input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:16px;height:50px;padding:0 15px;transition:all .3s ease;width:100%}.form-field input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-field input:disabled{background-color:#f5f5f5;cursor:not-allowed}.field-help{color:#666;font-size:13px;line-height:1.5;margin:8px 0 0}.field-help a{color:#667eea;font-weight:600;text-decoration:none}.field-help a:hover{text-decoration:underline}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px}.tos-notice{background-color:#f8f9fa;border-radius:8px;margin-bottom:25px;padding:20px}.tos-notice p{color:#666;font-size:13px;margin:0;text-align:center}.tos-notice a{color:#667eea;font-weight:600;text-decoration:none}.tos-notice a:hover{text-decoration:underline}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;height:56px;transition:all .3s ease;width:100%}.save-btn:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.onboarding-loading{align-items:center;color:#666;display:flex;font-size:24px;justify-content:center;min-height:80vh}@media (max-width:768px){.onboarding{padding:20px 15px}.onboarding-container{max-width:100%}.onboarding-header{padding:30px 20px}.onboarding-header h1{font-size:24px}.onboarding-user-info{padding:20px}.onboarding-form{padding:30px 20px}.form-field input{font-size:14px;height:48px}.save-btn{font-size:16px;height:50px}}.onboarding.dark-mode{background:linear-gradient(135deg,#23272a,#2c2f33)}.onboarding.dark-mode .onboarding-container{background:#2c2f33;box-shadow:0 10px 40px #00000080}.onboarding.dark-mode .onboarding-header{background:linear-gradient(135deg,#1a1a1a,#2c2f33)}.onboarding.dark-mode .onboarding-user-info{background:#23272a;border-bottom-color:#40444b}.onboarding.dark-mode .user-welcome span{color:#fff}.onboarding.dark-mode .onboarding-form{background:#2c2f33}.onboarding.dark-mode .form-field label{color:#fff}.onboarding.dark-mode .form-field input{background:#23272a;border-color:#40444b;color:#fff}.onboarding.dark-mode .form-field input:focus{border-color:#fa490a}.onboarding.dark-mode .field-help{color:#b9bbbe}.onboarding.dark-mode .field-help a{color:#fa490a}.onboarding.dark-mode .field-help a:hover{color:#ff6b3d}.onboarding.dark-mode .error-message{background:#3d2020;border-color:#6b2020;color:#ff6b6b}.onboarding.dark-mode .save-btn{background:#fa490a}.onboarding.dark-mode .save-btn:hover{background:#ff6b3d}.onboarding.dark-mode .onboarding-loading{color:#fff}.myprofile{background-color:#f8f9fa;min-height:80vh;padding:40px 20px}.profile-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:1000px;overflow:hidden}.profile-header{align-items:center;background:linear-gradient(135deg,#171a21,#2a475e);color:#fff;display:flex;gap:20px;padding:40px}.profile-avatar-large{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 8px #0000004d;height:80px;width:80px}.profile-info h1{font-size:28px;font-weight:600;margin:0}.profile-subtitle{font-size:16px;margin:5px 0 0;opacity:.8}.profile-content{padding:40px}.profile-section{border-bottom:1px solid #e0e0e0;margin-bottom:40px;padding-bottom:30px}.profile-section:last-child{border-bottom:none;margin-bottom:0}.profile-section h2{color:#333;font-size:24px;font-weight:600;margin-bottom:20px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.info-item{display:flex;flex-direction:column;gap:5px}.info-item label{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#333;font-size:16px;font-weight:500}.trade-link-truncate{color:#666;font-size:14px;word-break:break-all}.trade-link-full{color:#333;font-size:14px;line-height:1.5;word-break:break-all}.editable-item{display:flex;flex-direction:column;gap:10px}.display-with-edit{align-items:center;display:flex;gap:15px;justify-content:space-between}.edit-btn-small{background:#ff5a5a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .3s ease;white-space:nowrap}.edit-btn-small:hover{background:#f44}.edit-controls{display:flex;flex-direction:column;gap:10px}.edit-input{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px;transition:border-color .3s ease;width:100%}.edit-input:focus{border-color:#ff5a5a;outline:none}.edit-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.edit-buttons{display:flex;gap:10px}.cancel-btn-small,.save-btn-small{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.save-btn-small{background:#28a745;color:#fff}.save-btn-small:hover:not(:disabled){background:#218838}.save-btn-small:disabled{cursor:not-allowed;opacity:.6}.cancel-btn-small{background:#f0f0f0;color:#333}.cancel-btn-small:hover:not(:disabled){background:#e0e0e0}.cancel-btn-small:disabled{cursor:not-allowed;opacity:.6}.profile-error{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px}.profile-btn{background:#ff5a5a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .3s ease}.profile-btn:hover{background:#f44}.profile-loading{align-items:center;color:#666;display:flex;font-size:18px;justify-content:center;min-height:50vh}@media (max-width:768px){.profile-header{flex-direction:column;text-align:center}.profile-content,.profile-header{padding:30px 20px}.info-grid{grid-template-columns:1fr}.profile-info h1{font-size:24px}.profile-avatar-large{height:60px;width:60px}}.myprofile.dark-mode{background-color:#1a1a1a}.myprofile.dark-mode .profile-container{background:#2c2f33;box-shadow:0 2px 10px #00000080}.myprofile.dark-mode .profile-content{background:#2c2f33}.myprofile.dark-mode .profile-section h2{color:#fff}.myprofile.dark-mode .profile-error{background:#3d2020;color:#ff6b6b}.myprofile.dark-mode .info-item label{color:#b9bbbe}.myprofile.dark-mode .info-item span{color:#fff}.myprofile.dark-mode .edit-input{background:#23272a;border-color:#40444b;color:#fff}.myprofile.dark-mode .edit-input:focus{border-color:#fa490a}.myprofile.dark-mode .save-btn-small{background:#fa490a}.myprofile.dark-mode .save-btn-small:hover{background:#ff6b3d}.myprofile.dark-mode .cancel-btn-small{background:#40444b;color:#fff}.myprofile.dark-mode .cancel-btn-small:hover{background:#4f5459}.myprofile.dark-mode .edit-btn{background:#40444b;color:#fff}.myprofile.dark-mode .edit-btn:hover{background:#4f5459}.myprofile.dark-mode .profile-loading{color:#fff}.myinventory{background-color:#f8f9fa;min-height:80vh;padding:40px 20px}.inventory-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden}.inventory-header{background:linear-gradient(135deg,#ff5a5a,#ff7a7a);color:#fff;padding:40px;text-align:center}.inventory-header h1{font-size:32px;font-weight:600;margin:0}.inventory-header p{font-size:16px;margin:10px 0 0;opacity:.9}.inventory-controls{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 40px}.game-switcher{display:flex;gap:10px}.game-btn{background:#fff;border:2px solid #ff5a5a;border-radius:25px;color:#ff5a5a;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.game-btn:hover{background:#fff5f5}.game-btn.active{background:#ff5a5a;color:#fff}.refresh-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .3s ease}.refresh-btn:hover{background:#218838}.refresh-btn:disabled{background:#6c757d;cursor:not-allowed}.inventory-content{min-height:400px;padding:40px;position:relative}.inventory-loading-overlay{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#ff5a5a;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.inventory-empty,.inventory-error{color:#666;padding:60px 20px;text-align:center}.empty-icon,.error-icon{font-size:64px;margin-bottom:20px}.inventory-empty h2,.inventory-error h2{color:#333;font-size:24px;font-weight:600;margin-bottom:10px}.inventory-empty p,.inventory-error p{color:#666;font-size:16px;margin-bottom:30px}.retry-btn,.shop-btn{background:#ff5a5a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:12px 24px;text-decoration:none;transition:background-color .3s ease}.retry-btn:hover,.shop-btn:hover{background:#f44}.inventory-items{padding:20px 0}.inventory-stats{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:30px;padding:15px 20px}.item-count{color:#333;font-size:18px;font-weight:600}.game-label{background:#ff5a5a;border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.inventory-item{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.inventory-item:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.item-image{margin-bottom:15px;position:relative;text-align:center}.item-image img{border-radius:8px;height:80px;object-fit:contain;width:80px}.item-amount{align-items:center;background:#ff5a5a;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:calc(50% - 45px);top:-5px;width:20px}.item-details{text-align:left}.item-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 8px;overflow:hidden}.item-type{color:#666;font-size:14px;margin:0 0 15px}.item-tags{display:flex;flex-direction:column;gap:8px}.rarity-tag{align-self:flex-start;border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.rarity-tag.normal{background:#b0c3d9;color:#2a3f5f}.rarity-tag.unique{background:gold;color:#8b6f00}.rarity-tag.vintage{background:#476291;color:#fff}.rarity-tag.genuine{background:#4d7455;color:#fff}.rarity-tag.strange{background:#cf6a32;color:#fff}.rarity-tag.unusual{background:#8650ac;color:#fff}.rarity-tag.decorated{background:#fafafa;border:1px solid #ccc;color:#333}.rarity-tag.community{background:#70b04a;color:#fff}.rarity-tag.valve{background:#a50f79;color:#fff}.rarity-tag.consumer-grade{background:#b0c3d9;color:#2a3f5f}.rarity-tag.industrial-grade{background:#5e98d9;color:#fff}.rarity-tag.mil-spec-grade{background:#4b69ff;color:#fff}.rarity-tag.restricted{background:#8847ff;color:#fff}.rarity-tag.classified{background:#d32ce6;color:#fff}.rarity-tag.covert{background:#eb4b4b;color:#fff}.rarity-tag.contraband{background:#e4ae39;color:#8b6914}.item-status{display:flex;flex-wrap:wrap;gap:6px}.status-tag{border-radius:3px;font-size:10px;font-weight:500;padding:2px 6px;text-transform:uppercase}.status-tag.tradable{background:#d4edda;color:#155724}.status-tag.marketable{background:#d1ecf1;color:#0c5460}.inventory-loading{align-items:center;color:#666;display:flex;font-size:18px;justify-content:center;min-height:50vh}@media (max-width:768px){.inventory-content,.inventory-header{padding:30px 20px}.inventory-controls{align-items:stretch;flex-direction:column;gap:15px}.game-switcher{justify-content:center}.inventory-header h1{font-size:28px}.empty-icon,.error-icon{font-size:48px}.inventory-empty h2,.inventory-error h2{font-size:20px}.items-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.inventory-item{padding:15px}}.myinventory.dark-mode{background-color:#1a1a1a}.myinventory.dark-mode .inventory-container{background:#2c2f33;box-shadow:0 2px 10px #00000080}.myinventory.dark-mode .inventory-controls{background:#23272a;border-bottom-color:#40444b}.myinventory.dark-mode .game-btn{background:#2c2f33;border-color:#40444b;color:#b9bbbe}.myinventory.dark-mode .game-btn:hover{background:#40444b;color:#fff}.myinventory.dark-mode .game-btn.active{background:#fa490a;border-color:#fa490a;color:#fff}.myinventory.dark-mode .refresh-btn{background:#40444b;color:#fff}.myinventory.dark-mode .refresh-btn:hover{background:#4f5459}.myinventory.dark-mode .inventory-content,.myinventory.dark-mode .inventory-empty,.myinventory.dark-mode .inventory-error{background:#2c2f33}.myinventory.dark-mode .inventory-empty h2,.myinventory.dark-mode .inventory-error h2{color:#fff}.myinventory.dark-mode .inventory-empty p,.myinventory.dark-mode .inventory-error p{color:#b9bbbe}.myinventory.dark-mode .inventory-item{background:#23272a;border-color:#40444b}.myinventory.dark-mode .inventory-item:hover{border-color:#fa490a;box-shadow:0 4px 12px #fa490a33}.myinventory.dark-mode .item-name{color:#fff}.myinventory.dark-mode .item-info{color:#b9bbbe}.myinventory.dark-mode .item-quality,.myinventory.dark-mode .item-rarity{background:#40444b;color:#dcddde}.myinventory.dark-mode .inventory-loading{color:#fff}.mytradehistory{background-color:#f8f9fa;min-height:80vh;padding:40px 20px}.trade-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden}.trade-header{background:linear-gradient(135deg,#28a745,#34ce57);color:#fff;padding:40px;text-align:center}.trade-header h1{font-size:32px;font-weight:600;margin:0}.trade-header p{font-size:16px;margin:10px 0 0;opacity:.9}.trade-content{align-items:center;display:flex;justify-content:center;min-height:400px;padding:40px}.trade-empty{color:#666;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px}.trade-empty h2{color:#333;font-size:24px;font-weight:600;margin-bottom:10px}.trade-empty p{color:#666;font-size:16px;margin-bottom:30px}.shop-btn{background:#28a745;border-radius:6px;color:#fff;display:inline-block;font-size:16px;font-weight:500;padding:12px 24px;text-decoration:none;transition:background-color .3s ease}.shop-btn:hover{background:#218838}.trade-loading{align-items:center;color:#666;display:flex;font-size:18px;justify-content:center;min-height:50vh}.transactions-list{width:100%}.transaction-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px;transition:box-shadow .3s ease}.transaction-card:hover{box-shadow:0 4px 12px #0000001a}.transaction-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;position:relative}.transaction-info{display:flex;flex-direction:column;gap:8px}.transaction-type-label{background:#e3f2fd;border-radius:12px;color:#1976d2;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.cancel-transaction-btn{align-items:center;background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;position:absolute;right:0;top:0;transition:background-color .3s ease,transform .2s ease;width:30px}.cancel-transaction-btn:hover{background:#d32f2f;transform:scale(1.1)}.transaction-date{color:#666;font-size:16px;font-weight:500}.transaction-status{font-size:14px;font-weight:700}.transaction-items{margin-bottom:15px}.transaction-item{align-items:center;background:#f9f9f9;border-radius:6px;display:flex;margin-bottom:10px;padding:15px}.transaction-item:last-child{margin-bottom:0}.transaction-item-image{border:1px solid #e0e0e0;border-radius:6px;height:80px;margin-right:15px;object-fit:cover;width:80px}.transaction-item-details{flex:1 1}.transaction-item-details h3{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.transaction-item-details .item-price{color:#666;font-size:14px;margin:5px 0}.transaction-item-details .item-total{color:#28a745;font-size:16px;font-weight:700;margin:5px 0}.transaction-footer{align-items:center;border-top:2px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:15px}.transaction-total{color:#333;font-size:20px}.transaction-total strong{color:#28a745}@media (max-width:768px){.trade-content,.trade-header{padding:30px 20px}.trade-header h1{font-size:28px}.empty-icon{font-size:48px}.trade-empty h2{font-size:20px}.transaction-card{padding:15px}.transaction-header{gap:10px}.transaction-header,.transaction-item{align-items:flex-start;flex-direction:column}.transaction-item{padding:12px}.transaction-item-image{height:auto;margin-bottom:10px;margin-right:0;max-width:150px;width:100%}.transaction-item-details h3{font-size:16px}.transaction-total{font-size:18px}}.mytradehistory.dark-mode{background-color:#1a1a1a}.mytradehistory.dark-mode .trade-container{background:#2c2f33;box-shadow:0 2px 10px #00000080}.mytradehistory.dark-mode .trade-content{background:#2c2f33}.mytradehistory.dark-mode .trade-empty{color:#b9bbbe}.mytradehistory.dark-mode .trade-empty h2{color:#fff}.mytradehistory.dark-mode .trade-empty p{color:#b9bbbe}.mytradehistory.dark-mode .shop-btn{background:#fa490a}.mytradehistory.dark-mode .shop-btn:hover{background:#ff6b3d}.mytradehistory.dark-mode .transaction-card{background:#23272a;border-color:#40444b}.mytradehistory.dark-mode .transaction-card:hover{border-color:#fa490a;box-shadow:0 4px 12px #fa490a33}.mytradehistory.dark-mode .transaction-header h3{color:#fff}.mytradehistory.dark-mode .transaction-date,.mytradehistory.dark-mode .transaction-id{color:#b9bbbe}.mytradehistory.dark-mode .transaction-items{background:#2c2f33;border-color:#40444b}.mytradehistory.dark-mode .transaction-item{background:#23272a}.mytradehistory.dark-mode .transaction-item-details h3{color:#fff}.mytradehistory.dark-mode .transaction-item-details p{color:#b9bbbe}.mytradehistory.dark-mode .transaction-total{color:#fff}.mytradehistory.dark-mode .cancel-transaction-btn{background:#40444b;color:#fff}.mytradehistory.dark-mode .cancel-transaction-btn:hover{background:#dc3545}.mytradehistory.dark-mode .trade-loading{color:#fff}.keys-page{min-height:80vh;transition:background-color .3s ease;width:100%}.keys-page.dark-mode{background-color:#1a1a1a}.keys-hero{align-items:center;background:linear-gradient(135deg,#000000b3,#00000080),url(https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=1200) 50%/cover;display:flex;height:400px;justify-content:center;position:relative;width:100%}.keys-page.dark-mode .keys-hero{background:linear-gradient(135deg,#000000e6,#000000b3),url(https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=1200) 50%/cover}.keys-hero-content{color:#fff;padding:20px;text-align:center;z-index:1}.keys-hero h1{font-size:48px;font-weight:700;margin-bottom:40px;text-shadow:2px 2px 4px #00000080}.keys-pricing{align-items:center;display:flex;gap:60px;justify-content:center}.pricing-item{display:flex;flex-direction:column;gap:8px}.pricing-label{font-size:20px;font-weight:500;opacity:.95}.pricing-value{font-size:36px;font-weight:700;text-shadow:2px 2px 4px #00000080}.pricing-value.buy{color:#4ade80}.pricing-value.sell{color:#60a5fa}.pricing-sublabel{font-size:14px;font-style:italic;opacity:.8}.keys-trading-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin:-80px auto 60px;max-width:1200px;padding:0 20px;position:relative;z-index:2}.trading-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.keys-page.dark-mode .trading-card{background:#2c2f33;box-shadow:0 4px 20px #00000080}.trading-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.card-header{color:#fff;padding:30px;text-align:center}.card-header h2{font-size:28px;font-weight:600;margin:0}.sell-header{background:linear-gradient(135deg,#16a34a,#22c55e)}.buy-header{background:linear-gradient(135deg,#2563eb,#3b82f6)}.card-body{align-items:center;display:flex;flex-direction:column;gap:25px;padding:40px 30px}.quantity-input-wrapper{max-width:200px;width:100%}.quantity-input{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:24px;height:60px;outline:none;text-align:center;transition:border-color .3s ease,background-color .3s ease,color .3s ease;width:100%}.keys-page.dark-mode .quantity-input{background:#1a1a1a;border-color:#40444b;color:#fff}.quantity-input:focus{border-color:#3b82f6}.quantity-input::-webkit-inner-spin-button,.quantity-input::-webkit-outer-spin-button{height:50px;opacity:1}.limit-info,.payment-info,.stock-info{color:#4b5563;font-size:16px;text-align:center;transition:color .3s ease}.keys-page.dark-mode .limit-info,.keys-page.dark-mode .payment-info,.keys-page.dark-mode .stock-info{color:#b9bbbe}.payment-info strong,.stock-info strong{color:#1f2937;font-weight:600;transition:color .3s ease}.keys-page.dark-mode .payment-info strong,.keys-page.dark-mode .stock-info strong{color:#fff}.limit-info{color:#6b7280;font-size:14px}.action-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;height:55px;margin-top:10px;max-width:300px;transition:all .3s ease;width:100%}.sell-btn{background:linear-gradient(135deg,#16a34a,#22c55e)}.sell-btn:hover{background:linear-gradient(135deg,#15803d,#16a34a);transform:scale(1.02)}.buy-btn{background:linear-gradient(135deg,#2563eb,#3b82f6)}.buy-btn:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:scale(1.02)}.action-btn:active{transform:scale(.98)}.action-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.action-btn:disabled:hover{box-shadow:none;transform:none}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;max-width:500px;padding:40px;text-align:center;transition:background-color .3s ease;width:90%}.keys-page.dark-mode .modal-content{background:#2c2f33}.keys-page.dark-mode .modal-content h2,.keys-page.dark-mode .modal-subtext{color:#fff}.keys-page.dark-mode .modal-content p{color:#b9bbbe}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-icon{align-items:center;border-radius:50%;display:flex;font-size:48px;font-weight:700;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.success-icon{background:#d4edda;color:#155724}.error-icon{background:#f8d7da;color:#721c24}.modal-content h2{color:#333;font-size:28px;margin-bottom:15px}.modal-content p{color:#666;font-size:16px;margin-bottom:10px}.modal-subtext{color:#333;font-size:18px;font-weight:600;margin-bottom:30px}.modal-actions{display:flex;gap:15px;justify-content:center}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.modal-btn.primary{background:#ff4141;color:#fff}.modal-btn.primary:hover{background:#e63939;box-shadow:0 4px 12px #ff41414d;transform:translateY(-2px)}.modal-btn.secondary{background:#f0f0f0;color:#333}.modal-btn.secondary:hover{background:#e0e0e0}.login-notice{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;margin:40px auto;max-width:600px;padding:20px;text-align:center}.login-notice p{color:#856404;font-size:16px;margin:0}.login-notice a{color:#ff4141;font-weight:600;text-decoration:none}.login-notice a:hover{text-decoration:underline}@media (max-width:1024px){.keys-trading-container{gap:30px;grid-template-columns:1fr;margin-top:-60px}.keys-hero h1{font-size:38px}.pricing-value{font-size:30px}}@media (max-width:768px){.keys-hero{height:350px}.keys-hero h1{font-size:32px;margin-bottom:30px}.keys-pricing{flex-direction:column;gap:30px}.pricing-label{font-size:18px}.pricing-value{font-size:26px}.card-header h2{font-size:24px}.card-body{padding:30px 20px}}@media (max-width:500px){.keys-hero{height:300px}.keys-hero h1{font-size:28px}.keys-trading-container{padding:0 10px}.card-header{padding:20px}.card-header h2{font-size:22px}.action-btn{font-size:16px;height:50px}.modal-content{padding:30px 20px}.modal-icon{font-size:36px;height:60px;width:60px}.modal-content h2{font-size:22px}.modal-actions{flex-direction:column}.modal-btn{width:100%}}.footer{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center;margin-top:20px;transition:background-color .3s ease}.footer.dark-mode{background-color:initial}.footer-logo{align-items:center;cursor:default;display:flex;gap:6px;text-decoration:none}.footer-logo img{height:40px}.footer-logo p{color:#171717;font-size:24px;font-weight:600;transition:color .3s ease}.footer.dark-mode .footer-logo p{color:#fff}.footer-links{color:#252525;display:flex;font-size:20px;gap:50px;list-style:none}.footer-links li{cursor:pointer}.footer-links a{color:#252525;text-decoration:none;transition:color .3s ease}.footer.dark-mode .footer-links a{color:#fff}.footer-links a:hover{color:#667eea}.footer.dark-mode .footer-links a:hover{color:#fa490a}.footer-social-icon{display:flex;gap:20px}.footer-icons-container{align-items:center;cursor:pointer;display:flex;justify-content:center}.footer-copyright{align-items:center;color:#666;display:flex;flex-direction:column;font-size:16px;gap:8px;margin-bottom:30px;transition:color .3s ease;width:100%}.footer.dark-mode .footer-copyright{color:#999}@media(max-width:800px){.footer{gap:20px}.footer-logo{align-items:end;gap:10px}.footer-logo img{width:40px}.footer-logo p{font-size:25px}.footer-links{font-size:14px;gap:10px}.footer-social-icon img{width:22px}.footer-copyright{font-size:13px}}.legal-page{background-color:#f8f9fa;min-height:80vh;padding:40px 20px}.legal-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:900px;padding:60px}.legal-container h1{color:#171717;font-size:36px;font-weight:700;margin-bottom:10px}.last-updated{color:#666;font-size:14px;font-style:italic}.last-updated,.legal-section{margin-bottom:40px}.legal-section:last-child{margin-bottom:0}.legal-section h2{color:#262626;font-size:24px;font-weight:600;margin-bottom:15px}.legal-section p{color:#333;font-size:16px;line-height:1.8;margin-bottom:15px}.legal-section ul{margin:15px 0;padding-left:30px}.legal-section li{color:#333;font-size:16px;line-height:1.8;margin-bottom:10px}.legal-section strong{color:#171717;font-weight:600}@media (max-width:768px){.legal-container{padding:30px 20px}.legal-container h1{font-size:28px}.legal-section h2{font-size:20px}.legal-section li,.legal-section p{font-size:14px}}@media (max-width:500px){.legal-page{padding:20px 10px}.legal-container{padding:20px 15px}.legal-container h1{font-size:24px}.legal-section h2{font-size:18px}}.legal-page.dark-mode{background-color:#1a1a1a}.legal-page.dark-mode .legal-container{background:#2c2f33;box-shadow:0 2px 10px #00000080}.legal-page.dark-mode .legal-container h1{color:#fff}.legal-page.dark-mode .last-updated{color:#b9bbbe}.legal-page.dark-mode .legal-section h2,.legal-page.dark-mode .legal-section h3,.legal-page.dark-mode .legal-section h4,.legal-page.dark-mode h2,.legal-page.dark-mode h3,.legal-page.dark-mode h4,.legal-page.dark-mode section h2,.legal-page.dark-mode section h3,.legal-page.dark-mode section h4{color:#fff!important}.legal-page.dark-mode .legal-section li,.legal-page.dark-mode .legal-section p,.legal-page.dark-mode li,.legal-page.dark-mode p,.legal-page.dark-mode section li,.legal-page.dark-mode section p{color:#dcddde!important}.legal-page.dark-mode .legal-section a{color:#fa490a}.legal-page.dark-mode .legal-section a:hover{color:#ff6b3d}.legal-page.dark-mode .legal-section strong{color:#fff}.support-login-notice{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin:20px 0;padding:20px;text-align:center}.support-login-notice p{color:#856404;font-size:16px;margin:0}.support-actions{margin:30px 0;text-align:center}.view-tickets-btn{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.view-tickets-btn:hover{background:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}.support-form-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:30px 0;padding:30px}.support-form-container h2{color:#333;margin-bottom:25px;margin-top:0}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724}.error-message,.success-message{font-weight:500;margin-bottom:20px;padding:15px}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24}.support-form{gap:20px}.form-group,.support-form{display:flex;flex-direction:column}.form-group{gap:8px;position:relative}.form-group label{color:#555;font-size:14px;font-weight:600}.form-group input,.form-group textarea{border:2px solid #ddd;border-radius:6px;font-family:inherit;font-size:15px;padding:12px;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#ff4141;outline:none}.form-group input:disabled,.form-group textarea:disabled{background:#f5f5f5;cursor:not-allowed}.form-group textarea{min-height:150px;resize:vertical}.submit-ticket-btn{align-self:flex-start;background:#ff4141;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 40px;transition:all .3s ease}.submit-ticket-btn:hover:not(:disabled){background:#e63939;box-shadow:0 4px 12px #ff41414d;transform:translateY(-2px)}.submit-ticket-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}@media (max-width:768px){.support-form-container{padding:20px}.submit-ticket-btn{align-self:stretch;width:100%}.view-tickets-btn{width:100%}}.legal-page.dark-mode .support-login-notice{background:#3d3520;border-color:#856404}.legal-page.dark-mode .support-login-notice p{color:#ffc107}.legal-page.dark-mode .support-form-container{background:#2c2f33;box-shadow:0 2px 8px #00000080}.legal-page.dark-mode .support-form-container h2{color:#fff}.legal-page.dark-mode .success-message{background:#1e4620;border-color:#2d6b30;color:#4caf50}.legal-page.dark-mode .error-message{background:#3d2020;border-color:#6b2020;color:#ff6b6b}.legal-page.dark-mode .form-group label{color:#fff}.legal-page.dark-mode .form-group input,.legal-page.dark-mode .form-group textarea{background:#23272a;border-color:#40444b;color:#fff}.legal-page.dark-mode .form-group input:focus,.legal-page.dark-mode .form-group textarea:focus{border-color:#fa490a}.legal-page.dark-mode .char-count{color:#b9bbbe}.legal-page.dark-mode .submit-ticket-btn{background:#fa490a}.legal-page.dark-mode .submit-ticket-btn:hover{background:#ff6b3d}.legal-page.dark-mode .view-tickets-btn{background:#fa490a}.legal-page.dark-mode .view-tickets-btn:hover{background:#ff6b3d}.legal-page.dark-mode .support-form-container p{color:#dcddde}.my-support-tickets{background-color:#f5f5f5;min-height:100vh;padding:40px 80px}.tickets-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.tickets-header h1{color:#333;font-size:32px;margin:0}.create-ticket-btn{background:#ff4141;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.create-ticket-btn:hover{background:#e63939;box-shadow:0 4px 12px #ff41414d;transform:translateY(-2px)}.error-container,.loading{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.error-container button{background:#ff4141;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px}.no-tickets{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:80px 20px;text-align:center}.no-tickets p{color:#666;font-size:18px;margin-bottom:30px}.create-first-ticket-btn{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.create-first-ticket-btn:hover{background:#1976d2;box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.tickets-list{display:flex;flex-direction:column;gap:20px}.ticket-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:25px;transition:box-shadow .3s ease}.ticket-card:hover{box-shadow:0 4px 12px #00000026}.ticket-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.ticket-info h3{color:#333;font-size:20px;margin:0 0 5px}.ticket-id{color:#999;font-size:13px;margin:0}.ticket-badges{display:flex;gap:10px}.status-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.ticket-body{margin-bottom:20px}.ticket-message{color:#555;line-height:1.6;white-space:pre-wrap}.ticket-footer{align-items:center;border-top:2px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:15px}.ticket-dates p{color:#666;font-size:13px;margin:3px 0}.replies-indicator{color:#2196f3;font-size:14px;font-weight:600}.ticket-replies{border-top:2px solid #f0f0f0;margin-top:20px;padding-top:20px}.ticket-replies h4{color:#333;font-size:16px;margin:0 0 15px}.reply{border-radius:8px;margin-bottom:10px;padding:15px}.admin-reply{background:#e3f2fd;border-left:4px solid #2196f3}.user-reply{background:#f5f5f5;border-left:4px solid #999}.reply-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.reply-header strong{color:#333;font-size:14px}.reply-date{color:#999;font-size:12px}.reply-message{color:#555;line-height:1.5;margin:0;white-space:pre-wrap}.ticket-reply-section{border-top:2px solid #f0f0f0;margin-top:20px;padding-top:20px}.reply-btn{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.reply-btn:hover{background:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}.reply-form{display:flex;flex-direction:column;gap:10px}.reply-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:14px;padding:10px}.reply-form textarea{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.reply-form textarea:focus{border-color:#2196f3;outline:none}.char-count{color:#999;font-size:12px;text-align:right}.reply-actions{display:flex;gap:10px}.send-reply-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.send-reply-btn:hover{background:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.cancel-reply-btn{background:#757575;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.cancel-reply-btn:hover{background:#616161}@media (max-width:768px){.my-support-tickets{padding:20px}.tickets-header{align-items:stretch;flex-direction:column;gap:20px}.tickets-header h1{font-size:24px}.create-ticket-btn{width:100%}.ticket-card{padding:20px}.ticket-header{flex-direction:column;gap:15px}.ticket-badges{flex-wrap:wrap}.ticket-footer{align-items:flex-start;flex-direction:column;gap:10px}.reply-actions{flex-direction:column;width:100%}.cancel-reply-btn,.reply-btn,.send-reply-btn{width:100%}}.my-support-tickets.dark-mode{background-color:#1a1a1a}.my-support-tickets.dark-mode .tickets-header h1{color:#fff}.my-support-tickets.dark-mode .error-container,.my-support-tickets.dark-mode .loading{background:#2c2f33;color:#fff}.my-support-tickets.dark-mode .no-tickets{background:#2c2f33;color:#b9bbbe}.my-support-tickets.dark-mode .no-tickets p{color:#b9bbbe}.my-support-tickets.dark-mode .ticket-card{background:#2c2f33;border-color:#40444b}.my-support-tickets.dark-mode .ticket-card:hover{border-color:#fa490a;box-shadow:0 4px 12px #fa490a33}.my-support-tickets.dark-mode .ticket-header h3{color:#fff}.my-support-tickets.dark-mode .ticket-id{color:#b9bbbe}.my-support-tickets.dark-mode .ticket-body p{color:#dcddde}.my-support-tickets.dark-mode .ticket-date{color:#b9bbbe}.my-support-tickets.dark-mode .reply-section{background:#23272a;border-top-color:#40444b}.my-support-tickets.dark-mode .reply-header{color:#fff}.my-support-tickets.dark-mode .reply-item{background:#2c2f33}.my-support-tickets.dark-mode .reply-item.admin-reply{background:#23272a}.my-support-tickets.dark-mode .reply-author{color:#fff}.my-support-tickets.dark-mode .reply-message{color:#dcddde}.my-support-tickets.dark-mode .reply-date{color:#b9bbbe}.my-support-tickets.dark-mode .reply-input{background:#23272a;border-color:#40444b;color:#fff}.my-support-tickets.dark-mode .reply-input:focus{border-color:#fa490a}.my-support-tickets.dark-mode .cancel-reply-btn{background:#40444b;color:#fff}.my-support-tickets.dark-mode .cancel-reply-btn:hover{background:#4f5459}.my-support-tickets.dark-mode .reply-error{background:#3d2020;color:#ff6b6b}
/*# sourceMappingURL=main.dbebce29.css.map*/