* { box-sizing: border-box; }
body { font-family: -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 0; background: #f5f6f8; color: #1c1e21; }
.app-shell { display: flex; min-height: 100vh; }
.sidebar { width: 220px; flex-shrink: 0; background: #1c1e21; color: #fff; display: flex; flex-direction: column; padding: 20px 16px; }
.sidebar-brand { font-weight: 700; font-size: 16px; margin-bottom: 24px; }
.sidebar nav { display: flex; flex-direction: column; gap: 4px; flex: 1; }
.sidebar nav a { color: #e4e6eb; text-decoration: none; padding: 10px 12px; border-radius: 6px; font-size: 14px; }
.sidebar nav a:hover { background: #33353a; }
.sidebar-footer { border-top: 1px solid #33353a; padding-top: 16px; margin-top: 16px; }
.sidebar-email { font-size: 12px; color: #b0b3b8; margin-bottom: 10px; word-break: break-all; }
.main { flex: 1; min-width: 0; }
.container { max-width: 1100px; margin: 24px auto; padding: 0 16px; }
.card { background: #fff; border-radius: 8px; padding: 20px; box-shadow: 0 1px 3px rgba(0,0,0,.1); margin-bottom: 16px; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: 10px; border-bottom: 1px solid #eee; font-size: 14px; }
input[type=text], input[type=email], input[type=password], input[type=url], textarea, select {
  width: 100%; padding: 10px; border: 1px solid #ccd0d5; border-radius: 6px; margin-bottom: 12px; font-size: 14px;
}
label { font-weight: 600; font-size: 13px; display: block; margin-bottom: 4px; }
.btn { display: inline-block; background: #1877f2; color: #fff; border: none; padding: 10px 18px; border-radius: 6px; cursor: pointer; text-decoration: none; font-size: 14px; }
.btn.secondary { background: #e4e6eb; color: #1c1e21; }
.btn.danger { background: #fa383e; }
.error { color: #d93025; margin-bottom: 12px; }
.row-actions a, .row-actions button { margin-right: 8px; font-size: 13px; }
.badge { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 12px; background: #e4e6eb; }
.badge.on { background: #d4edda; color: #155724; }