:root{--brand:#174ea6;--navy:#12356a}
body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033}
.portal-nav{background:linear-gradient(110deg,#12356a,#1769aa);box-shadow:0 3px 14px #12356a22}
.stat-card{border:0;border-radius:14px;box-shadow:0 5px 20px #1720330c}
.card{border-radius:14px}
.btn-primary{background:#1759a8;border-color:#1759a8}
.btn-primary:hover{background:#124887;border-color:#124887}
.table thead th{font-size:.82rem;color:#64748b;background:#f8fafc;white-space:nowrap}

/* Phase 2 public homepage */
.hero-panel{background:linear-gradient(120deg,#12356a,#1769aa);color:#fff;border-radius:22px;box-shadow:0 15px 40px #12356a20}.hero-panel .form-control{min-width:0;border:0}.quick-tile{display:block;padding:20px;background:#fff;border:1px solid #e7edf5;border-radius:14px;color:#172033;text-decoration:none;font-weight:700}.section-card{background:#fff;border:1px solid #edf0f5;border-radius:16px;padding:20px;box-shadow:0 5px 20px #17203308}.content-row{display:flex;justify-content:space-between;gap:12px;padding:13px 2px;border-top:1px solid #edf0f5;color:#172033;text-decoration:none}.content-row small{display:block;color:#64748b}

.content-detail{max-width:920px;margin:auto;padding:clamp(22px,4vw,42px);background:#fff;border:1px solid #e8edf5;border-radius:18px;box-shadow:0 10px 35px rgba(18,38,63,.06)}.content-body{font-size:1.04rem;line-height:1.9;white-space:normal;color:#344054}.content-row{padding:14px 0;border-bottom:1px solid #edf0f5}.content-row:last-child{border-bottom:0}