/* Corporate / university style */
:root {
  --bg: #f5f5f0;
  --card-bg: #fff;
  --text: #1a1a1a;
  --primary: #2c5282;
  --border: #e2e8f0;
}

* { box-sizing: border-box; }
body { font-family: 'Segoe UI', system-ui, sans-serif; background: var(--bg); color: var(--text); margin: 0; padding: 1rem; }
.nav { margin-bottom: 1.5rem; padding: 0.5rem 0; border-bottom: 1px solid var(--border); }
.nav a { margin-right: 1rem; color: var(--primary); text-decoration: none; }
.nav a:hover { text-decoration: underline; }
.main { max-width: 900px; margin: 0 auto; }

.card { background: var(--card-bg); border: 1px solid var(--border); border-radius: 4px; padding: 1.25rem; margin-bottom: 1rem; }
.form-group { margin-bottom: 0.75rem; }
.form-group label { display: block; margin-bottom: 0.25rem; font-weight: 600; }
.form-group input[type="text"], .form-group input[type="file"], .form-group select, .form-group textarea { width: 100%; max-width: 600px; }
.btn { display: inline-block; padding: 0.5rem 1rem; background: var(--primary); color: #fff; border: none; border-radius: 4px; cursor: pointer; text-decoration: none; font-size: 1rem; }
.btn:hover { opacity: 0.9; }
.report h2 { font-size: 1.1rem; margin-top: 1rem; margin-bottom: 0.5rem; }
.assessment { white-space: pre-wrap; }
.scores, .action-plan, .recent { width: 100%; border-collapse: collapse; margin: 0.5rem 0; }
.scores th, .scores td, .action-plan th, .action-plan td, .recent th, .recent td { border: 1px solid var(--border); padding: 0.4rem 0.6rem; text-align: left; }
.scores th, .action-plan th, .recent th { background: var(--primary); color: #fff; }
.big { font-size: 2rem; font-weight: 700; }