*{box-sizing:border-box}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  background:#ededed;
  color:#333;
  font-size:14px;
}
a{text-decoration:none;color:#333}

/* ===== HEADER ===== */
.header{
  background:#fff;
  border-bottom:1px solid #dcdcdc;
  height:64px;
  display:flex;
  align-items:center;
  padding:0 20px;
  gap:20px;
}
.logo{
  font-size:22px;
  font-weight:bold;
  display:flex;
  align-items:center;
  gap:8px;
}
.search{
  flex:1;
}
.search input{
  width:100%;
  max-width:520px;
  padding:8px 12px;
  border:1px solid #cfcfcf;
  border-radius:2px;
}
.header-right{
  display:flex;
  align-items:center;
  gap:20px;
  color:#555;
}

/* ===== MAIN LAYOUT ===== */
.main{
  max-width:1250px;
  margin:15px auto;
  display:flex;
  gap:15px;
}

/* ===== SIDEBAR ===== */
.sidebar{
  width:230px;
  background:#fff;
  border:1px solid #dcdcdc;
}
.sidebar h3{
  margin:0;
  padding:10px 12px;
  font-size:14px;
  background:#f7f7f7;
  border-bottom:1px solid #ddd;
}
.sidebar ul{
  list-style:none;
  padding:0;
  margin:0;
}
.sidebar li{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border-bottom:1px solid #eee;
  cursor:pointer;
}
.sidebar li:hover{background:#f2f2f2}

/* icon tròn */
.icon{
  width:22px;
  height:22px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:12px;
}
.vk{background:#4c75a3}
.fb{background:#3b5998}
.gg{background:#db4437}
.ig{background:#e1306c}
.tw{background:#1da1f2}

/* ===== CONTENT ===== */
.content{
  flex:1;
  background:#fff;
  border:1px solid #dcdcdc;
}

.table-head{
  padding:10px;
  border-bottom:1px solid #ddd;
  display:flex;
  justify-content:space-between;
  font-size:13px;
  color:#666;
}

table{
  width:100%;
  border-collapse:collapse;
}
th,td{
  padding:10px;
  border-bottom:1px solid #eee;
  vertical-align:middle;
}
th{
  background:#fafafa;
  font-weight:normal;
  color:#666;
}
tr.highlight{
  background:#ffe6e6;
}

/* tên sản phẩm + icon */
.p-title{
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.p-title b{font-weight:normal}

/* BUY BUTTON */
.buy-btn{
  background:#d9534f;
  border:none;
  color:#fff;
  padding:6px 14px;
  border-radius:3px;
  cursor:pointer;
  font-size:13px;
}
.buy-btn:hover{background:#c9302c}