} .documents-table th { background: rgba(0, 0, 0, 0.5); color: var(--theme-primary); font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; } .documents-table td { color: var(--theme-light); font-size: 14px; } .documents-table tr:hover { background: rgba(255, 255, 255, 0.05); } .file-name { color: white; font-weight: 500; } .file-size { color: var(--theme-secondary); font-weight: 500; } .upload-date { color: #999; font-size: 12px; } .default-badge { display: inline-block; padding: 2px 8px; background: var(--theme-primary); color: white; border-radius: 10px; font-size: 10px; font-weight: 500; text-transform: uppercase; } .action-buttons { display: flex; gap: 8px; } .btn-small { padding: 6px 12px; font-size: 12px; border: none; border-radius: 4px; cursor: pointer; transition: all 0.3s ease; } .btn-danger { background: #ff4444; color: white; } .btn-danger:hover { background: #ff6666; transform: translateY(-1px); } .btn-primary { background: var(--theme-primary); color: white; } .btn-primary:hover { background: var(--theme-secondary); transform: translateY(-1px); } .back-link { display: inline-block; margin-bottom: 20px; color: var(--theme-primary); text-decoration: none; font-size: 14px; } .back-link:hover { text-decoration: underline; } .upload-section { margin-bottom: 30px; padding: 20px; background: rgba(0, 0, 0, 0.3); border-radius: 8px; border: 1px solid #333; } .upload-form { display: flex; gap: 15px; align-items: end; } .file-input-group { flex: 1; } .file-input-group label { display: block; color: var(--theme-light); font-size: 14px; margin-bottom: 5px; } .file-input { width: 100%; padding: 10px; background: #1a1a1a; border: 1px solid #333; border-radius: 5px; color: white; font-size: 14px; } .upload-btn { padding: 10px 20px; background: linear-gradient(135deg, var(--theme-primary), var(--theme-dark)); border: none; border-radius: 5px; color: white; font-size: 14px; cursor: pointer; transition: all 0.3s ease; } .upload-btn:hover { background: linear-gradient(135deg, var(--theme-secondary), var(--theme-primary)); transform: translateY(-1px); } .error-message { background: rgba(255, 0, 0, 0.2); border: 1px solid #ff4444; color: #ff6666; padding: 10px; border-radius: 5px; margin-top: 10px; font-size: 14px; } .success-message { background: rgba(0, 255, 0, 0.2); border: 1px solid #44ff44; color: #66ff66; padding: 10px; border-radius: 5px; margin-top: 10px; font-size: 14px; } .empty-state { text-align: center; padding: 40px; color: #666; } .empty-state-icon { font-size: 48px; margin-bottom: 15px; }
Upload, organize, and manage your document library