.marketplace-page{min-height:100vh;background:linear-gradient(to bottom right,#f8fbff,#f0f7ff,#e8f4ff);display:flex;flex-direction:column;font-family:Space Grotesk,sans-serif}.marketplace-header{background:rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(229,231,235,.5);position:sticky;top:0;z-index:100;box-shadow:0 1px 2px rgba(0,0,0,.05)}.marketplace-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3476BA,#E27B2F)}.marketplace-header-content{max-width:1400px;margin:0 auto;padding:16px 24px;justify-content:space-between}.marketplace-header-content,.marketplace-header-left{display:flex;align-items:center;gap:24px}.logo-and-home{display:flex;align-items:center;gap:12px}.marketplace-logo{display:flex;align-items:center;text-decoration:none}.marketplace-logo .logo-img{width:32px;height:32px}.home-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#f9fafb;border:1px solid #e5e7eb;color:#6b7280;text-decoration:none;transition:all .2s ease}.home-icon-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.marketplace-title-group{display:flex;flex-direction:column;gap:2px}.marketplace-title{font-size:24px;font-weight:700;color:#171717;margin:0;font-family:Space Grotesk,sans-serif}.marketplace-tagline{font-size:13px;color:#6b7280;margin:0}.header-actions{gap:12px;flex-wrap:nowrap}.header-actions,.platform-btn{display:flex;align-items:center}.platform-btn{gap:6px;padding:8px 16px;background:linear-gradient(135deg,#3476BA,#2563EB);color:white;border-radius:9999px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 8px rgba(52,118,186,.25);border:1px solid rgba(52,118,186,.2);font-family:Space Grotesk,sans-serif}.platform-btn:hover{box-shadow:0 4px 12px rgba(52,118,186,.35);transform:translateY(-.5px)}.platform-icon{width:14px;height:14px}.sign-in-btn{padding:8px 20px;background:#fff;color:#3476BA;border:2px solid #3476ba}.sign-in-btn:hover{background:#3476BA;color:#fff;box-shadow:0 2px 8px rgba(52,118,186,.25)}.claim-btn,.create-post-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:9999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Space Grotesk,sans-serif}.claim-btn:hover,.create-post-btn:hover{background:#f9fafb;border-color:#3476BA;color:#3476BA;box-shadow:0 2px 8px rgba(52,118,186,.15)}.create-post-btn{background:#3476BA;color:#fff;border-color:#3476BA}.create-post-btn:hover{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 2px 8px rgba(52,118,186,.35)}.plus-icon{font-size:16px;font-weight:700}.inbox-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;height:40px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:9999px;cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap}.inbox-btn:hover{background:#f3f4f6;border-color:#3476BA;box-shadow:0 2px 8px rgba(52,118,186,.15)}.inbox-icon{width:20px;height:20px;color:#6b7280;transition:color .2s}.inbox-btn:hover .inbox-icon{color:#3476BA}.inbox-text{font-size:13px;font-weight:600;color:#374151}.actions-menu-wrapper{position:relative;display:none}.actions-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:9999px;cursor:pointer;transition:all .2s ease}.actions-menu-btn:hover{background:#f3f4f6;border-color:#3476BA;box-shadow:0 2px 8px rgba(52,118,186,.15)}.actions-menu-btn svg{width:20px;height:20px;color:#6b7280}.actions-menu-btn:hover svg{color:#3476BA}.actions-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:white;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);min-width:160px;z-index:1000;overflow:hidden}.actions-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:white;border:none;width:100%;text-align:left;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:#374151;font-family:Space Grotesk,sans-serif}.actions-dropdown-item:hover{background:#f9fafb}.actions-dropdown-item:not(:last-child){border-bottom:1px solid #f3f4f6}.dropdown-icon{width:18px;height:18px;color:#6b7280;flex-shrink:0}.actions-dropdown-item:hover .dropdown-icon{color:#3476BA}.user-dropdown{position:relative}.user-profile-btn{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:9999px;cursor:pointer;transition:all .2s ease}.user-profile-btn:hover{background:#f3f4f6;border-color:#d1d5db;box-shadow:0 2px 4px rgba(0,0,0,.05)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3476BA,#8b5cf6);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(0,0,0,.1)}.avatar-text{font-size:12px;font-weight:700;color:white}.dropdown-arrow{width:16px;height:16px;color:#6b7280;transition:color .2s}.user-profile-btn:hover .dropdown-arrow{color:#374151}.user-menu{position:absolute;top:calc(100% + 8px);right:0;background:white;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);min-width:224px;z-index:1000;overflow:hidden}.user-menu-header{padding:12px 16px;border-bottom:1px solid #f3f4f6}.user-menu-name{font-size:14px;font-weight:600;color:#171717;margin-bottom:2px}.user-menu-email{font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-divider{height:1px;background:#f3f4f6}.user-menu-credits{padding:12px 16px}.credits-box{display:flex;align-items:center;gap:12px;padding:10px 12px;background:linear-gradient(135deg,#e8f4ff,#f0f7ff);border:1px solid #3476ba40;border-radius:8px}.credits-icon{width:16px;height:16px;color:#3476BA;flex-shrink:0}.credits-label-small{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.credits-value-large{font-size:14px;font-weight:700;color:#171717}.menu-icon{width:16px;height:16px;flex-shrink:0}.user-menu-item{width:100%;padding:10px 16px;border:none;background:none;text-align:left;font-size:14px;color:#374151;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:10px;text-decoration:none}.user-menu-item:hover{background:#f9fafb}.logout-btn{color:#dc2626}.logout-btn:hover{background:#fef2f2}.sign-in-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,#3476BA,#2563EB);color:white;border:none;border-radius:9999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(52,118,186,.25);font-family:Space Grotesk,sans-serif}.sign-in-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(52,118,186,.35)}.claim-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.claim-btn:hover{background:#f9fafb;border-color:#d1d5db}.create-post-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3476BA,#2563EB);color:white;border:none;border-radius:9999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(52,118,186,.25);font-family:Space Grotesk,sans-serif}.create-post-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(52,118,186,.35)}.marketplace-filters{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:73px;z-index:99}.filter-tabs{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;gap:4px;overflow-x:auto}.filter-tab{display:flex;align-items:center;gap:6px;padding:12px 16px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;white-space:nowrap;transition:all .2s ease}.filter-tab:hover{color:#171717;background:#f9fafb}.filter-tab.active{color:#3476BA;border-bottom-color:#3476BA}.tab-icon{font-size:16px}.marketplace-main{flex:1;max-width:1400px;margin:0 auto;padding:24px;width:100%}@media (max-width:768px){.marketplace-header-content{padding:12px 16px;flex-wrap:wrap;gap:12px}.marketplace-header-left{gap:12px}.marketplace-title{font-size:20px}.marketplace-tagline{display:none}.header-actions{gap:8px}.platform-btn{padding:8px 12px;font-size:13px}.platform-icon{width:12px;height:12px}.user-avatar{width:28px;height:28px}.avatar-text{font-size:11px}.dropdown-arrow{width:14px;height:14px}.sign-in-btn{padding:8px 16px;font-size:13px}.claim-btn{padding:8px 14px;font-size:13px}.create-post-btn{padding:8px 16px;font-size:13px}.marketplace-filters{top:60px}.filter-tabs{padding:0 16px}.filter-tab{padding:10px 12px;font-size:13px}.marketplace-main{padding:16px 16px 100px}}@media (max-width:480px){.marketplace-header-content{padding:10px 12px}.logo-and-home{gap:6px}.marketplace-logo .logo-img{width:28px;height:28px}.home-icon-btn{width:32px;height:32px}.home-icon-btn svg{width:16px;height:16px}.marketplace-title{font-size:18px}.header-actions{gap:4px}.platform-btn{padding:6px 10px}.platform-icon{width:18px;height:18px}.sign-in-btn{padding:6px 12px;font-size:12px}.claim-btn,.create-post-btn{padding:6px 8px;font-size:16px}.claim-btn .btn-text,.create-post-btn .btn-text,.platform-btn-text{display:none}.claim-btn,.create-post-btn,.platform-btn{padding:6px 10px}.inbox-btn{height:32px;padding:6px 8px}.inbox-icon{width:16px;height:16px}.inbox-text{display:none}.user-avatar{width:26px;height:26px}.avatar-text{font-size:10px}.user-profile-btn{padding:3px 6px 3px 3px}}.messages-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:9999;opacity:0;transition:opacity .3s ease;pointer-events:none}.messages-overlay.active{opacity:1;pointer-events:all}.messages-panel{position:fixed;top:0;right:-600px;width:600px;max-width:100vw;height:100vh;background:#fff;box-shadow:-4px 0 20px rgba(0,0,0,.15);z-index:10000;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.messages-panel.active{right:0}.messages-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#f3f4f6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;color:#6b7280}.messages-close-btn:hover{background:#e5e7eb;color:#374151}@media (max-width:768px){.messages-panel{width:100%;right:-100%}.messages-panel.active{right:0}.actions-menu-wrapper{display:block}.claim-btn:not(.actions-dropdown-item),.create-post-btn:not(.actions-dropdown-item),.inbox-btn:not(.actions-dropdown-item),.platform-btn:not(.actions-dropdown-item){display:none!important}}@media (min-width:769px){.actions-menu-wrapper{display:none!important}}.mobile-sticky-buttons{display:none;position:fixed;bottom:0;left:0;right:0;padding:12px 16px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(229,231,235,.8);box-shadow:0 -2px 10px rgba(0,0,0,.05);z-index:1000;gap:12px}@media (max-width:768px){.mobile-sticky-buttons{display:flex;justify-content:center}}.sticky-post-btn{flex:1;max-width:200px;padding:14px 24px;background:linear-gradient(135deg,#3476BA,#2563eb);color:white;border:none;border-radius:12px;font-size:16px;font-weight:600;font-family:Space Grotesk,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(52,118,186,.3)}.sticky-post-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(52,118,186,.4)}.sticky-post-btn:active{transform:translateY(0)}.sticky-post-btn .plus-icon{font-size:20px;font-weight:700}.sticky-verify-btn{flex:1;max-width:180px;padding:14px 20px;background:linear-gradient(135deg,#E27B2F,#f97316);color:white;border:none;border-radius:12px;font-size:15px;font-weight:600;font-family:Space Grotesk,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(226,123,47,.3)}.sticky-verify-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(226,123,47,.4)}.sticky-verify-btn:active{transform:translateY(0)}