:root {
  --cw-bg: #f3f6fb;
  --cw-panel: #ffffff;
  --cw-primary: #0f4c81;
  --cw-primary-dark: #093357;
  --cw-border: #d8e0ea;
}

body {
  background: radial-gradient(circle at 20% 0%, #ffffff 0%, #eef3fa 55%, #e7eef7 100%);
  min-height: 100vh;
}

.cw-shell {
  max-width: 1140px;
}

.cw-card {
  border: 1px solid var(--cw-border);
  background-color: var(--cw-panel);
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(15, 76, 129, 0.06);
}

.cw-brand {
  color: var(--cw-primary);
  font-weight: 700;
}

.cw-mobile-shell {
  max-width: 680px;
}

.cw-stat {
  border-radius: 12px;
  border: 1px solid #dce5f0;
  background: linear-gradient(180deg, #ffffff 0%, #f7fafe 100%);
}

.table td,
.table th {
  vertical-align: middle;
}

.readonly-field {
  background-color: #eceff3;
}

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

.btn-primary:hover {
  background-color: var(--cw-primary-dark);
  border-color: var(--cw-primary-dark);
}