*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#17253d;font:15px system-ui,Arial}header{background:#14263e;color:#fff;padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}header span{color:#42d6a4}nav{display:flex;gap:14px;flex-wrap:wrap}a{color:#096fbb}nav a{color:#dbe9fa;text-decoration:none}main{max-width:1100px;margin:28px auto;padding:0 18px;min-height:65vh}h1{font-size:28px}h2{font-size:19px}section,.panel{background:white;border:1px solid #e2e9f2;border-radius:13px;padding:20px;margin:15px 0;box-shadow:0 5px 16px #1b355010}input,textarea,select{display:block;width:100%;max-width:540px;padding:12px;border:1px solid #cbd6e2;border-radius:8px;margin:7px 0 15px;font:inherit}label{font-weight:600}button,.btn{background:#087f72;color:white;padding:11px 17px;border:0;border-radius:8px;cursor:pointer;display:inline-block;text-decoration:none}table{border-collapse:collapse;width:100%;background:#fff}th,td{text-align:left;padding:11px;border-bottom:1px solid #e6edf3;overflow-wrap:anywhere}aside{padding:12px;background:#e3f8ee;border:1px solid #b0dfc6;border-radius:8px}footer{text-align:center;color:#67768b;padding:25px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px}.metric{font-size:26px;font-weight:800}small{color:#65758a}code,pre{overflow-wrap:anywhere;white-space:pre-wrap}@media(max-width:600px){h1{font-size:23px}main{margin:16px auto}section{padding:14px}table{font-size:12px}}