body { 
    font-family: Arial, sans-serif; 
    background: var(--gray-bg);
    margin:0;
}
.container { 
    width:90%; 
    max-width:1200px; 
    margin:50px auto;
}
h1 { margin-bottom: 20px; 
    text-align:center;
    color: var(--black-text);
}
.filters { 
    display:flex; 
    gap:10px; 
    margin-bottom:20px; 
    justify-content:center;
}
input, select { 
    padding:10px; 
    border-radius:6px; 
    border:1px solid #ccc; 
}
table { 
    width:100%; 
    border-collapse:collapse; 
    background: var(--white-bg);
    color: var(--black-text);
}
th, td { 
    padding:12px; 
    border-bottom:1px solid #eee; 
    text-align:left; 
}
th { 
    background:#e68f3e; 
}
a { 
    text-decoration:none; 
    color:#0066ff; 
    font-weight:bold; 
}
.badge { 
    background:#ff7300; 
    color:white; font-size:10px; 
    padding:2px 6px; 
    border-radius:4px; 
    margin-left:5px; 
}
@media (max-width: 768px){
    table, thead, tbody, th, td, tr { display:block; }
    tr { margin-bottom:15px; border: #ff7300 solid 1px; }
    th { display:none; }
    td { position: relative; padding-left: 50%; }
    td::before { position:absolute; left:10px; width:45%; white-space:nowrap; font-weight:bold; }
    td:nth-of-type(1)::before { content:"Name"; }
    td:nth-of-type(2)::before { content:"Category"; }
    td:nth-of-type(3)::before { content:"Version"; }
    td:nth-of-type(4)::before { content:"Size"; }
    td:nth-of-type(5)::before { content:"Description"; }
    td:nth-of-type(6)::before { content:"Download"; }
}