<!DOCTYPE html>
<html>
<head><title>Index of {path}</title>
<style>
    body {{ font-family: monospace; background: #fff; padding: 20px; }}
    h1 {{ border-bottom: 1px solid #ccc; padding-bottom: 10px; }}
    table {{ width: 100%; border-collapse: collapse; }}
    th {{ text-align: left; padding: 10px; background: #f0f0f0; }}
    td {{ padding: 8px; border-bottom: 1px solid #eee; }}
    a {{ color: #0066cc; text-decoration: none; }}
    a:hover {{ text-decoration: underline; }}
</style>
</head>
<body>
<h1>Index of {path}</h1>
<table>
<tr><th>Name</th><th>Last Modified</th><th>Size</th></tr>
<tr><td><a href="../">Parent Directory</a></td><td>-</td><td>-</td></tr>
{rows}
</table></body></html>