:root { --seller-bg: #0c0d12; --seller-card: #14151d; --seller-line: #2c2e3a; --seller-soft: #a8aab9; --seller-red: #ed1c36; --seller-green: #20ca79; --seller-light: #f4f5f8; }
.seller-portal-page { width: min(1180px, calc(100% - 32px)); margin: 0 auto; padding: 28px 0 72px; color: var(--seller-light); }
.seller-portal-top { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:0 0 24px; border-bottom:1px solid var(--seller-line); }
.seller-portal-mark { display:flex; align-items:center; gap:11px; color:inherit; text-decoration:none; min-width:max-content; }
.seller-portal-mark>span { width:36px; height:36px; display:grid; place-items:center; border:1px solid rgba(237,28,54,.8); border-radius:12px; color:var(--seller-red); font-size:20px; }
.seller-portal-mark b,.seller-portal-mark small { display:block; letter-spacing:.04em; }.seller-portal-mark small { color:var(--seller-soft); font-size:10px; margin-top:2px; }
.seller-portal-nav { display:flex; align-items:center; flex-wrap:wrap; gap:7px; justify-content:flex-end; }.seller-portal-nav a { color:#c7c8d1; text-decoration:none; font-size:14px; padding:8px 11px; border-radius:9px; }.seller-portal-nav a:hover,.seller-portal-nav a.is-active { background:#252733; color:#fff; }
.seller-status,.listing-status,.delivery-status { display:inline-flex; align-items:center; width:max-content; border-radius:999px; padding:5px 8px; font-style:normal; font-size:11px; line-height:1.1; background:#252733; color:#dfe0e6; }
.seller-status-approved,.listing-approved,.delivery-received { color:#0b3221; background:#b4f4d1; }.seller-status-pending,.listing-submitted,.listing-approved_pending_stock,.delivery-awaiting_delivery { color:#4b3504; background:#f7dfa0; }.seller-status-rejected,.seller-status-suspended,.listing-rejected,.listing-withdrawn,.delivery-rejected,.delivery-returned { color:#62101a; background:#ffc3ca; }.listing-changes_requested { color:#573907; background:#ffe1a7; }.listing-draft,.listing-paused { color:#d5d6de; background:#353743; }.delivery-shipped { color:#123a59; background:#bce5ff; }
.seller-hero { display:grid; grid-template-columns:1.35fr .8fr; gap:24px; align-items:stretch; padding:58px 0 46px; }.seller-hero-copy { padding:23px 0; }.kicker { color:#fb4a5f; letter-spacing:.15em; font-size:12px; font-weight:800; margin:0 0 12px; }.seller-hero h1,.seller-access-copy h1,.seller-login-visual h1 { font-size:clamp(38px,5vw,68px); line-height:.98; max-width:720px; margin:0; letter-spacing:-.055em; }.seller-hero h1 em,.seller-access-copy h1 em,.seller-login-visual h1 em { color:var(--seller-red); font-style:normal; }.seller-hero-copy>p:not(.kicker) { color:#c5c6cf; font-size:18px; line-height:1.65; max-width:640px; margin:22px 0; }.seller-hero-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }.seller-hero-copy>small { display:block; color:#787b8a; max-width:520px; margin-top:16px; line-height:1.5; }
.seller-hero-card,.seller-review-card,.seller-ready-card,.seller-callout { border:1px solid var(--seller-line); background:linear-gradient(145deg,#1b1c26,#111218); border-radius:20px; }.seller-hero-card { padding:30px; display:flex; flex-direction:column; justify-content:center; min-height:300px; box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 20px 45px rgba(0,0,0,.15); }.seller-hero-icon { display:grid; place-items:center; height:60px; width:60px; border-radius:18px; background:rgba(237,28,54,.12); color:#ff5b6e; font-size:34px; }.seller-hero-card p { color:#ff586b; letter-spacing:.13em; font-size:11px; font-weight:800; margin:24px 0 8px; }.seller-hero-card h2 { margin:0; font-size:26px; line-height:1.15; }.seller-hero-card ul,.seller-access-copy ul { padding:0; list-style:none; margin:19px 0 0; }.seller-hero-card li,.seller-access-copy li { color:#c8cad4; margin:10px 0; }.seller-hero-card li:before,.seller-access-copy li:before { content:'✓'; color:var(--seller-green); margin-right:9px; font-weight:800; }
.seller-section-heading { margin:0 0 22px; }.seller-section-heading h2,.seller-delivery-overview h2 { font-size:30px; max-width:580px; margin:0; letter-spacing:-.03em; }.seller-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.seller-steps article { min-height:190px; padding:22px; background:#15161d; border:1px solid var(--seller-line); border-radius:16px; }.seller-steps b { color:#fb5367; font-size:13px; }.seller-steps h3 { margin:35px 0 8px; font-size:19px; }.seller-steps p,.seller-delivery-overview p { color:var(--seller-soft); line-height:1.55; margin:0; font-size:14px; }
.seller-delivery-overview { display:grid; grid-template-columns:.85fr 1.15fr; gap:30px; margin:26px 0; padding:28px; background:#14151d; border:1px solid var(--seller-line); border-radius:18px; }.seller-delivery-options { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }.seller-delivery-options article { border-left:2px solid var(--seller-red); padding:4px 0 4px 15px; }.seller-delivery-options span { color:var(--seller-green); font-size:26px; }.seller-delivery-options h3 { margin:9px 0 7px; font-size:18px; }
.seller-callout { margin-top:28px; display:flex; justify-content:space-between; gap:20px; align-items:center; padding:29px; }.seller-callout h2 { margin:0 0 7px; font-size:26px; }.seller-callout p:not(.kicker) { color:var(--seller-soft); margin:0; }.seller-callout .primary { flex:none; }
.seller-access-wrap,.seller-login-wrap { display:grid; grid-template-columns:1fr .95fr; gap:60px; padding:45px 0 35px; align-items:center; max-width:1060px; margin:auto; }.seller-access-copy>p:not(.kicker),.seller-login-visual>p:not(.kicker) { color:#bfc1cd; line-height:1.65; font-size:17px; margin:25px 0; }.seller-access-link { color:#aeb0bd; font-size:14px; margin:20px 0 0; }.seller-access-link a { color:#fff; }.seller-form-card,.seller-listing-form,.seller-delivery-form-card { padding:28px; background:#15161e; border:1px solid var(--seller-line); border-radius:18px; box-shadow:0 18px 46px rgba(0,0,0,.2); }.seller-form-card h2 { font-size:29px; margin:0 0 5px; }.seller-form-card>p:not(.kicker) { color:var(--seller-soft); margin:0 0 20px; }.seller-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.seller-form-wide { grid-column:1/-1; }.seller-form-grid label,.seller-form-card>label,.seller-listing-form label { display:flex; flex-direction:column; gap:7px; color:#f0f0f3; font-size:14px; font-weight:650; }.seller-form-grid label>span,.seller-form-card label>span,.seller-listing-form label>span { color:#898c9d; font-size:11px; font-weight:500; }.seller-form-grid input,.seller-form-grid select,.seller-form-card input,.seller-form-card select,.seller-listing-form input,.seller-listing-form select,.seller-listing-form textarea { width:100%; box-sizing:border-box; border:1px solid #353743; background:#0d0e14; color:#f7f7fb; padding:12px; min-height:43px; border-radius:10px; outline:none; font:inherit; }.seller-form-grid input:focus,.seller-form-grid select:focus,.seller-form-card input:focus,.seller-form-card select:focus,.seller-listing-form input:focus,.seller-listing-form select:focus,.seller-listing-form textarea:focus { border-color:#f1465a; box-shadow:0 0 0 3px rgba(241,70,90,.13); }.seller-listing-form textarea { min-height:125px; resize:vertical; }.seller-consent { display:flex!important; flex-direction:row!important; align-items:flex-start; gap:10px!important; color:#bfc1cd!important; font-weight:400!important; line-height:1.45; }.seller-consent input { width:17px!important; min-height:17px!important; margin-top:2px; flex:none; }.seller-submit { width:100%; justify-content:center; margin-top:20px; }.seller-honeypot { position:absolute!important; left:-9999px!important; }
.seller-alert,.seller-notice { border-radius:11px; padding:12px 14px; margin:0 0 16px; line-height:1.45; }.seller-alert { color:#ffd6db; background:rgba(237,28,54,.15); border:1px solid rgba(237,28,54,.45); }.seller-notice { color:#c8ffe0; background:rgba(32,202,121,.13); border:1px solid rgba(32,202,121,.34); }.seller-login-points { display:grid; gap:10px; }.seller-login-points span { color:#d7d8df; font-size:14px; }.seller-login-points span:before { content:'✓'; color:var(--seller-green); margin-right:8px; }
.seller-dashboard-head,.seller-page-heading { display:flex; justify-content:space-between; gap:20px; align-items:flex-end; padding:30px 0 22px; }.seller-dashboard-head h1,.seller-page-heading h1 { font-size:38px; margin:0; letter-spacing:-.04em; }.seller-dashboard-head p:not(.kicker),.seller-page-heading p:not(.kicker) { color:var(--seller-soft); margin:8px 0 0; }.seller-logout { border:1px solid var(--seller-line); color:#dfe0e8; background:transparent; border-radius:9px; padding:9px 12px; cursor:pointer; }.seller-review-card,.seller-ready-card { display:flex; align-items:center; gap:18px; padding:22px 25px; margin:0 0 20px; }.seller-review-card>span { display:grid; flex:none; place-items:center; height:45px; width:45px; border-radius:14px; background:rgba(245,191,58,.13); color:#fac547; font-size:24px; }.seller-review-card h2,.seller-ready-card h2 { margin:0 0 6px; font-size:22px; }.seller-review-card p,.seller-ready-card p { color:var(--seller-soft); margin:0; line-height:1.45; }.seller-ready-card { justify-content:space-between; border-color:rgba(32,202,121,.35); }.seller-ready-card .primary { flex:none; }.seller-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:20px 0; }.seller-metrics article { display:flex; gap:12px; padding:16px; border:1px solid var(--seller-line); background:#15161d; border-radius:13px; }.seller-metrics span { display:grid; place-items:center; width:37px; height:37px; border-radius:10px; color:#fb566a; background:rgba(237,28,54,.1); }.seller-metrics b,.seller-metrics small { display:block; }.seller-metrics b { font-size:22px; }.seller-metrics small { color:#9a9cab; font-size:12px; margin-top:2px; }.seller-dashboard-grid { display:grid; grid-template-columns:1.35fr .8fr; gap:18px; }.seller-dashboard-card,.seller-delivery-history { background:#15161d; border:1px solid var(--seller-line); border-radius:16px; padding:22px; }.seller-card-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; margin-bottom:16px; }.seller-card-head h2 { margin:0; font-size:22px; }.seller-card-head a { color:#f5f5f8; font-size:13px; }.seller-recent-list { display:grid; }.seller-recent-list>a { color:inherit; display:grid; grid-template-columns:48px 1fr auto; gap:12px; align-items:center; padding:10px 0; border-top:1px solid #292b35; text-decoration:none; }.seller-recent-image { display:grid; width:46px; height:46px; place-items:center; overflow:hidden; color:#aaa; background:#23242c; border-radius:9px; }.seller-recent-image img { height:100%; width:100%; object-fit:cover; }.seller-recent-list b,.seller-recent-list small { display:block; }.seller-recent-list b { font-size:14px; }.seller-recent-list small { color:#9194a4; font-size:12px; margin-top:3px; }.seller-process-card ol { display:grid; gap:14px; list-style:none; margin:20px 0; padding:0; counter-reset:steps; }.seller-process-card li { counter-increment:steps; color:#a8aab9; font-size:14px; }.seller-process-card li:before { content:counter(steps); display:inline-grid; place-items:center; width:20px; height:20px; border:1px solid #484a57; border-radius:50%; margin-right:8px; font-size:11px; }.seller-process-card li.has-item { color:#fff; }.seller-process-card li.has-item:before { color:#0c3723; background:#77e9af; border-color:#77e9af; }
.seller-empty { text-align:center; padding:27px 18px; border:1px dashed #393b48; border-radius:13px; color:#a7a9b7; }.seller-empty>span { color:#f44d60; font-size:30px; }.seller-empty h3,.seller-empty h2 { color:#fff; margin:11px 0 5px; }.seller-empty p { max-width:440px; margin:0 auto 18px; line-height:1.5; }.seller-large-empty { padding:65px 20px; background:#14151c; }.seller-empty-inline { color:#9799a8; margin:0; }
.seller-listing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.seller-listing-card { overflow:hidden; background:#15161d; border:1px solid var(--seller-line); border-radius:15px; }.seller-listing-photo { height:194px; display:grid; place-items:center; background:#22232b; color:#8d8f9c; text-decoration:none; }.seller-listing-photo img { height:100%; width:100%; object-fit:cover; }.seller-listing-content { padding:15px; }.seller-listing-meta { display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:11px; color:#999baa; }.seller-listing-content h2 { font-size:17px; margin:11px 0 5px; line-height:1.25; }.seller-listing-content>p { color:#c7c8d0; margin:0; font-size:14px; }.seller-listing-note,.seller-review-note { margin:14px 0; background:rgba(245,191,58,.08); border-left:2px solid #eab83a; padding:10px; border-radius:0 8px 8px 0; }.seller-listing-note b,.seller-listing-note span,.seller-review-note b,.seller-review-note span,.seller-review-note small { display:block; }.seller-listing-note b,.seller-review-note b { font-size:11px; color:#ffd97b; }.seller-listing-note span,.seller-review-note span { color:#d8d5c7; margin-top:4px; font-size:12px; line-height:1.4; }.seller-review-note small { color:#9e9d95; margin-top:8px; font-size:11px; }.seller-card-action { display:inline-flex; margin-top:14px; }
.seller-form-heading { align-items:center; }.seller-listing-form { display:grid; gap:18px; }.seller-listing-form fieldset { min-width:0; border:1px solid #30323d; border-radius:13px; padding:19px; }.seller-listing-form legend { padding:0 7px; font-weight:750; font-size:16px; }.seller-field-help { color:#999cab; font-size:13px; line-height:1.5; margin:0 0 14px; }.seller-current-images { display:flex; gap:10px; flex-wrap:wrap; margin:0 0 14px; }.seller-current-images>label,.seller-current-images>span { position:relative; width:102px; gap:0!important; font-size:11px!important; overflow:hidden; border:1px solid #3b3d48; border-radius:10px; background:#111218; }.seller-current-images img { width:100%; height:82px; display:block; object-fit:cover; }.seller-current-images label>span,.seller-current-images small { display:block; padding:6px; color:#d4d5dd; }.seller-current-images input { width:auto!important; min-height:auto!important; padding:0!important; margin-right:3px; }.seller-upload-label { display:grid!important; place-items:center; min-height:105px; padding:15px; border:1px dashed #575968; border-radius:11px; background:#101117; color:#d4d5dd!important; text-align:center; cursor:pointer; }.seller-upload-label input { position:absolute; width:1px!important; height:1px!important; min-height:0!important; opacity:0; pointer-events:none; }.seller-upload-label span { color:#a6a8b6!important; }.seller-delivery-methods { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }.seller-delivery-methods label { display:flex; flex-direction:row; gap:10px; padding:14px; border:1px solid #353743; border-radius:11px; cursor:pointer; }.seller-delivery-methods label:has(input:checked) { border-color:#2bcb79; background:rgba(32,202,121,.08); }.seller-delivery-methods input { width:17px!important; padding:0!important; min-height:17px!important; flex:none; }.seller-delivery-methods b,.seller-delivery-methods small { display:block; }.seller-delivery-methods small { color:#9598a8; margin-top:5px; font-weight:400; font-size:12px; line-height:1.35; }.seller-form-actions { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:3px 0; }.seller-form-actions>div:first-child,.seller-form-actions>span { color:#a5a7b5; font-size:13px; line-height:1.4; }.seller-form-actions b,.seller-form-actions span { display:block; }.seller-form-actions b { color:#ececf0; }.seller-form-actions>div:last-child { display:flex; gap:10px; flex-wrap:wrap; }
.seller-handoff-explainer { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:18px; border:1px solid var(--seller-line); background:#15161d; border-radius:15px; margin:0 0 20px; }.seller-handoff-explainer article { display:flex; gap:10px; }.seller-handoff-explainer span { flex:none; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#343641; color:#fff; font-size:12px; }.seller-handoff-explainer b { font-size:14px; }.seller-handoff-explainer p { color:#9c9eae; line-height:1.4; font-size:12px; margin:5px 0 0; }.seller-delivery-form-card { display:grid; grid-template-columns:.72fr 1.28fr; gap:28px; margin-bottom:20px; }.seller-delivery-form-card h2 { margin:0 0 7px; font-size:25px; }.seller-delivery-form-card>div>p:not(.kicker) { color:#a6a8b7; line-height:1.5; }.seller-delivery-form-card .seller-form-grid { align-content:start; }.seller-delivery-form-card .seller-form-grid.seller-form-wide { grid-column:1/-1; }.seller-delivery-list { display:grid; }.seller-delivery-list article { display:grid; grid-template-columns:46px 1fr auto; align-items:center; gap:12px; padding:13px 0; border-top:1px solid #2a2c36; }.seller-delivery-list small { color:#a2a5b4; }.seller-delivery-list h3 { margin:4px 0; font-size:15px; }.seller-delivery-list p { margin:3px 0; color:#c1c2cb; font-size:12px; }.seller-receiving-note { padding:7px 9px; border-left:2px solid #51d491; color:#d6eadf!important; background:rgba(32,202,121,.07); }
.seller-delivery-instructions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 20px}.seller-delivery-instructions article{padding:20px;border:1px solid var(--seller-line);border-radius:15px;background:#14151c}.seller-delivery-instructions article:first-child{border-top:2px solid var(--seller-green)}.seller-delivery-instructions article:last-child{border-top:2px solid var(--seller-red)}.seller-delivery-instructions h2{margin:0 0 8px;font-size:20px}.seller-delivery-instructions p:not(.kicker){margin:0;color:#c1c4ce;line-height:1.5;white-space:normal}.seller-delivery-instructions small{display:block;margin-top:12px;padding-top:12px;border-top:1px solid #2d2f39;color:#a8abb8;line-height:1.45}
.seller-form-card textarea{width:100%;box-sizing:border-box;border:1px solid #353743;background:#0d0e14;color:#f7f7fb;padding:12px;min-height:82px;border-radius:10px;outline:none;font:inherit;resize:vertical}.seller-form-card textarea:focus{border-color:#f1465a;box-shadow:0 0 0 3px rgba(241,70,90,.13)}
@media (max-width:900px) { .seller-hero,.seller-access-wrap,.seller-login-wrap,.seller-dashboard-grid,.seller-delivery-overview,.seller-delivery-form-card,.seller-delivery-instructions { grid-template-columns:1fr; }.seller-steps { grid-template-columns:repeat(2,1fr); }.seller-listing-grid { grid-template-columns:repeat(2,1fr); }.seller-dashboard-grid { gap:14px; }.seller-delivery-form-card { gap:13px; }.seller-access-wrap,.seller-login-wrap { gap:25px; }.seller-handoff-explainer { grid-template-columns:1fr; } }
@media (max-width:650px) { .seller-portal-page { width:min(100% - 24px,1180px); padding-top:16px; }.seller-portal-top { align-items:flex-start; flex-direction:column; }.seller-portal-nav { justify-content:flex-start; }.seller-portal-nav a { padding:7px 8px; }.seller-hero { padding:31px 0; }.seller-hero-copy { padding:0; }.seller-hero h1,.seller-access-copy h1,.seller-login-visual h1 { font-size:40px; }.seller-steps,.seller-delivery-options,.seller-metrics,.seller-listing-grid,.seller-form-grid,.seller-delivery-methods { grid-template-columns:1fr; }.seller-steps article { min-height:0; }.seller-steps h3 { margin-top:25px; }.seller-callout,.seller-dashboard-head,.seller-page-heading,.seller-ready-card,.seller-review-card,.seller-form-actions { align-items:flex-start; flex-direction:column; }.seller-callout .primary,.seller-ready-card .primary { width:100%; justify-content:center; }.seller-metrics { gap:9px; }.seller-listing-photo { height:210px; }.seller-form-card,.seller-listing-form,.seller-delivery-form-card { padding:18px; }.seller-form-actions>div:last-child { width:100%; }.seller-form-actions>div:last-child button { flex:1; }.seller-delivery-list article { grid-template-columns:42px 1fr; }.seller-delivery-list .delivery-status { grid-column:2; }.seller-current-images>label,.seller-current-images>span { width:91px; }.seller-delivery-overview { padding:20px; } }