/* ERM Risk Management Platform — app.css */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --navy: #0F2D5A; --navy2: #1A5276; --teal: #148F77; --teal2: #1ABC9C;
  --red: #C0392B; --orange: #E67E22; --gold: #D4AC0D; --purple: #6C3483;
  --muted: #717D7E; --border: #AED6F1; --surface: #F8FAFD; --bg: #F0F4FA;
  --crit: #C0392B; --critBg: #FDEDEC; --high: #E67E22; --highBg: #FEF0E7;
  --med: #D4AC0D; --medBg: #FDFBE4; --low: #148F77; --lowBg: #E8F8F5;
}
body { font-family:'Inter',Arial,sans-serif; background:var(--bg); color:#1C2833; font-size:15px; line-height:1.5; -webkit-font-smoothing:antialiased; }
::-webkit-scrollbar { width:6px; height:6px; }
::-webkit-scrollbar-track { background:#f1f1f1; }
::-webkit-scrollbar-thumb { background:#AED6F1; border-radius:3px; }
::-webkit-scrollbar-thumb:hover { background:#1A5276; }
:focus-visible { outline:3px solid rgba(26,82,118,.4); outline-offset:2px; border-radius:4px; }
.mono { font-family:'DM Mono','Courier New',monospace; }
@keyframes spin    { to { transform:rotate(360deg); } }
@keyframes fadeIn  { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@keyframes slideUp { from { transform:translateY(20px); opacity:0; } to { transform:translateY(0); opacity:1; } }