:root{--bg:#f6f8fb;--card:#fff;--text:#152033;--muted:#667085;--line:#e4e7ec;--primary:#0f766e;--primary-dark:#115e59;--danger:#b42318;--radius:18px;--shadow:0 12px 30px rgba(16,24,40,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}.container{width:min(1160px,92vw);margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:24px;font-weight:800;color:var(--primary)}nav{display:flex;gap:18px;color:var(--muted);font-weight:600}.hero{padding:58px 0 34px;background:linear-gradient(135deg,#ecfdf5,#eef2ff)}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center}.hero h1{font-size:48px;line-height:1.05;margin:0 0 14px}.hero p{font-size:18px;color:var(--muted);margin:0 0 24px}.hero-card{background:#fff;padding:24px;border-radius:var(--radius);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--primary);color:#fff;padding:12px 18px;border-radius:12px;font-weight:700;cursor:pointer}.btn:hover{background:var(--primary-dark)}.btn.secondary{background:#fff;color:var(--primary);border:1px solid var(--line)}.btn.danger{background:var(--danger)}.section{padding:34px 0}.toolbar{display:grid;grid-template-columns:1fr 160px 160px auto;gap:12px;margin:24px 0}.input,.select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;background:#fff}textarea{min-height:110px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 12px rgba(16,24,40,.04)}.product img{width:100%;height:210px;object-fit:cover;background:#e5e7eb}.product-body{padding:16px}.badge{display:inline-block;background:#ecfdf3;color:#027a48;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.price{font-size:21px;font-weight:800;margin:10px 0}.muted{color:var(--muted)}.detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}.detail img{width:100%;border-radius:var(--radius);background:#e5e7eb}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid .full{grid-column:1/-1}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.table th,.table td{padding:13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{background:#f9fafb}.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#111827;color:#fff;padding:24px}.sidebar a{display:block;padding:11px 12px;border-radius:10px;color:#d1d5db}.sidebar a:hover,.sidebar a.active{background:#1f2937;color:#fff}.admin-main{padding:28px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}.site-footer{margin-top:40px;background:#101828;color:#fff;padding:30px 0}.footer-grid{display:flex;justify-content:space-between;gap:20px}.alert{padding:12px 14px;border-radius:12px;margin-bottom:16px}.alert.ok{background:#ecfdf3;color:#027a48}.alert.err{background:#fef3f2;color:#b42318}@media(max-width:900px){.hero-grid,.detail,.admin-layout{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.toolbar,.form-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.sidebar{position:static}.footer-grid{display:block}}@media(max-width:560px){.grid{grid-template-columns:1fr}.hero h1{font-size:36px}.nav{height:auto;padding:16px 0;display:block}.nav nav{margin-top:12px;flex-wrap:wrap}}
.narrow{width:min(560px,92vw)}.form-stack{display:grid;gap:16px}.link{color:var(--primary);font-weight:700}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.seller-box{border:1px solid var(--line);background:#f9fafb;border-radius:14px;padding:14px;margin:16px 0}.stats{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.page-head{display:block}.stats{grid-template-columns:1fr}}

/* Auth pages */
.auth-section{min-height:calc(100vh - 72px);padding:54px 0;background:radial-gradient(circle at top left,rgba(15,118,110,.18),transparent 34%),linear-gradient(135deg,#f0fdfa 0%,#f8fafc 48%,#eef2ff 100%)}
.auth-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.auth-visual{padding:34px 10px 34px 0}
.auth-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--primary);border:1px solid rgba(15,118,110,.18);box-shadow:0 8px 24px rgba(16,24,40,.06);border-radius:999px;padding:8px 14px;font-weight:800;font-size:13px;margin-bottom:18px}
.auth-visual h1{font-size:48px;line-height:1.04;letter-spacing:-1.4px;margin:0 0 16px;color:#101828}
.auth-visual p{font-size:18px;line-height:1.7;color:var(--muted);margin:0;max-width:650px}
.auth-points{display:grid;gap:13px;margin-top:28px;max-width:600px}
.auth-points div{position:relative;background:rgba(255,255,255,.78);border:1px solid rgba(228,231,236,.9);border-radius:18px;padding:16px 18px 16px 48px;box-shadow:0 10px 28px rgba(16,24,40,.06);backdrop-filter:blur(10px)}
.auth-points div:before{content:'✓';position:absolute;left:17px;top:17px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#d1fae5;color:#047857;font-weight:900;font-size:13px}
.auth-points strong{display:block;margin-bottom:4px;color:#101828}
.auth-points span{display:block;color:var(--muted);font-size:14px;line-height:1.55}
.auth-card{background:rgba(255,255,255,.94);border:1px solid rgba(228,231,236,.95);border-radius:28px;box-shadow:0 28px 70px rgba(16,24,40,.14);padding:30px;backdrop-filter:blur(12px)}
.auth-card-head{display:flex;gap:14px;align-items:center;margin-bottom:24px}
.auth-card-head h2{font-size:28px;margin:0 0 4px;letter-spacing:-.5px}.auth-card-head p{margin:0;color:var(--muted)}
.auth-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#ccfbf1,#e0e7ff);font-size:25px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)}
.auth-form{display:grid;gap:16px}.auth-form label{font-weight:800;color:#344054;font-size:14px}.auth-input{margin-top:8px;padding:14px 15px;border-radius:14px;background:#fbfcfe;transition:border-color .2s,box-shadow .2s,background .2s}.auth-input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px rgba(15,118,110,.12)}
.auth-btn{width:100%;padding:14px 18px;border-radius:14px;margin-top:4px;font-size:16px;box-shadow:0 12px 26px rgba(15,118,110,.22)}
.auth-switch{margin-top:20px;text-align:center;background:#f9fafb;border:1px solid var(--line);border-radius:16px;padding:13px;color:var(--muted)}
.auth-note{margin:16px 0 0;color:var(--muted);font-size:13px;line-height:1.55;text-align:center}.auth-wrap-register{align-items:start}
@media(max-width:900px){.auth-section{padding:34px 0}.auth-wrap{grid-template-columns:1fr}.auth-visual{padding:8px 0}.auth-visual h1{font-size:38px}.auth-card{padding:24px;border-radius:24px}}
@media(max-width:560px){.auth-visual h1{font-size:32px}.auth-visual p{font-size:16px}.auth-card-head h2{font-size:24px}.auth-card{padding:20px}.auth-points div{padding-right:14px}}

/* V3 polished navigation */
.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#0f766e,#2563eb);color:#fff;font-size:13px;font-weight:900;letter-spacing:-.4px}.top-nav{align-items:center}.nav-account{background:#f2f4f7;color:#344054;border:1px solid var(--line);border-radius:999px;padding:9px 14px}.nav-cta{padding:10px 16px;border-radius:999px;color:#fff!important}

/* V3 auth upgrade */
.auth-section-pro{padding:44px 0 58px;min-height:calc(100vh - 72px);background:radial-gradient(circle at 8% 10%,rgba(15,118,110,.20),transparent 28%),radial-gradient(circle at 92% 16%,rgba(37,99,235,.16),transparent 32%),linear-gradient(135deg,#f8fafc 0%,#ecfeff 50%,#eef2ff 100%)}
.auth-shell{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center}.register-shell{align-items:start}.auth-hero-panel{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.7);background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.42));box-shadow:0 28px 80px rgba(16,24,40,.12);border-radius:32px;padding:36px;min-height:610px}.auth-hero-panel:after{content:'';position:absolute;right:-90px;bottom:-110px;width:310px;height:310px;border-radius:50%;background:rgba(15,118,110,.13)}.auth-logo-row{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px;color:#344054;font-weight:800;box-shadow:0 8px 26px rgba(16,24,40,.06)}.auth-logo{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ecfdf3}.auth-hero-panel h1{font-size:50px;line-height:1.02;letter-spacing:-1.7px;margin:24px 0 16px;color:#101828;max-width:720px}.auth-hero-panel p{font-size:18px;line-height:1.75;color:var(--muted);max-width:680px}.auth-card-pro{border-radius:32px;padding:34px;box-shadow:0 34px 90px rgba(16,24,40,.16)}.auth-card-head.center{justify-content:center;text-align:left}.auth-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.auth-mini-grid div{border:1px solid var(--line);border-radius:16px;background:#f9fafb;padding:13px}.auth-mini-grid strong{display:block;font-size:13px;color:#101828}.auth-mini-grid span{display:block;margin-top:3px;font-size:12px;color:var(--muted)}.auth-points.compact{position:relative;z-index:1;margin-top:24px}.auth-mockup{position:relative;height:230px;margin-top:24px;z-index:1}.mock-phone{position:absolute;left:24px;top:4px;width:128px;height:214px;border-radius:28px;background:linear-gradient(160deg,#111827,#344054);box-shadow:0 26px 50px rgba(16,24,40,.25)}.mock-phone:before{content:'';position:absolute;left:18px;right:18px;top:20px;height:52px;border-radius:16px;background:linear-gradient(135deg,#ccfbf1,#dbeafe)}.mock-phone:after{content:'';position:absolute;left:18px;right:18px;bottom:25px;height:90px;border-radius:16px;background:rgba(255,255,255,.14)}.mock-card{position:absolute;left:128px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 18px;box-shadow:0 18px 40px rgba(16,24,40,.12);min-width:210px}.mock-card.one{top:38px}.mock-card.two{top:126px;left:184px}.mock-card strong,.mock-card span{display:block}.mock-card span{margin-top:5px;color:var(--muted);font-size:13px}

/* V3 logged-in dashboards */
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;background:#ecfdf3;border:1px solid rgba(15,118,110,.15);border-radius:999px;padding:7px 11px}.member-hero{padding:42px 0;background:linear-gradient(135deg,#0f766e,#1d4ed8);color:#fff}.member-hero-grid{display:grid;grid-template-columns:1fr 330px;gap:28px;align-items:center}.member-hero .eyebrow{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.22);color:#fff}.member-hero h1{font-size:44px;margin:16px 0 10px;letter-spacing:-1px}.member-hero p{font-size:17px;line-height:1.7;color:rgba(255,255,255,.82);max-width:740px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.profile-card{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.20);border-radius:26px;padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.16);backdrop-filter:blur(12px)}.profile-card h3{margin:14px 0 4px}.profile-card p{margin:0 0 8px;font-size:14px}.avatar{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:#fff;color:var(--primary);font-weight:900;font-size:26px;box-shadow:0 14px 30px rgba(16,24,40,.16)}.avatar.small{width:42px;height:42px;border-radius:14px;font-size:17px}.dashboard-stats{margin-bottom:18px}.dashboard-stats .stat{position:relative;overflow:hidden;box-shadow:0 12px 30px rgba(16,24,40,.06)}.dashboard-stats .stat:after{content:'';position:absolute;right:-32px;top:-32px;width:95px;height:95px;border-radius:50%;background:rgba(15,118,110,.09)}.dashboard-stats .stat span{font-weight:900;color:#344054}.dashboard-stats .stat h2{font-size:34px;margin:8px 0 4px}.dashboard-stats .stat p{margin:0}.dashboard-panel{padding:24px}.responsive-table{width:100%;overflow:auto}.empty-state{text-align:center;padding:46px 18px}.empty-state div{font-size:44px}.empty-state h3{font-size:24px;margin:10px 0 6px}.status-published{background:#ecfdf3;color:#027a48}.status-pending{background:#fffaeb;color:#b54708}.status-draft{background:#f2f4f7;color:#344054}.danger-text{color:var(--danger)}

/* V3 admin dashboard */
.admin-layout-pro{grid-template-columns:280px 1fr;background:#f8fafc}.sidebar-pro{background:linear-gradient(180deg,#0f172a,#111827);padding:24px;border-right:1px solid rgba(255,255,255,.06)}.admin-brand{display:flex!important;align-items:center;gap:10px;padding:0!important;margin-bottom:22px;color:#fff!important;font-size:22px;font-weight:900}.admin-user-card{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);border-radius:20px;padding:14px;margin-bottom:20px}.admin-user-card strong,.admin-user-card span{display:block}.admin-user-card span{font-size:12px;color:#cbd5e1;margin-top:3px}.sidebar-pro a:not(.admin-brand){margin-bottom:6px;border:1px solid transparent}.sidebar-pro a:not(.admin-brand):hover{border-color:rgba(255,255,255,.10)}.admin-main-pro{padding:28px 34px}.admin-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.admin-topbar h1{font-size:34px;margin:10px 0 0;letter-spacing:-.8px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.action-card{display:block;transition:transform .18s,box-shadow .18s}.action-card:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(16,24,40,.10)}.action-card strong{display:block;font-size:18px;margin-bottom:8px}.action-card span{display:block;color:var(--muted);line-height:1.55}

@media(max-width:980px){.auth-shell,.member-hero-grid{grid-template-columns:1fr}.auth-hero-panel{min-height:auto}.auth-hero-panel h1{font-size:40px}.auth-mockup{display:none}.quick-actions{grid-template-columns:1fr}.admin-main-pro{padding:22px}.admin-topbar{display:block}}
@media(max-width:720px){.auth-hero-panel,.auth-card-pro{border-radius:24px;padding:24px}.auth-hero-panel h1{font-size:33px}.auth-mini-grid{grid-template-columns:1fr}.member-hero h1{font-size:34px}.nav-cta{margin-top:8px}.admin-layout-pro{grid-template-columns:1fr}.sidebar-pro{position:static}.admin-brand{margin-bottom:12px}}