*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--red:#e63946;--red-dark:#c1121f;--red-light:#ff6b6b;--black:#0d0d0d;--dark:#1a1a2e;--gray-900:#111827;--gray-800:#1f2937;--gray-700:#374151;--gray-600:#4b5563;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--white:#fff;--yellow:#fbbf24;--green:#10b981;--blue:#3b82f6;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--shadow-sm:0 1px 2px #00000014;--shadow:0 4px 12px #0000001a;--shadow-lg:0 10px 30px #00000026;--shadow-xl:0 20px 50px #0003;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:24px;--nav-height:64px;--transition:0.2s ease}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#f9fafb;background:var(--gray-50);color:#111827;color:var(--gray-900);font-family:DM Sans,sans-serif;font-family:var(--font-body);line-height:1.6}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:inherit}img{display:block;max-width:100%}.container{margin:0 auto;max-width:1280px;padding:0 20px}.page{min-height:calc(100vh - 64px);min-height:calc(100vh - var(--nav-height));padding-bottom:60px;padding-top:88px;padding-top:calc(var(--nav-height) + 24px)}.btn{align-items:center;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.9rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.02em;padding:10px 20px;transition:all .2s ease;transition:all var(--transition);white-space:nowrap}.btn-primary{background:#e63946;background:var(--red);box-shadow:0 4px 14px #e6394666;color:#fff}.btn-primary:hover{background:#c1121f;background:var(--red-dark);box-shadow:0 6px 20px #e6394680;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#f3f4f6;background:var(--gray-100);color:#1f2937;color:var(--gray-800)}.btn-secondary:hover{background:#e5e7eb;background:var(--gray-200)}.btn-outline{background:#0000;border:2px solid #d1d5db;border:2px solid var(--gray-300);color:#374151;color:var(--gray-700)}.btn-outline:hover{border-color:#e63946;border-color:var(--red);color:#e63946;color:var(--red)}.btn-ghost{background:#0000;color:#4b5563;color:var(--gray-600)}.btn-ghost:hover{background:#f3f4f6;background:var(--gray-100);color:#111827;color:var(--gray-900)}.btn-danger{background:#fee2e2;color:#c1121f;color:var(--red-dark)}.btn-danger:hover{background:#fecaca}.btn-lg{font-size:1rem;padding:14px 28px}.btn-sm{font-size:.8rem;padding:6px 14px}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.form-label{color:#374151;color:var(--gray-700);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.85rem;font-weight:600}.form-input{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:10px;border-radius:var(--radius);color:#111827;color:var(--gray-900);font-size:.95rem;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.form-input:focus{border-color:#e63946;border-color:var(--red);box-shadow:0 0 0 3px #e639461f;outline:none}.form-input::placeholder{color:#9ca3af;color:var(--gray-400)}.form-textarea{min-height:100px;resize:vertical}.form-error{color:#e63946;color:var(--red);font-size:.8rem;font-weight:500}.card{background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease;transition:box-shadow var(--transition),transform var(--transition)}.card:hover{box-shadow:0 10px 30px #00000026;box-shadow:var(--shadow-lg)}.badge{border-radius:999px;display:inline-block;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:3px 10px;text-transform:uppercase}.badge-red{background:#fee2e2;color:#c1121f;color:var(--red-dark)}.badge-green{background:#d1fae5;color:#065f46}.badge-gray{background:#f3f4f6;background:var(--gray-100);color:#4b5563;color:var(--gray-600)}.badge-yellow{background:#fef3c7;color:#92400e}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#e63946;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--red);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.loading-center{align-items:center;display:flex;justify-content:center;min-height:200px}.alert{border-radius:10px;border-radius:var(--radius);font-size:.9rem;font-weight:500;margin-bottom:16px;padding:12px 16px}.alert-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.alert-success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.alert-info{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.product-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.section-title{color:#111827;color:var(--gray-900);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.75rem;font-weight:800;margin-bottom:24px}.section-title span{color:#e63946;color:var(--red)}.divider{border:none;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin:24px 0}.empty-state{color:#6b7280;color:var(--gray-500);padding:60px 20px;text-align:center}.empty-state .icon{font-size:3rem;margin-bottom:16px}.empty-state h3{color:#374151;color:var(--gray-700);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.25rem;margin-bottom:8px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}@media (max-width:768px){.product-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.page{padding-top:80px;padding-top:calc(var(--nav-height) + 16px)}}.navbar{background:#fff;border-bottom:2px solid var(--gray-100);box-shadow:0 2px 16px #0000000f;height:var(--nav-height);left:0;position:fixed;right:0;top:0;z-index:100}.navbar-inner{gap:16px;height:100%}.navbar-inner,.navbar-logo{align-items:center;display:flex}.navbar-logo{flex-shrink:0;gap:2px;text-decoration:none}.logo-mark{align-items:center;background:var(--red);border-radius:8px;color:#fff;display:flex;font-size:1.25rem;height:34px;justify-content:center;margin-right:6px;width:34px}.logo-mark,.logo-text{font-family:var(--font-display);font-weight:800}.logo-text{color:var(--gray-900);font-size:1.15rem}.logo-text span{color:var(--red)}.navbar-search{border:2px solid var(--gray-200);border-radius:var(--radius);display:flex;flex:1 1;max-width:540px;overflow:hidden;transition:border-color .2s}.navbar-search:focus-within{border-color:var(--red)}.search-input{background:#0000;color:var(--gray-900);flex:1 1;font-size:.9rem;outline:none}.search-btn,.search-input{border:none;padding:8px 14px}.search-btn{align-items:center;background:var(--red);color:#fff;cursor:pointer;display:flex;transition:background .2s}.search-btn:hover{background:var(--red-dark)}.navbar-actions{gap:8px;margin-left:auto}.cart-btn,.navbar-actions{align-items:center;display:flex}.cart-btn{border-radius:var(--radius);color:var(--gray-700);height:40px;justify-content:center;position:relative;transition:all .2s;width:40px}.cart-btn:hover{background:var(--gray-100);color:var(--red)}.cart-badge{background:var(--red);border-radius:50%;color:#fff;font-family:var(--font-display);font-size:.65rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:2px;top:2px;width:18px}.cart-badge,.user-menu{align-items:center;display:flex}.user-menu{border-radius:var(--radius);cursor:pointer;gap:8px;padding:6px 10px;position:relative;transition:background .2s;-webkit-user-select:none;user-select:none}.user-menu:hover{background:var(--gray-100)}.user-avatar{border-radius:50%;height:30px;object-fit:cover;width:30px}.user-name{color:var(--gray-800);font-size:.875rem;font-weight:600}.dropdown{animation:dropDown .15s ease;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:200}@keyframes dropDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:10px;padding:11px 16px;text-decoration:none;transition:background .15s;width:100%}.dropdown-item:hover{background:var(--gray-50);color:var(--gray-900)}.dropdown-item.danger:hover{background:#fee2e2;color:var(--red-dark)}.dropdown-divider{border:none;border-top:1px solid var(--gray-100);margin:4px 0}.auth-links{align-items:center;display:flex;gap:6px}@media (max-width:640px){.navbar-search{max-width:200px}.auth-links .btn-outline,.user-name{display:none}}.product-card{display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.product-card-img-wrap{aspect-ratio:1;background:var(--gray-100);display:block;overflow:hidden;position:relative}.product-card-img{height:100%;object-fit:cover;transition:transform .35s ease;width:100%}.product-card:hover .product-card-img{transform:scale(1.05)}.condition-badge{left:8px;position:absolute;text-transform:capitalize!important;top:8px}.product-card-body{display:flex;flex:1 1;flex-direction:column;gap:6px;padding:12px 14px}.product-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--gray-900);display:-webkit-box;font-family:var(--font-display);font-size:.9rem;font-weight:600;line-height:1.3;overflow:hidden}.product-card-title:hover{color:var(--red)}.product-card-meta{align-items:center;color:var(--gray-500);display:flex;font-size:.75rem;justify-content:space-between}.category-tag{text-transform:capitalize}.time-ago{color:var(--gray-400)}.product-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding-top:4px}.product-price{color:var(--red);font-family:var(--font-display);font-size:1.1rem;font-weight:800}.add-cart-btn{align-items:center;background:var(--gray-100);border-radius:var(--radius);color:var(--gray-600);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .2s;width:34px}.add-cart-btn:hover{background:var(--red);color:#fff;transform:scale(1.1)}.home-page{padding-top:var(--nav-height)}.hero{background:var(--black);overflow:hidden;padding:60px 0 50px;position:relative}.hero:before{background:radial-gradient(ellipse at 60% 50%,#e6394626 0,#0000 70%);content:"";inset:0;position:absolute}.hero-content{grid-gap:48px;align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1fr;position:relative}.hero-title{color:#fff;font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:16px}.hero-title span{color:var(--red)}.hero-sub{color:var(--gray-400);font-size:1.1rem;line-height:1.6;margin-bottom:32px}.hero-cta{display:flex;flex-wrap:wrap;gap:12px}.hero-cta .btn-outline{border-color:#ffffff4d;color:#fff}.hero-cta .btn-outline:hover{border-color:var(--red);color:var(--red)}.hero-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.hero-cat-card{border:1px solid #ffffff14;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:4px;overflow:hidden;padding:20px;position:relative;text-align:left;transition:all .25s}.hero-cat-card:after{bottom:14px;color:#ffffff4d;content:"→";font-size:1.2rem;position:absolute;right:16px;transition:all .2s}.hero-cat-card:hover{border-color:var(--red);transform:translateY(-3px)}.hero-cat-card:hover:after{color:var(--red);right:12px}.hero-cat-emoji{font-size:1.75rem;margin-bottom:4px}.hero-cat-name{color:#fff;font-family:var(--font-display);font-size:.95rem;font-weight:700}.hero-cat-sub{color:#ffffff80;font-size:.75rem}.browse-section{padding:48px 0}.search-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.search-header .section-title{margin-bottom:0}.category-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.cat-pill{background:#fff;border:2px solid var(--gray-200);border-radius:999px;color:var(--gray-700);cursor:pointer;font-family:var(--font-display);font-size:.825rem;font-weight:600;padding:7px 16px;transition:all .18s;white-space:nowrap}.cat-pill:hover{border-color:var(--red);color:var(--red)}.cat-pill.active{background:var(--red);border-color:var(--red);color:#fff}@media (max-width:768px){.hero-content{gap:32px;grid-template-columns:1fr}.hero-cards{display:none}.hero{padding:40px 0}}.auth-page{align-items:center;background:linear-gradient(135deg,var(--black) 0,#1a1a2e 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:var(--radius-xl);max-width:460px;padding:40px;width:100%}.auth-header{margin-bottom:32px;text-align:center}.auth-logo{align-items:center;background:var(--red);border-radius:14px;box-shadow:0 8px 24px #e6394659;color:#fff;display:inline-flex;font-size:1.5rem;height:52px;justify-content:center;margin-bottom:16px;width:52px}.auth-header h1,.auth-logo{font-family:var(--font-display);font-weight:800}.auth-header h1{font-size:1.75rem;margin-bottom:6px}.auth-header p{color:var(--gray-500);font-size:.95rem}.auth-footer{color:var(--gray-500);font-size:.9rem;margin-top:24px;text-align:center}.auth-footer a{color:var(--red);font-weight:600}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:480px){.form-row{grid-template-columns:1fr}}.sell-header{margin-bottom:32px}.sell-subtitle{color:var(--gray-500);margin-top:-16px}.sell-layout{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 320px}.sell-form{display:flex;flex-direction:column;gap:0}.sell-section{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:24px}.sell-section-title{color:var(--gray-800);font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:18px}.drop-zone{align-items:center;border:2px dashed var(--gray-300);border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:center;min-height:160px;transition:all .2s}.drop-zone.drag-over,.drop-zone:hover{background:#fff5f5;border-color:var(--red)}.drop-zone.has-images{border-color:var(--gray-200);border-style:solid;padding:12px}.drop-zone-empty{color:var(--gray-500);padding:32px 20px;text-align:center}.drop-icon{font-size:2.5rem;margin-bottom:12px}.drop-zone-empty p{color:var(--gray-700);font-weight:500;margin-bottom:6px}.drop-zone-empty span{font-size:.8rem}.image-previews{display:flex;flex-wrap:wrap;gap:10px}.preview-thumb{border:2px solid var(--gray-200);border-radius:var(--radius);height:90px;overflow:hidden;position:relative;width:90px}.preview-thumb img{height:100%;object-fit:cover;width:100%}.main-badge{background:var(--red);border-radius:4px;bottom:4px;font-family:var(--font-display);font-size:.6rem;font-weight:700;left:4px;padding:2px 6px;text-transform:uppercase}.main-badge,.remove-img{color:#fff;position:absolute}.remove-img{align-items:center;background:#0009;border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:20px;justify-content:center;line-height:1;right:3px;top:3px;transition:background .15s;width:20px}.remove-img:hover{background:var(--red)}.add-more-thumb{align-items:center;border:2px dashed var(--gray-300);border-radius:var(--radius);color:var(--gray-400);display:flex;flex-direction:column;gap:4px;height:90px;justify-content:center;transition:all .2s;width:90px}.add-more-thumb span{font-size:1.5rem;font-weight:300}.add-more-thumb small{font-size:.7rem}.drop-zone:hover .add-more-thumb{border-color:var(--red);color:var(--red)}.form-row-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.price-input-wrap{align-items:center;display:flex;position:relative}.price-symbol{color:var(--gray-500);font-size:1.1rem;left:14px;position:absolute;z-index:1}.price-input,.price-symbol{font-family:var(--font-display);font-weight:800}.price-input{font-size:1.25rem!important;padding-left:32px!important}.price-hint{color:var(--gray-400);font-size:.8rem;margin-top:8px}.submit-btn{margin-top:4px;width:100%}.sell-preview-panel{position:sticky;top:calc(var(--nav-height) + 24px)}.listing-preview{overflow:hidden}.preview-img-area{aspect-ratio:1;background:var(--gray-100);overflow:hidden}.preview-img-area img{height:100%;object-fit:cover;width:100%}.preview-img-placeholder{align-items:center;color:var(--gray-300);display:flex;font-size:3rem;height:100%;justify-content:center;width:100%}.preview-tips{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-top:16px;padding:20px}.preview-tips h4{font-family:var(--font-display);font-size:.9rem;font-weight:700;margin-bottom:12px}.preview-tips ul{display:flex;flex-direction:column;gap:8px;list-style:none}.preview-tips li{color:var(--gray-600);font-size:.825rem;padding-left:16px;position:relative}.preview-tips li:before{color:var(--green);content:"✓";font-weight:700;left:0;position:absolute}@media (max-width:900px){.sell-layout{grid-template-columns:1fr}.sell-preview-panel{position:static}.form-row-3{grid-template-columns:1fr 1fr}}@media (max-width:500px){.form-row-3{grid-template-columns:1fr}}.breadcrumb{align-items:center;color:var(--gray-500);display:flex;font-size:.825rem;gap:8px;margin-bottom:28px}.breadcrumb a{color:var(--red)}.breadcrumb a:hover{text-decoration:underline}.detail-layout{grid-gap:48px;align-items:start;display:grid;gap:48px;grid-template-columns:1fr 1fr}.detail-images{position:sticky;top:calc(var(--nav-height) + 24px)}.main-image{aspect-ratio:1;background:var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:12px;overflow:hidden}.main-image img{height:100%;object-fit:cover;width:100%}.thumb-strip{display:flex;flex-wrap:wrap;gap:10px}.thumb{border:2px solid #0000;border-radius:var(--radius);cursor:pointer;height:72px;overflow:hidden;padding:0;transition:border-color .15s;width:72px}.thumb.active{border-color:var(--red)}.thumb:hover{border-color:var(--gray-400)}.thumb img{height:100%;object-fit:cover;width:100%}.detail-badges{display:flex;gap:8px;margin-bottom:12px}.detail-title{color:var(--gray-900);font-size:clamp(1.3rem,2.5vw,1.75rem);line-height:1.25;margin-bottom:16px}.detail-price,.detail-title{font-family:var(--font-display);font-weight:800}.detail-price{color:var(--red);font-size:2.25rem;margin-bottom:24px}.detail-meta{background:var(--gray-50);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px;padding:16px}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-label{color:var(--gray-500);font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.meta-value{color:var(--gray-800);font-size:.9rem;font-weight:600}.detail-description{margin-bottom:28px}.detail-description h3{font-family:var(--font-display);font-weight:700;margin-bottom:10px}.detail-description p{color:var(--gray-600);line-height:1.7;white-space:pre-wrap}.detail-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.qty-selector{gap:0}.qty-selector button{font-size:1.25rem;height:48px;width:38px}.qty-selector span{align-items:center;display:flex;height:48px;justify-content:center;width:44px}.add-to-cart-btn{flex:1 1;min-width:160px;transition:all .3s}.add-to-cart-btn.added{background:var(--green)!important;box-shadow:0 4px 14px #10b98166!important}.owner-actions{margin-bottom:24px}.trust-badges{border:1px solid var(--gray-200);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:16px;padding:16px}.trust-badge{align-items:center;color:var(--gray-600);display:flex;font-size:.8rem;font-weight:500;gap:6px}@media (max-width:768px){.detail-layout{gap:24px;grid-template-columns:1fr}.detail-images{position:static}.detail-actions{flex-wrap:wrap}.add-to-cart-btn{width:100%}}.cart-count-badge{align-items:center;background:var(--red);border-radius:50%;color:#fff;display:inline-flex;font-size:.85rem;font-weight:700;height:28px;justify-content:center;vertical-align:middle;width:28px}.cart-layout{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:1fr 360px}.cart-item{align-items:center;display:flex;gap:16px;margin-bottom:12px;padding:16px}.cart-item-img{border-radius:var(--radius);flex-shrink:0;height:80px;object-fit:cover;width:80px}.cart-item-info{flex:1 1;min-width:0}.cart-item-title{color:var(--gray-900);display:block;font-family:var(--font-display);font-size:.95rem;font-weight:600;margin-bottom:6px}.cart-item-title:hover{color:var(--red)}.cart-item-meta{align-items:center;display:flex;gap:8px}.cart-item-controls{align-items:center;display:flex;flex-shrink:0;gap:16px}.qty-selector{align-items:center;border:2px solid var(--gray-200);border-radius:var(--radius);display:flex;overflow:hidden}.qty-selector button{background:var(--gray-50);color:var(--gray-700);cursor:pointer;font-size:1.1rem;font-weight:700;height:38px;transition:background .15s;width:32px}.qty-selector button:hover{background:var(--gray-200)}.qty-selector span{font-family:var(--font-display);font-size:.95rem;font-weight:700;text-align:center;width:38px}.cart-item-price{color:var(--red);font-family:var(--font-display);font-size:1.1rem;font-weight:800;min-width:80px;text-align:right}.remove-item-btn{align-items:center;border-radius:var(--radius);color:var(--gray-400);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .2s;width:34px}.remove-item-btn:hover{background:#fee2e2;color:var(--red)}.order-summary{padding:24px;position:sticky;top:calc(var(--nav-height) + 24px)}.summary-title{font-family:var(--font-display);font-size:1.1rem;font-weight:800;margin-bottom:20px}.summary-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.summary-row{color:var(--gray-600);display:flex;font-size:.875rem;justify-content:space-between}.summary-row.subtotal{color:var(--gray-800);font-size:.95rem;font-weight:600}.summary-row.total{color:var(--gray-900);font-family:var(--font-display);font-size:1.2rem;font-weight:800}.checkout-btn{margin-top:4px;width:100%}.sign-in-note{color:var(--gray-500);font-size:.825rem;margin-top:12px;text-align:center}.sign-in-note a{color:var(--red);font-weight:600}.payment-icons{align-items:center;color:var(--gray-400);display:flex;font-size:.8rem;gap:8px;justify-content:center;margin-top:12px}@media (max-width:768px){.cart-layout{grid-template-columns:1fr}.order-summary{position:static}.cart-item{flex-wrap:wrap}.cart-item-controls{justify-content:space-between;width:100%}}.payout-banner{align-items:center;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.payout-banner-text{align-items:center;display:flex;flex:1 1;gap:14px}.payout-banner-icon{flex-shrink:0;font-size:1.75rem}.payout-banner-text strong{color:var(--gray-900);display:block;font-family:var(--font-display);font-weight:700}.payout-banner-text span{color:var(--gray-600);display:block;font-size:.85rem;margin-top:2px}.dashboard-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:32px}.dashboard-header,.dashboard-user{align-items:center;display:flex;gap:16px}.dashboard-avatar{border:3px solid var(--red);border-radius:50%;height:60px;width:60px}.dashboard-name{font-family:var(--font-display);font-size:1.5rem;font-weight:800}.dashboard-email{color:var(--gray-500);font-size:.9rem;margin-top:2px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;text-align:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-icon{font-size:2rem;margin-bottom:10px}.stat-value{color:var(--gray-900);font-family:var(--font-display);font-size:1.75rem;font-weight:800}.stat-label{color:var(--gray-500);font-size:.825rem;font-weight:600;letter-spacing:.05em;margin-top:4px;text-transform:uppercase}.orders-list{display:flex;flex-direction:column;gap:12px}.order-row{justify-content:space-between;padding:16px 20px}.order-info,.order-row{align-items:center;display:flex;gap:16px}.order-info{flex:1 1;flex-wrap:wrap}.order-id{color:var(--gray-700);font-family:var(--font-display);font-size:.875rem;font-weight:700}.order-items{color:var(--gray-500);font-size:.85rem}.order-time{color:var(--gray-400);font-size:.8rem}.order-items-detail{flex:1 1}.order-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.order-total{color:var(--gray-900);font-family:var(--font-display);font-size:1.1rem;font-weight:800}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}.order-row{align-items:flex-start;flex-direction:column}}.success-page{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);display:flex;justify-content:center}.success-card{margin:auto;max-width:480px;padding:48px;text-align:center;width:100%}.success-icon{animation:pop .4s ease;font-size:4rem;margin-bottom:20px}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.success-card h1{font-family:var(--font-display);font-size:2rem;font-weight:800;margin-bottom:12px}.success-card p{color:var(--gray-600);line-height:1.6}.success-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}.onboard-header{margin-bottom:32px}.back-link{color:var(--gray-500);display:inline-block;font-size:.875rem;margin-bottom:12px}.back-link:hover{color:var(--red)}.onboard-subtitle{color:var(--gray-600);line-height:1.6;margin-top:-12px;max-width:600px}.onboard-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.connect-card{grid-column:1;padding:28px}.connect-status{align-items:flex-start;border-radius:var(--radius-lg);display:flex;gap:14px;margin-bottom:18px;padding:16px}.connect-status.connected{background:#f0fdf4;border:1px solid #86efac}.connect-status.disconnected{background:var(--gray-50);border:1px solid var(--gray-200)}.status-icon{flex-shrink:0;font-size:1.75rem;margin-top:2px}.status-title{color:var(--gray-900);font-family:var(--font-display);font-size:1rem;font-weight:700}.status-sub{color:var(--gray-500);font-size:.825rem;margin-top:3px}.connect-desc{color:var(--gray-600);font-size:.9rem;line-height:1.6;margin-bottom:20px}.how-it-works{grid-column:2;grid-row:1/3;padding:28px}.how-it-works h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin-bottom:20px}.steps{display:flex;flex-direction:column;gap:0}.step{align-items:flex-start;display:flex;gap:16px;padding:16px 0;position:relative}.step:not(:last-child):after{background:var(--gray-200);bottom:0;content:"";left:18px;position:absolute;top:52px;width:2px}.step-icon{align-items:center;background:var(--gray-100);border-radius:50%;display:flex;flex-shrink:0;font-size:1.1rem;height:38px;justify-content:center;width:38px;z-index:1}.step-title{color:var(--gray-800);font-size:.9rem;font-weight:600;margin-bottom:3px}.step-desc{color:var(--gray-500);font-size:.825rem;line-height:1.5}.earnings-card{padding:28px}.earnings-card h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin-bottom:20px}.earnings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.earning-stat{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:16px}.earning-stat.highlight{background:#fff7ed;border-color:#fed7aa}.earning-value{color:var(--gray-900);font-family:var(--font-display);font-size:1.4rem;font-weight:800}.earning-label{color:var(--gray-500);font-size:.775rem;font-weight:600;letter-spacing:.04em;margin-top:4px;text-transform:uppercase}.fee-example{padding:28px}.fee-example h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin-bottom:18px}.fee-table{flex-direction:column}.fee-row,.fee-table{display:flex;gap:12px}.fee-row{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);flex-wrap:wrap;font-size:.875rem;padding:12px 16px}.fee-sale{font-family:var(--font-display);font-weight:700;min-width:90px}.fee-arrow{color:var(--gray-400);font-size:1rem}.fee-yours{color:#065f46;flex:1 1;font-weight:500}.fee-platform{color:var(--gray-400);font-size:.8rem;margin-left:auto}@media (max-width:900px){.onboard-layout{grid-template-columns:1fr}.how-it-works{grid-column:1;grid-row:auto}.earnings-grid{grid-template-columns:1fr 1fr}}@media (max-width:500px){.earnings-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.cc33c046.css.map*/