:root {
  --aic-primary: #0078d4;
  --aic-primary-dark: #106ebe;
  --aic-accent: #00a8ff;
  --aic-success: #2fcf84;
  --aic-warning: #ffc857;
  --aic-danger: #ff708f;
  --aic-bg: #071224;
  --aic-surface: rgba(16, 31, 52, 0.82);
  --aic-surface-strong: rgba(10, 22, 39, 0.92);
  --aic-border: rgba(95, 176, 255, 0.24);
  --aic-text: #e8f3ff;
  --aic-muted: #a7bfdc;
  --aic-shadow: 0 20px 54px rgba(0, 0, 0, 0.34), 0 0 38px rgba(0, 120, 212, 0.14);
}

body {
  color: var(--aic-text) !important;
  background:
    radial-gradient(1000px 420px at -8% -10%, rgba(0, 168, 255, 0.22), transparent 58%),
    radial-gradient(860px 360px at 108% -10%, rgba(0, 120, 212, 0.2), transparent 60%),
    linear-gradient(145deg, #071224 0%, #09192f 44%, #0d2342 100%) !important;
}

h1, h2, h3, h4, label, strong {
  color: #f2f8ff !important;
}

a {
  color: #cfe8ff !important;
}

.header,
.section,
.intent-card,
.prompt-card,
.agent-section,
.status-bar,
.module-card,
.add-intent-form,
.transfer-rules,
.status-item,
.message,
table,
.modal-content,
.card {
  background: linear-gradient(145deg, var(--aic-surface), var(--aic-surface-strong)) !important;
  border: 1px solid var(--aic-border) !important;
  color: var(--aic-text) !important;
  box-shadow: var(--aic-shadow) !important;
  backdrop-filter: blur(12px);
}

th {
  background: rgba(0, 120, 212, 0.2) !important;
  color: #f3f9ff !important;
}

td {
  border-color: rgba(95, 176, 255, 0.2) !important;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
textarea,
select {
  background: rgba(3, 12, 24, 0.5) !important;
  color: #ecf5ff !important;
  border: 1px solid rgba(108, 183, 255, 0.34) !important;
  border-radius: 10px !important;
}

input::placeholder,
textarea::placeholder {
  color: #8ea8c9 !important;
}

input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  border-color: rgba(141, 203, 255, 0.8) !important;
  box-shadow: 0 0 0 3px rgba(0, 120, 212, 0.24) !important;
}

button,
.btn,
.add-btn,
.save-btn {
  background: linear-gradient(135deg, var(--aic-primary), var(--aic-accent)) !important;
  color: #fff !important;
  border: 1px solid rgba(136, 204, 255, 0.4) !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 22px rgba(0, 120, 212, 0.3);
  transition: 180ms ease !important;
}

button:hover,
.btn:hover,
.add-btn:hover,
.save-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 24px rgba(0, 120, 212, 0.42) !important;
}

.btn-danger,
.delete-btn {
  background: linear-gradient(135deg, #d24563, var(--aic-danger)) !important;
  border-color: rgba(255, 167, 184, 0.35) !important;
}

.btn-success {
  background: linear-gradient(135deg, #16ad6f, var(--aic-success)) !important;
}

.btn-secondary {
  background: rgba(0, 120, 212, 0.1) !important;
  border-color: var(--aic-border) !important;
}

.badge,
.trigger-tag {
  background: linear-gradient(135deg, var(--aic-primary), var(--aic-accent)) !important;
  color: #fff !important;
}

.status-label,
.module-description,
.intent-name,
.prompt-label,
.user-info {
  color: var(--aic-muted) !important;
}

.success,
.status.success {
  color: #ccffe6 !important;
  background: rgba(47, 207, 132, 0.16) !important;
  border-color: rgba(47, 207, 132, 0.35) !important;
}

.error,
.status.error {
  color: #ffe0e7 !important;
  background: rgba(255, 112, 143, 0.16) !important;
  border-color: rgba(255, 112, 143, 0.36) !important;
}