body { background-color: #f4f7f6; font-size: 13px; font-family: 'Segoe UI', Tahoma, sans-serif; }
.folder-list .list-group-item { cursor: pointer; border: none; margin-bottom: 2px; border-radius: 6px; transition: all 0.2s; }
.folder-list .list-group-item:hover { background-color: #e2e6ea; transform: translateX(3px); }
.folder-list .list-group-item.active { background-color: #0d6efd !important; color: white !important; }
.text-truncate-max { max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; }
.card { border: none; box-shadow: 0 0 15px rgba(0,0,0,0.05); border-radius: 8px; }
.table th { background-color: #f8f9fa; }
.btn-group-sm>.btn, .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.75rem; }
.font-monospace { font-family: 'Courier New', Courier, monospace !important; }
.table-warning { background-color: #fff3cd !important; transition: background-color 0.3s; }
.table-success { background-color: #d1e7dd !important; transition: background-color 0.5s; }
thead th[onclick] {
    user-select: none;
    transition: background-color 0.2s;
}
thead th[onclick]:hover {
    background-color: #e9ecef !important;
}