:root { 
    --bs-warning-rgb: 255, 193, 7; 
    --coffee-dark: #3e2723; 
}

body { 
    background-color: #f4f7f6; 
    font-family: 'Inter', sans-serif; 
    color: #333; 
}

.card { 
    border-radius: 12px; 
    border: none; 
    transition: transform 0.2s; 
}

.btn-warning { 
    color: #fff; 
    background-color: #f59e0b; 
    border: none; 
}

.btn-warning:hover { 
    background-color: #d97706; 
    color: #fff; 
}

.icon-box { 
    border-radius: 10px; 
    background: rgba(245, 158, 11, 0.1); 
    color: #f59e0b; 
    padding: 10px; 
}

.table thead th { 
    background-color: #f8fafc; 
    text-transform: uppercase; 
    font-size: 0.75rem; 
    letter-spacing: 0.05em; 
    border-top: none; 
}

.form-label { 
    font-weight: 600; 
    font-size: 0.85rem; 
    color: var(--coffee-dark); 
}

.badge-cat { 
    font-size: 0.7rem; 
    padding: 5px 10px; 
    border-radius: 20px; 
    font-weight: 600; 
}