.admin-card-controls { position: absolute; top: 10px; right: 10px; display: flex; gap: 8px; z-index: 10; }
.admin-icon-btn {
    background: rgba(0,0,0,0.6); color: white; border: 1px solid hsla(0, 0%, 100%, 0.2);
    border-radius: 50%; width: 34px; height: 34px; cursor: pointer; transition: all 0.2s;
    display: flex; justify-content: center; align-items: center;
}
.admin-icon-btn:hover { background: rgba(0,0,0,0.9); transform: scale(1.1); }
.admin-icon-btn.edit-btn:hover { color: #06abfe; border-color: #06abfe; }
.admin-icon-btn.delete-btn:hover { color: #ff6b6b; border-color: #ff6b6b; }
.admin-icon-btn.add-btn { background: #28a745; width: 44px; height: 44px; font-size: 20px; }
.admin-icon-btn.add-btn:hover { background: #218838; border-color: #28a745; }

.admin-input {
    background: hsla(0, 0%, 100%, 0.05); border: 1px solid hsla(0, 0%, 100%, 0.2);
    color: white; padding: 14px; border-radius: 8px; font-family: inherit; font-size: 16px;
    outline: none; transition: border-color 0.2s; box-sizing: border-box; width: 100%;
}
.admin-input:focus { border-color: #06abfe; }
.admin-input option { background-color: hsl(0, 0%, 12%); color: white; }

.admin-filter-box { background-color: hsla(0,0%,0%,0.3); }
.filter-header { color: #06abfe; }
.admin-label { font-size: 12px; color: hsla(0,0%,100%,0.6); margin-left: 5px; text-transform: uppercase; }
.date-input { color: hsla(0,0%,100%,0.6); }
.date-input:valid { color: white; }

@media (max-width: 768px) {
    #admin-table-select, #admin-search-filter { width: 100% !important; }
    .admin-card-controls { flex-wrap: wrap; }
    #admin-filter-inputs { grid-template-columns: 1fr !important; }
}