@media screen and (max-width: 768px) {
.link-dashboard-container, .link-container {
    margin-top: 8rem;
}
.link-dashboard-header h2, .link-header h2, .links-header h1 {
    font-size: 1.5rem;
}
.link-header p {
    font-size: 1rem;
}
.form-card h3, .links-content h3, .links-content .desc{
    font-size: 1.2rem;
}
.stat-card {
    min-width: 150px;
}
.btn-add {
    margin-top: 10px;
    border: none;
    border-radius: 10px;
    padding: 0.4rem 1.2rem;
}
}

@media screen and (max-width: 480px) {
.link-dashboard-container, .link-container,.links-section {
    margin-top: 6rem;
}
.link-dashboard-header h2, .link-header h2,.link-table h3,.links-section h1 {
    font-size: 1.2rem;
}
.link-dashboard-header p, .link-dashboard-header p,
.link-header-placeholder span, .link-list-placeholder p,
.link-header p, .search-bar input, .filter-select,.qr-list th, .qr-list td,
.links-section, .links-table th, .links-table td {
    font-size: 0.8rem;
}

.link-actions .btn-primary, .link-list-placeholder h3, .stat-card .stat-value, .form-card h3,
.form-group label, .link-table p, .links-content h3, .links-content .desc  {
  font-size: 1rem;
}

.btn-primary {
    background: linear-gradient(to right, #ff6600, #ff8c1a);
    color: white;
    border: none;
    padding: 0.5rem;
    border-radius: 10px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
}