:root{--primary:#138d7f;--primary-dark:#0b6f65;--ink:#182a3a;--muted:#6c7883;--surface:#f4f7f6;--line:#e4e9e7;--warm:#ffb65a;--danger:#c65454;--radius:24px;--shadow:0 16px 45px rgba(24,42,58,.09)}*{box-sizing:border-box}body{font-family:Manrope,sans-serif;background:#fff;color:var(--ink);font-size:15px}.app-container{max-width:1240px}.app-header{background:rgba(255,255,255,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(228,233,231,.9)}.navbar{min-height:72px}.navbar-brand{font-weight:800;color:var(--ink);font-size:20px}.brand-mark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:14px;background:var(--primary);color:#fff}.header-search{height:44px;background:var(--surface);border-radius:999px;align-items:center;padding:0 17px;width:min(390px,35vw);margin-left:45px}.header-search input{border:0;outline:0;background:transparent;width:100%;padding-left:10px}.btn-primary{background:var(--primary);border-color:var(--primary);font-weight:700}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.avatar-btn{width:42px;height:42px;border:0;border-radius:50%;background:var(--ink);color:#fff;font-weight:800}.hero{background:linear-gradient(135deg,#eef8f5 0%,#faf5ea 100%);padding:74px 0 58px;overflow:hidden}.eyebrow{display:inline-flex;gap:8px;align-items:center;text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:11px;color:var(--primary);margin-bottom:12px}.hero h1{font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-.055em;font-weight:800;margin:0 0 22px}.hero h1 span{color:var(--primary)}.hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:650px}.hero-search{height:62px;background:#fff;border-radius:999px;display:flex;align-items:center;padding:6px 7px 6px 22px;max-width:650px;box-shadow:var(--shadow);margin-top:25px}.hero-search input{flex:1;border:0;outline:0;font-size:16px;padding:0 12px;min-width:80px}.hero-search button{height:50px;border:0;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;padding:0 28px}.hero-actions{display:flex;gap:12px;margin-top:22px}.hero-visual{position:relative;height:405px}.hero-circle{position:absolute;inset:45px 60px;border-radius:50%;background:var(--primary);display:grid;place-items:center;color:#fff;font-size:110px;box-shadow:0 25px 60px rgba(19,141,127,.25)}.visual-card{position:absolute;z-index:2;background:#fff;padding:18px 20px;border-radius:20px;box-shadow:var(--shadow);font-weight:800;display:flex;align-items:center;gap:12px}.visual-card i{color:var(--primary);font-size:22px}.visual-card.one{top:10px;left:12px;transform:rotate(-5deg)}.visual-card.two{right:0;top:105px;transform:rotate(6deg)}.visual-card.three{bottom:20px;left:12px;transform:rotate(3deg)}.section{padding:58px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-heading h2{font-size:30px;font-weight:800;letter-spacing:-.03em;margin:0}.section-heading a{color:var(--ink);font-weight:700;text-decoration:none}.category-scroll{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.category-pill{min-width:0;padding:21px 14px;border:1px solid var(--line);border-radius:22px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;transition:.2s}.category-pill:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}.category-pill>span{width:46px;height:46px;border-radius:15px;background:#e7f4f1;color:var(--primary);display:grid;place-items:center;font-size:20px;margin-bottom:15px}.category-pill strong{font-size:14px}.category-pill small{color:var(--muted);margin-top:4px}.listing-card{position:relative;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;transition:.2s}.listing-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}.card-link-cover{position:absolute;inset:0;z-index:1}.listing-image{aspect-ratio:1.2;position:relative;background:var(--surface);overflow:hidden}.listing-image>img{width:100%;height:100%;object-fit:cover;transition:.35s}.listing-card:hover .listing-image>img{transform:scale(1.04)}.offer-badge{position:absolute;top:12px;left:12px;background:var(--ink);color:#fff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;letter-spacing:.04em}.offer-badge.free{background:var(--primary)}.offer-badge.exchange{background:#8a5bb5}.offer-badge.static{position:static;display:inline-flex;margin-bottom:16px}.fav-btn{position:absolute;right:11px;top:11px;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--ink)}.fav-btn.active{color:#d84c65}.listing-card h3{font-size:15px;font-weight:800;line-height:1.35;margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{color:var(--muted);font-size:11px;display:flex;flex-direction:column;gap:5px}.page-head{background:var(--surface);padding:50px 0 34px}.page-head.compact{padding:42px 0 28px}.page-head h1{font-size:42px;font-weight:800;letter-spacing:-.04em}.page-head p{color:var(--muted)}.filter-bar{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:9px;background:#fff;border:1px solid var(--line);padding:12px;border-radius:20px;box-shadow:0 10px 35px rgba(24,42,58,.05)}.filter-bar select,.filter-search{border:1px solid var(--line);border-radius:13px;background:#fff;min-height:46px}.filter-bar select{padding:0 10px}.filter-search{display:flex;align-items:center;padding:0 13px}.filter-search input{border:0;outline:0;width:100%;padding-left:10px}.result-line{margin:25px 0 16px;color:var(--muted)}.empty-state{text-align:center;padding:70px 20px;color:var(--muted)}.empty-state>i{font-size:45px;color:var(--primary);margin-bottom:16px}.empty-state h3{color:var(--ink);font-weight:800}.back-link{text-decoration:none;font-weight:700;color:var(--ink)}.detail-gallery>img{width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:28px;background:var(--surface)}.thumbs{display:flex;gap:10px;margin-top:12px;overflow:auto}.thumbs button{border:2px solid transparent;border-radius:12px;padding:0;background:none}.thumbs img{width:76px;height:64px;object-fit:cover;border-radius:10px}.detail-panel{position:sticky;top:96px}.detail-panel h1{font-size:40px;line-height:1.1;font-weight:800;letter-spacing:-.04em}.detail-meta{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.detail-meta span{background:var(--surface);padding:9px 12px;border-radius:999px;font-size:12px;font-weight:700}.detail-meta i{color:var(--primary);margin-right:7px}.description{padding:22px 0;border-top:1px solid var(--line)}.description h2{font-size:16px;font-weight:800}.description p{color:var(--muted);line-height:1.8}.contact-box{background:var(--surface);border-radius:24px;padding:22px}.contact-box>div:first-child{display:flex;gap:13px;align-items:center;margin-bottom:18px}.contact-box small{display:block;color:var(--muted);margin-top:3px}.contact-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#fff;color:var(--primary)}.contact-revealed{background:#fff;padding:16px;border-radius:16px;margin-top:14px}.contact-revealed a{display:block;color:var(--ink);text-decoration:none;margin-top:9px}.contact-revealed i{color:var(--primary);width:25px}.reference{display:block;color:var(--muted);margin-top:16px}.form-page{background:var(--surface);min-height:calc(100vh - 72px);padding:45px 0}.form-shell{max-width:850px;margin:auto}.form-intro{text-align:center;margin-bottom:25px}.form-intro h1{font-size:44px;font-weight:800;letter-spacing:-.04em}.step-list{display:flex;align-items:center;justify-content:center;margin:20px auto;width:250px}.step-list span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#dce5e2;color:var(--muted);font-weight:800}.step-list span.active{background:var(--primary);color:#fff}.step-list div{width:70px;height:2px;background:#dce5e2}.form-section{background:#fff;border-radius:26px;padding:28px;margin-bottom:18px;box-shadow:0 10px 35px rgba(24,42,58,.05)}.form-section h2{font-size:19px;font-weight:800}.form-section h2>span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e5f4f1;color:var(--primary);margin-right:9px}.form-section>p{color:var(--muted)}label{font-size:13px;font-weight:700;margin-bottom:7px}.form-control,.form-select{border-color:var(--line);border-radius:13px}.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(19,141,127,.12)}.upload-zone{display:flex;min-height:180px;border:2px dashed #bdd5d0;background:#f4fbf9;border-radius:20px;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;color:var(--primary)}.upload-zone input{display:none}.upload-zone i{font-size:32px;margin-bottom:10px}.upload-zone small{color:var(--muted);margin-top:5px}.preview-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:12px}.preview-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.offer-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.offer-options input{display:none}.offer-options span{height:58px;border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer}.offer-options input:checked+span{border-color:var(--primary);background:#eaf7f4;color:var(--primary)}.confirm-box{display:flex;gap:11px;align-items:flex-start;background:var(--surface);padding:15px;border-radius:14px;font-weight:500}.manage-grid{display:grid;gap:12px}.manage-card{display:flex;align-items:center;gap:18px;padding:14px;border:1px solid var(--line);border-radius:20px}.manage-card>img{width:90px;height:75px;object-fit:cover;border-radius:14px}.manage-card h3{font-size:16px;margin:6px 0}.manage-card h3 a{color:var(--ink);text-decoration:none}.status{display:inline-flex;border-radius:999px;padding:5px 9px;background:#edf1f0;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800}.status.published,.status.active{background:#e1f4ed;color:#08745e}.status.suspended{background:#fdeaea;color:#a63636}.status.sold,.status.archived{background:#e9ebee;color:#626c75}.auth-page{min-height:calc(100vh - 72px);display:grid;place-items:center;background:linear-gradient(135deg,#edf8f5,#fff8eb);padding:45px 15px}.auth-card{width:100%;max-width:460px;background:#fff;border-radius:28px;padding:34px;box-shadow:var(--shadow)}.auth-card.wide{max-width:560px}.auth-card h1{font-weight:800;letter-spacing:-.04em}.auth-card>p{color:var(--muted)}.auth-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-weight:800;margin-bottom:30px}.auth-switch{text-align:center;margin:25px 0 0}.or{display:flex;align-items:center;color:var(--muted);font-size:11px;margin:18px 0}.or:before,.or:after{content:'';height:1px;background:var(--line);flex:1}.or span{padding:0 12px}.admin-head{padding:42px 0 0;background:var(--ink);color:#fff}.admin-head h1{font-weight:800}.admin-tabs{display:flex;gap:20px;margin-top:28px;overflow:auto}.admin-tabs a{color:#aebbc5;text-decoration:none;font-weight:700;padding:0 0 15px;white-space:nowrap}.admin-tabs a.active{color:#fff;border-bottom:3px solid #47cab9}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{padding:22px;border:1px solid var(--line);border-radius:20px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:13px}.stat-card i{grid-row:1/3;width:48px;height:48px;background:#e8f6f3;color:var(--primary);border-radius:15px;display:grid;place-items:center}.stat-card strong{font-size:25px}.stat-card span{color:var(--muted)}.admin-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}.admin-panel h2,.panel-title h2{font-size:18px;font-weight:800}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.site-footer{border-top:1px solid var(--line);padding:24px;color:var(--muted)}.site-footer a{color:var(--muted);margin-left:20px;text-decoration:none}.mobile-nav{position:fixed;z-index:1000;bottom:0;left:0;right:0;height:72px;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:var(--muted);text-decoration:none;gap:4px}.mobile-nav i{font-size:18px}.mobile-nav .sell i{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:var(--primary);color:#fff;margin-top:-24px;box-shadow:0 8px 20px rgba(19,141,127,.3)}.legal-page{padding:60px 0}.legal-page .container{max-width:850px}.legal-page h1{font-size:45px;font-weight:800}.legal-page h2{font-size:20px;font-weight:800;margin-top:30px}.legal-page p,.legal-page li{line-height:1.8;color:var(--muted)}
@media(max-width:991px){.hero{padding-top:45px}.hero-visual{display:none}.category-scroll{display:flex;overflow:auto;padding-bottom:10px}.category-pill{min-width:145px}.filter-bar{grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}.detail-panel{position:static}.stat-grid{grid-template-columns:1fr 1fr}.pb-mobile{padding-bottom:72px}.site-footer{display:none}.manage-card{flex-wrap:wrap}.manage-card form{width:100%}}
@media(max-width:575px){.app-container{padding-left:16px;padding-right:16px}.navbar{min-height:64px}.navbar-brand{font-size:0}.brand-mark{width:38px;height:38px}.hero{padding:38px 0}.hero h1{font-size:45px}.hero p{font-size:15px}.hero-search{height:56px;padding-left:16px}.hero-search button{height:44px;padding:0 18px}.hero-actions .btn{font-size:13px}.section{padding:38px 0}.section-heading h2{font-size:25px}.section-heading a{font-size:12px}.listing-image{aspect-ratio:1}.listing-card .p-3{padding:12px!important}.listing-card h3{font-size:13px}.offer-badge{font-size:9px;padding:6px 8px}.filter-bar{grid-template-columns:1fr}.filter-search{grid-column:auto}.page-head h1{font-size:34px}.detail-page{padding-top:24px}.detail-panel h1{font-size:31px}.detail-gallery>img{border-radius:20px}.form-page{padding:25px 0}.form-intro h1{font-size:35px}.form-section{padding:20px;border-radius:20px}.offer-options{grid-template-columns:1fr}.preview-grid{grid-template-columns:repeat(3,1fr)}.auth-card{padding:25px;border-radius:22px}.stat-grid{grid-template-columns:1fr 1fr}.stat-card{padding:14px;column-gap:8px}.stat-card i{width:38px;height:38px}.stat-card strong{font-size:20px}.manage-card>img{width:72px;height:66px}}
.auth-forgot-link{display:inline-block;margin-top:12px;color:#2e7252;font-size:13px;font-weight:800;text-decoration:none}
.auth-remember{display:flex;align-items:center;gap:9px;margin:13px 0;color:#52676f;font-size:13px;font-weight:700;cursor:pointer}.auth-remember input{width:17px;height:17px;accent-color:#2e7252}