:root {
  --otww-primary: #ff611d;
  --otww-dark: #212529;
}

body {
  font-family: 'Tinkoff Sans', 'Inter', system-ui, -apple-system, sans-serif;
  color: var(--otww-dark);
}

.page-hero {
  background: linear-gradient(135deg, rgba(255,97,29,0.12), rgba(33,37,41,0.05)), url('/assets/img/hero-bg.jpg');
  background-size: cover;
  border-radius: 32px;
  padding: 48px 32px;
  color: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

.page-hero .title {
  font-weight: 800;
  letter-spacing: -0.5px;
}

.ghost {
  background: rgba(255,255,255,0.9);
  border: 1px solid rgba(255,255,255,0.6);
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  backdrop-filter: blur(6px);
}

.hero {
  background: linear-gradient(135deg, rgba(255,97,29,0.12), rgba(33,37,41,0.05)), url('/assets/img/hero-bg.jpg');
  background-size: cover;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}

.btn-primary {
  background-color: var(--otww-primary);
  border-color: var(--otww-primary);
}

.btn-primary:hover {
  background-color: #e3561b;
  border-color: #e3561b;
}

.badge-orange { background: var(--otww-primary); }
.section-title { color: var(--otww-dark); font-weight: 800; }
.card-ghost { border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-radius: 20px; }
.nav-pills .nav-link.active { background: var(--otww-primary); }

/* Dashboard */
.dashboard-shell { min-height: 100vh; background: #f8f9fb; }
#client-tabs .nav-link { color: var(--otww-dark); }
#client-tabs .nav-link.active { color: #fff; }

/* Admin */
.sidebar { width: 240px; background: #111315; color: #fff; }
.sidebar a { color: #ced4da; text-decoration: none; display: block; padding: 10px 16px; }
.sidebar a.active, .sidebar a:hover { background: rgba(255,97,29,0.15); color: #fff; }

.table-actions button { margin-right: 6px; }

/* PWA offline */
.offline-banner { background: #212529; color: #fff; padding: 8px 14px; display: none; }