*{box-sizing:border-box} .cog-b2b-wrap{min-height:100vh;background:#f8fafc;padding:20px;font-family:Segoe UI,Arial,sans-serif} .cog-b2b-shell{display:grid;grid-template-columns:260px 1fr;gap:20px;max-width:1400px;margin:0 auto} .cog-b2b-sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff;border-radius:20px;padding:20px;position:sticky;top:20px;height:fit-content} .cog-b2b-brand{font-size:22px;font-weight:800;margin-bottom:18px} .cog-b2b-nav{display:grid;gap:8px} .cog-b2b-nav a{display:block;padding:12px 14px;border-radius:12px;color:#cbd5e1;text-decoration:none;font-weight:600;background:rgba(255,255,255,.04)} .cog-b2b-nav a.active,.cog-b2b-nav a:hover{background:#2563eb;color:#fff} .cog-b2b-main{display:grid;gap:18px} .cog-b2b-card{background:#fff;border-radius:20px;padding:18px;box-shadow:0 10px 30px rgba(15,23,42,.08)} .cog-b2b-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap} .cog-b2b-title{margin:0;font-size:28px;color:#0f172a} .cog-b2b-sub{margin:6px 0 0;color:#64748b} .cog-b2b-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .cog-stat{padding:18px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#ffffff);border:1px solid #dbeafe} .cog-stat strong{display:block;font-size:30px;color:#1d4ed8} .cog-stat span{color:#475569;font-weight:600} .cog-b2b-section{display:grid;gap:14px} .cog-b2b-toolbar{display:flex;gap:10px;flex-wrap:wrap} .cog-b2b-toolbar input,.cog-b2b-toolbar select,.cog-b2b-toolbar textarea,.cog-b2b-toolbar button,.cog-b2b-form input,.cog-b2b-form textarea,.cog-b2b-form select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #cbd5e1;font:inherit} .cog-b2b-toolbar button,.cog-b2b-form button{background:#111827;color:#fff;border:none;cursor:pointer;font-weight:700} .cog-b2b-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px} .cog-b2b-products,.cog-b2b-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .cog-prod,.cog-rfq,.cog-order,.cog-msg{border:1px solid #e2e8f0;border-radius:18px;padding:16px;background:#fff} .cog-prod img{width:100%;height:170px;object-fit:cover;border-radius:14px;margin-bottom:12px;background:#e2e8f0} .cog-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} .cog-badge{font-size:12px;padding:6px 10px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:700} .cog-b2b-form{display:grid;gap:12px;max-width:620px} .cog-b2b-tabs{display:flex;gap:8px;flex-wrap:wrap} .cog-b2b-tab{padding:10px 14px;border-radius:999px;background:#e2e8f0;color:#334155;font-weight:700;cursor:pointer} .cog-b2b-tab.active{background:#2563eb;color:#fff} .cog-b2b-panel{display:none}.cog-b2b-panel.active{display:block} @media (max-width: 1024px){.cog-b2b-shell{grid-template-columns:1fr}.cog-b2b-sidebar{position:relative;top:auto}.cog-b2b-grid,.cog-b2b-products,.cog-b2b-list,.cog-b2b-filters{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width: 640px){.cog-b2b-wrap{padding:12px}.cog-b2b-card{padding:14px;border-radius:16px}.cog-b2b-grid,.cog-b2b-products,.cog-b2b-list,.cog-b2b-filters{grid-template-columns:1fr}.cog-b2b-title{font-size:22px}.cog-b2b-nav{grid-template-columns:1fr 1fr}.cog-b2b-nav a{text-align:center}}
/* Upload button */
.cog-btn-primary {
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s;
}
.cog-btn-primary:hover { opacity: 0.88; }