.filters {
            background: #f8f9fa;
            padding: 15px;
            border-radius: 5px;
            margin-bottom: 20px;
            border: 1px solid #dee2e6;
        }

        body.dark-mode .filters {
            background: #333;
            color: #ccc;
            border-color: #444;
        }
        
        .filters form {
            display: flex;
            gap: 15px;
            align-items: center;
            flex-wrap: wrap;
        }
        
        .filters select, .filters input {
            padding: 8px 12px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        
        .filters button {
            background: #007bff;
            color: white;
            border: none;
            padding: 8px 16px;
            border-radius: 4px;
            cursor: pointer;
        }
        
        .view-controls {
            margin-bottom: 15px;
            text-align: right;
        }
        
        .view-controls a {
            margin: 0 5px;
            padding: 5px 10px;
            text-decoration: none;
            border: 1px solid #ccc;
            border-radius: 3px;
            color: #333;
        }
        
        .view-controls a.active {
            background: #007bff;
            color: white;
        }
        
        /* Siatka (Grid) */
        .files-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            gap: 20px;
            margin-bottom: 30px;
        }
        
        .file-card {
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 15px;
            background: white;
            transition: box-shadow 0.2s;
        }
        
        .file-card:hover {
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }
        
        .file-thumbnail {
            width: 100%;
            height: 150px;
            background: #f8f9fa;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;
            overflow: hidden;
        }
        
        .file-thumbnail img {
            max-width: 100%;
            max-height: 100%;
            object-fit: cover;
        }
        
        .file-info {
            font-size: 12px;
            color: #666;
            margin-top: 5px;
        }
        
        .file-actions {
            margin-top: 10px;
        }
        
        .file-actions a {
            background: #28a745;
            color: white;
            padding: 5px 10px;
            text-decoration: none;
            border-radius: 3px;
            font-size: 12px;
            margin-right: 5px;
        }
        
        /* Lista (List) */
        .files-list {
            margin-bottom: 30px;
        }
        
        .files-table {
            width: 100%;
            border-collapse: collapse;
            background: white;
        }

        body.dark-mode .files-table {
            background: transparent;
            color: #ccc;
        }
        
        .files-table th,
        .files-table td {
            padding: 12px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }

        body.dark-mode .files-table th, body.dark-mode .files-table td {
            border-bottom: 1px solid #484848;
        }
        
        .files-table th {
            background: #3e6c9a;
            font-weight: 600;
        }

        body.dark-mode .files-table th {
            background: #2c3e50;
        }
        
        .files-table tr:hover {
            background: #f8f9fa;
        }

        body.dark-mode .files-table tr:hover {
            background: #0c0c0c;
        }
        
        /* Kolekcje (Cards) */
        .files-cards {
            margin-bottom: 30px;
        }
        
        .file-row-card {
            display: flex;
            align-items: center;
            background: white;
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 15px;
            margin-bottom: 10px;
            transition: box-shadow 0.2s;
        }
        
        .file-row-card:hover {
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }

        body.dark-mode .file-row-card {
            background: #444;
            color: #ccc;
            border-color: #555;
        }

        body.dark-mode .file-row-card:hover {
            box-shadow: 0 2px 8px rgba(255,255,255,0.1);
        }
        
        .file-row-thumbnail {
            width: 80px;
            height: 80px;
            background: #f8f9fa;
            border-radius: 4px;
            margin-right: 15px;
            overflow: hidden;
        }
        
        .file-row-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .file-row-details {
            flex: 1;
        }
        
        .file-row-actions {
            margin-left: 15px;
        }
        
        .links-section {
            margin-top: 40px;
            padding-top: 20px;
            border-top: 2px solid #007bff;
        }
        
        .links-table {
            width: 100%;
            border-collapse: collapse;
        }
        
        .links-table th,
        .links-table td {
            padding: 10px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }
        
        .links-table th {
            background:rgb(62, 108, 154);
        }
        
        .links-table a:hover {
            color:rgb(130, 159, 187);
            text-decoration: underline;
        }

        .links-table tr:hover {
            background: #f8f9fa;
        }

        body.dark-mode tr:hover {
            background: #0c0c0c;
        }

        body.dark-mode .links-table th, body.dark-mode .links-table td {
            border-bottom: 1px solid #484848;
        }

        .links-table a, .links-table span {
            color:rgb(76, 103, 131);
            text-decoration: none;
        }
        
        .tag {
            background: #6c757d;
            color: white;
            padding: 2px 6px;
            border-radius: 3px;
            font-size: 11px;
            margin-right: 3px;
        }
        
        .category {
            background: #17a2b8;
            color: white;
            padding: 2px 8px;
            border-radius: 10px;
            font-size: 11px;
        }
        
        h2 {
            border-bottom: 2px solid #007bff;
            padding-bottom: 10px;
            margin-bottom: 20px;
            color: gray;
        }
        
        h3 {
            margin-bottom: 30px;
            color: gray;
        }

        .file-thumbnail video {
            max-width: 100%;
            max-height: 100%;
            object-fit: cover;
        }

        .file-thumbnail audio {
            width: 100%;
            max-width: 200px;
        }

        .file-row-thumbnail video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .file-row-thumbnail audio {
            max-width: 70px;
            height: 25px;
        }