body { 
  font-family: 'Courier New', Courier, monospace; 
  padding: 40px 20px; 
  display: flex;
  flex-direction: column;
  align-items: center;
}

.container { width: 100%; max-width: 900px; }

.header-dashboard {
  background-color: var(--card-bg);
  border-radius: 8px;
  padding: 15px 25px;
  margin-bottom: 20px;
  border: 1px solid rgba(86, 95, 137, 0.3);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.user-profile { display: flex; align-items: center; gap: 12px; }
.user-meta { font-size: 0.85em; color: var(--dim); font-family: sans-serif; }
.uploader-name { color: var(--blue); font-weight: bold; }

.log-list {
  background-color: var(--card-bg);
  border-radius: 8px;
  border: 1px solid rgba(86, 95, 137, 0.3);
  overflow: hidden;
}

.log-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 25px;
  border-bottom: 1px solid rgba(86, 95, 137, 0.2);
  cursor: pointer;
  transition: all 0.2s ease;
}

.log-item:last-child { border-bottom: none; }
.log-item:hover { background-color: rgba(122, 162, 247, 0.08); }

.log-title { font-weight: bold; color: var(--fg); font-size: 1.1em; }
.log-date { font-size: 0.8em; color: var(--dim); margin-top: 4px; }
.log-views { color: var(--dim); font-size: 0.9em; display: flex; align-items: center; gap: 5px; }