:root{color:#17211d;background:#f7f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17211d;--muted: #65706a;--line: #dedbd2;--soft-line: #ebe8df;--surface: #ffffff;--wash: #f2f5f1;--green: #06785f;--green-dark: #045b49;--blue: #2349a6;--amber: #c77a00;--red: #b93d2c;--shadow: 0 18px 44px rgba(23, 33, 29, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:#f7f7f4}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}h1,h2,h3,p{margin:0}h1{color:var(--ink);font-size:clamp(2rem,4vw,3.8rem);line-height:1.02;letter-spacing:0}h2{color:var(--ink);font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.16;letter-spacing:0}h3{color:var(--ink);font-size:1.02rem;line-height:1.26;letter-spacing:0}a{color:inherit;text-decoration:none}.app-shell{width:min(1440px,calc(100% - 28px));margin:0 auto;padding:16px 0 56px}.topbar,.brand-lockup,.nav-tabs,.profile-area,.profile-button,.section-heading,.listing-topline,.listing-meta,.listing-footer,.badge-row,.product-actions,.seller-summary,.seller-badges,.trust-header,.trust-stats,.review-heading,.chat-form,.modal-actions{display:flex;align-items:center}.topbar{position:sticky;top:10px;z-index:8;justify-content:space-between;gap:12px;margin-bottom:18px;padding:10px;background:#ffffffeb;border:1px solid rgba(222,219,210,.9);border-radius:8px;box-shadow:0 12px 30px #17211d14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-lockup{gap:10px;min-width:220px;padding:0;color:var(--ink);text-align:left;background:transparent;border:0}.brand-lockup span:last-child,.profile-button span:last-child{display:grid;gap:2px;min-width:0}.brand-lockup small,.profile-button small{color:var(--muted);font-size:.76rem;font-weight:800}.brand-lockup strong,.profile-button strong{overflow:hidden;color:var(--ink);font-size:1rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.brand-mark,.avatar{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;color:#fff;background:var(--green);border-radius:8px;font-weight:900}.avatar{width:40px;height:40px;background:var(--blue)}.avatar.muted{color:var(--green);background:#eaf5f1}.avatar.large{width:58px;height:58px;font-size:1.2rem}.avatar.seller-avatar{width:76px;height:76px;font-size:1.5rem}.eyebrow{color:var(--muted);font-size:.75rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.nav-tabs{justify-content:center;gap:6px}.nav-tabs button,.profile-button,.icon-button,.text-button,.demo-fill-row button,.role-selector button,.category-strip button,.primary-action,.secondary-action,.icon-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 13px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;font-weight:900}.nav-tabs button{position:relative;min-width:92px}.nav-tabs button.active{color:#fff;background:var(--green);border-color:var(--green)}.nav-count{min-width:20px;padding:2px 6px;color:#fff;background:var(--red);border-radius:999px;font-size:.72rem;line-height:1.2}.profile-area{justify-content:flex-end;gap:8px;min-width:210px}.profile-button{justify-content:flex-start;min-width:150px;max-width:230px;padding:7px 9px}.icon-button,.icon-action{width:44px;min-width:44px;padding:0}.toast{margin-bottom:18px;padding:13px 14px;color:#12392f;background:#e5f4ef;border:1px solid #bfe0d6;border-radius:8px;font-weight:850}.panel,.listing-card,.trust-card,.review-form,.admin-gate-card,.seller-profile-hero,.home-hero{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.panel{padding:18px}.section-heading{justify-content:space-between;gap:14px;margin-bottom:16px}.section-heading svg{flex:0 0 auto;color:var(--green)}.body-copy,.listing-content p,.admin-row span,.inventory-row span,.lead-item small,.notification-item small,.auth-message,.seller-profile-hero p,.seller-contact-card p{color:var(--muted);font-size:.95rem;line-height:1.48}.home-hero{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);gap:22px;align-items:end;padding:clamp(20px,4vw,44px);background:linear-gradient(120deg,#fffffff0,#f5f9f7db),url(https://images.unsplash.com/photo-1600861194942-f883de0dfe96?auto=format&fit=crop&w=1600&q=82) center / cover}.hero-copy{display:grid;gap:12px}.hero-copy p:last-child{max-width:560px;color:#3f4b45;font-size:1.02rem;line-height:1.5}.simple-search{display:grid;grid-template-columns:minmax(180px,.78fr) minmax(250px,1.35fr) minmax(150px,.55fr) auto auto;gap:10px;align-items:stretch}.search-field{display:flex;align-items:center;gap:8px;min-height:54px;padding:0 12px;background:#fff;border:1px solid var(--line);border-radius:8px}.search-field svg{flex:0 0 auto;color:var(--muted)}.search-field input,.search-field select{min-height:50px;padding:0;background:transparent;border:0;box-shadow:none}.search-field input:focus,.search-field select:focus{box-shadow:none}.filter-panel{display:grid;grid-column:1 / -1;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:12px;background:#ffffffd6;border:1px solid var(--soft-line);border-radius:8px}.category-strip{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px}.category-strip button{min-height:42px;color:#244039;background:#fff}.category-strip button:hover,.listing-card:hover,.secondary-action:hover,.text-button:hover,.profile-button:hover{border-color:var(--green)}.market-section,.product-page,.seller-profile-page,.admin-layout{display:grid;gap:18px}.listing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.listing-card{display:grid;overflow:hidden;padding:0;text-align:left;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.listing-card:hover{transform:translateY(-2px);box-shadow:0 20px 46px #17211d1f}.listing-card img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#ebe8df}.listing-content{display:grid;gap:9px;padding:13px}.listing-topline,.listing-meta,.listing-footer,.badge-row{justify-content:space-between;gap:8px}.listing-topline span,.listing-meta span,.listing-footer span,.badge-row span,.seller-badges span{display:inline-flex;align-items:center;gap:5px;min-width:0;color:var(--muted);font-size:.8rem;font-weight:900}.featured{color:var(--amber)!important}.listing-footer strong{color:var(--green);font-size:1.1rem}.primary-action{color:#fff;background:var(--green);border-color:var(--green)}.primary-action:hover{background:var(--green-dark)}.secondary-action{color:var(--ink);background:#f7f8f6}.text-button{width:fit-content;min-height:40px;color:var(--green);background:#eef7f3;border-color:#cde6dd}.back-button{margin-top:2px}input,select,textarea{width:100%;min-height:48px;padding:11px 12px;color:var(--ink);background:#fbfbf8;border:1px solid #cfcac0;border-radius:8px;outline:none}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #06785f21}.field{display:grid;gap:7px}.field span{display:inline-flex;align-items:center;gap:5px;color:#59655f;font-size:.82rem;font-weight:900}.field-wide{grid-column:span 2}.field-full,.form-submit{grid-column:1 / -1}.product-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.62fr);gap:18px;align-items:start}.product-media,.product-summary,.seller-contact-card{display:grid;gap:14px}.product-media img:first-child{width:100%;aspect-ratio:16 / 10;object-fit:cover;background:#ebe8df;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.thumbnail-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.thumbnail-row img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border:1px solid var(--line);border-radius:8px}.product-summary{padding:20px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.product-summary h1{font-size:clamp(1.8rem,3vw,2.7rem)}.product-price{color:var(--green);font-size:clamp(1.55rem,3vw,2.25rem)}.badge-row{flex-wrap:wrap;justify-content:flex-start}.badge-row span,.spec-grid span,.seller-badges span{min-height:34px;padding:7px 9px;background:#f7f5ef;border:1px solid var(--soft-line);border-radius:8px}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.spec-grid span{display:grid;gap:4px;color:var(--muted);font-size:.82rem;font-weight:850}.spec-grid strong{color:var(--ink);font-size:.95rem}.product-actions{flex-wrap:wrap;gap:9px}.seller-profile-bottom,.seller-listings-section{display:grid;gap:14px}.seller-bottom-grid,.seller-page-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr) minmax(280px,.75fr);gap:14px;align-items:start}.seller-contact-card{padding:16px;background:#fff;border:1px solid var(--line);border-radius:8px}.seller-badges{flex-wrap:wrap;gap:8px}.seller-profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px}.seller-page-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.55fr)}.seller-about-panel{display:grid;gap:9px}.trust-card,.review-form{display:grid;gap:12px;padding:14px;background:#fbfdfb;border-color:#cfe7da;box-shadow:none}.trust-header,.trust-stats,.review-heading{justify-content:space-between;gap:10px}.trust-header div:first-child{display:grid;gap:3px}.trust-header span,.trust-stats,.review-list small{color:var(--muted);font-size:.82rem;font-weight:850}.star-rating{display:inline-flex;gap:2px;color:#b8b0a3}.star-rating .filled{color:var(--amber);fill:var(--amber)}.trust-meter{overflow:hidden;height:12px;background:#dfe8e2;border-radius:999px}.trust-meter i{display:block;height:100%;background:var(--green);border-radius:inherit}.review-list{display:grid;gap:8px}.review-item{display:grid;gap:4px;padding:10px;background:#fff;border:1px solid #dde7e0;border-radius:8px}.review-item p{color:#33443d;font-size:.9rem;line-height:1.42}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#141c188a}.auth-modal,.edit-panel{display:grid;width:min(620px,100%);max-height:min(760px,calc(100vh - 40px));gap:14px;overflow:auto;padding:20px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 70px #00000038}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-fill,.role-selector{display:grid;gap:8px}.demo-fill{padding:12px;background:#f7f8f6;border:1px solid var(--soft-line);border-radius:8px}.demo-fill>span,.role-selector>span{color:var(--muted);font-size:.82rem;font-weight:900}.demo-fill-row,.role-selector>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.demo-fill-row button{color:var(--green);background:#fff}.role-selector{grid-column:1 / -1}.role-selector button.active{color:#fff;background:var(--green);border-color:var(--green)}.auth-form,.signup-form{display:grid;gap:10px}.signup-form{grid-template-columns:repeat(2,minmax(0,1fr))}.signup-form .primary-action{grid-column:1 / -1}.admin-gate{display:grid;place-items:center;gap:14px;min-height:70vh}.admin-gate-card{display:grid;width:min(560px,100%);gap:13px;padding:28px}.seller-layout,.inbox-layout,.admin-data-grid,.analytics-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.75fr);gap:16px;align-items:start}.listing-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.seller-summary{gap:10px;margin:12px 0;padding:12px;background:#f6f5ef;border:1px solid var(--soft-line);border-radius:8px}.seller-summary div,.inventory-row div,.admin-row div{display:grid;gap:4px;min-width:0}.check-field{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px;background:#f6f5ef;border:1px solid var(--soft-line);border-radius:8px;font-weight:850}.check-field input{width:18px;min-height:18px}.image-upload-box{grid-column:1 / -1}.upload-drop{display:grid;place-items:center;gap:5px;min-height:118px;padding:18px;color:var(--green);text-align:center;background:#f2faf6;border:1px dashed #8fc9b8;border-radius:8px}.upload-drop input{width:min(100%,360px);min-height:42px;padding:8px;background:#fff}.upload-drop small{color:var(--muted);font-weight:800}.image-preview-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.image-preview-row:empty{display:none}.image-preview-row img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border:1px solid var(--line);border-radius:8px}.inventory-list,.notification-list,.lead-list,.admin-table{display:grid;gap:10px}.inventory-row,.admin-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center;padding:10px;background:#fbfbf8;border:1px solid var(--line);border-radius:8px}.admin-row{grid-template-columns:minmax(0,1fr) auto auto auto}.inventory-row img{width:64px;height:52px;object-fit:cover;border-radius:8px}.inbox-layout{grid-template-columns:minmax(260px,.65fr) minmax(320px,.8fr) minmax(0,1fr)}.inbox-layout>.panel:first-child:nth-last-child(2){grid-column:span 1}.notification-item,.lead-item{display:grid;width:100%;gap:5px;padding:12px;text-align:left;background:#fff8ea;border:1px solid #ead1a6;border-radius:8px}.notification-item.read{background:#fbfbf8;border-color:var(--line)}.lead-item{grid-template-columns:42px minmax(0,1fr) 10px;align-items:center;background:#fbfbf8;border-color:var(--line)}.lead-item.selected{border-color:var(--green);box-shadow:0 0 0 3px #06785f1f}.lead-avatar{display:grid;place-items:center;width:42px;height:42px;color:#fff;background:var(--blue);border-radius:8px;font-weight:900}.lead-item i{width:9px;height:9px;background:var(--red);border-radius:50%}.chat-panel{min-height:560px}.chat-messages{display:grid;align-content:start;gap:9px;min-height:400px;max-height:540px;overflow:auto}.chat-context{display:grid;gap:4px;margin-bottom:12px;padding:11px 12px;background:#f6f8f6;border:1px solid var(--soft-line);border-radius:8px}.chat-context span{color:var(--muted);font-size:.85rem;font-weight:850}.chat-bubble{display:grid;gap:4px;width:min(82%,460px);padding:11px 12px;border-radius:8px}.chat-bubble span{font-size:.72rem;font-weight:900;text-transform:uppercase}.chat-bubble.buyer{justify-self:start;background:#fff;border:1px solid var(--line)}.chat-bubble.seller{justify-self:end;background:#dff2e9;border:1px solid #b8ddce}.chat-form{gap:8px;margin-top:12px}.admin-layout{display:grid;gap:16px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kpi-card{display:grid;gap:6px;padding:14px;background:#f6f5ef;border:1px solid var(--soft-line);border-radius:8px}.kpi-card span,.kpi-card small{color:var(--muted);font-weight:850}.kpi-card strong{color:var(--ink);font-size:1.32rem}.analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-bars{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:92px minmax(0,1fr) 32px;gap:8px;align-items:center;font-size:.84rem;font-weight:850}.bar-row div{overflow:hidden;height:9px;background:#e7e2d7;border-radius:999px}.bar-row i{display:block;height:100%;background:var(--green);border-radius:inherit}.risk-panel{display:grid;gap:8px}.empty-page,.auth-required{display:grid;gap:14px}.empty-state{padding:14px;color:var(--muted);background:#fbfbf8;border:1px dashed #c9c4ba;border-radius:8px}.icon-action.muted{color:var(--ink);background:#eef0ea}.icon-action.danger{color:#fff;background:var(--red);border-color:var(--red)}@media(max-width:1240px){.home-hero,.product-layout,.seller-bottom-grid,.seller-page-grid,.seller-layout,.admin-data-grid,.analytics-grid,.inbox-layout{grid-template-columns:1fr}.listing-grid,.kpi-grid,.simple-search,.filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{width:min(100% - 18px,1440px);padding-top:10px}.topbar{position:static;align-items:stretch;flex-direction:column}.brand-lockup,.profile-area{min-width:0}.profile-area,.profile-button{width:100%}.nav-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.nav-tabs button{min-width:0;padding-inline:8px}.home-hero{padding:18px}.simple-search,.filter-panel,.listing-grid,.listing-form,.kpi-grid,.spec-grid,.signup-form{grid-template-columns:1fr}.field-wide,.field-full,.form-submit,.signup-form .primary-action{grid-column:1}.seller-profile-hero{grid-template-columns:1fr}.admin-row{grid-template-columns:minmax(0,1fr) auto auto}.modal-backdrop{align-items:end;padding:10px}.auth-modal,.edit-panel{max-height:calc(100vh - 20px)}}
