*{box-sizing:border-box}body{margin:0;background:#f3f5f9;color:#172b45;font:15px system-ui}aside{position:fixed;width:245px;height:100vh;background:#102c43;color:white;padding:30px 22px;overflow:auto}.brand{font-size:30px;font-weight:800}small{font-size:9px;letter-spacing:1.6px;color:#8edbc4}nav{margin-top:30px}nav button{display:block;width:100%;text-align:left;background:transparent;color:#d2ddea;margin:4px 0;padding:10px;border:0}nav button:hover{background:#235066}main{margin-left:245px;padding:28px 40px;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center}#hero{background:#dcefe8;border-radius:22px;padding:32px 40px;margin:28px 0}.eyebrow{letter-spacing:2px;font-size:11px;color:#237461}h1{font-size:40px;line-height:1.15;margin:15px 0}h2{text-transform:capitalize}button{cursor:pointer;background:#137d69;color:white;border:0;border-radius:8px;padding:11px 16px}input,textarea,select{display:block;width:100%;border:1px solid #c7d4df;background:white;padding:11px;border-radius:7px;margin:6px 0 14px;font:inherit}label{display:block;text-transform:capitalize}form,.card{background:white;padding:24px;border-radius:14px;margin:16px 0}form{max-width:700px}table{border-collapse:collapse;width:100%;background:white}td,th{text-align:left;padding:13px;border-bottom:1px solid #e2e8ee;font-size:13px}pre{white-space:pre-wrap;overflow-wrap:anywhere}#content{overflow:auto}#message{color:#a22b23;margin:10px 0}footer{margin:35px 0;color:#758394;font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.metric{background:white;padding:25px;border-radius:14px}.metric strong{display:block;font-size:25px;color:#137d69}@media(max-width:800px){aside{position:relative;width:100%;height:auto}nav{display:flex;overflow:auto;margin-top:15px}nav button{white-space:nowrap;width:auto}main{margin:0;padding:20px}h1{font-size:30px}}