@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --smdev-primary: #0f172a;
  --smdev-accent: #1e40af;
  --smdev-surface: #ffffff;
  --smdev-muted: #64748b;
}

body .fi-simple-layout {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: radial-gradient(1200px 500px at 50% -10%, #e2e8f0 0%, #f8fafc 55%, #ffffff 100%);
}

body .fi-simple-layout .fi-simple-main {
  max-width: 460px;
}

body .fi-simple-layout .fi-simple-card {
  background: var(--smdev-surface);
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 30px 80px rgba(15, 23, 42, 0.12);
  border-radius: 24px;
}

body .fi-simple-layout .fi-simple-header {
  padding-bottom: 0.5rem;
}

body .fi-simple-layout .fi-simple-logo {
  height: 56px;
}

body .fi-btn-primary {
  background: linear-gradient(135deg, var(--smdev-primary), var(--smdev-accent));
  border: none;
}

body .fi-btn-primary:hover {
  filter: brightness(1.05);
}

body .fi-input-wrp,
body .fi-select-input,
body .fi-text-input {
  border-radius: 14px;
}

body .fi-section-content {
  border-radius: 20px;
}

body .fi-topbar,
body .fi-sidebar {
  background: #0f172a;
}

body .fi-sidebar .fi-sidebar-item a,
body .fi-topbar .fi-topbar-item {
  color: #e2e8f0;
}

body .fi-sidebar .fi-sidebar-item a:hover {
  background: rgba(148, 163, 184, 0.15);
}