html { scroll-behavior: smooth; }
body { font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.entry-row { display: flex; align-items: center; gap: 0.75rem; padding: 0.625rem 1rem; transition: background-color .15s; }
.entry-row:hover { background-color: rgba(30, 41, 59, .5); }
.entry-row .name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.entry-row .size { font-size: 12px; color: #64748b; font-variant-numeric: tabular-nums; width: 5rem; text-align: right; }
.entry-row .actions { display: flex; gap: .25rem; opacity: 1; transition: opacity .15s; }
.entry-row:hover .actions { opacity: 1; }
.icon-folder { color: #818cf8; }
.icon-file { color: #94a3b8; }
.btn-icon { display:inline-flex; align-items:center; justify-content:center; padding: 4px; border-radius: 6px; color:#cbd5e1; }
.btn-icon:hover { background-color: rgba(71,85,105,.5); color:#fff; }
.btn-icon.danger:hover { background-color: rgba(220,38,38,.25); color:#fca5a5; }
.progress-bar { height:6px; border-radius: 999px; background:#1e293b; overflow:hidden; }
.progress-bar > span { display:block; height:100%; background:#6366f1; transition:width .2s; }