body { font-family: Arial, sans-serif; max-width: 900px; margin: 20px auto; }
.header-container { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
h2 { margin: 0; }
.action-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; gap: 10px; }
#uploadSection, #newFolderSection { padding: 6px; border: 1px solid #ccc; border-radius: 6px; background: #f9f9f9; }
#reloadBtn { padding: 6px 12px; font-size: 0.9em; cursor: pointer; border: 1px solid #5cb85c; background: #5cb85c; color: white; border-radius: 3px; }
#reloadBtn:hover { background: #4cae4c; border-color: #449d44; }
table { width: 100%; border-collapse: collapse; table-layout: fixed; }
th, td { border: 1px solid #ddd; padding: 8px; text-align: left; word-wrap: break-word; }
th { background-color: #f2f2f2; user-select: none; }
tr:hover { background-color: #e6f7ff; }
a { color: #007acc; text-decoration: none; }
a:hover { text-decoration: underline; }
button { padding: 4px 8px; font-size: 0.9em; cursor: pointer; border: 1px solid #d9534f; background: #d9534f; color: white; border-radius: 3px; }
button:hover { background: #c9302c; border-color: #ac2925; }
#backBtn { margin-bottom: 10px; cursor: pointer; color: #007acc; display: inline-block; font-weight: bold; }
#backBtn:hover { text-decoration: underline; }
#logoutBtn { padding: 4px 8px; background: #5bc0de; color: white; border: 1px solid #46b8da; border-radius: 3px; cursor: pointer; }
#logoutBtn:hover { background: #31b0d5; }
.green-btn {
    padding: 4px 12px;
    font-size: 0.9em;
    cursor: pointer;
    border: 1px solid #5cb85c;
    background: #5cb85c;
    color: white;
    border-radius: 3px;
    transition: background 0.2s, border-color 0.2s;
}
.green-btn:hover {
    background: #4cae4c;
    border-color: #449d44;
}