:root {
  --ok-deep-blue: #0F172A;
  --ok-tech-blue: #2563EB;
  --ok-cloud-cyan: #06B6D4;
  --ok-alert-orange: #F59E0B;
  --ok-bg: #F8FAFC;
  --ok-text: #1E293B;
  --ok-muted: #64748B;
}

body {
  background: var(--ok-bg);
  color: var(--ok-text);
  font-family: Inter, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ok-card {
  background: #fff;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 18px;
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.05);
}

.ok-gradient {
  background: radial-gradient(circle at top left, rgba(6,182,212,.24), transparent 35%), linear-gradient(135deg, #0F172A 0%, #111827 42%, #172554 100%);
}

.ok-sidebar-link {
  display: flex;
  align-items: center;
  gap: .75rem;
  border-radius: .75rem;
  padding: .75rem .9rem;
  color: #CBD5E1;
  transition: .16s ease;
}

.ok-sidebar-link:hover,
.ok-sidebar-link.active {
  background: rgba(37, 99, 235, .16);
  color: #fff;
}

.ok-focus:focus {
  outline: 3px solid rgba(37, 99, 235, .24);
  outline-offset: 2px;
}

@media (max-width: 1023px) {
  .sidebar-mobile-hidden { transform: translateX(-100%); }
  .sidebar-mobile-open { transform: translateX(0); }
}