:root { --ms-blue: #096b9c; --ms-aqua: #16a6a1; --ms-light: #eef8fa; }
body { background: #f6f9fa; color: #263238; min-height: 100vh; }
.navbar { background: linear-gradient(110deg, var(--ms-blue), var(--ms-aqua)); }
.hero { background: linear-gradient(135deg, #e7f6f8, #fff); border-radius: 1rem; }
.hero h1, h1 { color: var(--ms-blue); }
.card { border: 0; border-radius: .75rem; box-shadow: 0 .15rem .75rem rgba(0,0,0,.07); }
.card-header { background: var(--ms-light); color: var(--ms-blue); font-weight: 600; }
.btn-primary { background-color: var(--ms-blue); border-color: var(--ms-blue); }
.btn-primary:hover { background-color: #075a84; border-color: #075a84; }
.stat-number { color: var(--ms-aqua); font-size: 2rem; font-weight: 700; }
