/* Core Layout & Glassmorphism */
.card {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 1.5rem;
}

/* Data Tables */
table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
th, td { padding: 12px; text-align: left; border-bottom: 1px solid #e5e7eb; }
th { background: #f3f4f6; color: #374151; font-weight: 600; }
tr:hover { background: #f9fafb; }

/* Forms & Buttons */
.form-group { margin-bottom: 1rem; }
.form-group label { display: block; margin-bottom: 0.5rem; font-weight: 500; color: #374151; }
input, select { width: 100%; padding: 0.5rem; border: 1px solid #d1d5db; border-radius: 6px; }
.btn { padding: 0.5rem 1rem; border: none; border-radius: 6px; cursor: pointer; font-weight: 600; color: white; }
.btn-primary { background: #4f46e5; }
.btn-primary:hover { background: #4338ca; }
.btn-danger { background: #ef4444; }

/* Grid Utilities */
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }