@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";html,body,#root{min-height:100%}body{min-width:320px}button{font-family:inherit}:root{color:#143548;background:#f4f8f7;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#edf9f7;background:#093c4d;flex-direction:column;padding:28px 18px;display:flex}.brand{align-items:center;gap:10px;padding:0 8px 38px;font-size:16px;font-weight:700;display:flex}.brand span{color:#093c4d;background:#69c6b6;border-radius:10px;place-items:center;width:36px;height:36px;font-size:13px;display:grid}.brand small{color:#a8c7c8;margin-top:2px;font-size:11px;font-weight:400;display:block}nav{gap:7px;display:grid}nav button{color:#c3dad8;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:11px 13px}nav button:hover,nav button.active{color:#fff;background:#155467}.sidebar-foot{color:#8db7b7;margin-top:auto;padding:12px 8px;font-size:12px}main{width:100%;max-width:1400px;margin:auto;padding:42px}header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}h1,h2,p{margin-top:0}h1,h2{font-family:Playfair Display,serif}h1{margin:2px 0;font-size:36px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#559294;margin-bottom:7px;font-size:10px;font-weight:700}.primary{color:#fff;cursor:pointer;background:#0a6371;border:0;border-radius:8px;padding:12px 17px;font-weight:700}.welcome{background:linear-gradient(120deg,#d6f0e9,#c6e5ec);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:23px;padding:29px 32px;display:flex}.welcome h2{margin-bottom:8px;font-size:28px}.welcome p:not(.eyebrow){color:#42636c;margin-bottom:0}.badge{text-align:center;color:#39727b;border:1px solid #8cbec0;border-radius:50%;place-content:center;width:100px;height:100px;font-size:12px;display:grid}.badge strong{font-size:22px}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.stats article,.card{background:#fff;border:1px solid #e0ecea;border-radius:12px;padding:20px;box-shadow:0 3px 12px #123a4310}.stats span,.stats small{color:#698282;font-size:13px;display:block}.stats strong{color:#164e5c;margin:7px 0;font-size:29px;display:block}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.card{min-height:225px}.card-title{justify-content:space-between;gap:16px;margin-bottom:19px;display:flex}.card h2{margin:0;font-size:21px}.link{color:#08717e;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-size:13px;font-weight:700}dl{grid-template-columns:120px 1fr;gap:10px;margin:0;font-size:14px;display:grid}dt{color:#718989}dd{margin:0;font-weight:500}.muted{color:#6a8284;line-height:1.6}.pill{text-transform:capitalize;border-radius:20px;align-self:center;padding:5px 10px;font-size:12px;font-weight:700}.ok{color:#26754b;background:#e2f5ea}.attention{color:#895d09;background:#fff0cf}.reading{border-bottom:1px solid #e4eeee;gap:34px;margin-bottom:16px;padding-bottom:19px;display:flex}.reading strong{color:#175566;font-size:27px;display:block}.reading span{color:#718989;font-size:12px}@media (width<=800px){.app-shell{grid-template-columns:1fr}.sidebar{padding:16px}.brand{padding-bottom:13px}nav{display:flex;overflow:auto}nav button{white-space:nowrap}.sidebar-foot{display:none}main{padding:24px 16px}header{align-items:flex-start}.primary{padding:10px;font-size:12px}.welcome{padding:24px}.badge{display:none}.stats,.grid{grid-template-columns:1fr}h1{font-size:30px}}