:root{--bg-primary:#141210;--bg-secondary:#1c1a17;--bg-card:#ffffff0a;--bg-card-hover:#ffffff14;--bg-glass:#ffffff0f;--bg-glass-strong:#ffffff1a;--text-primary:#f5f0e8;--text-secondary:#b5a898;--text-muted:#7a6e60;--accent-primary:#f4a300;--accent-secondary:#2a2520;--accent-gradient:linear-gradient(135deg,#f4a300,#ffcc40);--accent-gradient-hover:linear-gradient(135deg,#ffb320,#ffd860);--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--border-subtle:#ffffff1a;--border-accent:#f4a30059;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem;--font-4xl:2.5rem;--font-5xl:3.5rem;--font-6xl:4.5rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-glow:0 0 40px #f4a30033;--shadow-glow-strong:0 0 60px #f4a30059;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:#141210;background-color:var(--bg-primary);color:#f5f0e8;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}img{display:block;max-width:100%}button{cursor:pointer}button,input,select,textarea{border:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#141210;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#f4a3004d;border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#f4a30080}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #f4a3001a}50%{box-shadow:0 0 40px #f4a3004d}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes blob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f4a300,#ffcc40);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text}.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0f;background:var(--bg-glass)}.glass,.glass-strong{border:1px solid #ffffff1a;border:1px solid var(--border-subtle)}.glass-strong{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#ffffff1a;background:var(--bg-glass-strong)}.react-hot-toast{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-family:var(--font-family)!important}.app{display:flex;flex-direction:column;min-height:100vh}.app-content{flex:1 1}.navbar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#141210cc;border-bottom:1px solid var(--border-subtle);display:flex;height:72px;justify-content:space-between;left:0;padding:0 var(--space-xl);position:fixed;right:0;top:0;transition:all var(--transition-base);z-index:1000}.navbar.scrolled{background:#141210f2;box-shadow:var(--shadow-md)}.navbar-brand{align-items:center;display:flex;font-size:var(--font-xl);font-weight:800;gap:var(--space-sm);letter-spacing:-.5px}.navbar-brand .brand-icon{align-items:center;background:var(--accent-gradient);border-radius:var(--radius-md);display:flex;height:36px;justify-content:center;transition:transform var(--transition-spring);width:36px}.navbar-brand:hover .brand-icon{transform:rotate(-10deg) scale(1.1)}.navbar-links{gap:var(--space-xs)}.nav-link,.navbar-links{align-items:center;display:flex}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);font-weight:500;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);position:relative;transition:all var(--transition-fast)}.nav-link:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-link.active{background:#f4a3001a;color:var(--accent-primary)}.nav-link-cta{background:var(--accent-gradient)!important;border-radius:var(--radius-full);color:var(--text-primary)!important;font-weight:600;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}.nav-link-cta:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.nav-link-profile{background:#ffffff0d;border:1px solid var(--border-subtle);padding:4px 16px 4px 8px!important}.nav-link-profile:hover{background:#ffffff1a}.nav-avatar{align-items:center;background:var(--accent-gradient);border-radius:50%;color:var(--bg-primary);display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.nav-link-bell{position:relative}.bell-wrapper{position:relative}.bell-wrapper,.notif-badge{align-items:center;display:flex;justify-content:center}.notif-badge{animation:badge-pop .3s ease-out;background:#ef4444;border-radius:var(--radius-full);box-shadow:0 0 0 2px #141210e6;color:#fff;font-size:10px;font-weight:700;height:18px;line-height:1;min-width:18px;padding:0 5px;position:absolute;right:-10px;top:-8px}@keyframes badge-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.notif-card:hover{box-shadow:var(--shadow-md);transform:translateX(4px)}.navbar-hamburger{background:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:var(--space-sm)}.navbar-hamburger span{background:var(--text-primary);border-radius:2px;height:2px;transition:all var(--transition-fast);width:24px}.navbar-hamburger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.navbar-hamburger.open span:nth-child(2){opacity:0}.navbar-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{align-items:center;animation:fadeIn var(--transition-base);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#141210fa;bottom:0;display:none;flex-direction:column;gap:var(--space-lg);justify-content:center;left:0;position:fixed;right:0;top:72px;z-index:999}.mobile-menu.open{display:flex}.mobile-menu .nav-link{font-size:var(--font-xl);padding:var(--space-md) var(--space-2xl)}@media (max-width:768px){.navbar-links{display:none}.navbar-hamburger{display:flex}}.hero{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:120px var(--space-xl) var(--space-4xl);position:relative}.hero,.hero-bg{overflow:hidden}.hero-bg{inset:0;position:absolute;z-index:0}.hero-blob{animation:blob 8s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}.hero-blob-1{animation-delay:0s;background:#f4a3004d;height:500px;right:-5%;top:-10%;width:500px}.hero-blob-2{animation-delay:-4s;background:#f4a3001f;bottom:-5%;height:400px;left:-5%;width:400px}.hero-blob-3{animation-delay:-2s;background:#f4a30033;height:300px;left:30%;top:40%;width:300px}.hero-content{animation:fadeInUp .8s ease-out;box-sizing:border-box;max-width:800px;position:relative;text-align:center;width:100%;z-index:1}.hero-badge{align-items:center;animation:fadeInUp .8s ease-out .2s both;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;font-size:var(--font-sm);gap:var(--space-sm);margin-bottom:var(--space-2xl);padding:var(--space-sm) var(--space-lg)}.hero-badge .dot{animation:pulse-glow 2s infinite;background:var(--success);border-radius:50%;height:8px;width:8px}.hero-title{animation:fadeInUp .8s ease-out .3s both;font-size:var(--font-6xl);font-weight:900;letter-spacing:-2px;line-height:1.1;margin-bottom:var(--space-lg)}.hero-subtitle{word-wrap:break-word;animation:fadeInUp .8s ease-out .4s both;color:var(--text-secondary);font-size:var(--font-xl);line-height:1.7;margin:0 auto var(--space-2xl);max-width:550px;width:100%}.hero-actions{animation:fadeInUp .8s ease-out .5s both;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.btn{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-base);font-weight:600;gap:var(--space-sm);padding:14px 32px;transition:all var(--transition-fast)}.btn-primary{background:var(--accent-gradient);box-shadow:var(--shadow-glow);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-glow-strong);transform:translateY(-2px)}.btn-secondary{background:var(--bg-glass-strong);border:1px solid var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-2px)}.hero-stats{animation:fadeInUp .8s ease-out .6s both;display:flex;gap:var(--space-3xl);justify-content:center;margin-top:var(--space-4xl)}.hero-stat{text-align:center}.hero-stat-value{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:var(--font-3xl);font-weight:800}.hero-stat-label{color:var(--text-muted);font-size:var(--font-sm);margin-top:var(--space-xs)}.hero-recent-items{-webkit-overflow-scrolling:touch;animation:fadeInUp .8s ease-out .6s both;display:flex;flex-wrap:nowrap;gap:var(--space-md);margin:var(--space-3xl) auto 0 auto;max-width:100%;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;width:100%}.hero-recent-items::-webkit-scrollbar{display:none}.recent-item-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:0 0 160px;flex-direction:column;gap:10px;max-width:160px;min-width:160px;padding:var(--space-md);text-align:left;transition:transform .2s,box-shadow .2s,border-color .2s;width:160px}.recent-item-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-4px)}.recent-item-image{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;flex-shrink:0;height:110px;justify-content:center;max-height:110px;min-height:110px;overflow:hidden;width:100%}@media (max-width:480px){.recent-item-card{flex:0 0 140px;max-width:140px;min-width:140px;width:140px}.recent-item-image{height:90px;max-height:90px;min-height:90px}}.features-section{margin:0 auto;max-width:1200px;padding:var(--space-4xl) var(--space-xl)}.section-header{margin-bottom:var(--space-3xl);text-align:center}.section-tag{background:#f4a3001a;border:1px solid #f4a30033;border-radius:var(--radius-full);color:var(--accent-primary);display:inline-block;font-size:var(--font-xs);font-weight:600;letter-spacing:1px;padding:var(--space-xs) var(--space-md);text-transform:uppercase}.section-tag,.section-title{margin-bottom:var(--space-md)}.section-title{font-size:var(--font-4xl);font-weight:800;letter-spacing:-1px}.section-subtitle{color:var(--text-secondary);font-size:var(--font-lg);margin:0 auto;max-width:500px}.features-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(3,1fr)}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-2xl);position:relative;transition:all var(--transition-base)}.feature-card:before{background:var(--accent-gradient);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.feature-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-icon{align-items:center;background:#f4a3001a;border-radius:var(--radius-lg);color:var(--accent-primary);display:flex;height:52px;justify-content:center;margin-bottom:var(--space-lg);width:52px}.feature-card h3{font-size:var(--font-xl);font-weight:700;margin-bottom:var(--space-sm)}.feature-card p{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.7}.cta-section{padding:var(--space-4xl) var(--space-xl);text-align:center}.cta-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin:0 auto;max-width:800px;overflow:hidden;padding:var(--space-4xl) var(--space-2xl);position:relative}.cta-card:before{background:radial-gradient(circle,#f4a3000f 0,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.cta-card h2{font-size:var(--font-3xl);font-weight:800;margin-bottom:var(--space-md)}.cta-card h2,.cta-card p{position:relative;z-index:1}.cta-card p{color:var(--text-secondary);font-size:var(--font-lg);margin-bottom:var(--space-2xl)}.marketplace{margin:0 auto;max-width:1300px;padding:100px var(--space-xl) var(--space-4xl)}.marketplace-header{animation:fadeInUp .6s ease-out;margin-bottom:var(--space-2xl)}.marketplace-header h1{font-size:var(--font-4xl);font-weight:800;letter-spacing:-1px;margin-bottom:var(--space-sm)}.marketplace-header p{color:var(--text-secondary);font-size:var(--font-lg)}.marketplace-controls{animation:fadeInUp .6s ease-out .1s both;display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-2xl)}.search-bar{flex:1 1;min-width:280px;position:relative}.search-bar input{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-base);padding:14px 20px 14px 50px;transition:all var(--transition-fast);width:100%}.search-bar input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #f4a3001a}.search-bar input::placeholder{color:var(--text-muted)}.search-bar .search-icon{color:var(--text-muted);left:16px;position:absolute;top:50%;transform:translateY(-50%)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.filter-chip{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:var(--font-sm);font-weight:500;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}.filter-chip:hover{border-color:var(--border-accent);color:var(--text-primary)}.filter-chip.active{background:#f4a30026;border-color:var(--accent-primary);color:var(--accent-primary)}.items-count{color:var(--text-muted);font-size:var(--font-sm);margin-bottom:var(--space-lg)}.marketplace-grid{grid-gap:var(--space-xl);animation:fadeInUp .6s ease-out .2s both;display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;position:relative;transition:all var(--transition-base)}.product-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.product-card-image{background:var(--bg-secondary);height:220px;overflow:hidden;position:relative;width:100%}.product-card-image img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-badge{border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600;letter-spacing:.5px;padding:4px 12px;position:absolute;right:var(--space-md);text-transform:uppercase;top:var(--space-md)}.badge-available{background:#4ade8026;border:1px solid #4ade804d;color:var(--success)}.badge-reserved{background:#fbbf2426;border:1px solid #fbbf244d;color:var(--warning)}.badge-sold{background:#dc861d26;border:1px solid #a5651d4d;color:var(--text-muted)}.product-card-sold{filter:grayscale(60%);opacity:.45;pointer-events:auto}.product-card-sold:hover{box-shadow:none;transform:none}.product-card-body{padding:var(--space-lg)}.product-card-body h3{font-size:var(--font-lg);font-weight:700;margin-bottom:var(--space-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card-body .price{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:var(--font-2xl);font-weight:800;margin-bottom:var(--space-sm)}.product-card-body .description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--font-sm);line-height:1.6;margin-bottom:var(--space-lg);min-height:44px;overflow:hidden}.product-card .buy-btn{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--font-sm);font-weight:600;gap:var(--space-sm);justify-content:center;padding:12px;transition:all var(--transition-fast);width:100%}.buy-btn-active{background:var(--accent-gradient);color:#fff}.buy-btn-active:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.buy-btn-reserved{background:var(--bg-glass);color:var(--text-muted);cursor:not-allowed}.empty-state{animation:fadeIn .6s ease-out;padding:var(--space-4xl) var(--space-xl);text-align:center}.empty-state .empty-icon{align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);color:var(--text-muted);display:flex;height:80px;justify-content:center;margin:0 auto var(--space-xl);width:80px}.empty-state h3{font-size:var(--font-2xl);margin-bottom:var(--space-sm)}.empty-state p{color:var(--text-secondary);margin-bottom:var(--space-xl)}.loading-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.skeleton-image{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;height:220px;width:100%}.skeleton-body{padding:var(--space-lg)}.skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;border-radius:var(--radius-sm);height:14px;margin-bottom:var(--space-sm)}.skeleton-line.w-60{width:60%}.skeleton-line.w-40{width:40%}.skeleton-line.w-80{width:80%}.skeleton-line.h-lg{height:20px}.skeleton-line.h-btn{height:44px;margin-top:var(--space-md)}.item-details-page{animation:fadeInUp .6s ease-out;margin:0 auto;max-width:1000px;padding:90px var(--space-xl) var(--space-4xl)}.item-details-back{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-base);gap:8px;margin-bottom:var(--space-lg);padding:0;transition:color var(--transition-fast)}.item-details-back:hover{color:var(--text-primary)}.item-details-grid{grid-gap:var(--space-xl);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:grid;gap:var(--space-xl);grid-template-columns:1fr 1fr;padding:var(--space-xl)}.item-details-image-wrap{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;height:360px;justify-content:center;overflow:hidden;position:relative;width:100%}.item-details-img{height:100%;object-fit:cover;width:100%}.item-details-info{display:flex;flex-direction:column;gap:var(--space-md)}.item-details-category{color:var(--accent-primary);font-size:var(--font-sm);font-weight:600;letter-spacing:1px;text-transform:uppercase}.item-details-title{font-size:var(--font-3xl);font-weight:800;line-height:1.2;margin:8px 0;word-break:break-word}.item-details-price{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:var(--font-2xl);font-weight:800;margin:var(--space-md) 0}.item-details-description{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex:1 1;padding:var(--space-lg)}.item-details-desc-heading{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--font-base);margin:0 0 12px;padding-bottom:8px}.item-details-desc-text{color:var(--text-primary);font-size:var(--font-base);line-height:1.6;margin:0;white-space:pre-wrap}.item-details-action{margin-top:auto;padding-top:var(--space-md)}.item-details-btn{font-size:var(--font-base);gap:8px;padding:14px;width:100%}.item-details-btn,.reserve-modal-overlay{align-items:center;display:flex;justify-content:center}.reserve-modal-overlay{background:#000000b3;bottom:0;left:0;padding:var(--space-md);position:fixed;right:0;top:0;z-index:1000}.reserve-modal{animation:slideDown .3s ease-out;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 10px 25px #00000080;max-width:420px;padding:var(--space-xl);width:100%}.reserve-modal-title{color:var(--text-primary);font-size:var(--font-xl);margin:0 0 8px}.reserve-modal-subtitle{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5;margin-bottom:var(--space-xl)}@media (max-width:768px){.item-details-page{padding:80px var(--space-md) var(--space-2xl)}.item-details-grid{gap:var(--space-md);grid-template-columns:1fr;padding:var(--space-md)}.item-details-image-wrap{height:220px}.item-details-title{font-size:var(--font-2xl)}.item-details-price{font-size:var(--font-xl)}}.post-item{animation:fadeInUp .6s ease-out;margin:0 auto;max-width:900px;padding:100px var(--space-xl) var(--space-4xl)}.post-item-header{margin-bottom:var(--space-2xl)}.post-item-header h1{font-size:var(--font-4xl);font-weight:800;letter-spacing:-1px;margin-bottom:var(--space-sm)}.post-item-header p{color:var(--text-secondary);font-size:var(--font-lg)}.post-item-form{grid-gap:var(--space-2xl);display:grid;gap:var(--space-2xl);grid-template-columns:1fr 1fr}.submit-btn-wrapper{grid-column:1/-1}.form-fields{gap:var(--space-lg)}.form-fields,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--space-sm)}.form-group label{color:var(--text-secondary);font-size:var(--font-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-base);padding:14px 18px;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #f4a3001a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{min-height:120px;resize:vertical}.form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%236a6a8a' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer}.form-group select option{background:var(--bg-secondary);color:var(--text-primary)}.image-dropzone,.image-upload-area{display:flex;flex-direction:column;gap:var(--space-md)}.image-dropzone{align-items:center;background:var(--bg-card);border:2px dashed var(--border-subtle);border-radius:var(--radius-xl);cursor:pointer;height:300px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-fast);width:100%}.image-dropzone:hover{background:#f4a30008;border-color:var(--accent-primary)}.image-dropzone.has-image{border:none;padding:0}.image-dropzone .dropzone-icon{align-items:center;background:#f4a3001a;border-radius:var(--radius-lg);color:var(--accent-primary);display:flex;height:56px;justify-content:center;width:56px}.image-dropzone p{color:var(--text-muted);font-size:var(--font-sm)}.image-dropzone .preview-img{height:100%;object-fit:cover;width:100%}.image-dropzone input[type=file]{cursor:pointer;inset:0;opacity:0;position:absolute}.submit-btn{align-items:center;background:var(--accent-gradient);border-radius:var(--radius-md);color:#fff;display:flex;font-size:var(--font-base);font-weight:700;gap:var(--space-sm);justify-content:center;margin-top:var(--space-sm);padding:16px;transition:all var(--transition-fast);width:100%}.submit-btn:hover{box-shadow:var(--shadow-glow-strong);transform:translateY(-2px)}.submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.profile{animation:fadeInUp .6s ease-out;margin:0 auto;max-width:900px;padding:100px var(--space-xl) var(--space-4xl)}.profile-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--space-2xl);padding:var(--space-2xl);padding-top:calc(var(--space-2xl) + 8px);position:relative;text-align:center}.profile-avatar{align-items:center;background:var(--accent-gradient);border-radius:50%;box-shadow:var(--shadow-glow);color:#fff;display:flex;font-size:var(--font-3xl);font-weight:800;height:100px;justify-content:center;margin:0 auto var(--space-lg);width:100px}.profile-card h2{font-size:var(--font-2xl);font-weight:800;margin-bottom:var(--space-xs)}.profile-card .profile-email{color:var(--text-secondary);font-size:var(--font-sm);margin-bottom:var(--space-xl)}.profile-stats{display:flex;gap:var(--space-3xl);justify-content:center}.profile-stat{text-align:center}.profile-stat .stat-value{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:var(--font-2xl);font-weight:800}.profile-stat .stat-label{color:var(--text-muted);font-size:var(--font-xs);letter-spacing:.5px;margin-top:var(--space-xs);text-transform:uppercase}.profile-content{display:flex;flex-direction:column;gap:var(--space-xl)}.settings-section{display:flex;flex-direction:column;gap:var(--space-md)}.settings-section h3{font-size:var(--font-lg);font-weight:700;margin-bottom:var(--space-sm)}.profile-section{margin-bottom:var(--space-2xl)}.profile-section h3{align-items:center;display:flex;font-size:var(--font-xl);font-weight:700;gap:var(--space-sm);margin-bottom:var(--space-lg)}.profile-settings-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md)}.setting-item{align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-lg);transition:all var(--transition-fast)}.setting-item:hover{background:var(--bg-card-hover)}.setting-item .setting-info{align-items:center;display:flex;gap:var(--space-md)}.setting-item .setting-icon{align-items:center;background:#f4a3001a;border-radius:var(--radius-md);color:var(--accent-primary);display:flex;height:42px;justify-content:center;width:42px}.setting-item .setting-text h4{font-size:var(--font-base);font-weight:600}.setting-item .setting-text p{color:var(--text-secondary);font-size:var(--font-sm)}.login-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 72px);padding:var(--space-4xl) var(--space-xl);position:relative;z-index:1}.login-card{animation:slideDown .6s ease-out;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:480px;overflow:hidden;padding:var(--space-3xl);position:relative;width:100%}.login-card:after{background:var(--accent-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.login-brand{flex-direction:column;margin-bottom:var(--space-2xl);text-align:center}.brand-icon-large,.login-brand{align-items:center;display:flex}.brand-icon-large{background:var(--accent-gradient);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow);height:64px;justify-content:center;margin-bottom:var(--space-md);width:64px}.login-brand h1{font-size:var(--font-3xl);font-weight:800;letter-spacing:-1px}.login-subtitle{color:var(--text-secondary);font-size:var(--font-base);line-height:1.6;margin-bottom:var(--space-2xl);text-align:center}.login-alert{background:#f4a3001a;border:1px solid #f4a30033;border-radius:var(--radius-md);display:flex;gap:var(--space-md);margin-bottom:var(--space-3xl);padding:var(--space-lg)}.alert-icon{color:var(--warning);flex-shrink:0;margin-top:2px}.alert-text strong{color:var(--text-primary);display:block;font-size:var(--font-sm);margin-bottom:var(--space-xs)}.alert-text p{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.4}.alert-text code{background:#f4a30033;border-radius:4px;color:var(--accent-primary);font-size:.9em;padding:2px 6px}.login-btn{align-items:center;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#333;display:flex;font-size:var(--font-base);font-weight:600;gap:var(--space-md);justify-content:center;padding:16px;transition:all var(--transition-fast);width:100%}.login-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.login-form label{color:var(--text-secondary);display:block;font-size:var(--font-sm);margin-bottom:var(--space-xs)}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);left:var(--space-md);position:absolute}.input-with-icon input{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-base);padding:12px 16px 12px 44px;transition:all var(--transition-fast);width:100%}.input-with-icon input:focus{background:#f4a3000d;border-color:var(--accent-primary);outline:none}.login-toggle{color:var(--text-secondary);font-size:var(--font-sm);margin-top:var(--space-xl);text-align:center}.toggle-btn{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-weight:600;margin-left:var(--space-xs);padding:0}.toggle-btn:hover{text-decoration:underline}.edit-profile-btn{align-items:center;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-sm);font-weight:500;gap:var(--space-sm);padding:8px 16px;position:absolute;right:var(--space-xl);top:var(--space-xl);transition:all var(--transition-fast)}.edit-profile-btn:hover{background:#ffffff1a;color:var(--text-primary)}@media (max-width:480px){.edit-profile-btn{margin:0 auto var(--space-md) auto;position:relative;right:auto;top:auto;width:fit-content}}.profile-avatar.editable{cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-fast)}.avatar-overlay{align-items:center;background:#00000080;border-radius:50%;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-fast)}.profile-avatar.editable:hover .avatar-overlay{opacity:1}.profile-avatar.editable:hover{box-shadow:var(--shadow-glow);transform:scale(1.05)}.profile-edit-form{animation:fadeIn .3s ease-out;display:flex;flex-direction:column;gap:var(--space-lg);margin:var(--space-xl) auto 0;max-width:400px;width:100%}.edit-form-group{text-align:left}.edit-actions{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.btn-cancel,.btn-save{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-sm);font-weight:600;gap:var(--space-sm);justify-content:center;padding:12px;transition:all var(--transition-fast)}.btn-cancel{background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-primary)}.btn-cancel:hover{background:#ffffff1a}.btn-save{background:var(--accent-gradient);border:none;box-shadow:var(--shadow-sm);color:#fff}.btn-save:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.7;transform:none}.profile-phone{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-sm);gap:var(--space-sm);justify-content:center;margin-top:var(--space-xs)}.profile-bio{color:var(--text-primary);font-size:var(--font-base);line-height:1.5;margin-left:auto;margin-right:auto;margin-top:var(--space-md);max-width:400px}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--accent-primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.google-icon{height:24px;width:24px}.setting-item .setting-arrow{color:var(--text-muted)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:var(--space-4xl) var(--space-xl) var(--space-xl)}.footer-content{grid-gap:var(--space-3xl);display:grid;gap:var(--space-3xl);grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;margin-bottom:var(--space-3xl);max-width:1200px}.footer-brand h3{font-size:var(--font-xl);font-weight:800;margin-bottom:var(--space-md)}.footer-brand p{line-height:1.7;max-width:300px}.footer-brand p,.footer-col h4{color:var(--text-secondary);font-size:var(--font-sm)}.footer-col h4{font-weight:700;letter-spacing:1px;margin-bottom:var(--space-lg);text-transform:uppercase}.footer-col ul{display:flex;flex-direction:column;gap:var(--space-sm);list-style:none}.footer-col a{color:var(--text-muted);font-size:var(--font-sm);transition:color var(--transition-fast)}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{align-items:center;border-top:1px solid var(--border-subtle);color:var(--text-muted);display:flex;font-size:var(--font-sm);justify-content:space-between;margin:0 auto;max-width:1200px;padding-top:var(--space-xl)}.footer-social{display:flex;gap:var(--space-md)}.footer-social a{align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.footer-social a:hover{background:var(--bg-card-hover);border-color:var(--border-accent);color:var(--accent-primary)}body,html{max-width:100%;overflow-x:hidden}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero{overflow:hidden;padding:90px var(--space-md) var(--space-2xl)}.hero-content{padding:0;width:100%}.hero-title{font-size:var(--font-4xl);letter-spacing:-1px;word-break:break-word}.hero-subtitle{font-size:var(--font-base);margin-bottom:var(--space-xl);max-width:100%;word-break:break-word}.hero-badge{max-width:100%;text-align:center;white-space:normal}.hero-stats{flex-wrap:wrap;gap:var(--space-xl);justify-content:center}.features-section{padding:var(--space-2xl) var(--space-md)}.features-grid{gap:var(--space-lg);grid-template-columns:1fr}.cta-section{padding:var(--space-2xl) var(--space-md)}.cta-card{padding:var(--space-2xl) var(--space-lg)}.marketplace,.post-item,.profile{padding:80px var(--space-md) var(--space-2xl)}.post-item-form{grid-template-columns:1fr}.form-fields{order:1}.image-upload-area{order:2}.submit-btn-wrapper{order:3}.marketplace-header h1,.post-item-header h1{font-size:var(--font-3xl);letter-spacing:-.5px}.login-page{align-items:flex-start;padding:var(--space-xl) var(--space-md);padding-top:100px}.login-card{padding:var(--space-xl)}.footer{padding:var(--space-2xl) var(--space-md) var(--space-xl)}.footer-content{gap:var(--space-xl);grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:var(--space-md);text-align:center}.profile-stats{flex-wrap:wrap;gap:var(--space-xl);justify-content:center}.profile{padding:80px var(--space-md) var(--space-xl)}.profile-card{overflow-x:hidden;padding:var(--space-lg);padding-top:var(--space-lg)}.settings-section{gap:var(--space-sm);overflow-x:hidden}.setting-item{min-width:0;overflow:hidden;padding:var(--space-md)}.section-title{font-size:var(--font-3xl)}}@media (max-width:480px){.hero{padding:88px var(--space-sm) var(--space-xl)}.hero-title{font-size:var(--font-3xl);letter-spacing:-.5px}.hero-actions{align-items:stretch;flex-direction:column}.btn{justify-content:center;width:100%}.footer-content{grid-template-columns:1fr}.marketplace-controls{align-items:stretch;flex-direction:column}.navbar{padding:0 var(--space-md)}.section-title{font-size:var(--font-2xl)}.profile-edit-form,.search-bar{width:100%}}.admin-layout{animation:fadeInUp .5s ease-out;display:flex;min-height:calc(100vh - 72px);padding-top:72px}.admin-sidebar{background:var(--bg-card);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 72px);overflow-y:auto;padding:var(--space-xl) var(--space-md);position:sticky;top:72px;width:260px}.admin-sidebar-brand{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-sm) var(--space-xl)}.admin-sidebar-title{font-size:var(--font-lg);font-weight:800;line-height:1}.admin-sidebar-sub{color:var(--text-muted);font-size:var(--font-xs);margin-top:2px}.admin-sidebar-nav{display:flex;flex-direction:column;gap:4px}.admin-nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--font-sm);font-weight:600;gap:var(--space-sm);padding:11px var(--space-md);text-align:left;transition:all var(--transition-fast);width:100%}.admin-nav-item--active,.admin-nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.admin-nav-item--active{border-left:3px solid var(--accent-primary)}.admin-nav-icon{align-items:center;display:flex;flex-shrink:0}.admin-nav-label{flex:1 1}.admin-nav-count{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-size:11px;font-weight:700;min-width:26px;padding:1px 8px;text-align:center}.admin-nav-item--active .admin-nav-count{background:var(--accent-gradient);border-color:#0000;color:#1a1a1a}.admin-main{flex:1 1;max-width:800px;overflow-x:hidden;padding:var(--space-2xl) var(--space-xl) var(--space-4xl)}.admin-panel-title{font-size:var(--font-2xl);font-weight:800;margin-bottom:var(--space-xs)}.admin-panel-desc{color:var(--text-secondary);font-size:var(--font-sm);margin-bottom:var(--space-xl)}.admin-center{display:flex;justify-content:center;padding:60px 0}.admin-header{margin-bottom:var(--space-xl)}.admin-tabs{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl);padding:4px}.admin-tab,.admin-tabs{display:flex;gap:var(--space-sm)}.admin-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:var(--font-sans);font-size:var(--font-sm);font-weight:600;justify-content:center;padding:10px var(--space-md);transition:all var(--transition-fast);white-space:nowrap}.admin-tab--active,.admin-tab:hover{color:var(--text-primary)}.admin-tab--active{background:var(--bg-card);box-shadow:var(--shadow-sm)}.admin-tab-count{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-size:11px;font-weight:700;padding:1px 8px}.admin-tab--active .admin-tab-count{background:var(--accent-gradient);border-color:#0000;color:#1a1a1a}@media (max-width:480px){.admin-tab{font-size:var(--font-xs);gap:4px;padding:8px var(--space-sm)}}.admin-header-top{gap:var(--space-md);margin-bottom:4px}.admin-header-top,.admin-icon{align-items:center;display:flex}.admin-icon{background:var(--accent-gradient);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;padding:10px}.admin-title{font-size:var(--font-3xl);font-weight:800;margin:0}.admin-subtitle{font-size:var(--font-4xl);font-weight:800;letter-spacing:-1px;margin:0 0 var(--space-sm) 0}.admin-desc{color:var(--text-secondary);font-size:var(--font-base);margin:0}.admin-order-card,.admin-orders-list{display:flex;flex-direction:column;gap:var(--space-lg)}.admin-order-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.admin-order-section{border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-md)}.admin-order-section:last-of-type{border-bottom:none}.admin-section-heading{align-items:center;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;font-size:var(--font-base);font-weight:600;gap:6px;margin:0 0 var(--space-md) 0;padding-bottom:8px}.admin-item-row{align-items:flex-start;display:flex;gap:var(--space-md)}.admin-item-thumb{object-fit:cover}.admin-item-thumb,.admin-item-thumb-placeholder{border-radius:var(--radius-md);flex-shrink:0;height:72px;width:72px}.admin-item-thumb-placeholder{align-items:center;background:var(--bg-secondary);display:flex;justify-content:center}.admin-item-title{font-size:var(--font-lg);font-weight:600;margin:0 0 4px}.admin-item-price{color:var(--accent-primary);font-size:var(--font-base);font-weight:700}.admin-item-category{color:var(--text-secondary);font-size:var(--font-sm);margin:6px 0 0}.admin-contact-name{font-size:var(--font-base);font-weight:600;margin:0 0 4px}.admin-contact-detail{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-sm);gap:6px;margin:4px 0}.admin-order-actions{border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:var(--space-md);padding-top:var(--space-md)}.admin-btn-cancel{align-items:center;background:#f871711a;border:1px solid #f8717140;border-radius:var(--radius-md);color:var(--danger);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-sm);font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all var(--transition-fast);white-space:nowrap}.admin-btn-cancel:hover{background:#f8717133}.admin-btn-complete{align-items:center;background:var(--accent-gradient);border:none;border-radius:var(--radius-md);color:#1a1a1a;cursor:pointer;display:flex;flex:1 1;font-size:var(--font-sm);font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all var(--transition-fast);white-space:nowrap}.admin-btn-complete:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}@media (max-width:768px){.admin-dashboard{padding:80px var(--space-md) var(--space-2xl)}.admin-subtitle{font-size:var(--font-3xl)}.admin-order-actions{flex-direction:column}.admin-btn-cancel,.admin-btn-complete{width:100%}}.admin-section-label{align-items:center;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);display:flex;font-size:var(--font-base);font-weight:700;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm)}.admin-section-count{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-xs);font-weight:700;margin-left:auto;padding:2px 10px}.admin-order-card--completed{background:linear-gradient(135deg,var(--bg-card) 0,#4ade8008 100%);border-color:#4ade8026}.admin-order-number-row{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:var(--space-sm);padding-bottom:var(--space-md)}.admin-order-number{color:var(--accent-primary);font-family:monospace;font-size:var(--font-base);font-weight:700;letter-spacing:.5px}.admin-order-date{color:var(--text-muted);font-size:var(--font-xs);margin-left:auto}.admin-badge-sold{background:#4ade8026;border:1px solid #4ade804d;border-radius:var(--radius-full);color:#4ade80;font-size:var(--font-xs);font-weight:700;letter-spacing:.5px;padding:2px 10px;text-transform:uppercase}.admin-user-search{margin-bottom:var(--space-xl);position:relative}.admin-user-search-icon{color:var(--text-muted);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.admin-user-search-input{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-sm);padding:11px 16px 11px 42px;transition:border-color var(--transition-fast);width:100%}.admin-user-search-input::placeholder{color:var(--text-muted)}.admin-user-search-input:focus{border-color:var(--accent-primary);outline:none}.admin-users-list{display:flex;flex-direction:column;gap:var(--space-md)}.admin-user-card{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;gap:var(--space-md);padding:var(--space-lg);transition:border-color var(--transition-fast)}.admin-user-card:hover{border-color:#ffffff1f}.admin-user-avatar{align-items:center;background:var(--accent-gradient);border-radius:50%;color:#1a1a1a;display:flex;flex-shrink:0;font-size:var(--font-lg);font-weight:800;height:44px;justify-content:center;width:44px}.admin-user-info{flex:1 1;min-width:0}.admin-user-name{color:var(--text-primary);font-size:var(--font-base);font-weight:700;margin:0 0 4px}.admin-user-bio{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:var(--font-xs);margin-top:4px;overflow:hidden}.admin-user-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.admin-user-joined{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-xs);gap:4px;white-space:nowrap}@media (max-width:768px){.admin-layout{flex-direction:column;padding-top:72px}.admin-sidebar{border-bottom:1px solid var(--border-subtle);border-right:none;height:auto;padding:var(--space-md);position:static;width:100%}.admin-sidebar-brand{padding:var(--space-sm) var(--space-sm) var(--space-md)}.admin-sidebar-nav{flex-direction:row;gap:var(--space-sm);overflow-x:auto;scrollbar-width:none}.admin-sidebar-nav::-webkit-scrollbar{display:none}.admin-nav-item{border-bottom:2px solid #0000;border-left:none!important;flex-shrink:0;padding:8px var(--space-md);white-space:nowrap}.admin-nav-item--active{background:var(--bg-secondary);border-bottom:2px solid var(--accent-primary)}.admin-main{max-width:100%;padding:var(--space-lg) var(--space-md) var(--space-2xl)}.admin-user-meta{display:none}.admin-order-actions{flex-direction:column}.admin-btn-cancel,.admin-btn-complete{width:100%}}.admin-panel-header{align-items:flex-start;display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-sm)}.admin-panel-header .admin-panel-title{margin-bottom:var(--space-xs)}.admin-panel-header .admin-panel-desc{margin-bottom:0}.admin-refresh-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--font-sans);font-size:var(--font-sm);font-weight:600;gap:6px;margin-top:4px;padding:8px var(--space-md);transition:all var(--transition-fast);white-space:nowrap}.admin-refresh-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--text-primary)}.admin-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.admin-refresh-btn .spinning{animation:spinning 1s linear infinite}@keyframes spinning{to{transform:rotate(1turn)}}.admin-block-btn{align-items:center;background:#f8717114;border:1px solid #f8717159;border-radius:var(--radius-md);color:var(--danger);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--font-xs);font-weight:700;gap:5px;margin-top:var(--space-sm);padding:6px 12px;transition:all var(--transition-fast);white-space:nowrap}.admin-block-btn:hover{background:#f871712e;border-color:#f8717199}.admin-block-btn--unblock{background:#4ade8014;border-color:#4ade8059;color:#4ade80}.admin-block-btn--unblock:hover{background:#4ade802e;border-color:#4ade8099}.admin-user-card--blocked{background:linear-gradient(135deg,var(--bg-card) 0,#f871710a 100%);border-color:#f8717140}.admin-blocked-badge{background:#f8717126;border:1px solid #f8717159;border-radius:var(--radius-full);color:var(--danger);display:inline-block;font-size:var(--font-xs);font-weight:700;letter-spacing:.5px;margin-left:var(--space-sm);padding:1px 8px;text-transform:uppercase;vertical-align:middle}.admin-reports-list{display:flex;flex-direction:column;gap:var(--space-md)}.admin-report-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition-fast)}.admin-report-card:hover{border-color:#ffffff1f}.admin-report-message{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--font-base);font-style:italic;margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.admin-report-details{grid-gap:var(--space-sm);color:var(--text-secondary);display:grid;font-size:var(--font-sm);gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-report-details strong{color:var(--text-primary)}
/*# sourceMappingURL=main.5118ce27.css.map*/