*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;color:#1f2937}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 16px}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:5}.topbar-inner{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:16px}.logo{font-size:28px;font-weight:800;color:#ff7a00}.logo span{color:#111827}.logo-wrap{display:flex;align-items:center;gap:24px}.menu-toggle{display:none;border:0;background:none;padding:0;margin:0;width:42px;height:42px;cursor:pointer;align-items:center;justify-content:center;display:flex}.menu-toggle span,.menu-toggle span::before,.menu-toggle span::after{display:block;width:22px;height:2px;background:#111827;border-radius:2px;position:relative}.menu-toggle span::before{content:'';position:absolute;top:-7px;left:0}.menu-toggle span::after{content:'';position:absolute;top:7px;left:0}.nav-panel{display:flex;align-items:center;gap:18px}.top-nav{display:flex;gap:18px;flex-wrap:wrap}.top-nav a,.auth-links a{color:#374151}.auth-links{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:10px;background:#111827;color:#fff;font-weight:700;border:none;cursor:pointer}.btn-outline{background:#fff;border:1px solid #111827;color:#111827}.btn-search{background:#ff7a00}.hero{background:linear-gradient(180deg,#fff,#f7f7f7);padding:26px 0 18px}.hero-inner{display:grid;grid-template-columns:2fr 1fr;gap:20px}.card{background:#fff;border-radius:18px;box-shadow:0 8px 20px rgba(15,23,42,.06);padding:18px}.hero h1{font-size:34px;margin:8px 0 12px}.breadcrumb{font-size:14px;color:#6b7280}.search-panel{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;background:#fff;border:1px solid #e5e7eb;padding:14px;border-radius:18px}.search-panel input,.search-panel select,input,select,textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:12px;font-size:15px}textarea{resize:vertical}.filter-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.filter-tags a{background:#fff3e8;color:#ff7a00;padding:10px 12px;border-radius:999px;font-weight:700}.mini-stats{padding-left:18px;line-height:1.9}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;padding:24px 16px}.section-head,.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.listing-card{display:grid;grid-template-columns:280px 1fr;gap:16px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 20px rgba(15,23,42,.06);margin-bottom:18px}.listing-card img,.product-card img,.detail-cover,.shop-mini-item img{width:100%;height:100%;object-fit:cover}.listing-card>img{height:220px}.listing-body{padding:16px}.badge-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.vip{background:#fff3e8;color:#ff7a00}.muted{background:#eff6ff;color:#2563eb}.meta-line,.bottom-line{display:flex;gap:16px;flex-wrap:wrap;color:#4b5563;margin:10px 0}.sidebar-box{margin-bottom:18px}.sidebar-box.accent{background:linear-gradient(180deg,#fff7ed,#ffffff)}.shop-mini-item{display:grid;grid-template-columns:64px 1fr;gap:12px;margin-bottom:12px;align-items:center}.shop-mini-item img{height:64px;border-radius:12px}.footer{background:#111827;color:#fff;padding:34px 0;margin-top:34px}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.alert{padding:14px 16px;border-radius:14px;margin-top:12px}.alert.success{background:#dcfce7;color:#166534}.alert.danger{background:#fee2e2;color:#991b1b}.auth-wrap{padding:44px 16px}.auth-card{max-width:520px;margin:0 auto}.hint{color:#6b7280}.dashboard{padding:24px 16px}.dash-layout{display:grid;grid-template-columns:280px 1fr;gap:20px}.dash-sidebar{height:max-content;position:sticky;top:86px}.dash-sidebar a{display:block;padding:12px 14px;border-radius:12px;margin-bottom:8px;color:#374151}.dash-sidebar a.active,.dash-sidebar a:hover{background:#fff3e8;color:#ff7a00;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stat-card strong{font-size:24px;color:#ff7a00}.table-card{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}th{background:#f9fafb}.form-grid,.split-2,.product-grid{display:grid;gap:16px}.form-grid{grid-template-columns:repeat(2,1fr)}.split-2{grid-template-columns:1fr 1fr}.form-group{margin-bottom:14px}.product-grid{grid-template-columns:repeat(3,1fr)}.product-card img{height:180px;border-radius:14px;margin-bottom:12px}.wallet-pill{background:#fff3e8;color:#ff7a00;padding:10px 14px;border-radius:999px;font-weight:700}.detail-wrap{padding:28px 16px}.price-big{font-size:28px;color:#ff7a00;font-weight:800}.detail-cover{height:420px;border-radius:18px}.detail-content{padding-top:16px}@media (max-width: 992px){.hero-inner,.content-grid,.dash-layout,.split-2,.product-grid,.stats-grid,.footer-grid{grid-template-columns:1fr}.listing-card{grid-template-columns:1fr}.listing-card>img{height:220px}.search-panel{grid-template-columns:1fr;display:grid}.topbar-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.logo-wrap{gap:16px}.top-nav,.auth-links{justify-content:flex-start}}

@media (max-width: 768px){.topbar-inner{position:relative}.menu-toggle{display:flex}.nav-panel{position:absolute;top:100%;right:16px;left:16px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.16);padding:18px;flex-direction:column;gap:12px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease,visibility .25s;z-index:20}.nav-panel.open{opacity:1;visibility:visible;transform:translateY(0)}.top-nav{flex-direction:column;gap:10px}.auth-links{flex-direction:column;align-items:flex-start;gap:10px}.top-nav a,.auth-links a{width:100%;padding:12px 16px;border-radius:12px;display:inline-flex}.top-nav a:hover,.auth-links a:hover{background:#f9fafb}.auth-links a.btn{width:auto}.topbar-inner .logo{font-size:24px}.logo-wrap{gap:16px}.topbar-inner{padding-bottom:8px}.top-nav{border-bottom:0}.auth-links{margin-top:8px}.search-panel{position:fixed;top:72px;left:16px;right:16px;z-index:14;background:#fff;padding:14px;border-radius:18px;box-shadow:0 16px 44px rgba(15,23,42,.08);}.hero{padding-top:130px;}}