:root {
  --viwi-bg: #0b1220;
  --viwi-surface: #111827;
  --viwi-surface-soft: #1f2937;
  --viwi-border: #243041;
  --viwi-text: #e5eef8;
  --viwi-text-soft: #9fb0c7;
  --viwi-primary: #4f8cff;
  --viwi-success: #1fbf75;
  --viwi-warning: #f2b84b;
  --viwi-danger: #e25d5d;
  --viwi-radius-lg: 18px;
  --viwi-radius-md: 12px;
  --viwi-shadow-soft: 0 12px 32px rgba(0,0,0,.18);
}
html, body.viwi-panel-shell {
  background: var(--viwi-bg);
  color: var(--viwi-text);
}
.viwi-panel-shell .card,
.viwi-panel-shell .box,
.viwi-panel-shell .panel,
.viwi-panel-shell .small-box,
.viwi-panel-shell .info-box,
.viwi-panel-shell .widget,
.viwi-panel-shell .tile,
.viwi-panel-shell .content-wrapper,
.viwi-panel-shell .content,
.viwi-panel-shell .main-content {
  border-radius: var(--viwi-radius-lg);
}
.viwi-table,
.viwi-panel-shell table {
  border-color: var(--viwi-border);
}
.viwi-table th,
.viwi-table td,
.viwi-panel-shell table th,
.viwi-panel-shell table td {
  vertical-align: middle;
}
.viwi-form-shell input,
.viwi-form-shell select,
.viwi-form-shell textarea,
.viwi-panel-shell input,
.viwi-panel-shell select,
.viwi-panel-shell textarea {
  border-radius: 10px;
}
.viwi-empty-state {
  padding: 24px;
  border: 1px dashed var(--viwi-border);
  border-radius: var(--viwi-radius-lg);
  color: var(--viwi-text-soft);
}