:root{--bg:#f6f8f7;--card:#fff;--text:#12201c;--muted:#697671;--brand:#0c8278;--brand-dark:#09675f;--soft:#e8f7f2;--line:#dfe7e4;--danger:#c2414f;--shadow:0 18px 60px rgba(22,54,45,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);padding-bottom:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.button-reset,.nav-link{border:0;background:none}.topbar{height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(223,231,228,.8)}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:900;color:var(--text)}.brand-mark,.login-icon{width:38px;height:38px;border-radius:12px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:900}.desktop-nav{display:flex;gap:24px}.nav-link{font-weight:700;color:var(--muted);padding:10px}.nav-link.active{color:var(--brand)}.header-actions{display:flex;gap:10px}.primary-btn,.ghost-btn{border:0;border-radius:13px;padding:13px 19px;font-weight:800}.primary-btn{background:var(--brand);color:#fff}.primary-btn:hover{background:var(--brand-dark)}.ghost-btn{background:#edf2f0;color:var(--text)}.page{display:none}.page.active{display:block}.hero{min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding:72px 7vw 85px;background:radial-gradient(circle at 75% 20%,#d8f6ed 0,transparent 36%),linear-gradient(135deg,#fbfcfb,#eef8f4)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.15em;font-weight:900;color:var(--brand)}.hero h1{font-size:clamp(49px,6vw,83px);line-height:.97;letter-spacing:-.06em;margin:18px 0 24px}.hero h1 span{color:var(--brand)}.hero-copy>p{font-size:19px;line-height:1.65;color:var(--muted);max-width:680px}.search-card{display:grid;grid-template-columns:1.5fr 1fr auto;background:#fff;padding:10px;border-radius:20px;box-shadow:var(--shadow);margin-top:32px}.search-card label{padding:6px 14px;border-right:1px solid var(--line)}.search-card label span{display:block;font-size:11px;text-transform:uppercase;font-weight:900;color:var(--muted);margin-bottom:6px}.search-card input{border:0;outline:0;width:100%;font-size:15px}.search-btn{min-width:120px}.hero-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px;color:var(--muted);font-size:13px;font-weight:700}.hero-showcase{height:500px;position:relative}.phone-shell{width:255px;height:510px;border:11px solid #15211e;border-radius:45px;background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(3deg);box-shadow:0 35px 80px rgba(13,45,36,.2);overflow:hidden}.phone-notch{width:95px;height:23px;background:#15211e;border-radius:0 0 16px 16px;margin:auto}.phone-content{padding:18px}.mini-top{display:flex;justify-content:space-between;font-size:15px}.mini-search{padding:11px;background:#f0f4f2;border-radius:12px;margin:18px 0;font-size:11px;color:var(--muted)}.mini-products{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-products div{background:#f4f7f6;border-radius:13px;padding:12px;font-size:28px}.mini-products b,.mini-products small{display:block;font-size:9px;margin-top:8px}.mini-products small{color:var(--brand);font-weight:800}.showcase-card{position:absolute;width:210px;background:#fff;border-radius:18px;padding:13px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;z-index:3}.showcase-card.upper{top:65px;left:0}.showcase-card.lower{right:0;bottom:75px}.part-emoji{width:62px;height:62px;border-radius:13px;background:#edf4f1;display:grid;place-items:center;font-size:34px}.showcase-card b,.showcase-card strong{display:block;font-size:12px}.showcase-card strong{font-size:18px;color:var(--brand);margin-top:5px}.section{padding:78px 7vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.section-heading h2,.simple-page-head h1,.dashboard-header h1{font-size:39px;letter-spacing:-.045em;margin:8px 0 0}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.category-grid button{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px 17px;text-align:left;transition:.2s}.category-grid button:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.category-grid span{font-size:29px;display:block;margin-bottom:16px}.category-grid b,.category-grid small{display:block}.category-grid small{font-size:11px;color:var(--muted);line-height:1.45;margin-top:7px}.listings-section{background:#fff}.section-heading select{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.result-info{color:var(--muted);font-size:13px;margin:-12px 0 24px}.listing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.listing{background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden;position:relative;transition:.2s;cursor:pointer}.listing:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.listing-photo{height:220px;background:linear-gradient(145deg,#eef3f1,#c7d4cf);display:grid;place-items:center;font-size:63px;background-size:cover;background-position:center;position:relative}.listing-photo.has-image{font-size:0}.favorite{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.93);font-size:21px;z-index:2}.favorite.active{color:#d12b55}.owner-badge{position:absolute;left:11px;top:12px;background:#112a25;color:#fff;border-radius:20px;padding:7px 10px;font-size:10px;font-weight:800}.listing-body{padding:16px}.listing-title{font-weight:750;margin:0 0 9px}.listing-price{font-size:21px;font-weight:900;color:var(--brand)}.listing-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:12px}.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}.empty-state span{font-size:45px}.empty-state h3{color:var(--text)}.mobile-nav{display:none}.dashboard-page,.saved-page{padding:58px 7vw 90px;min-height:calc(100vh - 72px)}.dashboard-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.dashboard-header p,.simple-page-head p,.panel-title p{color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.stats-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;align-items:center;gap:15px}.stats-grid article>span{width:45px;height:45px;border-radius:13px;background:var(--soft);display:grid;place-items:center;color:var(--brand);font-size:20px}.stats-grid strong,.stats-grid small{display:block}.stats-grid strong{font-size:27px}.stats-grid small{color:var(--muted)}.dashboard-layout{display:grid;grid-template-columns:1.65fr .85fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:21px;padding:24px}.panel-title h2{margin:0}.panel-title p{margin:6px 0 22px}.my-listing{display:grid;grid-template-columns:90px 1fr auto;gap:15px;align-items:center;border-top:1px solid var(--line);padding:15px 0}.my-thumb{width:90px;height:75px;border-radius:13px;background:#edf3f0 center/cover;display:grid;place-items:center;font-size:32px}.my-info b,.my-info small{display:block}.my-info small{color:var(--muted);margin-top:6px}.performance{display:flex;gap:13px;font-size:12px;color:var(--muted);margin-top:9px}.my-actions{display:flex;gap:7px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px}.icon-btn.danger{color:var(--danger)}.activity-item{display:flex;gap:12px;border-top:1px solid var(--line);padding:15px 0}.activity-avatar{width:39px;height:39px;border-radius:50%;background:var(--soft);display:grid;place-items:center;flex:0 0 auto}.activity-item p{margin:0;font-size:13px;line-height:1.45}.activity-item small{color:var(--muted)}.simple-page-head{margin-bottom:30px}.modal-backdrop{position:fixed;inset:0;background:rgba(6,18,15,.7);z-index:60;display:grid;place-items:center;padding:18px}.modal-backdrop[hidden]{display:none}.modal{width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:25px;padding:29px;position:relative}.close-modal{position:absolute;right:17px;top:12px;border:0;background:none;font-size:31px}.modal h2{margin:8px 0 22px}.upload-box{border:2px dashed #b8d4cc;border-radius:18px;background:#f6fbf9;min-height:135px;display:grid;place-items:center;text-align:center;margin-bottom:19px;overflow:hidden}.upload-box span,.upload-box b,.upload-box small{display:block}.upload-box span{font-size:34px}.upload-box small{color:var(--muted);margin-top:5px}.upload-box img{width:100%;height:210px;object-fit:cover;display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal label{font-size:13px;font-weight:750;display:block;margin-bottom:14px}.modal input,.modal select,.modal textarea{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:12px;padding:12px;outline:0}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--brand)}.full-width{width:100%}.login-modal{width:min(420px,100%);text-align:center}.login-icon{margin:0 auto 15px}.login-modal p{color:var(--muted)}.login-modal label{text-align:left}.login-modal>small{display:block;color:var(--muted);margin-top:14px}.detail-modal{width:min(900px,100%)}.detail-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:25px}.detail-image{min-height:390px;border-radius:18px;background:#edf3f0 center/cover;display:grid;place-items:center;font-size:85px}.detail-info h2{font-size:30px;margin:0 0 10px}.detail-price{font-size:30px;font-weight:900;color:var(--brand)}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.detail-tags span{background:#edf3f1;border-radius:20px;padding:8px 11px;font-size:12px}.detail-description{color:var(--muted);line-height:1.7}.seller-card{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.toast{position:fixed;right:20px;bottom:20px;background:#13231e;color:#fff;padding:14px 18px;border-radius:12px;z-index:100;opacity:0;transform:translateY(18px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:none}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p{margin:auto}.hero-meta{justify-content:center}.hero-showcase{height:460px}.category-grid{grid-template-columns:repeat(3,1fr)}.listing-grid{grid-template-columns:repeat(3,1fr)}.dashboard-layout{grid-template-columns:1fr}.activity-panel{order:-1}}
@media(max-width:760px){body{padding-bottom:82px}.topbar{height:64px;padding:0 18px}.desktop-nav,.header-actions .primary-btn{display:none}.hero{padding:52px 18px 55px;min-height:auto}.hero h1{font-size:48px}.hero-copy>p{font-size:16px}.search-card{grid-template-columns:1fr}.search-card label{border-right:0;border-bottom:1px solid var(--line);padding:11px 13px}.search-btn{height:51px;margin-top:4px}.hero-meta{font-size:11px;gap:13px}.hero-showcase{height:390px}.phone-shell{width:205px;height:410px}.showcase-card{width:150px;padding:9px}.showcase-card.upper{left:-15px}.showcase-card.lower{right:-15px}.part-emoji{width:45px;height:45px;font-size:25px}.showcase-card b{font-size:9px}.showcase-card strong{font-size:14px}.section,.dashboard-page,.saved-page{padding:55px 18px}.section-heading h2,.simple-page-head h1,.dashboard-header h1{font-size:31px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-grid button{padding:17px 13px}.listing-grid{grid-template-columns:repeat(2,1fr);gap:11px}.listing-photo{height:145px}.listing-body{padding:12px}.listing-title{font-size:13px}.listing-price{font-size:18px}.listing-meta{display:block;line-height:1.6}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;bottom:0;left:0;right:0;height:78px;background:rgba(255,255,255,.96);backdrop-filter:blur(17px);border-top:1px solid var(--line);z-index:40;padding:8px 7px max(8px,env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:none;color:var(--muted);font-size:9px;font-weight:750;display:grid;gap:4px;place-items:center}.mobile-nav button span{font-size:20px}.mobile-nav button.active{color:var(--brand)}.mobile-nav .sell-fab span{width:49px;height:49px;margin-top:-28px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:28px;box-shadow:0 8px 25px rgba(12,130,120,.35)}.dashboard-header{align-items:flex-start}.dashboard-header .primary-btn{display:none}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid article{padding:15px}.stats-grid strong{font-size:22px}.panel{padding:18px}.my-listing{grid-template-columns:70px 1fr}.my-thumb{width:70px;height:65px}.my-actions{grid-column:2}.activity-panel{order:0}.modal{padding:25px 18px;border-radius:22px}.form-grid{grid-template-columns:1fr}.detail-wrap{grid-template-columns:1fr}.detail-image{min-height:250px}.toast{bottom:92px;left:18px;right:18px;text-align:center}}
@media(max-width:410px){.hero h1{font-size:41px}.category-grid small{font-size:10px}.stats-grid article>span{display:none}.stats-grid article{justify-content:center;text-align:center}}
.clean-showcase{display:flex;align-items:center;justify-content:center}.market-preview{width:min(390px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--shadow);transform:rotate(1deg)}.market-preview-top{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.market-preview-row{display:flex;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.market-preview-row:last-child{border:0}.market-preview-row>span{font-size:28px;width:48px;height:48px;display:grid;place-items:center;background:var(--soft);border-radius:15px}.market-preview-row div{display:flex;flex-direction:column;gap:4px}.market-preview-row small{color:var(--muted)}
.chat-page{max-width:1180px;margin:0 auto;padding:56px 24px 120px}.chat-layout{display:grid;grid-template-columns:360px 1fr;min-height:620px;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.conversation-list-panel{border-right:1px solid var(--line);background:#fbfcfc}.conversation-head{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid var(--line)}.conversation-head h2{margin:0}.conversation-head span{background:var(--soft);color:var(--brand);border-radius:999px;padding:5px 10px;font-weight:800}.conversation-list{display:flex;flex-direction:column}.conversation-item{border:0;border-bottom:1px solid var(--line);background:transparent;padding:15px;display:grid;grid-template-columns:58px 1fr;gap:12px;text-align:left}.conversation-item.active,.conversation-item:hover{background:var(--soft)}.conversation-thumb{width:58px;height:58px;border-radius:14px;background:var(--soft);background-size:cover;background-position:center;display:grid;place-items:center;font-size:25px}.conversation-item div:last-child{min-width:0}.conversation-item b,.conversation-item p{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item p{margin:5px 0;color:var(--muted);font-size:14px}.conversation-item small{color:var(--muted)}.chat-window{display:flex;flex-direction:column;min-width:0}.chat-placeholder{margin:auto;text-align:center;color:var(--muted)}.chat-placeholder span{font-size:52px}.chat-window-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.chat-window-head div{display:flex;flex-direction:column}.chat-window-head small{color:var(--muted);margin-top:3px}.chat-back{display:none;border:0;background:var(--soft);border-radius:50%;width:38px;height:38px;font-size:28px}.message-stream{flex:1;overflow:auto;padding:24px;background:#f7faf9;display:flex;flex-direction:column;gap:10px}.message{align-self:flex-start;max-width:75%;background:#fff;border:1px solid var(--line);border-radius:18px 18px 18px 5px;padding:11px 14px}.message.mine{align-self:flex-end;background:var(--brand);color:#fff;border-radius:18px 18px 5px 18px}.message.system{align-self:center;background:transparent;border:0;color:var(--muted);text-align:center}.message p{margin:0 0 4px}.message small{opacity:.7}.message-form{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-top:1px solid var(--line)}.message-form input{border:1px solid var(--line);border-radius:14px;padding:13px}.empty-state.compact{padding:40px 20px}.listing-grid{align-items:stretch}.listing{height:100%}
@media(max-width:760px){.chat-page{padding:30px 12px 110px}.chat-layout{display:block;min-height:65vh;border-radius:20px}.conversation-list-panel{border-right:0}.chat-window{min-height:65vh}.chat-window:has(.chat-window-head)+*{} .chat-layout:has(.chat-window-head) .conversation-list-panel{display:none}.chat-back{display:block}.message-form{grid-template-columns:1fr auto}.message-form .primary-btn{padding:12px 14px}.market-preview{transform:none}}

.upload-preview-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:10px}.upload-preview-item,.upload-more{position:relative;min-height:115px;border-radius:13px;overflow:hidden;background:#e8f1ee}.upload-preview-item img{width:100%;height:115px;object-fit:cover}.upload-preview-item button{position:absolute;right:6px;top:6px;width:29px;height:29px;border:0;border-radius:50%;background:rgba(15,29,25,.82);color:#fff;font-size:20px;line-height:1}.upload-preview-item small{position:absolute;left:6px;bottom:6px;background:rgba(255,255,255,.92);padding:4px 7px;border-radius:8px;font-size:10px;font-weight:800}.upload-more{display:grid;place-items:center;align-content:center;color:var(--brand);border:2px dashed #b8d4cc}.upload-more span{font-size:30px}.upload-more small{font-weight:800}.upload-processing{padding:45px 20px;font-weight:800;color:var(--brand)}.detail-gallery{min-width:0}.detail-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:10px}.detail-thumb{height:78px;border:3px solid transparent;border-radius:12px;background:center/cover no-repeat}.detail-thumb.active{border-color:var(--brand)}
@media(max-width:760px){.upload-preview-grid{grid-template-columns:repeat(2,1fr)}.upload-preview-item,.upload-more{min-height:125px}.upload-preview-item img{height:125px}.detail-thumbs{grid-template-columns:repeat(4,1fr)}.detail-thumb{height:58px}}

.register-header-btn{background:#fff;border:1px solid var(--line)}.text-link{border:0;background:none;color:var(--brand);font-weight:800;padding:0}.form-error{background:#fff0f1;color:#b42332;border-radius:10px;padding:10px!important;text-align:left;font-size:12px!important}.logout-btn{margin-top:22px}.logout-header{color:#b42332}.register-modal{width:min(460px,100%)}
@media(max-width:760px){.header-actions{gap:6px}.header-actions .register-header-btn{display:none}.header-actions .ghost-btn{padding:12px 14px}.brand{font-size:21px}}