@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Outfit:wght@400;600;800;900&display=swap";
:root{--font-sans:"Space Grotesk", "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--bg-primary:#080616;--bg-secondary:#1a1953;--bg-card:#162e93;--bg-card-hover:#1e3ebf;--bg-glass:#1a1953d9;--color-crimson:#2f2fe4;--color-crimson-glow:#2f2fe459;--color-cyan:#a0cfff;--color-cyan-glow:#a0cfff59;--color-amber:#162e93;--color-magenta:#2f2fe4;--color-magenta-glow:#2f2fe459;--color-gold:gold;--text-primary:#fff;--text-secondary:#c2c9e3;--text-muted:#5e668a;--border-color:#243ebf;--border-focus:#2f2fe4;--success:#0f6;--error:#ff3b30;--warning:#ffb300;--shadow-sm:0 4px 12px #0009;--shadow-md:0 10px 40px #000c;--shadow-glow-crimson:0 0 15px var(--color-crimson-glow);--shadow-glow-cyan:0 0 15px var(--color-cyan-glow);--radius-sm:2px;--radius-md:6px;--radius-lg:12px;--radius-full:9999px;--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--bg-glow-1:#2f2fe417;--bg-glow-2:#a0cfff12}.logo-place{color:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);background-image:radial-gradient(at 0% 0%, var(--bg-glow-1) 0px, transparent 55%), radial-gradient(at 100% 100%, var(--bg-glow-2) 0px, transparent 55%);max-width:100vw;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border:1px solid var(--bg-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-crimson);box-shadow:0 0 8px var(--color-crimson)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.grid{display:grid}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.slant-cut{transform:skew(-10deg)}.slant-cut-child{transform:skew(10deg)}.page-title{text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg, #fff 40%, var(--text-secondary));-webkit-text-fill-color:transparent;text-shadow:0 2px 10px #00000080;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:2.5rem;font-style:italic;font-weight:900}.neon-gradient-text{background:linear-gradient(90deg, var(--color-crimson), var(--color-amber), var(--color-cyan));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #2f2fe433);-webkit-background-clip:text;font-weight:900}.btn{border-radius:var(--radius-sm);transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.08em;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.75rem;font-style:italic;font-weight:800;display:inline-flex;position:relative}.btn-primary{background:linear-gradient(135deg, var(--color-crimson) 0%, var(--color-amber) 100%);color:#fff;border:1px solid #ffffff1a;box-shadow:0 4px 15px #2f2fe459}.btn-primary:hover{background:linear-gradient(135deg, #5454ff 0%, var(--color-crimson) 100%);transform:translateY(-2px);box-shadow:0 0 25px #2f2fe499}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-color);color:var(--color-cyan);box-shadow:0 0 8px #0000004d}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--color-cyan);color:#fff;transform:translateY(-2px);box-shadow:0 0 15px #00e1ff40}.btn-glow{animation:1.8s infinite alternate neon-glow-pulse}.btn-sm{padding:.5rem 1rem;font-size:.68rem}.card{border-radius:var(--radius-md);transition:all var(--transition-normal);background:0 0;border:1px solid #0000;padding:1.5rem}.card:hover{background:#1a195366;border-color:#0000;transform:translateY(-4px);box-shadow:0 12px 40px #0006,0 0 15px #2f2fe414}.card-glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1a195340;border:1px solid #ffffff0a;box-shadow:0 8px 32px #0006}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--color-cyan);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background-color:#04050a99;padding:.8rem 1.1rem}.form-input:focus{border-color:var(--color-cyan);background-color:#04050acc;outline:none;box-shadow:0 0 12px #00e1ff40}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300e1ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;padding-right:2.5rem}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;align-items:center;padding:.25rem .75rem;font-size:.68rem;font-weight:800;display:inline-flex;transform:skew(-10deg)}.badge-blister{color:var(--color-crimson);background-color:#2f2fe41f;border:1px solid #2f2fe44d;box-shadow:0 0 8px #2f2fe426}.badge-loose{color:var(--color-cyan);background-color:#00e1ff1f;border:1px solid #00e1ff4d;box-shadow:0 0 8px #00e1ff26}.badge-success{color:var(--success);background-color:#00ff661f;border:1px solid #00ff664d}.badge-danger{color:var(--error);background-color:#ff003c1f;border:1px solid #ff003c4d}.header{background-color:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;border-bottom:1px solid #ffffff0d;padding:1rem 0;position:sticky;top:0}.logo{letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.5rem;font-family:Outfit,sans-serif;font-size:1.45rem;font-style:italic;font-weight:900;display:flex}.logo-cyan{color:var(--color-cyan);text-shadow:0 0 8px #00e1ff66}.logo-magenta{color:var(--color-crimson);text-shadow:0 0 8px #2f2fe466}.toast-container{z-index:9999;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{background:var(--bg-card);border:1px solid var(--border-color);border-left:4px solid var(--color-cyan);box-shadow:var(--shadow-md);border-radius:var(--radius-sm);align-items:center;gap:.75rem;min-width:300px;padding:1rem 1.5rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards slide-in;display:flex}.toast-success{border-left-color:var(--success);border-color:#00ff664d}.toast-error{border-left-color:var(--error);border-color:#ff003c4d}.toast-info{border-left-color:var(--color-cyan);border-color:#00e1ff4d}.warning-banner{border-bottom:1px solid var(--border-color);color:var(--text-secondary);text-align:center;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(90deg,#050a21,#0d163d);justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.78rem;font-weight:600;display:flex}@keyframes neon-glow-pulse{0%{box-shadow:0 0 10px #4382df4d}to{box-shadow:0 0 25px #4382dfb3}}@keyframes slide-in{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}.shimmer{background:linear-gradient(90deg, var(--bg-card) 25%, var(--border-color) 50%, var(--bg-card) 75%);background-size:200% 100%;animation:1.5s infinite shimmer-anim}@keyframes shimmer-anim{0%{background-position:200% 0}to{background-position:-200% 0}}.chat-container{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-secondary);height:calc(100vh - 160px);overflow:hidden}.message-bubble{border-radius:var(--radius-sm);max-width:70%;margin-bottom:.5rem;padding:.85rem 1.15rem;line-height:1.4}.message-bubble.sent{background:linear-gradient(135deg, var(--color-crimson), #1f59b2);border-bottom-right-radius:0;align-self:flex-end;box-shadow:0 4px 12px #4382df33}.message-bubble.received{background:var(--bg-card);border:1px solid var(--border-color);border-bottom-left-radius:0;align-self:flex-start;box-shadow:0 4px 12px #00000059}.grid-filters{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.grid-catalog{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.grid-details{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.grid-profile-dashboard{grid-template-columns:1.2fr 1fr;display:grid}.grid-profile-transactions.seller-role,.grid-profile-transactions.buyer-role{grid-template-columns:1fr;display:grid}.grid-profile-account{grid-template-columns:1.5fr 1fr;display:grid}.grid-cart{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.grid-shipping-city-zip{grid-template-columns:1.5fr 1fr;display:grid}.grid-form-two-cols{grid-template-columns:1fr 1fr;display:grid}.grid-form-two-cols.skew-1-2{grid-template-columns:1.2fr 1fr}.chat-grid{grid-template-columns:300px 1fr;display:grid}.mobile-back-button{display:none}.filter-search-group{grid-column:span 2}.header-nav,.header-user-section{display:flex}.mobile-burger-btn,.mobile-drawer-overlay{display:none}@media (max-width:1024px){.container{padding:0 1rem}.grid-profile-dashboard,.grid-profile-account{grid-template-columns:1.2fr 1fr!important}}@media (max-width:768px){.grid-catalog{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.grid-filters{grid-template-columns:1fr 1fr!important;gap:1rem!important}.grid-details,.grid-profile-dashboard,.grid-profile-transactions,.grid-profile-account,.grid-cart,.grid-shipping-city-zip,.grid-form-two-cols,.grid-form-two-cols.skew-1-2{grid-template-columns:1fr!important;gap:1.5rem!important}section[style*=linear-gradient]{margin-bottom:2rem!important;padding:2rem 1.25rem!important}section[style*=linear-gradient] .grid{grid-template-columns:1fr!important;gap:1.5rem!important}section[style*=linear-gradient] h1{font-size:2rem!important}section[style*=linear-gradient] img{object-fit:contain;max-height:180px}.chat-container{height:calc(100vh - 120px)!important}.chat-grid{grid-template-columns:1fr!important}.chat-grid .chat-sidebar{display:block}.chat-grid .chat-area,.chat-grid.channel-active .chat-sidebar{display:none}.chat-grid.channel-active .chat-area{flex-direction:column;height:100%;display:flex!important}.mobile-back-button{color:var(--color-cyan);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:inline-flex!important}.flex.items-center.gap-6{flex-wrap:wrap;gap:.75rem!important}.filter-search-group{grid-column:span 1!important}}@media (max-width:640px){.header-nav,.header-user-section{display:none!important}.mobile-burger-btn{justify-content:center;align-items:center;display:flex!important}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:2px solid var(--border-color);flex-direction:column;gap:1.5rem;height:calc(100vh - 100%);padding:2rem 1.5rem;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto;z-index:9999!important;background-color:#000!important}.hide-mobile{display:none!important}}@media (max-width:480px){.page-title{text-align:center;font-size:1.6rem!important}section[style*=linear-gradient] h1{text-align:center;font-size:1.7rem!important}.flex.gap-4{flex-direction:column;width:100%;gap:.5rem!important}.flex.gap-4 button,.flex.gap-4 a{text-align:center;justify-content:center;width:100%}.grid-catalog,.grid-filters{grid-template-columns:1fr!important;gap:1rem!important}.card{padding:1rem!important}.message-bubble{max-width:85%!important}}