/*
 *= require_self
 */
/* Shared base styles. Layout-specific styles are in public.css and dashboard.css. */
:root { --brand: #3159d9; --brand-dark: #2445b3; --ink: #17213a; --muted: #6f7890; --line: #e7eaf2; }
* { box-sizing: border-box; }
body { margin: 0; font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: var(--ink); background: #f7f8fc; }
h1,h2,h3,h4,h5 { font-family: 'Manrope', 'DM Sans', sans-serif; letter-spacing: -.035em; }
a { color: var(--brand); }
.btn-primary { --bs-btn-bg: var(--brand); --bs-btn-border-color: var(--brand); --bs-btn-hover-bg: var(--brand-dark); --bs-btn-hover-border-color: var(--brand-dark); box-shadow: 0 6px 16px rgba(49,89,217,.13); }
.form-control,.form-select { border-color: #dfe4ef; border-radius: 10px; min-height: 44px; }
.form-control:focus,.form-select:focus { border-color: #8ca3f5; box-shadow: 0 0 0 .2rem rgba(49,89,217,.1); }
.form-label { font-weight: 600; font-size: .9rem; }
.flash-wrap { position: relative; z-index: 20; padding-top: 12px; }