/* Modern flat / material-inspired stylesheet (no Bootstrap core overrides) */
:root{
  --bg: #eaf4ff;
  --surface: #ffffff;
  --muted-surface: #f0f3f8;
  --primary: #0066ff;
  --primary-600: #0052cc;
  --accent: #ff6b6b;
  --success: #10b981;
  --danger: #ef4444;
  --text: #0f1724;
  --muted: #6b7280;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 3px rgba(2,6,23,0.06);
  --shadow-md: 0 6px 20px rgba(2,6,23,0.08);
  --shadow-lg: 0 18px 50px rgba(2,6,23,0.10);
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fs-base: 14px;
  --font-sans: Inter, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--font-sans);
  font-size:var(--fs-base);
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}

/* Custom theme helpers */
.shadow-soft{box-shadow:0 10px 24px rgba(2,6,23,0.09)!important}
.shadow-inset{box-shadow:inset 0 1px 0 rgba(255,255,255,0.08), inset 0 0 0 1px rgba(255,255,255,0.05), inset 0 6px 16px rgba(2,6,23,0.06)!important}

.btn-pill{border-radius:50rem!important}
.btn-icon-only{display:inline-flex;align-items:center;justify-content:center;padding:.75rem;min-width:2.5rem;min-height:2.5rem;border-radius:50%;font-size:0.95rem}
.btn-icon-only i,.btn-icon-only span{margin:0}

.modern-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid rgba(2,6,23,0.04)}

.modern-form-control{border-radius:0.5rem;border:1px solid rgba(2,6,23,0.08);box-shadow:none}
.modern-form-control:focus{border-color:var(--primary-600);box-shadow:0 6px 18px rgba(0,102,255,0.08);outline:none}

.text-muted{color:var(--muted)!important}
.center{display:flex;align-items:center;justify-content:center}

/* Accessibility */
:focus{outline:none}
:focus-visible{outline:3px solid rgba(0,102,255,0.14);outline-offset:2px}

/* Dark mode support */
@media (prefers-color-scheme:dark){
  :root{--bg:#071029;--surface:#0b1320;--muted-surface:#0c1726;--text:#e6eef8;--muted:#93a5be;--shadow-sm:0 1px 2px rgba(0,0,0,0.6)}
  body{background:var(--bg)}
  .text-muted{color:var(--muted)!important}
}