body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; background:#1e1e2f; color:#e0e0e0; margin:0; padding:20px; }
h1 { color: #ffdd57; }
ul { list-style:none; padding-left:20px; }
li.folder > strong { color: #57a0ff; }
li.file a { color: #a8ff60; text-decoration:none; }
li.file a:hover { color:#fff; text-decoration:underline; }
ul ul { margin-left:20px; border-left:1px dotted #555; padding-left:10px; }
.preview { max-width:80px; max-height:80px; vertical-align:middle; margin-right:10px; border:1px solid #555; border-radius:4px; }
.pdf-preview { display:block; width:300px; height:200px; margin-top:5px; border:1px solid #555; border-radius:4px; }
.download-btn { margin-left: 8px; text-decoration: none; color: #ffdd57; font-weight: bold; cursor: pointer; }
.download-btn:hover { color: #ffffff; }
button { margin:5px; padding:10px 15px; background:#57a0ff; color:#fff; border:none; border-radius:5px; cursor:pointer; }
button:hover { background:#ffdd57; color:#000; }