:root {
  --pp-bg: #0b1120;
  --pp-surface: #111827;
  --pp-surface-2: #1a2236;
  --pp-border: #1e3a5f;
  --pp-text: #e2eaf5;
  --pp-muted: #6b8cba;
  --pp-accent: #f97316;
}

* { box-sizing: border-box; }

body {
  background: var(--pp-bg);
  color: var(--pp-text);
  font-family: 'Inter', system-ui, sans-serif;
  min-height: 100vh;
}

.pp-navbar {
  background: var(--pp-surface);
  border-bottom: 1px solid var(--pp-border);
  padding: .65rem 0;
}

.pp-navbar .navbar-brand {
  color: var(--pp-text);
  font-weight: 700;
  font-size: 1.1rem;
  letter-spacing: -.01em;
}

.pp-navbar .navbar-brand:hover { color: var(--pp-accent); }

.pp-card {
  background: var(--pp-surface);
  border: 1px solid var(--pp-border);
  border-radius: 10px;
}

.pp-table {
  color: var(--pp-text);
  border-collapse: separate;
  border-spacing: 0;
}

.pp-table thead th {
  background: var(--pp-surface-2);
  color: var(--pp-muted);
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: .07em;
  border-bottom: 1px solid var(--pp-border);
  padding: .75rem 1rem;
  white-space: nowrap;
}

.pp-table tbody td {
  padding: .85rem 1rem;
  border-bottom: 1px solid var(--pp-border);
  vertical-align: middle;
}

.pp-table tbody tr:last-child td { border-bottom: none; }

.pp-table tbody tr:hover td { background: var(--pp-surface-2); }

.pp-badge {
  background: var(--pp-surface-2);
  color: var(--pp-muted);
  border: 1px solid var(--pp-border);
  font-weight: 500;
  font-size: .75rem;
  padding: .25rem .6rem;
  border-radius: 100px;
}

.text-accent { color: var(--pp-accent) !important; }

.btn-accent {
  background: var(--pp-accent);
  color: #fff;
  border: none;
  font-weight: 600;
}

.btn-accent:hover { background: #ea6c0e; color: #fff; }

.form-control, .form-select, .input-group-text {
  background: var(--pp-surface-2) !important;
  border: 1px solid var(--pp-border) !important;
  color: var(--pp-text) !important;
  border-radius: 7px;
}

.form-control:focus, .form-select:focus {
  border-color: var(--pp-accent) !important;
  box-shadow: 0 0 0 3px rgba(249,115,22,.2) !important;
}

.form-control::placeholder { color: var(--pp-muted) !important; }

.form-label {
  color: var(--pp-muted);
  font-size: .8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: .35rem;
}

h5 { color: var(--pp-text); }

.text-muted { color: var(--pp-muted) !important; }